minor styling, added footer
This commit is contained in:
parent
5fd8e0b21e
commit
70c6c223c4
4 changed files with 29 additions and 4 deletions
3
_includes/footer.html
Normal file
3
_includes/footer.html
Normal file
|
@ -0,0 +1,3 @@
|
|||
<footer>
|
||||
<a href='/'>Home</a> - <a href='https://git.bune.city/lynnesbian/recipe-site'>Git</a>
|
||||
</footer>
|
|
@ -8,7 +8,12 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
{{ content }}
|
||||
<div>
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
{%- include footer.html -%}
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
@ -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 -%}
|
||||
|
|
21
style.css
21
style.css
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue