footer: add footer - powered by hugo and console theme

This commit is contained in:
Marcin Mierzejewski 2020-05-01 14:38:16 +02:00
parent 4e1c9914ae
commit 9e36d6567f
4 changed files with 25 additions and 4 deletions

View file

@ -9,9 +9,11 @@ A minimal, responsive and light theme for Hugo inspired by Linux console.
## Installation ## Installation
$ mkdir themes ```
$ cd themes $ mkdir themes
$ git submodule add https://github.com/mrmierzejewski/hugo-theme-console.git hugo-theme-console $ cd themes
$ git submodule add https://github.com/mrmierzejewski/hugo-theme-console.git hugo-theme-console
```
See the [Hugo documentation](https://gohugo.io/themes/installing/) for more information. See the [Hugo documentation](https://gohugo.io/themes/installing/) for more information.

View file

@ -51,6 +51,7 @@
<div class="container animated zoomIn fast"> <div class="container animated zoomIn fast">
{{ block "main" . }} {{ block "main" . }}
{{ end }} {{ end }}
{{ partial "footer.html" . }}
</div> </div>
</body> </body>
</html> </html>

View file

@ -0,0 +1,4 @@
<div class="footer">
Powered by <a hreef="https://gohugo.io/">Hugo</a> with
<a href="https://github.com/mrmierzejewski/hugo-theme-console/">Console Theme</a>.
</div>

View file

@ -135,6 +135,7 @@ strong {
--global-line-height: 1.6em; --global-line-height: 1.6em;
--page-width: 70em; --page-width: 70em;
--display-h1-decoration: 1; --display-h1-decoration: 1;
--code-bg-color: #fff;
} }
.terminal-menu li { .terminal-menu li {
@ -156,6 +157,11 @@ figure {
margin-right: 60px; margin-right: 60px;
} }
.footer {
margin-top: 150px;
padding-top: 10px;;
border-top: 1px solid var(--secondary-color);
}
@media only screen and (max-width: 850px) { @media only screen and (max-width: 850px) {
.site-name { .site-name {
@ -194,6 +200,12 @@ figure {
.post-list-date { .post-list-date {
display: none; display: none;
} }
.footer {
margin-top: 50px;
padding-top: 5px;;
border-top: 1px solid var(--secondary-color);
}
} }
@ -221,3 +233,5 @@ figure {
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }