lw1.at/templates/contact.html

<nav class="contact">
    <a rel="me noopener" href="https://github.com/Findus23" target="_blank"
       aria-label="{% trans %}View my code on GitHub{% endtrans %}" class="hint--bottom">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
            <!-- Source: Simplified from https://github.com/logos -->
            <path fill-rule="evenodd" style="fill: currentColor"
                  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>
    <a rel="me noopener" href="https://mastodon.lw1.at/@lukas" target="_blank"
       aria-label="{% trans %}Follow me on Mastodon{% endtrans %}" class="hint--bottom">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216.4144 232.00976">
            <title>{% trans %}Follow me on Mastodon{% endtrans %}</title>
            <path style="fill:currentColor"
                  d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"></path>
            <path fill="#fff"
                  d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"></path>
        </svg>
    </a>
    <a href="https://matrix.to/#/@lukas:lw1.at" target="_blank" rel="me noopener"
       aria-label="{% trans %}Contact me via matrix.org (element.io){% endtrans %}" class="hint--bottom">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 316.5 337.2">
            <path style="fill:currentColor"
                  d="M8.9 8v321.5H32v7.7H0V.4h32V8zM98 110v16.2h.5a42.5 42.5 0 0 1 36.7-19.5c7.6 0 14.5 1.5 20.8 4.4 6.2 3 11 8.2 14.2 15.6a51 51 0 0 1 14.6-14c6-4 13.3-6 21.7-6 6.3 0 12.2.8 17.7 2.3a34.2 34.2 0 0 1 23 20.8 54.2 54.2 0 0 1 3.2 19.9V230h-33V162c0-4-.1-7.8-.5-11.4-.3-3.5-1.1-6.6-2.5-9.3a15.5 15.5 0 0 0-6.2-6.3 22.3 22.3 0 0 0-11-2.3c-4.6 0-8.4 1-11.3 2.7a19.4 19.4 0 0 0-6.7 7 28 28 0 0 0-3.3 9.7c-.5 3.7-.8 7.3-.8 11v67h-33v-67.4c0-3.6 0-7-.2-10.6-.2-3.5-.8-6.7-2-9.6-1.1-3-3-5.3-5.8-7.1a24.6 24.6 0 0 0-18.1-1.6c-2.6.7-5 2-7.4 4a23 23 0 0 0-6.2 8.3 34 34 0 0 0-2.6 14.3V230h-33V110zM307.6 329.1V7.7h-23.1V0h32v336.8h-32v-7.7z"></path>
        </svg>
    </a>
    <a href="https://nextcloud.com/sharing/#Lukas@cloud.lw1.at" target="_blank" rel="me noopener"
       aria-label="{% trans %}Share files with me via Nextcloud{% endtrans %}" class="hint--bottom">
        <!-- License: GPL3.0  https://commons.wikimedia.org/wiki/File:Nextcloud_Logo.svg -->
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 113.89204 53" width="113.89202" height="52">
            <path fill="currentColor"
                  d="M57.0328 0C45.22755 0 35.22162 8.00318 32.12045 18.84659c-2.69524-5.75151-8.53592-9.78093-15.26337-9.78093C7.60525 9.06566 0 16.67091 0 25.92274c0 9.25182 7.60525 16.86054 16.85708 16.86054 6.72745 0 12.56813-4.03188 15.26337-9.78439 3.10117 10.84422 13.1071 18.85006 24.91235 18.85006 11.71795 0 21.67286-7.8851 24.85334-18.60701 2.74505 5.62192 8.51344 9.54134 15.14533 9.54134 9.25183 0 16.86055-7.60872 16.86055-16.86054 0-9.25183-7.60872-16.85708-16.86055-16.85708-6.63189 0-12.40028 3.91696-15.14533 9.53788C78.70566 7.88246 68.75075 0 57.0328 0zm0 9.8955c8.91163 0 16.03073 7.11564 16.03073 16.02724s-7.1191 16.03071-16.03073 16.03071c-8.91158 0-16.02722-7.11911-16.02722-16.03071S48.12122 9.8955 57.0328 9.8955zm-40.17572 9.06567c3.90437 0 6.96504 3.05718 6.96504 6.96157 0 3.90438-3.06067 6.96504-6.96504 6.96504-3.90439 0-6.96158-3.06066-6.96158-6.96504 0-3.90439 3.05719-6.96157 6.96158-6.96157zm80.17439 0c3.9044 0 6.96504 3.05718 6.96504 6.96157 0 3.90438-3.06066 6.96504-6.96504 6.96504-3.90437 0-6.96156-3.06066-6.96156-6.96504 0-3.90439 3.05721-6.96157 6.96156-6.96157z"></path>
        </svg>
    </a>
    <a rel="me noopener" href="https://video.lw1.at/accounts/lukas/videos" target="_blank"
       aria-label="{% trans %}View my videos on PeerTube{% endtrans %}" class="hint--bottom">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="2799 -911 16 22" width="16" height="22">
            <path d="M2799-910.7v10.7l8-5.3M2799-900v10.7l8-5.4M2807-905.3v10.6l8-5.3" fill="currentColor"></path>
            <path d="M2807-894.7v-10.6l-8 5.3z" fill="transparent"></path>
        </svg>
    </a>
    <a rel="me noopener" href="https://git.lw1.at/" target="_blank"
       aria-label="{% trans %}View my code on Forgejo{% endtrans %}" class="hint--bottom">
        <!-- simplified from https://forgejo.org/favicon.svg -->
        <svg viewBox="0 0 212 212" xmlns="http://www.w3.org/2000/svg">
            <g transform="translate(6,6)" id="forgejo">
                <path style="fill: none;stroke:currentColor;stroke-width:25" d="M58 168 v-98 a50 50 0 0 1 50-50 h20" class="orange" />
                <path style="fill: none;stroke:currentColor;stroke-width:25" d="M58 168 v-30 a50 50 0 0 1 50-50 h20" class="red" />
                <circle style="fill: none;stroke:currentColor;stroke-width:15" cx="142" cy="20" r="18" class="orange" />
                <circle style="fill: none;stroke:currentColor;stroke-width:15" cx="142" cy="88" r="18" class="red" />
                <circle style="fill: none;stroke:currentColor;stroke-width:15" cx="58" cy="180" r="18" class="red" />
            </g>
        </svg>
    </a>
    <a rel="me noopener" href="https://guides.lw1.at/" target="_blank"
       aria-label="{% trans %}View my guides{% endtrans %}" class="hint--bottom">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-text"
             viewBox="0 0 16 16">
            <path fill="currentColor"
                  d="M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"/>
            <path fill="currentColor"
                  d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
            <path fill="currentColor"
                  d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
        </svg>
    </a>
    <a rel="me noopener" href="https://orcid.org/0000-0002-6792-6743" target="_blank"
       aria-label="ORCID" class="hint--bottom">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" width="72" height="72">
                <path fill="currentColor" d="M72 36a36 36 0 1 1-72 0 36 36 0 0 1 72 0Z"/>
                <g fill="#FFF" transform="translate(18.87 12.91)">
                    <polygon points="5.03734929 39.1250878 0.695429861 39.1250878 0.695429861 9.14431787 5.03734929 9.14431787 5.03734929 22.6930505 5.03734929 39.1250878"/>
                    <path d="M11.4 9.14h11.74c11.16 0 16.07 7.93 16.07 15 0 7.7-6.06 15.01-16.02 15.01H11.41v-30Zm4.35 26.12h6.9c9.85 0 12.1-7.42 12.1-11.11 0-6.02-3.86-11.11-12.32-11.11h-6.68v22.22ZM5.71 2.9a2.85 2.85 0 0 1-5.7 0 2.85 2.85 0 0 1 5.7 0Z"/>
                </g>
        </svg>
    </a>
    <a rel="me noopener" href="mailto:hi@lw1.at" target="_blank"
       aria-label="{% trans %}Write me an E-Mail (hi@lw1.at){% endtrans %}" class="hint--bottom">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114 114">
            <path style="stroke: currentColor" stroke-width="7" fill="none"
                  d="m7,20h98v72H7zl44,44q5,4 10,0l44-44M7,92l36-36m26,0 36,36"></path>
        </svg>
    </a>

</nav>