helvetic-resume 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: a1a91fd48ceab008157d0db90c659950e0e1249f8af609c0abcb5550fc5b6f8b
+  data.tar.gz: 38749f05a23f62ddc1efeb73acbbe8da6ff722edb66a452f1154a979bb187529
+SHA512:
+  metadata.gz: dc5267faeff4fc4c2b1283f01d5fa8ea34ee610ec68c55783f0dddb1ea0f54befca0f0cc2cc2a1ac91b2dcf7818353be3c5493e7dd5e17754331d91b90cadb60
+  data.tar.gz: aba5dc64c2b90c92ebeac7264858863e6ecf60a47772e2db5523cfb355e3a8dc33da8a6dfbeaf4e6a09d66f0e35112915f8ddbe2934fa36773d63655a40bfa41

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2025 hipervincle
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/_data/ca.yaml

@@ -0,0 +1,46 @@
+title: Helvetic Resume
+description: Un tema tipogràfic audaç inspirat pel disseny suís.
+previous: Anterior
+next: Següent
+print: Imprimeix
+job: Rellotgera, Pilot, Programadora
+contact: Contacte
+links: Enllaços
+watchmaking:
+  title: Rellotgeria
+  skills:
+    - name: Haute Horlogerie
+      level: 12
+    - name: Disseny de complicacions
+      level: 11
+    - name: Temps de precisió
+      level: 12
+    - name: Micro-mecànica
+      level: 10
+    - name: Restauració
+      level: 9
+flying:
+  title: Aeronàutica
+  skills:
+    - name: Pilot d'helicòpter (VFR)
+      level: 11
+    - name: Plans de vol
+      level: 10
+    - name: Procediments d'emergència
+      level: 12
+    - name: Vol de muntanya
+      level: 9
+programming:
+  title: Lingüística
+  skills:
+    - name: Disseny de llenguatges
+      level: 12
+    - name: Desenvolupament de compilador (pdc)
+      level: 8
+    - name: Sintàxi i semàntica
+      level: 11
+    - name: Algorisme lògic
+      level: 9
+footer:
+  attribution: Desenvolupat sobre el tema <a href="https://github.com/broccolini/swiss" target="_blank">swiss</a> de la gran <a href="https://github.com/broccolini" target="_blank">broccolini</a>.
+  bluesky: Publica a

data/_data/common.yaml

@@ -0,0 +1,11 @@
+# use this file to store info that does not require localization
+phone: +41 44 123 4567
+address: Uhrstraße, 12, 8032 Zürich
+email: augusta@chronotempus.ch
+links:
+  - name: chronotempus.ch
+    url: https://chronotempus.ch
+  - name: linkedin.com/in/chronotempus
+    url: https://linkedin.com/in/chronotempus
+  - name: github.com/chronotempus
+    url: https://github.com/chronotempus

data/_data/en.yaml

@@ -0,0 +1,46 @@
+title: Helvetic Resume
+description: A bold typographic theme inspired by Swiss design.
+previous: Previous
+next: Next
+print: Print
+job: Clockmaker, Pilot, Programmer
+contact: Contact
+links: Links
+watchmaking:
+  title: Watchmaking
+  skills:
+    - name: Haute Horlogerie
+      level: 12
+    - name: Complication Design
+      level: 11
+    - name: Precision Timing
+      level: 12
+    - name: Micro-mechanics
+      level: 10
+    - name: Restoration
+      level: 9
+flying:
+  title: Aeronautical
+  skills:
+    - name: Helicopter Pilot (VFR)
+      level: 11
+    - name: Flight Planning
+      level: 10
+    - name: Emergency Procedures
+      level: 12
+    - name: Mountain Flying
+      level: 9
+programming:
+  title: Linguistics
+  skills:
+    - name: Language Design
+      level: 12
+    - name: Compiler Development (PoC)
+      level: 8
+    - name: Syntax & Semantics
+      level: 11
+    - name: Algorithmic Logic
+      level: 9
+footer:
+  attribution: Based on lovely <a href="https://github.com/broccolini" target="_blank">broccolini</a>'s <a href="https://github.com/broccolini/swiss" target="_blank">swiss theme</a>.
+  bluesky: Post on

data/_data/es.yaml

