kenkeiras/new-codigoparallevar
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Wiki Activity

Draft post-index.

Browse source
This commit is contained in:
Sergio Martínez Portela 2022-08-03 21:11:09 +02:00
parent 9483fc1ba4
commit f3096eb5d9
3 changed files with 113 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

52
static/blog_index.tmpl.html Normal file
View file

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Código para llevar</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/light-syntax.css" />
<link rel="stylesheet" href="css/dark-syntax.css" />
</head>
<body>
<div class="site-header">
<h1 class="site-name"><a href="/">Codigo para llevar</a></h1>
<nav class="site-links">
<span class="fancy-link">
<a href="https://codigoparallevar.com/">Home</a>
</span>
<span class="fancy-link">
<a href="https://github.com/kenkeiras">GitHub</a>
</span>
<span class="fancy-link">
<a href="https://gitlab.com/kenkeiras">GitLab</a>
</span>
<span class="fancy-link">
<a href="https://programaker.com/users/kenkeiras">PrograMaker</a>
</span>
</nav>
</div>
<div class="post-index content">
{% for post in posts %}
<div class="post-container">
<article class="post">
<h2 class="post-title">{{ post.title }}</h2>
<div class="post-metadata">
<time datetime="{{ post.post_publication_date }}">
{{ post.post_publication_date }}
</time>
<ul class="post-tags">
{% for post_tag in post.post_tags %}
<li class="post-tag">{{ post_tag }}</li>
{% endfor %}
</ul>
</div>
<div class="post-content">
{{ post.summary | safe }}
</div>
</article>
</div>
{% endfor %}
</div>
</body>
</html>

10
static/style.css
View file

@ -135,6 +135,16 @@ article.post {
display: inline;
}
/* Post index. */
.post-index .post-container {
/* box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.26); */
/* border-radius: 2px; */
/* padding: 1ex; */
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: #000 1px dashed;
}
/* Dark mode. */
@media (prefers-color-scheme: dark) {