lynnesbian/lynnesbian.space
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

split footer into header and footer

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

9
_includes/footer.html
View file

@ -1,10 +1,3 @@
<footer> <footer>
<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>
{%- 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> </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>

2
_layouts/default.html
View file

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

18
assets/style.css
View file

@ -103,16 +103,26 @@ a {
width: 100%; 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 { footer {
text-align: center; text-align: center;
color: grey; color: grey;
font-style: italic; font-style: italic;
box-sizing: content-box; box-sizing: content-box;
} }
footer p {
font-size: unset;
margin: 5px;
}
footer a:not(:last-child)::after, .subheading-links a:not(:last-child)::after { footer a:not(:last-child)::after, .subheading-links a:not(:last-child)::after {
content: " - " content: " - "
} }