project status and blog category style improvements
All checks were successful
Jenkins
Ellpeck/Web/pipeline/head This commit looks good
All checks were successful
Jenkins
Ellpeck/Web/pipeline/head This commit looks good
This commit is contained in:
parent
9b55c6fccd
commit
7851a46fab
3 changed files with 22 additions and 20 deletions
|
@ -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">
|
||||
<span class="text-muted blog-cat">{{ include.post.tags | join: ", " }}</span>
|
||||
<h4 class="card-title blog-title"><a class="title-button" href="{{ include.post.url }}">{{ include.post.title }}</a></h4>
|
||||
<div class="card-text blog-summary">{{ include.post.description }}</div>
|
||||
<span class="text-muted project-status">{{ include.post.date | date_to_string }}</span>
|
||||
<span class="blog-meta text-muted">{{ include.post.tags | join: ", " }}<br>{{ include.post.date | date_to_string }}</span>
|
||||
<h4 class="card-title"><a class="title-button" href="{{ include.post.url }}">{{ include.post.title }}</a></h4>
|
||||
<div class="card-text">{{ include.post.description }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -6,21 +6,22 @@
|
|||
</p>
|
||||
<div id="project-list">
|
||||
{% for item in site.data.projects %}
|
||||
<div class="card bg-light project rounded-0">
|
||||
<div class="card-body">
|
||||
<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>
|
||||
<div class="card bg-light project rounded-0">
|
||||
<div class="card-body">
|
||||
<img class="project-image" src="res/projects/{{ item.icon }}.png" alt="">
|
||||
|
||||
{% if item.status %}
|
||||
<span class="text-muted project-status">{{ item.status }}</span>
|
||||
{% endif %}
|
||||
{% if item.status %}
|
||||
<span class="text-muted project-status">{{ item.status }}</span>
|
||||
{% endif %}
|
||||
|
||||
{%- for link in item.links -%}
|
||||
<a href="{{ link.link }}" class="card-link btn rounded-0 btn-outline-dark">{{ link.name }}</a>
|
||||
{%- endfor -%}
|
||||
<h4 class="card-title">{{ item.name }}</h4>
|
||||
<p class="card-text">{{ item.desc }}</p>
|
||||
|
||||
{%- 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>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<script>
|
||||
|
|
|
@ -58,12 +58,14 @@ h1, h2, h3, h4, h5, h6, .nav-item {
|
|||
|
||||
.project-status {
|
||||
position: absolute;
|
||||
right: 1.25rem;
|
||||
bottom: 1.25rem;
|
||||
right: 60px;
|
||||
}
|
||||
|
||||
.blog-cat {
|
||||
.blog-meta {
|
||||
text-align: right;
|
||||
float: right;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.social-button {
|
||||
|
|
Loading…
Reference in a new issue