chvp/www.chvp.be
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Better HTML

Browse source
This commit is contained in:
Charlotte Van Petegem 2023-11-04 10:41:47 +01:00
parent 6974f139fa
commit 83ead7a00b
No known key found for this signature in database
GPG key ID: 019E764B7184435A
5 changed files with 43 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

51
src/sass/style.scss
View file

@ -2,37 +2,12 @@ body {
margin: 0; margin: 0;
} }
header {
border-bottom: black 1px solid;
padding: 0.5em;
section {
display: inline;
+ section::before {
content: '| ';
}
}
}
main { main {
padding: 0.5em; padding: 0.5em;
max-width: 60em; max-width: 60em;
margin: 0 auto; margin: 0 auto;
} }
footer {
border-top: black 1px solid;
padding: 0.5em;
section {
display: inline;
+ section::before {
content: '| ';
}
}
}
pre { pre {
padding: 0.5em; padding: 0.5em;
} }
@ -57,6 +32,32 @@ pre {
} }
} }
header {
border-bottom: black 1px solid;
}
footer {
border-top: black 1px solid;
}
header, footer {
padding: 0.5em;
nav ol {
padding: 0;
margin: 0;
li {
display: inline;
list-style-type: none;
+ li::before {
content: '| ';
}
}
}
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
header { header {
border-bottom: #ccc 1px solid; border-bottom: #ccc 1px solid;

23
src/templates/base.html
View file

@ -10,21 +10,24 @@
<body> <body>
<header> <header>
<section> <nav>
<a href="{{ get_url(path="@/_index.md" )}}">Homepage</a> <ol>
</section> <li><a href="{{ get_url(path="@/_index.md" )}}">Homepage</a></li>
<section> <li><a href="{{ get_url(path="@/blog/_index.md") }}">Blog</a></li>
<a href="{{ get_url(path="@/blog/_index.md") }}">Blog</a> </ol>
</section> </nav>
</header> </header>
<main> <main>
{% block content %} {% endblock %} {% block content %} {% endblock %}
</main> </main>
<footer> <footer>
<section><a href="{{ get_url(path="@/about.md") }}">About me</a></section> <nav>
<section><a href="{{ get_url(path="blog/atom.xml", trailing_slash=false) }}">Atom/RSS</a></section> <ol>
<section>This website was lovingly crafted using <a href="https://www.getzola.org" target="_blank" rel="noopener nofollow noreferrer">Zola</a>.</section> <li><a href="{{ get_url(path="@/about.md") }}">About me</a></li>
</ul> <li><a href="{{ get_url(path="blog/atom.xml", trailing_slash=false) }}">Atom/RSS</a></li>
<li>This website was lovingly crafted using <a href="https://www.getzola.org" target="_blank" rel="noopener nofollow noreferrer">Zola</a>.</li>
</ol>
</nav>
</footer> </footer>
</body> </body>
</html> </html>

4
src/templates/index.html
View file

@ -14,8 +14,8 @@ appropriately named <a href="{{ get_url(path="@/about.md")}}">About me</a> page.
{% for page in blog_section.pages | slice(end=3) %} {% for page in blog_section.pages | slice(end=3) %}
<li> <li>
<p><a href="{{ page.permalink | safe }}">{{ page.title }}</a> ({{ page.date }})</p> <p><a href="{{ page.permalink | safe }}">{{ page.title }}</a> ({{ page.date }})</p>
<p>{{ page.summary | safe }}</p> {{ page.summary | safe }}
<p><a href="{{ page.permalink }}#continue-reading">Continue reading&hellip;</a> <p><a href="{{ page.permalink }}#continue-reading">Continue reading&hellip;</a></p>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>

2
src/templates/post.html
View file

@ -9,7 +9,7 @@
<p> <p>
Comments or questions about this post? Feel free to contact me <a Comments or questions about this post? Feel free to contact me <a
target="_blank" href="https://social.chvp.be/@chvp">on Mastodon</a> or send target="_blank" href="https://social.chvp.be/@chvp">on Mastodon</a> or send
me <a href="mailto:blog@chvp.be?subject={{page.title}}">an email</a>. me <a href="mailto:blog@chvp.be?subject={{ page.title | urlencode }}">an email</a>.
</p> </p>
{% endblock content %} {% endblock content %}

2
src/templates/section.html
View file

@ -12,7 +12,7 @@
{% for page in section.pages %} {% for page in section.pages %}
<li> <li>
<p><a href="{{ page.permalink | safe }}">{{ page.title }}</a> ({{ page.date }})</p> <p><a href="{{ page.permalink | safe }}">{{ page.title }}</a> ({{ page.date }})</p>
<p>{{ page.summary | safe }}</p> {{ page.summary | safe }}
<p><a href="{{ page.permalink }}#continue-reading">Continue reading&hellip;</a> <p><a href="{{ page.permalink }}#continue-reading">Continue reading&hellip;</a>
</li> </li>
{% endfor %} {% endfor %}