aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--app.css4
-rw-r--r--app.scss10
-rw-r--r--config.yml2
-rw-r--r--index.html9
4 files changed, 18 insertions, 7 deletions
diff --git a/app.css b/app.css
index 2cdb507..b514059 100644
--- a/app.css
+++ b/app.css
@@ -230,6 +230,10 @@ body {
230 color: #676767; 230 color: #676767;
231 font-size: 0.85rem; 231 font-size: 0.85rem;
232 transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; } 232 transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; }
233 body .no-footer #main-section {
234 margin-bottom: 0; }
235 body .no-footer .footer {
236 display: none; }
233 body .search-bar { 237 body .search-bar {
234 position: relative; 238 position: relative;
235 display: inline-block; } 239 display: inline-block; }
diff --git a/app.scss b/app.scss
index 476ee09..a0b1d42 100644
--- a/app.scss
+++ b/app.scss
@@ -302,6 +302,16 @@ body {
302 transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; 302 transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
303 } 303 }
304 304
305 .no-footer {
306 #main-section {
307 margin-bottom: 0;
308 }
309
310 .footer {
311 display: none;
312 }
313 }
314
305 .search-bar { 315 .search-bar {
306 position: relative; 316 position: relative;
307 display: inline-block; 317 display: inline-block;
diff --git a/config.yml b/config.yml
index fa29d65..e8c4352 100644
--- a/config.yml
+++ b/config.yml
@@ -6,9 +6,9 @@ title: "Demo homepage"
6subtitle: "Homer" 6subtitle: "Homer"
7logo: "assets/logo.png" 7logo: "assets/logo.png"
8# icon: "fas fa-skull-crossbones" Optional icon 8# icon: "fas fa-skull-crossbones" Optional icon
9footer: '<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.
9 10
10# Optional message 11# Optional message
11#
12message: 12message:
13 # url: https://.... 13 # url: https://....
14 style: "is-dark" # See https://bulma.io/documentation/components/message/#colors for styling options. 14 style: "is-dark" # See https://bulma.io/documentation/components/message/#colors for styling options.
diff --git a/index.html b/index.html
index 4bc82c1..070656d 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
13</head> 13</head>
14 14
15<body> 15<body>
16 <div id="app" v-if="config" :class="[isDark ? 'is-dark' : 'is-light']"> 16 <div id="app" v-if="config" :class="[isDark ? 'is-dark' : 'is-light', !config.footer ? 'no-footer': '']">
17 <div id="bighead"> 17 <div id="bighead">
18 <section class="first-line"> 18 <section class="first-line">
19 <div v-cloak class="container"> 19 <div v-cloak class="container">
@@ -104,11 +104,8 @@
104 </section> 104 </section>
105 <footer class="footer"> 105 <footer class="footer">
106 <div class="container"> 106 <div class="container">
107 <div class="content has-text-centered"> 107 <div class="content has-text-centered" v-if="config.footer" v-html="config.footer">
108 <p>Created with <span class="has-text-danger">❤️</span> with <a href="https://bulma.io/">bulma</a>, <a 108
109 href="https://vuejs.org/">vuejs</a>
110 & <a href="https://fontawesome.com/">font awesome</a> // Fork me on <a href="https://github.com/bastienwirtz/homer"><i
111 class="fab fa-github-alt"></i></a></p>
112 </div> 109 </div>
113 </div> 110 </div>
114 </footer> 111 </footer>