2
0
mirror of https://github.com/offen/website.git synced 2024-11-22 09:00:28 +01:00

update must read article images

This commit is contained in:
Hendrik Niefeld 2021-01-03 21:17:10 +01:00
parent 286bbee047
commit 31e424c957
6 changed files with 7 additions and 6 deletions

View File

@ -5,6 +5,7 @@ slug: hosting-offen-on-budget
sitemap_priority: 0.7 sitemap_priority: 0.7
image_url: /theme/images/offen-blog-0070-budget.jpg image_url: /theme/images/offen-blog-0070-budget.jpg
author: Frederik Ring author: Frederik Ring
must_read: True
bottom_cta: blog bottom_cta: blog
# Hosting Offen on a budget # Hosting Offen on a budget

View File

@ -5,6 +5,7 @@ slug: opt-in-quality
sitemap_priority: 0.7 sitemap_priority: 0.7
image_url: /theme/images/offen-blog-0120-opt-in-quality.jpg image_url: /theme/images/offen-blog-0120-opt-in-quality.jpg
author: Hendrik Niefeld author: Hendrik Niefeld
must_read: True
bottom_cta: matomo bottom_cta: matomo
# Opt in for quality insights # Opt in for quality insights

View File

@ -395,7 +395,9 @@ IMAGES
----------------------------------------------------*/ ----------------------------------------------------*/
/* Put article image outside of container margins */ /* Put article image outside of container margins */
.larger-image { .larger-image {
/*
margin-top: -4rem; margin-top: -4rem;
*/
margin-left: -1rem; margin-left: -1rem;
margin-right: -1rem; margin-right: -1rem;
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 166 KiB

After

Width:  |  Height:  |  Size: 587 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 141 KiB

After

Width:  |  Height:  |  Size: 231 KiB

View File

@ -23,12 +23,9 @@
<div class="flex flex-wrap"> <div class="flex flex-wrap">
{% for article in articles %} {% for article in articles %}
<div class="w-100 w-50-l"> <div class="w-100 w-50-l">
{% if loop.index != 1 %} <article class="w-100 mt0-l mt0-l gray">
<hr class="b--none db dn-l"> <div class="mw8 center pt3 pb5 ph3 ph5-m pr0-l pl5-l bg-white">
{% endif %} <figure class="larger-image ma0 mb4">
<article class="w-100 mt5 mt0-l mt0-l gray">
<div class="mw8 center pv5 ph3 ph5-m pr0-l pl5-l bg-white">
<figure class="larger-image mb4">
<a href="/blog/{{ article.slug }}/"> <a href="/blog/{{ article.slug }}/">
<img alt="{{ article.title }}" src="{{ article.image_url }}"/> <img alt="{{ article.title }}" src="{{ article.image_url }}"/>
</a> </a>