minor styling, added footer

This commit is contained in:
Lynne Megido 2020-03-01 06:26:37 +10:00
parent 5fd8e0b21e
commit 70c6c223c4
Signed by: lynnesbian
GPG Key ID: F0A184B5213D9F90
4 changed files with 29 additions and 4 deletions

3
_includes/footer.html Normal file
View File

@ -0,0 +1,3 @@
<footer>
<a href='/'>Home</a> - <a href='https://git.bune.city/lynnesbian/recipe-site'>Git</a>
</footer>

View File

@ -8,7 +8,12 @@
</head>
<body>
{{ content }}
<div>
{{ content }}
</div>
{%- include footer.html -%}
</body>
</html>

View File

@ -14,7 +14,7 @@ layout: default
{%- endfor -%}
<h1>{{ page.name }}</h1>
<p> {{ page.method.size }} steps - Estimated cooking time: {{ page.time | default: "Not provided" }}</p>
<p class='subtle'> {{ page.method.size }} steps - Estimated cooking time: {{ page.time | default: "Not provided" }}</p>
{%- if applicable_subrecipes %}
<h2> Subrecipes </h2>
{% for subrecipe in site.subrecipes -%}

View File

@ -1,8 +1,16 @@
body {
font-family: sans-serif;
font-family: "DejaVu Sans", "Bitstream Vera Sans", "Helvetica", "Roboto", sans-serif;
display: flex;
flex-direction: column;
min-height: 100vh;
background: #fafafa;
}
body div {
flex-grow: 1;
}
.subrecipe {
background-color: #eee;
background: #eee;
padding: 5px;
}
.subrecipe h3 {
@ -23,3 +31,12 @@ ul, ol {
list-style-position: inside;
padding-left: 10px;
}
footer {
text-align: center;
margin: 20px auto;
}
footer, .subtle {
color: grey;
font-style: italic;
}