m724.eu/template/article_template.html

58 lines
2.5 KiB
HTML
Raw Permalink Normal View History

2025-01-14 14:13:46 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{{ article.title }} - {{ site.name }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:site_name" content="{{ site.name }}" />
<meta property="og:title" content="{{ article.title }}" />
<meta property="og:description" content="{{ article.summary }}" />
<meta property="og:type" content="article" />
<meta property="og:image" content="{{ site.baseUrl }}/{{ asset(article.custom.photo) }}" />
<meta property="article:published_time" content="{{ article.createdAt.isoformat }}" />
<meta property="article:modified_time" content="{{ article.modifiedAt.isoformat }}" />
<meta property="article:author" content="{{ article.modifiedBy }}" />
<link rel="stylesheet" href="{{ static('style.css') }}">
</head>
<body>
2025-01-16 15:35:51 +01:00
<div id="page-content">
<article id="post">
<header>
<p id="title">
<a href="">{{ article.title }}</a>
</p>
<p id="description">
{{ article.summary }}
</p>
<div id="details">
{% if site.custom.defaultAuthor != article.createdBy %}
2025-01-14 14:13:46 +01:00
<span>{{ article.createdBy }}</span>,
2025-01-16 15:35:51 +01:00
{% endif %}
<span title='{{ article.createdAt | date("dd.MM.yyyy") }}'>{{ article.createdAt | date("dd.MM.yyyy") }}</span>
<span class="separator">|</span>
<span>5 min read</span>
</div>
</header>
2025-01-14 14:13:46 +01:00
2025-01-16 15:35:51 +01:00
{% if article.custom.containsKey("photo") %}
2025-01-14 14:13:46 +01:00
<div id="image">
<img id="front-image" src="{{ asset(article.custom.photo) }}">
<img id="blurred-image" src="{{ asset(article.custom.photo) }}">
</div>
2025-01-16 15:35:51 +01:00
{% endif %}
<div id="content">
{{ article.htmlContent | raw }}
</div>
</article>
</div>
2025-01-14 14:13:46 +01:00
<div id="footer">
<p>Last modified {{ article.modifiedAt | date("dd.MM.yyyy HH:mm") }} UTC by {{ article.modifiedBy }}</p>
<p>Content on m724.eu is licensed under <a href="https://creativecommons.org/licenses/by/4.0" target="_blank" rel="license noopener noreferrer">CC BY 4.0</a></p>
</div>
</body>
</html>