added askama, base template and index

2024-01-11 20:43:47 +01:00
parent f071a702af
commit ae1b65957d
9 changed files with 123 additions and 2 deletions
--- a/axum_server/templates/base.html
+++ b/axum_server/templates/base.html
@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <title>{% block title %} {{title}} @michalvankodev {% endblock %}</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <meta name="theme-color" content="#333333" />
+
+    <meta name="description" content="Personal website of @michalvankodev" />
+    <meta name="keywords" content="personal, blog, webdev, tech, programming" />
+    <meta name="robots" content="index, follow" />
+    <link
+      rel="alternate"
+      type="application/rss+xml"
+      title="RSS feed for latest posts"
+      href="https://michalvanko.dev/feed.xml"
+    />
+    <link
+      rel="alternate"
+      title="JSON feed for latest posts"
+      type="application/json"
+      href="https://michalvanko.dev/feed.json"
+    />
+
+    <link rel="stylesheet" href="/print.css" media="print" />
+    <link rel="stylesheet" href="/fonts.css" />
+    <link rel="manifest" href="/manifest.json" />
+    <link rel="stylesheet" href="/prism.css" />
+
+    <link rel="icon" type="image/svg+xml" href="/m-logo.svg" />
+    <link rel="icon" type="image/png" href="/m-logo-192.png" />
+  </head>
+  <body>
+    {% block content %} Placeholder {% endblock %}
+  </body>
+</html>
--- a/axum_server/templates/index.html
+++ b/axum_server/templates/index.html
@ -0,0 +1,56 @@
+{% extends "base.html" %}
+
+{% block title %}Introduction{% endblock %}
+
+{% block content %}
+<header class="index-header">
+  <figure class="profile-pic">
+    <picture>
+      <img
+        alt="Portrait"
+        {# TODO generate `srcset` for optimal image #}
+        {# TODO Take a new photo #}
+        src="/images/profile-portugal-landscape.jpg"
+      />
+    </picture>
+  </figure>
+
+  <p class="motto">
+    <cite>“Let your ambition carry you.”</cite>
+    <span class="cite-owner">- La Flame</span>
+  </p>
+</header>
+
+<p>
+  Hey, welcome to my personal website. My name is
+  <strong>Michal&nbsp;Vanko</strong>
+  and I'm a
+  <em> <a href="https://en.wikipedia.org/wiki/Programmer">programmer</a> </em>
+  . I'll try to share some stories and opinions about things that I'm interested
+  in.
+</p>
+
+<section class="twitch-stream-promo">
+  <h2>Follow my twitch stream</h2>
+  <div class="twitch-embed">
+    <div class="twitch-video">
+      <iframe
+        title="My twitch channel"
+        src="https://player.twitch.tv/?channel=michalvankodev&parent=michalvanko.dev&parent=localhost&autoplay=false"
+        loading="lazy"
+        frameborder="0"
+        scrolling="no"
+        allowfullscreen
+        height="100%"
+        width="100%"
+        class="embed"
+      />
+    </div>
+    <aside>
+      Come hang out and chat with me <strong>every Tuesday and Thursday</strong>
+      afternoon central Europe time. I stream working on my side-projects and talking
+      anything about the developer lifestyle.
+    </aside>
+  </div>
+</section>
+{% endblock %}