@@ -0,0 +1,46 @@
+title: Helvetic Resume
+description: Un tema tipográfico audaz inspirado por el diseño suizo.
+previous: Anterior
+next: Siguiente
+print: Imprimir
+job: Relojera, Piloto, Programadora
+contact: Contacto
+links: Enlaces
+watchmaking:
+  title: Relojería
+  skills:
+    - name: Haute Horlogerie
+      level: 12
+    - name: Diseño de complicaciones
+      level: 11
+    - name: Tiempo de precisión
+      level: 12
+    - name: Micro-mecánica
+      level: 10
+    - name: Restauración
+      level: 9
+flying:
+  title: Aeronáutica
+  skills:
+    - name: Piloto de helicóptero (VFR)
+      level: 11
+    - name: Planes de vuelo
+      level: 10
+    - name: Procedimientos de emergencia
+      level: 12
+    - name: Vuelo de montaña
+      level: 9
+programming:
+  title: Lingüística
+  skills:
+    - name: Diseño de lenguajes
+      level: 12
+    - name: Desarrollo de compilador (pdc)
+      level: 8
+    - name: Sintaxis y semántica
+      level: 11
+    - name: Algortimo lógico
+      level: 9
+footer:
+  attribution: Desarrollado sobre el tema <a href="https://github.com/broccolini/swiss" target="_blank">swiss</a> de la gran <a href="https://github.com/broccolini" target="_blank">broccolini</a>.
+  bluesky: Comparte en

data/_data/it.yaml

@@ -0,0 +1,46 @@
+title: Helvetic Resume
+description: Un tema tipografico audace ispirato al design svizzero.
+previous: Anteriore
+next: Prossimo
+print: Stampa
+job: Orologiaio, Pilota, Programmatore
+contact: Contatto
+links: Collegamenti
+watchmaking:
+  title: Orologeria
+  skills:
+    - name: Haute Horlogerie
+      level: 12
+    - name: Design di complicazioni
+      level: 11
+    - name: Tempismo di precisione
+      level: 12
+    - name: Micro-meccanica
+      level: 10
+    - name: Restauro
+      level: 9
+flying:
+  title: Aeronautica
+  skills:
+    - name: Pilota di elicottero (VFR)
+      level: 11
+    - name: Planning di volo
+      level: 10
+    - name: Procedure di emergenza
+      level: 12
+    - name: Vuolo di montagna
+      level: 9
+programming:
+  title: Linguistica
+  skills:
+    - name: Design di linguaggi
+      level: 12
+    - name: Desarrollo di compilatore (pdc)
+      level: 8
+    - name: Sintassi e semantica
+      level: 11
+    - name: Algortimo logico
+      level: 9
+footer:
+  attribution: Sviluppato sul tema <a href="https://github.com/broccolini/swiss" target="_blank">swiss</a> della grande <a href="https://github.com/broccolini" target="_blank">broccolini</a>.
+  bluesky: Pubblica su

data/_includes/bar_graph.liquid

@@ -0,0 +1,17 @@
+{% assign y_pos = 15 %}
+<div class="block">
+  <h2>{{ include.title }}</h2>
+  <svg xmlns="http://www.w3.org/2000/svg" width="{{ include.width }}" height="{{ include.height }}">
+    {% for item in include.items %}
+      {% if item.name %}
+        {% assign item_name = item.name %}
+      {% else %}
+        {% assign item_name = item %}
+      {% endif %}
+      <text x="0" y="{{ y_pos }}" class="text-color">{{ item_name }}</text>
+      <rect x="0" width="{{ include.width }}" height="3" y="{{ y_pos | plus: 8 }}" fill="#bbb" rx="3" ry="3"/>
+      <rect x="0" width="{{ include.width | divided_by: 12 | times: item.level }}" height="3" y="{{ y_pos | plus: 8 }}" class="text-accent" rx="3" ry="3"/>
+      {% assign y_pos = y_pos | plus: 40 %}
+    {% endfor %}
+  </svg>
+</div>

data/_includes/bluesky.liquid

