split footer into header and footer
This commit is contained in:
parent
e21ab8547d
commit
af84da9604
4 changed files with 22 additions and 12 deletions
|
@ -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>
|
||||
</footer>
|
5
_includes/header.html
Normal file
5
_includes/header.html
Normal 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>
|
|
@ -8,6 +8,8 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
{% include header.html %}
|
||||
|
||||
<div id='main'>
|
||||
{{ content }}
|
||||
</div>
|
||||
|
|
|
@ -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: " - "
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue