1 files changed, 58 insertions, 0 deletions
diff --git a/infra/website/crumbs/templates/article.html b/infra/website/crumbs/templates/article.html
new file mode 100644
index 000000000000..c3b259646947
--- /dev/null
+++ b/infra/website/crumbs/templates/article.html
@@ -0,0 +1,58 @@
+{% extends "base.html" %}
+
+{% block metatags %}
+{% autoescape true %}
+
+<!-- Primary Meta Tags -->
+<meta name="title" content="{{ article.title }}">
+<meta name="description" content="{{ article.summary | striptags }}">
+
+<!-- Open Graph / Facebook -->
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://spacekookie.de">
+<meta property="og:title" content="{{ article.title }}">
+<meta property="og:description" content="{{ article.summary | striptags }}">
+<meta property="og:image" content="https://spacekookie.de/theme/img/card.png">
+
+<!-- Twitter -->
+<meta property="twitter:card" content="summary_large_image">
+<meta property="twitter:image" content="https://spacekookie.de/theme/img/card.png">
+<meta property="twitter:url" content="https://spacekookie.de">
+<meta property="twitter:title" content="{{ article.title }}">
+<meta property="twitter:description" content="{{ article.summary | striptags }}">
+
+{% endautoescape %}
+{% endblock metatags %}
+
+
+{% block body %}
+<div class="gay nav">
+  {% include "components/title.html" %}
+  {% include "components/links.html" %}
+</div>
+
+{% include "components/gay.html" %}
+
+<div class="content">
+  <h1>{{ article.title }}</h1>
+  
+  <div class="header no-side-padding-mobile">
+    <hr/>
+    <a href="{{ SITEURL }}/{{ article.category|lower }}"> ⇠ back</a>
+    {% if article.tags|length > 0 %}
+    <span> | tags:</span>
+    {% for tag in article.tags|sort %}
+    <span><strong>{{ tag }}</strong>{% if loop.index < article.tags|length %}, </span>{% endif %}
+    {% endfor %}
+    {% endif %}
+    <span> | duration: <strong>{{article.read_time_string}}</strong></span>
+    <hr/>
+  </div>
+  
+
+  <div class="article no-side-padding-mobile">
+    {{ article.content }}
+  </div>
+  
+</div>
+{% endblock %}