@@ -0,0 +1,5 @@
+<a href="https://bsky.app/profile/{{ site.bluesky_username }}" title="Follow {{site.user_name}} on Bluesky" class="link-social block">
+  <svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 32 32" aria-hidden="true">
+    <path d="M16 0A16 16 0 1 0 16 32A16 16 0 1 0 16 0ZM16 15.6c0.815-1.585 3.034-4.54 5.098-5.996 1.977-1.396 2.73-1.154 3.225-0.93 0.572 0.259 0.676 1.137 0.676 1.655 0 0.516-0.284 4.238-0.468 4.859-0.611 2.052-2.785 2.745-4.787 2.523-0.102-0.015-0.206-0.029-0.311-0.042l0.311 0.042c2.934 0.435 5.255 2.078 2.055 5.309-4.262 3.722-5.085-0.835-5.8-3.231-0.715 2.396-2.107 7.124-5.867 3.231-3.418-3.805-0.812-4.874 2.123-5.309 0.104-0.012 0.208-0.026 0.311-0.042l-0.311 0.042c-2.002 0.222-4.176-0.471-4.787-2.523-0.184-0.621-0.468-4.343-0.468-4.859 0-0.516 0.104-1.395 0.676-1.654 0.494-0.224 1.248-0.466 3.225 0.93 2.064 1.456 4.283 4.411 5.098 5.996z"/>
+  </svg>
+</a>

data/_includes/dot-accent.liquid

@@ -0,0 +1,3 @@
+<svg height="32" class="header-social-accent" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
+ <circle cx="8" cy="8" r="8"/>
+</svg>

data/_includes/dot.liquid

@@ -0,0 +1,3 @@
+<svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
+ <circle cx="8" cy="8" r="8"/>
+</svg>

data/_includes/dribbble.liquid

@@ -0,0 +1,5 @@
+<a href="https://dribbble.com/{{ site.social_username }}" title="Follow me on Dribbble" class="link-social block">
+  <svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
+    <path d="M8 16c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm6.747-6.905c-.234-.074-2.115-.635-4.257-.292.894 2.456 1.258 4.456 1.328 4.872 1.533-1.037 2.624-2.68 2.93-4.58zM10.67 14.3c-.102-.6-.5-2.688-1.46-5.18l-.044.014C5.312 10.477 3.93 13.15 3.806 13.4c1.158.905 2.614 1.444 4.194 1.444.947 0 1.85-.194 2.67-.543zm-7.747-1.72c.155-.266 2.03-3.37 5.555-4.51.09-.03.18-.056.27-.08-.173-.39-.36-.778-.555-1.16C4.78 7.85 1.47 7.807 1.17 7.8l-.003.208c0 1.755.665 3.358 1.756 4.57zM1.31 6.61c.307.005 3.122.017 6.318-.832-1.132-2.012-2.353-3.705-2.533-3.952-1.912.902-3.34 2.664-3.784 4.785zM6.4 1.368c.188.253 1.43 1.943 2.548 4 2.43-.91 3.46-2.293 3.582-2.468C11.323 1.827 9.736 1.176 8 1.176c-.55 0-1.087.066-1.6.19zm6.89 2.322c-.145.194-1.29 1.662-3.816 2.694.16.325.31.656.453.99.05.117.1.235.147.352 2.274-.286 4.533.172 4.758.22-.015-1.613-.59-3.094-1.543-4.257z"/>
+  </svg>
+</a>

data/_includes/email.liquid

@@ -0,0 +1,5 @@
+<a href="mailto:{{ site.user_email }}" title="Email {{site.user_name}}" class="link-social block">
+  <svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 32 32" aria-hidden="true">
+    <path fill-rule="evenodd" d="M16 0A16 16 0 1 0 16 32A16 16 0 1 0 16 0ZM26 11c0-1.1-0.9-2-2-2H8c-1.1 0-2 0.9-2 2v10c0 1.1 0.9 2 2 2h16c1.1 0 2-0.9 2-2V11zm-2 0l-8 6-8-6h16zm0 10H8v-8l8 6 8-6v8z"/>
+  </svg>
+</a>

data/_includes/footer.liquid

