feat: setup documentation wegsite

This commit is contained in:
Hazel Noack
2025-05-16 16:58:20 +02:00
parent 4b5701e05b
commit be51f463a1
9 changed files with 41 additions and 290 deletions

View File

@@ -6,6 +6,7 @@
<link rel="icon" type="image/x-icon" href="/static/icon.ico">
<title>{{slug}}</title>
<link rel="stylesheet" href="/static/bulma.min.css" />
<link rel="stylesheet" href="/static/style.css" />
</head>
<body>
<nav
@@ -31,12 +32,8 @@
<div class="column is-half">
<div class="card mb-4" lang="{{t.language.code}}" style="height: 100%;">
<a href="{{t.url}}" hreflang="{{t.language.code}}" class="card mb-4" style="color: inherit; text-decoration: none;">
<div class="card-header">
<div class="card-header-title">{{t.title}} </div>
<div class="card-header-icon">{{t.language.flag}}</div>
</div>
<div class="card-content">
<p class="title">{{t.language.flag}} {{t.title}}</p>
<hr />
<p class="content">
{{t.preview}}
@@ -44,7 +41,7 @@
</div>
<div class="card-footer">
<time datetime="{{iso_date}}">{{date}}</time>
<time class="card-footer-item" datetime="{{iso_date}}">{{date}}</time>
</div>
</a>
</div>
@@ -58,7 +55,7 @@
{% if children|length %}
<div class="container content">
<div class="column is-half is-offset-one-quarter">
<h1>Further reading</h1>
<h1>Related Articles</h1>
</div>
<div class="column is-half is-offset-one-quarter">
{% for c in children %}

View File

@@ -4,8 +4,9 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/x-icon" href="/static/icon.ico">
<title>{{language.flag}} {{title}}</title>
<title>{{title}}</title>
<link rel="stylesheet" href="/static/bulma.min.css" />
<link rel="stylesheet" href="/static/style.css" />
</head>
<body>
<!-- Header (Navbar) -->
@@ -29,6 +30,34 @@
</div>
</section>
{% if children|length %}
<section class="section">
<div class="content">
<div class="columns is-multiline">
{% for c in children %}
<div class="column is-half">
<div class="card mb-4" >
<a href="{{c.url}}" hreflang="{{c.language.code}}" class="card mb-4" style="color: inherit; text-decoration: none;">
<div class="card-content">
<p class="title">{{c.title}}</p>
<hr />
<p class="content">
{{c.preview}}
</p>
</div>
<div class="card-footer">
<time class="card-footer-item" datetime="{{c.meta.iso_date}}">{{c.meta.date}}</time>
</div>
</a>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
{% endif %}
<!-- Footer -->
<footer class="footer">
<div class="content has-text-centered">