commit a3fe2e2a1ee4fb61e97eee8a8101e291341bb842
parent 1f39816656c6765432cf1cb0b2acf004e1848b6f
Author: mokou <mokou@posteo.de>
Date: Mon, 13 Apr 2020 19:42:51 +0200
Finish the damn thing
Diffstat:
7 files changed, 116 insertions(+), 7 deletions(-)
diff --git a/config.toml b/config.toml
@@ -17,5 +17,5 @@ build_search_index = true
# Put all your custom variables here
menu = [
{url = "$BASE_URL", name = "Home"},
- {url = "https://git.touhou.cz/aun", name = "Git"}
+ {url = "$BASE_URL/contact", name = "Contact"}
]
diff --git a/content/blog/_index.md b/content/blog/_index.md
@@ -0,0 +1,5 @@
++++
+title = "blog"
+paginate_by = 5
+sort_by = "date"
++++
diff --git a/content/rustlings-2-0.md b/content/blog/rustlings-2-0.md
diff --git a/content/system76-oryx-impressions.md b/content/blog/system76-oryx-impressions.md
diff --git a/content/contact.md b/content/contact.md
@@ -0,0 +1,15 @@
++++
+title = "Contact"
++++
+
+The most consistent way to reach me is by email. My main address is `mokou at
+posteo dot de`. For touhou.cz-related queries, use `aun at touhou dot cz` instead.
+
+Another good chance is on Matrix: `@mokou:mozilla.org`.
+
+I have a Mastodon profile that I use infrequently: [Link](https://slime.global/@aun)
+
+My [GitHub](https://github.com/fmoko) profile is only actively used for work
+purposes and Rust-related work. The rest of my code is available at [git.touhou.cz](https://git.touhou.cz/aun).
+
+My main FFXIV character is [A'ra Ara on Malboro (Crystal)](https://na.finalfantasyxiv.com/lodestone/character/24404738/).
diff --git a/static/main.css b/static/main.css
@@ -32,6 +32,7 @@ body {
max-width: 50rem;
padding: 20px 10px;
margin: 0 auto;
+ line-height: 1.6rem;
}
a,
@@ -59,19 +60,45 @@ hr {
h1,
h2,
h3,
-h4 {
+h4,
+.merriweather {
font-family: 'Merriweather', serif;
}
+.larger-type {
+ font-size: 1.4rem;
+}
+
+.block {
+ margin: 30px 0;
+}
+
+.block-highlighted {
+ margin: 0;
+ padding: 30px 20px;
+ color: var(--color-bg);
+ background: var(--color-fg);
+}
+
+.block-highlighted a {
+ color: var(--color-bg);
+ border-bottom-color: var(--color-bg);
+}
+
+.block-highlighted a[href*="://"]:after {
+ content: " " url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20class='i-external'%20viewBox='0%200%2032%2032'%20width='14'%20height='14'%20fill='none'%20stroke='%23e8effc'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='9.38%'%3E%3Cpath%20d='M14%209%20L3%209%203%2029%2023%2029%2023%2018%20M18%204%20L28%204%2028%2014%20M28%204%20L14%2018'/%3E%3C/svg%3E");
+}
+
+.block-highlighted .popover-element {
+ border-bottom: 1px dashed var(--color-bg);
+}
+
.title {
font-size: 3rem;
+ line-height: 4rem;
margin: 20px 0;
}
-.page-content {
- line-height: 1.6rem;
-}
-
.page-content code {
background: var(--color-fg);
color: var(--color-bg);
@@ -83,3 +110,36 @@ h4 {
img {
width: 100%;
}
+
+.popover {
+ display: inline-block;
+ position: relative;
+}
+
+.popover-container {
+ left: 50%;
+ opacity: 0;
+ padding: 5px;
+ position: absolute;
+ top: 0;
+ transform: translate(-50%, -50%) scale(0);
+ transition: transform .2s;
+ width: 320px;
+ z-index: 3;
+ font-size: 0.8rem;
+ font-family: 'Inter', sans-serif;
+ background: white;
+ color: black;
+ font-weight: 200;
+}
+
+.popover-element {
+ border-bottom: 1px dashed var(--color-fg);
+}
+
+*:focus + .popover-container,
+.popover:hover .popover-container {
+ display: block;
+ opacity: 1;
+ transform: translate(-50%, -100%) scale(1);
+}
diff --git a/templates/index.html b/templates/index.html
@@ -33,7 +33,36 @@
<main>
{% block content %}
- {% for page in paginator.pages %}
+ <div class="block block-highlighted">
+ <div class="larger-type">
+ <strong class="merriweather">
+ Hi! My name is Aun<span class="popover">
+ <span class="popover-element">*</span>
+ <div class="popover-container">I have a real name, too. Online, I go by Aun.</div>
+ </span>. I work as a software engineer specializing in offline technologies.
+ </strong>
+
+ <p>
+ I also work on several other projects, including <a href="https://tometo.org">Tometo</a>,
+ <a href="https://rustbridge.com">RustBridge</a> and <a href="https://github.com/fmoko/rustlings">Rustlings</a>.
+ </p>
+ </div>
+ <p>
+ I used to organize <a href="https://jsconf.eu">JSConf EU</a> and <a href="https://cssconf.eu">CSSconf.eu</a>
+ and currently organize the <a href="https://berline.rs">Rust Berlin</a> meetups.
+ </p>
+ <p>
+ My favorite things are (in no particular order): <a href="https://en.touhouwiki.net/wiki/Touhou_Project">Touhou</a>,
+ <a href="https://en.wikipedia.org/wiki/Final_Fantasy_XIV">FFXIV</a>, Mobile Suit Gundam (incl. Gunpla)
+ </p>
+ <p style="margin-bottom: 0">
+ If you want to contact me, see the links on my <a href="{{ get_url(path='@/contact.md') }}">contact page</a>!
+ </p>
+ </div>
+ <h2>Latest blog posts:</h2>
+ <hr />
+ {% set section = get_section(path="blog/_index.md") %}
+ {% for page in section.pages | slice(end=5) %}
<article itemscope itemtype="http://schema.org/CreativeWork">
<header>
<h2 itemprop="name">