@@ -0,0 +1,38 @@
+{% assign lang = site.active_lang %}
+<footer class="border-top-thin clearfix mt-2 mt-lg-4">
+  <div class="container mx-auto px-2">
+    <p class="col-8 sm-width-full left py-2 mb-0">
+      <a href="https://opensource.org/license/MIT" class="no-underline">©</a>
+      <a class="no-underline" href="https://github.com/{{ site.github_username }}" target="_blank">{{ site.user_name }}</a>, 2025.
+      {{ site.data[lang].footer.attribution }}
+    </p>
+    <ul class="list-reset right sm-width-full py-2 mb-2 mb-lg-0 flex items-center">
+      <li class="mr-1 flex items-center">
+        <a
+          class="bluesky flex items-center"
+          href="https://bsky.app/intent/compose?text={{ site.data[lang].title | url_encode }}%20Check%20this%20out%20{{ site.url }}{{ page.url }}"
+        >
+          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 22">
+            <path fill="#fff" d="M12 10.8c-1.087 -2.114 -4.046 -6.053 -6.798 -7.995C2.566 0.944 1.561 1.266 0.902 1.565 0.139 1.908 0 3.08 0 3.768c0 0.69 0.378 5.65 0.624 6.479 0.815 2.736 3.713 3.66 6.383 3.364 0.136 -0.02 0.275 -0.039 0.415 -0.056 -0.138 0.022 -0.276 0.04 -0.415 0.056 -3.912 0.58 -7.387 2.005 -2.83 7.078 5.013 5.19 6.87 -1.113 7.823 -4.308 0.953 3.195 2.05 9.271 7.733 4.308 4.267 -4.308 1.172 -6.498 -2.74 -7.078a8.741 8.741 0 0 1 -0.415 -0.056c0.14 0.017 0.279 0.036 0.415 0.056 2.67 0.297 5.568 -0.628 6.383 -3.364 0.246 -0.828 0.624 -5.79 0.624 -6.478 0 -0.69 -0.139 -1.861 -0.902 -2.206 -0.659 -0.298 -1.664 -0.62 -4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z" stroke-width="1"></path>
+          </svg>
+          <span>{{ site.data[lang].footer.bluesky }} Bluesky</span>
+        </a>
+      </li>
+      <li class="flex items-center" id="github">
+        <a
+          class="github-button"
+          href="https://github.com/{{ site.github_username }}/{{ site.github_repo }}"
+          data-icon="octicon-star"
+          data-count-href="{{ site.github_username }}/{{ github_repo }}/stargazers"
+          data-count-api="/repos/{{ site.github_username }}/{{ github_repo }}#stargazers_count"
+          data-count-aria-label="# stargazers on GitHub"
+          aria-label="Star {{ site.github_username }}/{{ github_repo }} on GitHub"
+          >Star</a
+        >
+      </li>
+      <li class="flex items-center ml-2">
+        {% include language-menu.liquid %}
+      </li>
+    </ul>
+  </div>
+</footer>

data/_includes/github.liquid

@@ -0,0 +1,4 @@
+<a href="https://github.com/{{ site.github_username }}/{{ site.github_repo }}" title="Fork me on GitHub" class="link-social block">
+<svg height="32" class="octicon-mark-github header-social" viewBox="0 0 16 16" version="1.1" width="32" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path>
+</svg>
+</a>

data/_includes/head.liquid

@@ -0,0 +1,28 @@
+<head>
+  {% assign lang = site.active_lang %}
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>
+    {% if page.title and site.title -%}
+      {{- page.title | escape }} | {{ site.data[lang].title | escape -}}
+    {%- else -%}
+      {{- site.data[lang].title | escape -}}
+    {%- endif %}
+  </title>
+  <meta
+    name="description"
+    content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.data[lang].description }}{% endif %}"
+  >
+
+  {% assign user_url = site.url | append: site.baseurl %}
+  {% assign full_base_url = user_url | default: site.github.url %}
+  <link rel="stylesheet" href="{{ '/assets/css/style.css' | prepend: full_base_url }}">
+  <link rel="stylesheet" href="{{ '/assets/css/print.css' | prepend: full_base_url }}" media="print">
+  <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+
+  <script async defer src="https://buttons.github.io/buttons.js"></script>
+  <script src="{{ site.baseurl }}/assets/js/theme-toggle.js"></script>
+  <script src="{{ site.baseurl }}/assets/js/print-button.js"></script>
+</head>

data/_includes/header.liquid

@@ -0,0 +1,23 @@
+{% assign lang = site.active_lang %}
+<header class="px-2 header-sticky flex navigation">
+  <div class="left py-1 mt-1 mt-lg-0">
+    <a class="link-primary text-accent" href="{{ site.baseurl }}/">{{ site.data[lang].title }}</a>
+  </div>
+  <nav class="right py-1 mt-1 mt-lg-0">
+    <ul class="list-reset right py-1 header-text font-smoothing mt-lg-1 mb-2 mb-lg-1">
+      {% assign sorted_pages = site.pages | sort: "order" %}
+      {% for page in sorted_pages %}
+        {% if page.title and page.permalink != '/404' and page.lang == lang %}
+          <li class="inline-block">
+            <a class="align-middle link-primary mr-2 mr-lg-0 ml-lg-2" href="{{ page.url | prepend: site.baseurl }}">
+              {{ page.title }}
+            </a>
+          </li>
+        {% endif %}
+      {% endfor %}
+      <li class="inline-block">
+        {% include theme-toggle.liquid class="inline-block align-top ml-2" %}
+      </li>
+    </ul>
+  </nav>
+</header>

