frog-collective/frog-website
frog-collective
/
frog-website
5
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

feat: use content to generate news section (#6)

This commit is contained in:
Corentin 2024-05-21 01:15:42 +02:00
parent 6c42f871ca
commit aa39dc791a
3 changed files with 39 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
content/news/2024-21-05-test-news.md Normal file
View File

@ -0,0 +1,15 @@
---
title: This is a long news title to test how it presents on little resolutions
---
Here we specialize in creating bite-sized adventures that anyone can pick up
and play, but only the true gaming aficionados can conquer. Think of us as the
David to the Goliaths of the gaming industry. Our games might be small, but
they will keep you coming back for more. Now, you might be wondering, how on
earth do two people manage to steer the ship in this vast ocean of pixels?
Well, let me tell you, it's all about that sweet, sweet collective
decision-making magic. We're like yin and yang, balancing each other's quirks
and strengths as we navigate the treacherous waters of game development.
**markdown here too**

23
src/pages/index/news.html Normal file
View File

@ -0,0 +1,23 @@
{% set title = "News" %}
{% set title_image = "/img/section-news.png" %}
{% extends "lib/section.html.j2" %}
{% block content %}
{% with content = site.content.load("news") %}
{% for news in content.glob("*.md") %}
<div class="news">
<div class="news--title">
<h3>{{ news.meta.title }}</h3>
{% with creation_date = news | git_creation_date %}
<div class="news--date">{{ creation_date.strftime('%d/%m/%Y') }}</div>
{% endwith %}
</div>
<div class="news--content">
{{ news.html }}
</div>
</div>
</div>
{% endfor %}
{% endwith %}
{% endblock %}

53
src/pages/index/page.html
View File

@ -54,60 +54,9 @@
{% include "pages/index/games.html" %}
{% include "pages/index/news.html" %}
<div class="section"
style="
--image:url('/img/section-news.png');
--hover-image:url('/img/section-news.png');
"
>
<h2 class="section--title">
News
</h2>
<div class="section--content">
<div class="news">
<div class="news--title">
<h3>This is a long news title to test how it presents on little resolutions</h3>
<div class="news--date">
02/05/2024
</div>
</div>
<div class="news--content">
Here we specialize in creating bite-sized adventures that anyone
can pick up and play, but only the true gaming aficionados can
conquer. Think of us as the David to the Goliaths of the gaming
industry. Our games might be small, but they will keep you coming
back for more. Now, you might be wondering, how on earth do two
people manage to steer the ship in this vast ocean of pixels? Well,
let me tell you, it's all about that sweet, sweet collective
decision-making magic. We're like yin and yang, balancing each
other's quirks and strengths as we navigate the treacherous waters
of game development.
</div>
</div>
<div class="news">
<div class="news--title">
<h3>This is a long news title to test how it presents on little resolutions</h3>
<div class="news--date">
02/05/2024
</div>
</div>
<div class="news--content">
Here we specialize in creating bite-sized adventures that anyone
can pick up and play, but only the true gaming aficionados can
conquer. Think of us as the David to the Goliaths of the gaming
industry. Our games might be small, but they will keep you coming
back for more. Now, you might be wondering, how on earth do two
people manage to steer the ship in this vast ocean of pixels? Well,
let me tell you, it's all about that sweet, sweet collective
decision-making magic. We're like yin and yang, balancing each
other's quirks and strengths as we navigate the treacherous waters
of game development.
</div>
</div>
</div>
</div>
</div>
</body>
</html>