split footer into header and footer

This commit is contained in:
Lynne Megido 2020-03-12 19:21:03 +10:00
parent e21ab8547d
commit af84da9604
Signed by: lynnesbian
GPG Key ID: F0A184B5213D9F90
4 changed files with 22 additions and 12 deletions

View File

@ -1,10 +1,3 @@
<footer>
<p>
{%- if page.title != "Welcome!" -%}<a href='/'>Home</a>{% endif -%}
{%- if page.title != "Contact" -%}<a href='/contact.html'>Contact</a>{% endif -%}
{%- if page.title != "Projects" -%}<a href='/projects.html'>Projects</a>{% endif -%}
</p>
<p>
<a href='https://bune.city'>Blog</a><a href='https://github.com/lynnesbian'>GitHub</a><a href='https://git.bune.city/lynnesbian'>Gitea</a>
</p>
<a href='https://bune.city'>Blog</a><a href='https://github.com/lynnesbian'>GitHub</a><a href='https://git.bune.city/lynnesbian'>Gitea</a>
</footer>

5
_includes/header.html Normal file
View File

@ -0,0 +1,5 @@
<header>
{%- if page.title != "Welcome!" -%}<a href='/'>Home</a>{% endif -%}
{%- if page.title != "Contact" -%}<a href='/contact.html'>Contact</a>{% endif -%}
{%- if page.title != "Projects" -%}<a href='/projects.html'>Projects</a>{% endif -%}
</header>

View File

@ -8,6 +8,8 @@
</head>
<body>
{% include header.html %}
<div id='main'>
{{ content }}
</div>

View File

@ -103,16 +103,26 @@ a {
width: 100%;
}
header {
background: mediumpurple;
padding: 0 30px;
}
header a {
color: white;
display: inline-block;
padding: 5px 15px;
transition: 0.2s all;
}
header a:hover {
background-color: #fff8;
}
footer {
text-align: center;
color: grey;
font-style: italic;
box-sizing: content-box;
}
footer p {
font-size: unset;
margin: 5px;
}
footer a:not(:last-child)::after, .subheading-links a:not(:last-child)::after {
content: " - "
}