data/_includes/instagram.liquid

@@ -0,0 +1,18 @@
+<a href="https://www.instagram.com/{{ site.social_username }}" title="Follow me on Instagram" class="link-social block">
+	<svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
+	<g>
+		<path d="M11.9,5.1c-0.1-0.2-0.2-0.4-0.4-0.6s-0.3-0.3-0.6-0.4C10.8,4,10.5,4,10,3.9c-0.5,0-0.7,0-2,0s-1.5,0-2,0
+			C5.5,4,5.2,4,5.1,4.1C4.8,4.2,4.7,4.3,4.5,4.5S4.2,4.8,4.1,5.1C4,5.2,4,5.5,3.9,6c0,0.5,0,0.7,0,2s0,1.5,0,2c0,0.5,0.1,0.8,0.2,0.9
+			c0.1,0.2,0.2,0.4,0.4,0.6c0.2,0.2,0.3,0.3,0.6,0.4C5.2,12,5.5,12,6,12.1c0.5,0,0.7,0,2,0c1.3,0,1.5,0,2,0c0.5,0,0.8-0.1,0.9-0.2
+			c0.2-0.1,0.4-0.2,0.6-0.4s0.3-0.3,0.4-0.6c0.1-0.2,0.2-0.4,0.2-0.9c0-0.5,0-0.7,0-2s0-1.5,0-2C12,5.5,12,5.2,11.9,5.1z M8,10.6
+			c-1.4,0-2.6-1.1-2.6-2.6c0-1.4,1.1-2.6,2.6-2.6c1.4,0,2.6,1.1,2.6,2.6C10.6,9.4,9.4,10.6,8,10.6z M10.7,5.9c-0.3,0-0.6-0.3-0.6-0.6
+			s0.3-0.6,0.6-0.6s0.6,0.3,0.6,0.6S11,5.9,10.7,5.9z"/>
+		<path d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M13,10.1c0,0.5-0.1,0.9-0.2,1.2c-0.1,0.3-0.3,0.6-0.6,0.9
+			c-0.3,0.3-0.6,0.4-0.9,0.6c-0.3,0.1-0.7,0.2-1.2,0.2c-0.5,0-0.7,0-2.1,0s-1.5,0-2.1,0c-0.5,0-0.9-0.1-1.2-0.2
+			c-0.3-0.1-0.6-0.3-0.9-0.6c-0.3-0.3-0.4-0.6-0.6-0.9C3.1,11,3.1,10.6,3,10.1C3,9.5,3,9.4,3,8s0-1.5,0-2.1c0-0.5,0.1-0.9,0.2-1.2
+			c0.1-0.3,0.3-0.6,0.6-0.9c0.3-0.3,0.6-0.4,0.9-0.6C5,3.1,5.4,3.1,5.9,3C6.5,3,6.6,3,8,3s1.5,0,2.1,0c0.5,0,0.9,0.1,1.2,0.2
+			c0.3,0.1,0.6,0.3,0.9,0.6c0.3,0.3,0.4,0.6,0.6,0.9C12.9,5,12.9,5.4,13,5.9c0,0.5,0,0.7,0,2.1S13,9.5,13,10.1z"/>
+		<circle cx="8" cy="8" r="1.7"/>
+	</g>
+	</svg>
+</a>

data/_includes/language-menu.liquid

@@ -0,0 +1,32 @@
+<div class="language-menu inline-flex">
+  {% for lang in site.languages %}
+    {% if page.slug %}
+      {% assign posts = site.posts | where: "slug", page.slug | where: "lang", lang %}
+      {% assign target_post = posts.first %}
+      {% if target_post %}
+        {% assign target_url = target_post.url %}
+      {% else %}
+        {% assign target_url = page.url %}
+      {% endif %}
+    {% else %}
+      {% assign target_url = page.url %}
+    {% endif %}
+
+    <a
+      {% if lang == site.active_lang %}
+        class="selected"
+      {% endif %}
+      {% static_href -%}
+      href="{% if lang == site.default_lang %}{{ site.baseurl }}{{ target_url }}{% else %}{{ site.baseurl }}/{{ lang }}{{ target_url }}{% endif %}"
+      {% endstatic_href %}
+    >
+      {{- lang -}}
+    </a>
+    {%- if forloop.last == false -%}
+      {{ ' ' -}}
+      {{- site.langsep }}
+    {%- endif -%}
+  {% endfor %}
+</div>
+
+

