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> </head>
<body> <body>
{{ content }} <div>
{{ content }}
</div>
{%- include footer.html -%}
</body> </body>
</html> </html>

View File

@ -14,7 +14,7 @@ layout: default
{%- endfor -%} {%- endfor -%}
<h1>{{ page.name }}</h1> <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 %} {%- if applicable_subrecipes %}
<h2> Subrecipes </h2> <h2> Subrecipes </h2>
{% for subrecipe in site.subrecipes -%} {% for subrecipe in site.subrecipes -%}

View File

@ -1,8 +1,16 @@
body { 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 { .subrecipe {
background-color: #eee; background: #eee;
padding: 5px; padding: 5px;
} }
.subrecipe h3 { .subrecipe h3 {
@ -23,3 +31,12 @@ ul, ol {
list-style-position: inside; list-style-position: inside;
padding-left: 10px; padding-left: 10px;
} }
footer {
text-align: center;
margin: 20px auto;
}
footer, .subtle {
color: grey;
font-style: italic;
}