Browse Source

split footer into header and footer

master
Lynne Megido 1 year ago
parent
commit
af84da9604
Signed by: lynnesbian GPG Key ID: F0A184B5213D9F90
  1. 9
      _includes/footer.html
  2. 5
      _includes/header.html
  3. 2
      _layouts/default.html
  4. 18
      assets/style.css

9
_includes/footer.html

@ -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

@ -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

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

18
assets/style.css

@ -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…
Cancel
Save