data/_includes/linkedin.liquid

@@ -0,0 +1,8 @@
+<a href="https://linkedin.com/in/{{ site.linkedin_username }}" title="Follow {{site.user_name}} on LinkedIn" class="link-social block">
+  <svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 32 32" aria-hidden="true">
+    <path d="M16,0C7.163,0,0,7.163,0,16s7.163,16,16,16s16-7.163,16-16S24.837,0,16,0z M10.954,22h-2.95v-9.492h2.95V22z M9.449,11.151
+    c-0.951,0-1.72-0.771-1.72-1.72c0-0.949,0.77-1.719,1.72-1.719c0.948,0,1.719,0.771,1.719,1.719
+    C11.168,10.38,10.397,11.151,9.449,11.151z M22.004,22h-2.948v-4.616c0-1.101-0.02-2.517-1.533-2.517c-1.535,0-1.771,1.199-1.771,2.437
+    V22h-2.948v-9.492h2.83v1.297h0.04c0.394-0.746,1.356-1.533,2.791-1.533c2.987,0,3.539,1.966,3.539,4.522V22z"></path>
+  </svg>
+</a>

data/_includes/medium.liquid

@@ -0,0 +1,9 @@
+<a href="https://medium.com/@{{ site.social_username }}" title="Follow {{ site.user_name  }} on Medium" class="link-social block">
+	<svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
+	<path d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M6.3,12.1c0,0.2-0.1,0.3-0.3,0.3c-0.1,0-0.1,0-0.2-0.1l-2.6-1.3
+	C3.1,11.1,3,10.9,3,10.7V4.3c0-0.2,0.1-0.3,0.2-0.3c0,0,0.1,0,0.2,0l0.1,0h0l2.9,1.4c0,0,0,0,0,0V12.1z M9.3,10.8L9,10.7L7,9.6v-3
+	l0.2,0.3l0.2,0.3l0.2,0.3L9,10l0,0l0.3,0.5L9.7,11L9.3,10.8z M9.7,9.8L9.3,9.3L9,8.8L7.8,6.9L9,4.9l0.3-0.5l0.2-0.2
+	C9.6,4.1,9.7,4,9.8,4c0,0,0,0,0,0c0,0,0.1,0,0.1,0l3,1.5c0,0,0,0,0,0l0,0c0,0,0,0,0,0.1L10,10.4L9.7,9.8z M13,12.1
+	c0,0.2-0.1,0.3-0.3,0.3c-0.1,0-0.2,0-0.3-0.1l-1.7-0.9l-0.5-0.2l0.2-0.3h0L13,6.8V12.1z"/>
+	</svg>
+</a>

data/_includes/post_block.liquid

@@ -0,0 +1,9 @@
+<!-- Renders post date, title, and snippet of text. -->
+{% assign lang = site.active_lang %}
+<div class="py-2 mb-2 prose">
+  <a class="no-underline h5 bold text-accent" title="{{ post.url | prepend: site.baseurl }}" href="{{ post.url | prepend: site.baseurl }}">{{ post.date | localize: "%-d %B %Y", lang}}</a>
+  <h2 class="h1 lh-condensed col-9 mt-0">
+    <a class="link-primary" title="{{ post.url | prepend: site.baseurl }}" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+  </h2>
+  <p>{{ post.content | strip_html | truncatewords:30 }}</p>
+</div>

data/_includes/previous-next.liquid

