holm/homer
1
0
Fork 0
forked from extern/homer
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Optionnal footer support

Browse Source
This commit is contained in:
Bastien Wirtz 2020-02-26 21:56:25 -08:00
parent 672bd42a79
commit 51956c3abd
4 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app.css
View File

@ -230,6 +230,10 @@ body {
color: #676767; color: #676767;
font-size: 0.85rem; font-size: 0.85rem;
transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; } 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 { body .search-bar {
position: relative; position: relative;
display: inline-block; } display: inline-block; }

10
app.scss
View File

@ -302,6 +302,16 @@ body {
transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; 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 { .search-bar {
position: relative; position: relative;
display: inline-block; display: inline-block;

2
config.yml
View File

@ -6,9 +6,9 @@ title: "Demo homepage"
subtitle: "Homer" subtitle: "Homer"
logo: "assets/logo.png" logo: "assets/logo.png"
# icon: "fas fa-skull-crossbones" Optional icon # 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 # Optional message
#
message: message:
# url: https://.... # url: https://....
style: "is-dark" # See https://bulma.io/documentation/components/message/#colors for styling options. style: "is-dark" # See https://bulma.io/documentation/components/message/#colors for styling options.

9
index.html
View File

@ -13,7 +13,7 @@
</head> </head>
<body> <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"> <div id="bighead">
<section class="first-line"> <section class="first-line">
<div v-cloak class="container"> <div v-cloak class="container">
@ -104,11 +104,8 @@
</section> </section>
<footer class="footer"> <footer class="footer">
<div class="container"> <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>
</div> </div>
</footer> </footer>