color: #676767;
font-size: 0.85rem;
transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; }
+ body .no-footer #main-section {
+ margin-bottom: 0; }
+ body .no-footer .footer {
+ display: none; }
body .search-bar {
position: relative;
display: inline-block; }
transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
}
+ .no-footer {
+ #main-section {
+ margin-bottom: 0;
+ }
+
+ .footer {
+ display: none;
+ }
+ }
+
.search-bar {
position: relative;
display: inline-block;
subtitle: "Homer"
logo: "assets/logo.png"
# icon: "fas fa-skull-crossbones" Optional icon
+footer: '<p>Created with <span class="has-text-danger">❤️</span> with <a href="https://bulma.io/">bulma</a>, <a href="https://vuejs.org/">vuejs</a> & <a href="https://fontawesome.com/">font awesome</a> // Fork me on <a href="https://github.com/bastienwirtz/homer"><i class="fab fa-github-alt"></i></a></p>' # set false if you want to hide it.
# Optional message
-#
message:
# url: https://....
style: "is-dark" # See https://bulma.io/documentation/components/message/#colors for styling options.
</head>
<body>
- <div id="app" v-if="config" :class="[isDark ? 'is-dark' : 'is-light']">
+ <div id="app" v-if="config" :class="[isDark ? 'is-dark' : 'is-light', !config.footer ? 'no-footer': '']">
<div id="bighead">
<section class="first-line">
<div v-cloak class="container">
</section>
<footer class="footer">
<div class="container">
- <div class="content has-text-centered">
- <p>Created with <span class="has-text-danger">❤️</span> with <a href="https://bulma.io/">bulma</a>, <a
- href="https://vuejs.org/">vuejs</a>
- & <a href="https://fontawesome.com/">font awesome</a> // Fork me on <a href="https://github.com/bastienwirtz/homer"><i
- class="fab fa-github-alt"></i></a></p>
+ <div class="content has-text-centered" v-if="config.footer" v-html="config.footer">
+
</div>
</div>
</footer>
projects / github / bastienwirtz / homer.git / commitdiff