@@ -0,0 +1,22 @@
+<!-- Use if you want to show previous and next for all posts. -->
+{% assign user_url = site.url | append: site.baseurl %}
+{% assign full_base_url = user_url | default: site.github.url %}
+{% assign lang = site.active_lang %}
+{% if page.previous.url and page.previous.lang == lang %}
+  <div class="col-4 sm-width-full left mr-lg-4 mt-3">
+    <a class="no-underline border-top-thin py-1 block" href="{{ page.previous.url | prepend: full_base_url }}">
+      <span class="h5 bold text-accent">{{ site.data[lang].previous }}</span>
+      <p class="bold h3 link-primary mb-1">{{ page.previous.title }}</p>
+      <p>{{ page.previous.content | strip_html | truncatewords:20 }}</p>
+    </a>
+  </div>
+  {% endif %}
+  {% if page.next.url and page.next.lang == lang %}
+  <div class="col-4 sm-width-full left mt-3">
+    <a class="no-underline border-top-thin py-1 block" href="{{ page.next.url | prepend: full_base_url }}">
+      <span class="h5 bold text-accent">{{ site.data[lang].next }}</span>
+      <p class="bold h3 link-primary mb-1">{{ page.next.title }}</p>
+      <p>{{ page.next.content | strip_html | truncatewords:20 }}</p>
+    </a>
+  </div>
+{% endif %}

data/_includes/previous-next_has-categories.liquid

@@ -0,0 +1,41 @@
+<!-- Use if you want to show previous and next for posts within a category. -->
+{% assign lang = site.active_lang %}
+{% if page.categories %}
+  {% assign category = page.categories[0] %}
+  {% assign posts = site.categories[category] | where: "lang", lang %}
+  {% for post in posts %}
+    {% if post.url == page.url %}
+      {% assign post_index0 = forloop.index0 %}
+      {% assign post_index1 = forloop.index %}
+    {% endif %}
+  {% endfor %}
+  {% for post in posts %}
+    {% if post_index0 == forloop.index %}
+      {% assign next_post = post %}
+
+    {% endif %}
+    {% if post_index1 == forloop.index0 %}
+      {% assign prev_post = post %}
+    {% endif %}
+  {% endfor %}
+{% endif %}
+{% assign user_url = site.url | append: site.baseurl %}
+{% assign full_base_url = user_url | default: site.github.url %}
+{% if prev_post %}
+<div class="col-4 sm-width-full left mr-lg-4 mt-3">
+  <a class="no-underline border-top-thin py-1 block" href="{{ prev_post.url | prepend: full_base_url }}">
+    <span class="h5 bold text-accent">{{ site.data[lang].previous }}</span>
+    <p class="bold h3 link-primary mb-1">{{ prev_post.title }}</p>
+    <p>{{ prev_post.content | strip_html | truncatewords:20 }}</p>
+  </a>
+</div>
+{% endif %}
+{% if next_post %}
+<div class="col-4 sm-width-full left mt-3">
+  <a class="no-underline border-top-thin py-1 block" href="{{ next_post.url | prepend: full_base_url }}">
+    <span class="h5 bold text-accent">{{ site.data[lang].next }}</span>
+    <p class="bold h3 link-primary mb-1">{{ next_post.title }}</p>
+    <p>{{ next_post.content | strip_html | truncatewords:20 }}</p>
+  </a>
+</div>
+{% endif %}

data/_includes/print-button.liquid

@@ -0,0 +1,4 @@
+<button class="print-button link-primary">
+  <i class="fa-regular fa-file-pdf fa-xl"></i>
+  {{ site.data[lang].print }}
+</button>

data/_includes/theme-toggle.liquid

@@ -0,0 +1,19 @@
+<button class="theme-toggle link-primary inline-block align-top mr-2 mr-lg-0 ml-lg-2 {% if include.class %}{{ include.class }}{% endif %}" id="theme-toggle" title="Dark or Light" aria-label="auto" aria-live="polite">
+  <svg class="sun-and-moon" aria-hidden="true" width="24" height="24" viewBox="0 0 24 24">
+    <mask class="moon" id="moon-mask">
+      <rect x="0" y="0" width="100%" height="100%" fill="white" />
+      <circle cx="24" cy="10" r="6" fill="black" />
+    </mask>
+    <circle class="sun " cx="12" cy="12" r="6" mask="url(#moon-mask)" fill="currentColor" />
+    <g class="sun-beams" stroke="currentColor">
+      <line x1="12" y1="1" x2="12" y2="3" />
+      <line x1="12" y1="21" x2="12" y2="23" />
+      <line x1="4.22" y1="4.22" x2="5.64" y2="5.64" />
+      <line x1="18.36" y1="18.36" x2="19.78" y2="19.78" />
+      <line x1="1" y1="12" x2="3" y2="12" />
+      <line x1="21" y1="12" x2="23" y2="12" />
+      <line x1="4.22" y1="19.78" x2="5.64" y2="18.36" />
+      <line x1="18.36" y1="5.64" x2="19.78" y2="4.22" />
+     </g>
+  </svg>
+</button>

