more idiomatic

This commit is contained in:
Edgar 2021-12-24 08:51:39 +01:00
parent 2d2e35ca14
commit 33c87b02d7
No known key found for this signature in database
GPG key ID: 8731E6C0166EAA85
4 changed files with 27 additions and 18 deletions

View file

@ -144,6 +144,12 @@ ul.nav {
} }
} }
ul.posts {
list-style-type: none;
padding: 0;
margin: 0;
}
.brand-title { .brand-title {
font-size: 1.4rem; font-size: 1.4rem;
text-transform: uppercase; text-transform: uppercase;

View file

@ -43,8 +43,8 @@
<li><a href="/blog/atom.xml">RSS</a></li> <li><a href="/blog/atom.xml">RSS</a></li>
</ul> </ul>
</header> </header>
<section class="section"> <section class="section container">
<div class="container">{% block content %} {% endblock %}</div> {% block content %} {% endblock %}
</section> </section>
</body> </body>
</html> </html>

View file

@ -12,9 +12,11 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<article>
<h1 class="title"> <h1 class="title">
{{ page.title }} {{ page.title }}
</h1> </h1>
<p class="blog-date"><strong><time datetime="{{ page.date }}">{{ page.date }}</time></strong></p> <p class="blog-date"><strong><time datetime="{{ page.date }}">{{ page.date }}</time></strong></p>
{{ page.content | safe }} {{ page.content | safe }}
</article>
{% endblock content %} {% endblock content %}

View file

@ -1,20 +1,21 @@
{% extends "base.html" %} {% extends "base.html" %} {% block content %}
<h1 class="title">Welcome to my website</h1>
{% block content %} <p>
<h1 class="title"> This is my personal website, where I post articles and other stuff, usually
Welcome to my website about coding, ideas or anything related to the tech world.
</h1> </p>
<p>This is my personal website, where I post articles and other stuff, usually about coding, ideas or anything related to the tech world.</p>
{% set section = get_section(path="blog/_index.md") %} {% set section = get_section(path="blog/_index.md") %}
<h2>Articles</h2> <h2>Articles</h2>
<div class="posts"> <ul class="posts">
{% for page in section.pages %} {% for page in section.pages %}
<article class="post"> <li>
<span><time datetime="{{ page.date }}">{{ page.date }}</time>: </span> <span><time datetime="{{ page.date }}">{{ page.date }}</time>: </span>
<a href="{{ page.permalink }}" title="{{ page.description }}">{{ page.title }}</a> <a href="{{ page.permalink }}" title="{{ page.description }}"
</article> >{{ page.title }}</a
{% endfor %} >
</div> </li>
{% endfor %}
</ul>
{% endblock content %} {% endblock content %}