<!DOCTYPE html>
<html lang="en">
<head>
  <title>Tamio Patrick Honma</title>
  <meta name="description" content="Profiles and links of Tamio Patrick Honma on the web">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta charset="UTF-8">

  <!-- Favicon -->
  <link rel="icon" href="favicon.ico">

  <!-- Theme Color -->
  <meta name="theme-color" content="#f8f8ff" media="(prefers-color-scheme: light)">
  <meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">

  <!-- Open Graph / Social Media -->
  <meta property="og:title" content="Tamio Patrick Honma">
  <meta property="og:description" content="UX Engineering · 3D Printing · Tango Argentino">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://honma.de">

  <!--
  ____         _          _     _   _                  ____    _ _   _           _                            _____ ___ ___ ___ _____ ____
 / ___| ___   | |_ ___   | |__ | |_| |_ _ __  ___ _   / / /_ _(_) |_| |__  _   _| |__   ___ ___  _ __ ___    / /_ _/ _ \_ _/ _ \___  |___ \
| |  _ / _ \  | __/ _ \  | '_ \| __| __| '_ \/ __(_) / / / _` | | __| '_ \| | | | '_ \ / __/ _ \| '_ ` _ \  / / | | | | | | | | | / /  __) |
| |_| | (_) | | || (_) | | | | | |_| |_| |_) \__ \_ / / / (_| | | |_| | | | |_| | |_) | (_| (_) | | | | | |/ /  | | |_| | | |_| |/ /  / __/
 \____|\___/   \__\___/  |_| |_|\__|\__| .__/|___(_)_/_/ \__, |_|\__|_| |_|\__,_|_.__(_)___\___/|_| |_| |_/_/  |___\___/___\___//_/  |_____|
                                       |_|               |___/
  -->

  <style>
    :root {
        color-scheme: light dark;

        --light-bg: ghostwhite;
        --light-shadow: #bfbfbf;
        --light-color: #121212;
        --light-secondary: #595959;
        --light-link: #0066cc;
        --light-link-hover: #004080;
        --light-decoration-start: rgba(255,255,255,1);
        --light-decoration-end: rgba(255,255,255,0.8);

        --dark-bg: #121212;
        --dark-shadow: #1a4d1a;
        --dark-color: #b2ffb2;
        --dark-secondary: #32cd32;
        --dark-link: #4dff4d;
        --dark-link-hover: #66ff66;
        --dark-decoration-start: rgba(18,18,18,1);
        --dark-decoration-end: rgba(18,18,18,0.8);
    }

    body {
        margin: 0;
        padding: 0;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        background: light-dark(var(--light-bg), var(--dark-bg));
        color: light-dark(var(--light-color), var(--dark-color));
        line-height: 1.5;
    }

    .container {
        display: flex;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        padding: 1.5rem;
    }

    .card {
        box-sizing: border-box;
        width: 100%;
        max-width: 800px;
        padding: 1.5rem;
        box-shadow: 4px 4px 12px light-dark(var(--light-shadow), var(--dark-shadow));
        border-radius: 8px;
        background-image:
          linear-gradient(0deg, light-dark(var(--light-decoration-start), var(--dark-decoration-start)) 0%, light-dark(var(--light-decoration-end), var(--dark-decoration-end)) 100%),
          url("data:image/svg+xml,%3Csvg width='191.166mm' height='217.57401mm' viewBox='0 0 191.166 217.57401' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs1'%3E%3Crect x='2' y='2' width='789' height='1119' id='rect1'/%3E%3Crect x='2' y='2' width='789' height='1119' /%3E%3C/defs%3E%3Cg%3E%3Ctext xml:space='preserve' transform='matrix(0.26458333,0,0,0.26458333,-0.52916666,-2.7821149)' style='font-family:Courier,monospace;font-size:9.33333px;text-align:start;writing-mode:lr-tb;direction:ltr;white-space:pre;shape-inside:url(%23rect1);fill:%23000000'%3E%3Ctspan x='2' y='58.023701'%3E                                                                    ▒▒▒░░%3C/tspan%3E%3Ctspan x='2' y='69.900857'%3E                                                    ░▒▒▓▓▓▒▒▒▒▒▒▓▓▒█▓▓▓▒▓▒░░░%3C/tspan%3E%3Ctspan x='2' y='81.778012'%3E                                                  ▒▒▓▒▒▒▓▒▓▒▒▓▒▓▒▒▓▓▓██▓▓▓▓▓▓▓███░%3C/tspan%3E%3Ctspan x='2' y='93.655171'%3E                                               ▒▒▒▓▓█▓▓▒▒▒▒▓▓▓▓▓▓▓▓████▓▓▓▓▓▓▓▒▒▓▓▒ ░%3C/tspan%3E%3Ctspan x='2' y='105.53232'%3E                                             ▓▓▒▒▒▓█▓▓▒░▒▒▒▓▓▒▒▒▒▓▓████▓▓▓▓▓▓██▓▒▓▓▓▒%3C/tspan%3E%3Ctspan x='2' y='117.40947'%3E                                         █▓▒█▒▓▓██▓▓▓▒▒▒▒▒▒▒▒░▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓███▓▓▓██▓░%3C/tspan%3E%3Ctspan x='2' y='129.28663'%3E                                         ██▓▓▓▓▓▓▒▒░▒░▒░▒░░░░░░░▒▒▒▓▓▓▓▒▒▒▒▓▓▓▓█▓▓▓▓▓▓▓▒▒%3C/tspan%3E%3Ctspan x='2' y='141.16378'%3E                                        ▒▓█▒▒▓▒▒░░░░░░░░░░░░░░░░░░░░▒░░░░░▒▒▒▒▓▓▓▓▓▓▓▓▒▓▒░%3C/tspan%3E%3Ctspan x='2' y='153.04093'%3E                                     ░░▒▓▒▓▓▓▒▒▒░░░░░░░░░      ░ ░░░░░░░░░░░░░░▒▒▓▓█▓▒▒▓▓▒%3C/tspan%3E%3Ctspan x='2' y='164.91808'%3E                                     ░▒▓▒▓▓▒░▒░░░░░░░░              ░░░░░░░░░░░░░░▒▒██▓██▓▒%3C/tspan%3E%3Ctspan x='2' y='176.79523'%3E                                    █▓▓▓▓▓▒░░░░░░░░░░░░              ░░░░░░░░░░░░░░▒▒▓▓█▓███▒%3C/tspan%3E%3Ctspan x='2' y='188.67238'%3E                                  ░█▓█▓▓▒▒░░░░░░░░░░░░░      ░░ ░░ ░ ░░░░░░░░░░░░░░▒▒▒▒▒███▓█%3C/tspan%3E%3Ctspan x='2' y='200.54953'%3E                                  ▓▓█▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒░▒███▓▓%3C/tspan%3E%3Ctspan x='2' y='212.42669'%3E                                  ░█▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒░▒░░░▒▒▒▒▒░░░▒▓███▒%3C/tspan%3E%3Ctspan x='2' y='224.30384'%3E                                  ▓▓▒▒░▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒░░░░░▒▒▒▒▒░ ░░▓▓███%3C/tspan%3E%3Ctspan x='2' y='236.18099'%3E                                  ▓▓▒▒░▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒░░░▒▒▓▓██░%3C/tspan%3E%3Ctspan x='2' y='248.05814'%3E                                  ▓▓▓░░▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒░░▒▓▒▓▓█▓%3C/tspan%3E%3Ctspan x='2' y='259.93529'%3E                                  ▓▒░░░▒▒▒▒░░░░░░░░░░░░░░░░ ░░ ░░ ░░ ░░░░░░░░░░▒▒▒▒▒▒▒░░░▒▒▓▒▓▓█%3C/tspan%3E%3Ctspan x='2' y='271.81244'%3E                                 ░▒▒░░░▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒░░░▒▒█▒▓█%3C/tspan%3E%3Ctspan x='2' y='283.68961'%3E                                  ▓▒░░░▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒░░▒▒▓▒▓█%3C/tspan%3E%3Ctspan x='2' y='295.56678'%3E                                  ▒▒░░▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒░▒▒░░░▒▒▒▒▒▒▒▒▒▒▒░▓▓█▒%3C/tspan%3E%3Ctspan x='2' y='307.44394'%3E                                  ▒░░░▒▒▒▒▒░░░░░░░░░░░░░▒▒░░░░░░▒▒▒▒▒▓▓▓▓█▓▓▓▒▓▒▒▒▒▒▒▒▒▒▓▒▒▒▒▒▓▓▒%3C/tspan%3E%3Ctspan x='2' y='319.32111'%3E                                 ░▓▒▒▒▒▓▒▒▒▒░▒▒▒▓▓█▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▓▓▓▓▒▒▒▒▓▓▒▒▒▒▒▓▓▒%3C/tspan%3E%3Ctspan x='2' y='331.19828'%3E                                  ▓▒▒▒▒▒▒▒▒▒▒▓▒▒▒▒░▒▒▒▒▒▒▒▒▒▒░░▒▒▒▒▒▒▒▒▒▒░░░░▒▒▒▓▓█▓▒▒▒▒▒▒▒▓▒▒▒▓▓▒▒%3C/tspan%3E%3Ctspan x='2' y='343.07544'%3E                                  ▒▒▒▒▒▒▒▒▒▓▓▒▒░░▒▒▓▓▓▒▒▒▒▒▒░░░░░▒▒▒▒▓▓█████████▓▓▓▓▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▒%3C/tspan%3E%3Ctspan x='2' y='354.95261'%3E                                  ▒▒▒▒▒▒▒▒▓▓▒▒▓██████▓█▓▒▓▒░░   ░░▒▒▒▓▓▒▒▓▓▓█▓▓███▓▓▒▒▒▒▒▒▒▓▓▒▓██▓▓▒▓░%3C/tspan%3E%3Ctspan x='2' y='366.82978'%3E                                 ▒▒▒░▒▒▒▒▒▓▓▓██▓▒█▒▒▒░░░▒░▒░░   ░░░▒▒▒▒▒░░░░░░▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▒%3C/tspan%3E%3Ctspan x='2' y='378.70694'%3E                               ▒▓▓▒░░▒▒▒▒▒▒▓█▓▒▒▒▒▒▒░▒▒▒░░░░░   ░░░▒░░░▒▒▒▒▒▒▒▒▒░░░░░░▒▒▒▓▓▓▓█▓▓▓▓▓▒▒░%3C/tspan%3E%3Ctspan x='2' y='390.58411'%3E                               ▓▓▓▓▒▒▒▒▒▒▒░▒▒▒▒▒▒▒▒▒▒░░░░░░░░░  ░░▒▒▒▒░░░░░░░░░░░░░░░░▒▒▒▓▓▓▓█▓▓▓▒▒▒▓%3C/tspan%3E%3Ctspan x='2' y='402.46128'%3E                               ▒▓▓▓▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░  ░░░▒░░░░░░   ░ ░░░░░░░▒▒▒▒▒▒▒▓▓█▓▒▒▒▒%3C/tspan%3E%3Ctspan x='2' y='414.33844'%3E                                ▒▓▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░▒░░░  ░░▒▒▒▒░░░ ░░  ░░░░░░░▒▒▒▒▒▒▒▓▓▒▓▒▒▒▒%3C/tspan%3E%3Ctspan x='2' y='426.21561'%3E                                 ▒▒▒▒▓▒▒▒░░░░░░░░ ░░░░░▒▓▒▒░░   ░░▒▒░▓▒▒░░░░░░░░░░░░▒▒▒▒▒▓▒▒▓▓▓▒▒▒▒▒%3C/tspan%3E%3Ctspan x='2' y='438.09278'%3E                                  ▒▒▒▓▒▒▒▒░░░░░░░░░░░▒▒▒░░░░░░ ░░░░░░░▒▒▒▒░░░░░░░░░▒▒▒▓▓▓▓▒▓▓▓▓▒▒▒▒%3C/tspan%3E%3Ctspan x='2' y='449.96994'%3E                                  ░▒▒▒▒▒▒▒▒░░░░░░░░▒▒▒▒▒▒░▒▒▒░░░▒▒▒▒▒▒▒░░▒▒▒▒░▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▒░▒%3C/tspan%3E%3Ctspan x='2' y='461.84711'%3E                                  ░▒▒░▒▒▒▒▒▒▒▒░░▒▒▒▒▒▒░░▒▒▓██▒▒▒▒▓██▓█▒░░░░░▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▒▒▒▒%3C/tspan%3E%3Ctspan x='2' y='473.72428'%3E                                   ▒░▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒░░░░░▒▓▓▓▓▒▒▓██▓▓▒▒▒░░▒░▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▒▒▒%3C/tspan%3E%3Ctspan x='2' y='485.60144'%3E                                    ░▒▒▒▓▓▓▒▒▒▒▒▒▒▒▒▒▒░▒▒▒▒▒▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓%3C/tspan%3E%3Ctspan x='2' y='497.47861'%3E                                    ▒▒▒▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓%3C/tspan%3E%3Ctspan x='2' y='509.35578'%3E                                     ▒▒▒▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒░░░░▒░▒▒▒░▒▒▒▒▓▓▓▓▓█▒▒▒▒░▒▒▒▓▓▓▓▓▓▓▓▓▒%3C/tspan%3E%3Ctspan x='2' y='521.23291'%3E                                        ▓▓▓▓▓▒▒▒▒▒▒▓▓█▓▓▓▓▓▒▒▒▓▓▓▓▓▓▓█████▓▒▒▒▒▒▒▒▒▒▓▓▒▓▓▓▓▓▓%3C/tspan%3E%3Ctspan x='2' y='533.11005'%3E                                        ░▓▓▓▓▓▒▒▒▒▒▒▒▒▒▓█████████▓▒▒▓▓▓▓▓▒▒▒▒▒▒░▒▒▒▓▓▓▓▓▓▓▓▓▓%3C/tspan%3E%3Ctspan x='2' y='544.98719'%3E                                         ▓▓▓▓▓▓▒▒░▒▒▒░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓%3C/tspan%3E%3Ctspan x='2' y='556.86432'%3E                                          ▒▓▓▓▓▓▒▒▒▒░░░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▒%3C/tspan%3E%3Ctspan x='2' y='568.74146'%3E                                           ▒▓▓▓▓▓▒▒▒▒▒░▒░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓%3C/tspan%3E%3Ctspan x='2' y='580.6186'%3E                                             ▓▓▓▓▓▓▒▒▒▒▒░░░░░░░░░░░░░░░░░░▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓██▓██▓%3C/tspan%3E%3Ctspan x='2' y='592.49573'%3E                                              ▓▓▓▓▓▓▒▒▒▒░░░░░░░░░░░░░░░░▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓██▓▓█████%3C/tspan%3E%3Ctspan x='2' y='604.37287'%3E                                              ░▓▓▓▓▓▓▒▒▒▒▒░░░░░░░░░░▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓██▓▓██████▒%3C/tspan%3E%3Ctspan x='2' y='616.25'%3E                                               ▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓████████%3C/tspan%3E%3Ctspan x='2' y='628.12714'%3E                                                ▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█████████▓%3C/tspan%3E%3Ctspan x='2' y='640.00428'%3E                                                ▓▓▓▓▓▓▓▓▓▓▓▒▓▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓████████████%3C/tspan%3E%3Ctspan x='2' y='651.88141'%3E                                               ▓█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██████████████▒%3C/tspan%3E%3Ctspan x='2' y='663.75855'%3E                                              ▓███▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓████████████████████▓▒%3C/tspan%3E%3Ctspan x='2' y='675.63569'%3E                                            ░██████▓▓▓▓██▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓███████████████████████████▒%3C/tspan%3E%3Ctspan x='2' y='687.51282'%3E                                         ▓███████████▓█████▓▓▓▓▓▒▒▒▒▒▒▒▒▓▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓████████████████████████████████░%3C/tspan%3E%3Ctspan x='2' y='699.38996'%3E                                    ░███████████████▓▓▓▓▓████▓▓▓▓▓▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██████████████████████████████████████%3C/tspan%3E%3Ctspan x='2' y='711.26709'%3E                               ░▓████████████████████▓▓▓▓█████▓▓▓▓▓▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██████████████████████████████████████%3C/tspan%3E%3Ctspan x='2' y='723.14423'%3E                           ▒██████████████████████████▓▓▓▓▓▓███▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓███████████████████████████████████████%3C/tspan%3E%3Ctspan x='2' y='735.02137'%3E                       ▓███████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓████████████████████████████████████████%3C/tspan%3E%3Ctspan x='2' y='746.8985'%3E                  ▒█████████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓████████████████████████████████████████%3C/tspan%3E%3Ctspan x='2' y='758.77564'%3E             ▒████████████████████████████████████▓██████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█████████████████████████████████████████%3C/tspan%3E%3Ctspan x='2' y='770.65278'%3E         ▓█████████████████████████████████████████▓██████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█████████████████████████████████████████%3C/tspan%3E%3Ctspan x='2' y='782.52991'%3E     ▒████████████████████████████████████████████▓█████████▓▓▓▓▓▓▓▓▓▓█▓▓▓▓▓▓▓▓▓▓▓▓▓▓████████████████████████████████████████████%3C/tspan%3E%3Ctspan x='2' y='794.40705'%3E  ▒████████████████████████████████████████████████████▓████████████████████████████████▓▓███████████████████████████████████████%3C/tspan%3E%3Ctspan x='2' y='806.28418'%3E█████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████%3C/tspan%3E%3Ctspan x='2' y='818.16132'%3E█████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████%3C/tspan%3E%3Ctspan x='2' y='830.03846'%3E█████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A")
        ;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-blend-mode: lighten;
    }

    @media screen and (min-width: 481px) {
        .card {
            padding: 2em 3em;
        }
    }

    @media (prefers-color-scheme: dark) {
        .card {
            background-blend-mode: darken;
        }
    }

    header {
        margin-bottom: 2em;
    }

    header > h1 {
        margin-top: 0.5em;
        margin-bottom: 0;
        font-size: 2.5rem;
    }

    header > p {
        margin-top: 0;
        margin-bottom: 1.25em;
        color: light-dark(var(--light-secondary), var(--dark-secondary));
        font-style: italic;
    }

    h2 {
        margin-top: 1.75em;
        margin-bottom: 0.75em;
    }

    h3 {
        margin-top: 1.25em;
        margin-bottom: 0.5em;
    }

    ul, dl {
        margin-bottom: 2em;
        list-style-position: outside;
        padding-left: 2em;
    }

    li, dd {
        margin-bottom: 0.5em;
    }

    dt {
        font-weight: bold;
        margin-bottom: 0.25em;
    }

    dd {
        margin-left: 0;
        margin-bottom: 1em;
    }

    a {
        color: light-dark(var(--light-link), var(--dark-link));
        text-decoration: none;
        transition: color 0.2s ease;
    }

    a:hover, a:focus {
        color: light-dark(var(--light-link-hover), var(--dark-link-hover));
        text-decoration: underline;
    }

    footer {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: baseline;
        margin-top: 4em;
        gap: 1em;
    }

    footer p {
        flex: 1 0 auto;
        margin: 0;
        text-align: center;
    }

    footer p:first-child {
        text-align: left;
    }

    footer p:last-child {
        text-align: right;
    }
  </style>
</head>
<body>

<div class="container">
  <article class="card">
    <header>
      <h1>Tamio Patrick Honma</h1>
      <p>UX Engineering · 3D Printing · Tango Argentino</p>
    </header>

    <main>
      <h2>Profiles</h2>

      <h3>Business Networks</h3>

      <ul>
        <li><a href="https://www.linkedin.com/in/tamio-honma/" target="_blank" rel="noopener">LinkedIn</a></li>
      </ul>

      <h3>Social Media</h3>

      <dl>
        <dt>Mastodon</dt>
        <dd><a rel="me noopener" href="https://gruene.social/@ioio72" target="_blank">@ioio72@gruene.social</a></dd>

        <dt>Pixelfed</dt>
        <dd><a rel="me noopener" href="https://pixelfed.social/ioio72" target="_blank">@ioio72@pixelfed.social</a></dd>

        <dt>Reddit</dt>
        <dd><a rel="me noopener" href="https://www.reddit.com/user/Nebulus2000/" target="_blank">u/Nebulus2000</a></dd>
      </dl>

      <h3>Maker Communities</h3>

      <ul>
        <li><a href="https://makerworld.com/de/@ioio72" target="_blank" rel="noopener">Maker World</a></li>
        <li><a href="https://www.thingiverse.com/ioio72/" target="_blank" rel="noopener">Thingiverse</a></li>
        <li><a href="https://getwatchmaker.com/user/BysucHMe-" target="_blank" rel="noopener">WatchMaker</a></li>
      </ul>

      <h3>Software Development</h3>

      <ul>
        <li><a href="https://github.com/IOIO72" target="_blank" rel="noopener">GitHub</a></li>
      </ul>

      <h2>Links</h2>

      <ul>
        <li><a href="https://www.youtube.com/watch?v=UqC5ZqRAQuQ" target="_blank" rel="noopener">The Heart of Tango</a>
        </li>
        <li><a href="https://www.gruene.de/" target="_blank" rel="noopener">BÜNDNIS 90/DIE GRÜNEN</a></li>
      </ul>
    </main>

    <footer>
      <p>&copy; <span id="year">2025</span></p>
      <p><a href="mailto:contact@honma.de" aria-label="Email contact">contact@honma.de</a></p>
      <p><a href="https://github.com/IOIO72/ama" target="_blank" rel="noopener">Ask me anything</a></p>
    </footer>
  </article>
</div>

<script>
  // Auto-update the year
  document.getElementById('year').textContent = new Date().getFullYear();
</script>
</body>
</html>