data/_includes/twitter.liquid

@@ -0,0 +1,9 @@
+<a href="https://twitter.com/{{ site.social_username }}" title="Follow me on twitter" class="link-social block">
+  <svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
+    <path d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M12,6c0,0.1,0,0.2,0,0.3c0,2.7-2.1,5.8-5.8,5.8
+  	c-1.2,0-2.2-0.3-3.1-0.9c0.2,0,0.3,0,0.5,0c1,0,1.8-0.3,2.5-0.9c-0.9,0-1.7-0.6-1.9-1.4c0.1,0,0.3,0,0.4,0c0.2,0,0.4,0,0.5-0.1
+  	c-0.9-0.2-1.6-1-1.6-2v0C3.7,6.9,4,7,4.3,7.1c-0.5-0.4-0.9-1-0.9-1.7c0-0.4,0.1-0.7,0.3-1c1,1.2,2.5,2.1,4.2,2.1
+  	c0-0.2-0.1-0.3-0.1-0.5c0-1.1,0.9-2,2.1-2c0.6,0,1.1,0.2,1.5,0.6c0.5-0.1,0.9-0.3,1.3-0.5c-0.2,0.5-0.5,0.9-0.9,1.1
+  	c0.4,0,0.8-0.2,1.2-0.3h0C12.7,5.3,12.4,5.7,12,6z"/>
+  </svg>
+</a>

data/_layouts/about.liquid

@@ -0,0 +1,42 @@
+---
+layout: default
+---
+{% assign lang = site.active_lang %}
+<article class="container mx-auto px-2 mt2 mb4">
+  <header>
+    <h1 class="h0 py-4 mt-3">{{ page.headline }}</h1>
+    <p class="job">{{ site.data[lang].job }}</p>
+  </header>
+  {% include print-button.liquid %}
+  <div class="col-4 sm-width-full border-top-thin" id="divider"></div>
+  <div class="about">
+    <div class="prose mb-4 py-2">
+      {{ content }}
+    </div>
+    <div class="right-column">
+      <div class="contact-data">
+        <h2>{{ site.data[lang].contact }}</h2>
+        <p><i class="fa-solid fa-phone"></i> {{ site.data.common.phone }}</p>
+        <p><i class="fa-solid fa-location-dot"></i> {{ site.data.common.address }}</p>
+        <p><i class="fa-solid fa-at"></i> <a href="mailto:{{ site.data.common.email }}">{{ site.data.common.email }}</a></p>
+      </div>
+      <div class="links">
+        <h2>{{ site.data[lang].links }}</h2>
+        {% for link in site.data.common.links %}
+          <p><a href="{{ link.url }}">{{ link.name }}</a></p>
+        {% endfor %}
+      </div>
+      <div class="graphs">
+      {% assign watchmaking_title=site.data[lang].watchmaking.title %}
+      {% assign watchmaking_skills=site.data[lang].watchmaking.skills %}
+      {% assign flying_title=site.data[lang].flying.title %}
+      {% assign flying_skills=site.data[lang].flying.skills %}
+      {% assign programming_title=site.data[lang].programming.title %}
+      {% assign programming_skills=site.data[lang].programming.skills %}
+      {% include bar_graph.liquid title=watchmaking_title items=watchmaking_skills height="150" width="200" %}
+      {% include bar_graph.liquid title=flying_title items=flying_skills height="150" width="200" %}
+      {% include bar_graph.liquid title=programming_title items=programming_skills height="220" width="200" %}
+      </div>
+    </div>
+  </div>
+</article>

data/_layouts/category-post.liquid

@@ -0,0 +1,20 @@
+---
+layout: default
+---
+{% assign lang = site.active_lang %}
+<article class="container px-2 mx-auto mb4" itemscope itemtype="http://schema.org/BlogPosting">
+  <h1 class="h0 col-9 sm-width-full py-4 mt-3 inline-block" itemprop="name headline">{{ page.headline }}</h1>
+  <div class="col-4 sm-width-full mt-1 border-top-thin ">
+    <p class="mb-3 py-2 bold h4">
+      <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | localize: '%-d %B %Y', lang }}</time>
+    </p>
+  </div>
+
+  <div class="prose" itemprop="articleBody">
+    {{ content }}
+  </div>
+</article>
+
+<div class="container mx-auto px-2 py-2 clearfix">
+  {% include previous-next_has-categories.liquid %}
+</div>