project status and blog category style improvements
All checks were successful
Jenkins
Ellpeck/Web/pipeline/head This commit looks good

This commit is contained in:
Ell 2023-06-22 23:14:08 +02:00
parent 9b55c6fccd
commit 7851a46fab
3 changed files with 22 additions and 20 deletions

View file

@ -1,8 +1,7 @@
<div class="card bg-light blog-entry rounded-0 {% for tag in include.post.tags %} blog-tag-{{ tag | slugify}} {% endfor %}"> <div class="card bg-light blog-entry rounded-0 {% for tag in include.post.tags %} blog-tag-{{ tag | slugify }} {% endfor %}">
<div class="card-body"> <div class="card-body">
<span class="text-muted blog-cat">{{ include.post.tags | join: ", " }}</span> <span class="blog-meta text-muted">{{ include.post.tags | join: ", " }}<br>{{ include.post.date | date_to_string }}</span>
<h4 class="card-title blog-title"><a class="title-button" href="{{ include.post.url }}">{{ include.post.title }}</a></h4> <h4 class="card-title"><a class="title-button" href="{{ include.post.url }}">{{ include.post.title }}</a></h4>
<div class="card-text blog-summary">{{ include.post.description }}</div> <div class="card-text">{{ include.post.description }}</div>
<span class="text-muted project-status">{{ include.post.date | date_to_string }}</span>
</div> </div>
</div> </div>

View file

@ -6,21 +6,22 @@
</p> </p>
<div id="project-list"> <div id="project-list">
{% for item in site.data.projects %} {% for item in site.data.projects %}
<div class="card bg-light project rounded-0"> <div class="card bg-light project rounded-0">
<div class="card-body"> <div class="card-body">
<img class="project-image" src="res/projects/{{ item.icon }}.png" alt=""> <img class="project-image" src="res/projects/{{ item.icon }}.png" alt="">
<h4 class="card-title">{{ item.name }}</h4>
<p class="card-text">{{ item.desc }}</p>
{% if item.status %} {% if item.status %}
<span class="text-muted project-status">{{ item.status }}</span> <span class="text-muted project-status">{{ item.status }}</span>
{% endif %} {% endif %}
{%- for link in item.links -%} <h4 class="card-title">{{ item.name }}</h4>
<a href="{{ link.link }}" class="card-link btn rounded-0 btn-outline-dark">{{ link.name }}</a> <p class="card-text">{{ item.desc }}</p>
{%- endfor -%}
{%- for link in item.links -%}
<a href="{{ link.link }}" class="card-link btn rounded-0 btn-outline-dark">{{ link.name }}</a>
{%- endfor -%}
</div>
</div> </div>
</div>
{% endfor %} {% endfor %}
</div> </div>
<script> <script>

View file

@ -58,12 +58,14 @@ h1, h2, h3, h4, h5, h6, .nav-item {
.project-status { .project-status {
position: absolute; position: absolute;
right: 1.25rem; right: 60px;
bottom: 1.25rem;
} }
.blog-cat { .blog-meta {
text-align: right;
float: right; float: right;
margin-left: 10px;
margin-bottom: 10px;
} }
.social-button { .social-button {