Optionnal footer support

author: Bastien Wirtz <bastien.wirtz@gmail.com> 2020-02-26 21:56:25 -0800
committer: Bastien Wirtz <bastien.wirtz@gmail.com> 2020-02-26 21:56:25 -0800
commit: 51956c3abd8789a87c19bc71c6592d4e052e5dea (patch)
tree: 0a83b44321f463011fbc6e0ed0ef50b33597759a
parent: 672bd42a799abf6fb39a0763188d8dbc88fbda66 (diff)
download: homer-51956c3abd8789a87c19bc71c6592d4e052e5dea.tar.gz
homer-51956c3abd8789a87c19bc71c6592d4e052e5dea.tar.zst
homer-51956c3abd8789a87c19bc71c6592d4e052e5dea.zip
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 {
    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; }
diff --git a/app.scss b/app.scss
index 476ee09..a0b1d42 100644
--- a/app.scss
+++ b/app.scss
@@ -302,6 +302,16 @@ body {
    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;
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"
 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.
diff --git a/index.html b/index.html
index 4bc82c1..070656d 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
 </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">
@@ -104,11 +104,8 @@
    </section>
    <footer class="footer">
        <div class="container">
-          <div class="content has-text-centered">
+          <div class="content has-text-centered" v-if="config.footer" v-html="config.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>
          </div>
        </div>
      </footer>
author	Bastien Wirtz <bastien.wirtz@gmail.com>	2020-02-26 21:56:25 -0800
committer	Bastien Wirtz <bastien.wirtz@gmail.com>	2020-02-26 21:56:25 -0800
commit	51956c3abd8789a87c19bc71c6592d4e052e5dea (patch)
tree	0a83b44321f463011fbc6e0ed0ef50b33597759a
parent	672bd42a799abf6fb39a0763188d8dbc88fbda66 (diff)
download	homer-51956c3abd8789a87c19bc71c6592d4e052e5dea.tar.gz homer-51956c3abd8789a87c19bc71c6592d4e052e5dea.tar.zst homer-51956c3abd8789a87c19bc71c6592d4e052e5dea.zip

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"
6	subtitle: "Homer"	6	subtitle: "Homer"
7	logo: "assets/logo.png"	7	logo: "assets/logo.png"
8	# icon: "fas fa-skull-crossbones" Optional icon	8	# icon: "fas fa-skull-crossbones" Optional icon
		9	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.
9		10
10	# Optional message	11	# Optional message
11	#
12	message:	12	message:
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>