mirror of
https://github.com/Findus23/lw1.at.git
synced 2024-09-16 12:13:44 +02:00
add social tooltips
This commit is contained in:
parent
a5d65bbf45
commit
f9b51285ae
GPG key ID:
54DE4D798D244853
5 changed files with 815 additions and 587 deletions
|
|
@ -10,6 +10,7 @@
|
|||
"json": "cross-env NODE_ENV=production webpack --mode production --profile --json > stats.json"
|
||||
},
|
||||
"dependencies": {
|
||||
"balloon-css": "^1.0.4",
|
||||
"highlight.js": "^9.10.0",
|
||||
"markdown-it": "^10.0.0",
|
||||
"mathjax-node-page": "^3.0.1",
|
||||
|
|
|
|||
166
src/Contact.vue
166
src/Contact.vue
|
|
@ -1,95 +1,120 @@
|
|||
<template comments>
|
||||
<nav class="contact">
|
||||
<a rel="me" href="https://github.com/Findus23" target="_blank">
|
||||
<a rel="me" href="https://github.com/Findus23" target="_blank" :aria-label="githubText"
|
||||
data-balloon-pos="up">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
|
||||
<!-- Source: Simplified from https://github.com/logos -->
|
||||
<title>View profile on Github</title>
|
||||
<title>{{githubText}}</title>
|
||||
<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" href="http://keybase.io/lw1/" target="_blank">
|
||||
<!-- Source: https://upload.wikimedia.org/wikipedia/commons/b/bb/Keybase_logo_official.svg (BSD-License)-->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="keybase" viewBox="0 0 223.333 204.899">
|
||||
<title>View profile on Keybase</title>
|
||||
<g transform="matrix(1.33333 0 0 -1.33333 -288.333 502.45)">
|
||||
<path d="M300 362.429c-44.183 0-80-35.817-80-80 0-15.254 4.271-29.51 11.679-41.64l20.9 22.192 105.783-.661-.766-35.407C371.467 241.3 380 260.867 380 282.429c0 44.183-35.817 80-80 80"
|
||||
fill="white"></path>
|
||||
<path d="M263.836 339.627c-3.899.24-6.887 3.608-6.66 7.511l.53 8.547a7.123 7.123 0 0 0 7.518 6.656l8.542-.529a7.05 7.05 0 0 0 4.885-2.386 7.053 7.053 0 0 0 1.767-5.156l-.524-8.514a5.154 5.154 0 0 0-.19-1.095l-.305-1.487-5.62-4.162z"
|
||||
fill="white"></path>
|
||||
<path d="M264.803 366.647c-6.01 0-11.01-4.698-11.381-10.696l-.53-8.532v-.016l-.001-.015c-.364-6.26 4.43-11.662 10.686-12.045l8.375-.518 3.123-.193 2.515 1.862 3.042 2.25 2.642 1.958.607 2.967c.12.455.25 1.068.297 1.818l.524 8.522a11.318 11.318 0 0 1-2.839 8.266 11.316 11.316 0 0 1-7.843 3.823l-8.518.528h-.025a11.7 11.7 0 0 1-.675.02m6.378-18.62l.314 5.075-5.076.314-.315-5.076 5.077-.313m-6.378 10.036c.056 0 .113-.002.17-.005l8.528-.53a2.789 2.789 0 0 0 1.933-.942c.5-.565.75-1.29.701-2.041l-.525-8.524c-.007-.132-.06-.248-.085-.374l-3.042-2.252-8.38.518a2.823 2.823 0 0 0-2.64 2.977l.529 8.53a2.816 2.816 0 0 0 2.812 2.643"
|
||||
class="line"></path>
|
||||
<path d="M300 320.962c-33.402 0-60.48-27.078-60.48-60.48 0-12.42 3.746-23.965 10.167-33.569h103.055c5.424 9.907 7.738 21.637 7.738 33.57 0 30.913-27.078 60.48-60.48 60.48"
|
||||
fill="#fff"></path>
|
||||
<path d="M300 325.255c-35.716 0-64.773-29.057-64.773-64.773a64.383 64.383 0 0 1 9.396-33.569h10.347c-7.005 9.372-11.157 20.995-11.157 33.569 0 30.982 25.205 56.188 56.187 56.188 14.716 0 28.81-6.161 39.688-17.348 10.486-10.783 16.5-24.94 16.5-38.84 0-9.517-1.572-22.45-8.405-33.569h9.799c4.729 9.519 7.19 20.9 7.19 33.569 0 16.116-6.898 32.454-18.928 44.826-12.508 12.863-28.79 19.947-45.844 19.947"
|
||||
class="line"></path>
|
||||
<path d="M287.79 242.925a5.805 5.805 0 1 0-11.613 0 5.805 5.805 0 1 0 11.612 0M323.823 242.925a5.805 5.805 0 1 0-11.612 0 5.805 5.805 0 1 0 11.612 0"
|
||||
class="line"></path>
|
||||
<path d="M234.012 245.229l32.228 34.18-7.757-24.32c25.16 18.31 51.575 15.416 70.174 9.954 19.74-5.796 33.562 11.639 20.032 30.238-6.43 8.839-15.248 16.178-25.265 20.629-26.273 11.67-52.688 4.866-70.507-13.134-18.876-19.068-18.905-40.217-18.905-57.547"
|
||||
fill="white"></path>
|
||||
<path d="M296.972 317.389c-3.741 0-7.456-.373-11.107-1.124-11.135-2.29-21.473-8-29.897-16.51-13.993-14.134-16.901-29.305-17.505-43.548l37.603 39.88-9.955-31.207c18.708 9.78 40.099 11.228 63.755 4.282 7.528-2.21 14.35-.535 17.808 4.37 3.55 5.042 2.633 12.228-2.456 19.224-6.081 8.36-14.44 15.189-23.537 19.23-8.068 3.585-16.45 5.403-24.71 5.403m-67.251-82.97v10.81c0 17.917 0 40.215 20.146 60.567 9.62 9.717 21.47 16.245 34.269 18.878 13.474 2.772 27.662 1.098 41.032-4.841 10.453-4.644 20.04-12.467 26.994-22.026 7.243-9.958 8.213-21.154 2.53-29.218-5.554-7.885-16.246-10.892-27.244-7.664-25.364 7.448-47.718 4.317-66.438-9.306l-10.6-7.713 6.005 18.825z"
|
||||
class="line"></path>
|
||||
<path d="M315.44 324.183c-3.821-9.956-14.901-15.515-25.167-12.625-11.566 3.257-17.673 12.552-16.207 24.342 1.459 11.725 9.382 22.005 18.515 34.677-7.502-15.969-1.13-17.465.887-17.385 1.992.08 4.9-.26 9.039-1.634 11.277-3.743 17.238-16.157 12.933-27.375"
|
||||
fill="white"></path>
|
||||
<path d="M285.83 353.465c-3.963-6.212-6.745-11.986-7.505-18.094-1.203-9.673 3.698-17.03 13.111-19.68 8.172-2.301 16.954 2.105 19.996 10.03 1.65 4.298 1.477 8.947-.484 13.091-1.963 4.148-5.44 7.228-9.794 8.672-3.82 1.268-6.198 1.469-7.516 1.419-2.959-.116-5.69 1.262-7.3 3.69a8.59 8.59 0 0 0-.509.872m9.977-46.963c-2.226 0-4.475.299-6.697.925-6.666 1.877-11.993 5.587-15.404 10.729-3.4 5.126-4.749 11.445-3.9 18.275 1.5 12.057 8.931 22.329 17.535 34.223l1.758 2.433 7.367-4.335c-3.636-7.741-3.219-10.607-3.028-11.261 2.925.089 6.431-.534 10.421-1.858 6.601-2.191 11.875-6.86 14.85-13.149 2.974-6.284 3.236-13.33.74-19.839-3.789-9.869-13.447-16.143-23.642-16.143"
|
||||
class="line"></path>
|
||||
<path d="M304.592 286.161a4.966 4.966 0 0 0-3.861 1.832l-2.888 3.537a4.973 4.973 0 0 0 .5 6.811 4.89 4.89 0 0 0-1.637 1.303l-.66.807a4.975 4.975 0 0 0 .706 6.993l.415.34-4.23 5.191a5.408 5.408 0 0 0 .77 7.597 5.422 5.422 0 0 0 3.417 1.22 5.385 5.385 0 0 0 4.182-1.983l18.043-22.207c1.878-2.3 1.533-5.71-.773-7.594a5.423 5.423 0 0 0-3.417-1.217 5.384 5.384 0 0 0-3.736 1.498l-3.681-3.005a4.996 4.996 0 0 0-3.15-1.123"
|
||||
fill="white"></path>
|
||||
<path d="M304.023 322.034a8.884 8.884 0 0 1-6.9 3.27 8.946 8.946 0 0 1-5.63-2.004c-3.814-3.117-4.382-8.742-1.275-12.548l2.35-2.885c-1.726-2.968-1.54-6.824.758-9.637l.442-.542a8.482 8.482 0 0 1 1.354-8.379l2.888-3.538a8.461 8.461 0 0 1 6.58-3.122c1.953 0 3.86.68 5.373 1.914l1.73 1.412a8.932 8.932 0 0 1 9.105 1.313c3.805 3.11 4.373 8.734 1.267 12.54l-18.025 22.185zm-6.9-3.755c.548 0 1.09-.238 1.465-.696l18.035-22.196a1.89 1.89 0 0 0-2.93-2.39l-1.795 2.213-6.377-5.205a1.47 1.47 0 0 0-2.07.209l-2.888 3.537a1.454 1.454 0 0 0 .207 2.046l6.408 5.231-2.618 3.228-3.17-2.59a1.395 1.395 0 0 0-1.963.198l-.66.81a1.457 1.457 0 0 0 .206 2.05l3.133 2.558-6.447 7.913a1.89 1.89 0 0 0 1.465 3.085"
|
||||
class="line"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
<a rel="me" href="https://mastodon.lw1.at/@lukas" target="_blank">
|
||||
<!-- <a rel="me" href="http://keybase.io/lw1/" target="_blank" :aria-label="keybaseText"-->
|
||||
<!-- data-balloon-pos="up">-->
|
||||
<!-- <!– Source: https://upload.wikimedia.org/wikipedia/commons/b/bb/Keybase_logo_official.svg (BSD-License)–>-->
|
||||
<!-- <svg xmlns="http://www.w3.org/2000/svg" class="keybase" viewBox="0 0 223.333 204.899">-->
|
||||
<!-- <title>{{keybaseText}}</title>-->
|
||||
<!-- <g transform="matrix(1.33333 0 0 -1.33333 -288.333 502.45)">-->
|
||||
<!-- <path d="M300 362.429c-44.183 0-80-35.817-80-80 0-15.254 4.271-29.51 11.679-41.64l20.9 22.192 105.783-.661-.766-35.407C371.467 241.3 380 260.867 380 282.429c0 44.183-35.817 80-80 80"-->
|
||||
<!-- fill="white"></path>-->
|
||||
<!-- <path d="M263.836 339.627c-3.899.24-6.887 3.608-6.66 7.511l.53 8.547a7.123 7.123 0 0 0 7.518 6.656l8.542-.529a7.05 7.05 0 0 0 4.885-2.386 7.053 7.053 0 0 0 1.767-5.156l-.524-8.514a5.154 5.154 0 0 0-.19-1.095l-.305-1.487-5.62-4.162z"-->
|
||||
<!-- fill="white"></path>-->
|
||||
<!-- <path d="M264.803 366.647c-6.01 0-11.01-4.698-11.381-10.696l-.53-8.532v-.016l-.001-.015c-.364-6.26 4.43-11.662 10.686-12.045l8.375-.518 3.123-.193 2.515 1.862 3.042 2.25 2.642 1.958.607 2.967c.12.455.25 1.068.297 1.818l.524 8.522a11.318 11.318 0 0 1-2.839 8.266 11.316 11.316 0 0 1-7.843 3.823l-8.518.528h-.025a11.7 11.7 0 0 1-.675.02m6.378-18.62l.314 5.075-5.076.314-.315-5.076 5.077-.313m-6.378 10.036c.056 0 .113-.002.17-.005l8.528-.53a2.789 2.789 0 0 0 1.933-.942c.5-.565.75-1.29.701-2.041l-.525-8.524c-.007-.132-.06-.248-.085-.374l-3.042-2.252-8.38.518a2.823 2.823 0 0 0-2.64 2.977l.529 8.53a2.816 2.816 0 0 0 2.812 2.643"-->
|
||||
<!-- class="line"></path>-->
|
||||
<!-- <path d="M300 320.962c-33.402 0-60.48-27.078-60.48-60.48 0-12.42 3.746-23.965 10.167-33.569h103.055c5.424 9.907 7.738 21.637 7.738 33.57 0 30.913-27.078 60.48-60.48 60.48"-->
|
||||
<!-- fill="#fff"></path>-->
|
||||
<!-- <path d="M300 325.255c-35.716 0-64.773-29.057-64.773-64.773a64.383 64.383 0 0 1 9.396-33.569h10.347c-7.005 9.372-11.157 20.995-11.157 33.569 0 30.982 25.205 56.188 56.187 56.188 14.716 0 28.81-6.161 39.688-17.348 10.486-10.783 16.5-24.94 16.5-38.84 0-9.517-1.572-22.45-8.405-33.569h9.799c4.729 9.519 7.19 20.9 7.19 33.569 0 16.116-6.898 32.454-18.928 44.826-12.508 12.863-28.79 19.947-45.844 19.947"-->
|
||||
<!-- class="line"></path>-->
|
||||
<!-- <path d="M287.79 242.925a5.805 5.805 0 1 0-11.613 0 5.805 5.805 0 1 0 11.612 0M323.823 242.925a5.805 5.805 0 1 0-11.612 0 5.805 5.805 0 1 0 11.612 0"-->
|
||||
<!-- class="line"></path>-->
|
||||
<!-- <path d="M234.012 245.229l32.228 34.18-7.757-24.32c25.16 18.31 51.575 15.416 70.174 9.954 19.74-5.796 33.562 11.639 20.032 30.238-6.43 8.839-15.248 16.178-25.265 20.629-26.273 11.67-52.688 4.866-70.507-13.134-18.876-19.068-18.905-40.217-18.905-57.547"-->
|
||||
<!-- fill="white"></path>-->
|
||||
<!-- <path d="M296.972 317.389c-3.741 0-7.456-.373-11.107-1.124-11.135-2.29-21.473-8-29.897-16.51-13.993-14.134-16.901-29.305-17.505-43.548l37.603 39.88-9.955-31.207c18.708 9.78 40.099 11.228 63.755 4.282 7.528-2.21 14.35-.535 17.808 4.37 3.55 5.042 2.633 12.228-2.456 19.224-6.081 8.36-14.44 15.189-23.537 19.23-8.068 3.585-16.45 5.403-24.71 5.403m-67.251-82.97v10.81c0 17.917 0 40.215 20.146 60.567 9.62 9.717 21.47 16.245 34.269 18.878 13.474 2.772 27.662 1.098 41.032-4.841 10.453-4.644 20.04-12.467 26.994-22.026 7.243-9.958 8.213-21.154 2.53-29.218-5.554-7.885-16.246-10.892-27.244-7.664-25.364 7.448-47.718 4.317-66.438-9.306l-10.6-7.713 6.005 18.825z"-->
|
||||
<!-- class="line"></path>-->
|
||||
<!-- <path d="M315.44 324.183c-3.821-9.956-14.901-15.515-25.167-12.625-11.566 3.257-17.673 12.552-16.207 24.342 1.459 11.725 9.382 22.005 18.515 34.677-7.502-15.969-1.13-17.465.887-17.385 1.992.08 4.9-.26 9.039-1.634 11.277-3.743 17.238-16.157 12.933-27.375"-->
|
||||
<!-- fill="white"></path>-->
|
||||
<!-- <path d="M285.83 353.465c-3.963-6.212-6.745-11.986-7.505-18.094-1.203-9.673 3.698-17.03 13.111-19.68 8.172-2.301 16.954 2.105 19.996 10.03 1.65 4.298 1.477 8.947-.484 13.091-1.963 4.148-5.44 7.228-9.794 8.672-3.82 1.268-6.198 1.469-7.516 1.419-2.959-.116-5.69 1.262-7.3 3.69a8.59 8.59 0 0 0-.509.872m9.977-46.963c-2.226 0-4.475.299-6.697.925-6.666 1.877-11.993 5.587-15.404 10.729-3.4 5.126-4.749 11.445-3.9 18.275 1.5 12.057 8.931 22.329 17.535 34.223l1.758 2.433 7.367-4.335c-3.636-7.741-3.219-10.607-3.028-11.261 2.925.089 6.431-.534 10.421-1.858 6.601-2.191 11.875-6.86 14.85-13.149 2.974-6.284 3.236-13.33.74-19.839-3.789-9.869-13.447-16.143-23.642-16.143"-->
|
||||
<!-- class="line"></path>-->
|
||||
<!-- <path d="M304.592 286.161a4.966 4.966 0 0 0-3.861 1.832l-2.888 3.537a4.973 4.973 0 0 0 .5 6.811 4.89 4.89 0 0 0-1.637 1.303l-.66.807a4.975 4.975 0 0 0 .706 6.993l.415.34-4.23 5.191a5.408 5.408 0 0 0 .77 7.597 5.422 5.422 0 0 0 3.417 1.22 5.385 5.385 0 0 0 4.182-1.983l18.043-22.207c1.878-2.3 1.533-5.71-.773-7.594a5.423 5.423 0 0 0-3.417-1.217 5.384 5.384 0 0 0-3.736 1.498l-3.681-3.005a4.996 4.996 0 0 0-3.15-1.123"-->
|
||||
<!-- fill="white"></path>-->
|
||||
<!-- <path d="M304.023 322.034a8.884 8.884 0 0 1-6.9 3.27 8.946 8.946 0 0 1-5.63-2.004c-3.814-3.117-4.382-8.742-1.275-12.548l2.35-2.885c-1.726-2.968-1.54-6.824.758-9.637l.442-.542a8.482 8.482 0 0 1 1.354-8.379l2.888-3.538a8.461 8.461 0 0 1 6.58-3.122c1.953 0 3.86.68 5.373 1.914l1.73 1.412a8.932 8.932 0 0 1 9.105 1.313c3.805 3.11 4.373 8.734 1.267 12.54l-18.025 22.185zm-6.9-3.755c.548 0 1.09-.238 1.465-.696l18.035-22.196a1.89 1.89 0 0 0-2.93-2.39l-1.795 2.213-6.377-5.205a1.47 1.47 0 0 0-2.07.209l-2.888 3.537a1.454 1.454 0 0 0 .207 2.046l6.408 5.231-2.618 3.228-3.17-2.59a1.395 1.395 0 0 0-1.963.198l-.66.81a1.457 1.457 0 0 0 .206 2.05l3.133 2.558-6.447 7.913a1.89 1.89 0 0 0 1.465 3.085"-->
|
||||
<!-- class="line"></path>-->
|
||||
<!-- </g>-->
|
||||
<!-- </svg>-->
|
||||
<!-- </a>-->
|
||||
<a rel="me" href="https://mastodon.lw1.at/@lukas" target="_blank" :aria-label="mastodonText"
|
||||
data-balloon-pos="up">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216.4144 232.00976">
|
||||
<title>View profile on Mastodon</title>
|
||||
<title>{{mastodonText}}</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 rel="me" href="https://twitter.com/lw1_at" target="_blank">
|
||||
<a rel="me" href="https://twitter.com/lw1_at" target="_blank" :aria-label="twitterText"
|
||||
data-balloon-pos="up">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 1625.36">
|
||||
<title>View profile on Twitter</title>
|
||||
<title>{{twitterText}}</title>
|
||||
<path d="m 1999.9999,192.4 c -73.58,32.64 -152.67,54.69 -235.66,64.61 84.7,-50.78 149.77,-131.19 180.41,-227.01 -79.29,47.03 -167.1,81.17 -260.57,99.57 C 1609.3399,49.82 1502.6999,0 1384.6799,0 c -226.6,0 -410.328,183.71 -410.328,410.31 0,32.16 3.628,63.48 10.625,93.51 -341.016,-17.11 -643.368,-180.47 -845.739,-428.72 -35.324,60.6 -55.5583,131.09 -55.5583,206.29 0,142.36 72.4373,267.95 182.5433,341.53 -67.262,-2.13 -130.535,-20.59 -185.8519,-51.32 -0.039,1.71 -0.039,3.42 -0.039,5.16 0,198.803 141.441,364.635 329.145,402.342 -34.426,9.375 -70.676,14.395 -108.098,14.395 -26.441,0 -52.145,-2.578 -77.203,-7.364 52.215,163.008 203.75,281.649 383.304,284.946 -140.429,110.062 -317.351,175.66 -509.5972,175.66 -33.1211,0 -65.7851,-1.949 -97.8828,-5.738 181.586,116.4176 397.27,184.359 628.988,184.359 754.732,0 1167.462,-625.238 1167.462,-1167.47 0,-17.79 -0.41,-35.48 -1.2,-53.08 80.1799,-57.86 149.7399,-130.12 204.7499,-212.41"
|
||||
style="fill:currentColor"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://matrix.to/#/@lukas:lw1.at" target="_blank">
|
||||
<a href="https://matrix.to/#/@lukas:lw1.at" target="_blank" :aria-label="matrixText"
|
||||
data-balloon-pos="up">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 316.5 337.2">
|
||||
<title>Contact me via matrix.org (riot.im)</title>
|
||||
<title>{{matrixText}}</title>
|
||||
<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" ref="noopener">
|
||||
<a href="https://nextcloud.com/sharing/#Lukas@cloud.lw1.at" target="_blank" ref="noopener"
|
||||
:aria-label="nextcloudText" data-balloon-pos="up">
|
||||
<!-- 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">
|
||||
<title>share file via nextcloud</title>
|
||||
<title>{{nextcloudText}}</title>
|
||||
<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" href="https://video.lw1.at/accounts/lukas/videos" target="_blank">
|
||||
<a rel="me" href="https://video.lw1.at/accounts/lukas/videos" target="_blank"
|
||||
:aria-label="peertubeText" data-balloon-pos="up">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="2799 -911 16 22" width="16" height="22">
|
||||
<title>Peertube Videos</title>
|
||||
<title>{{peertubeText}}</title>
|
||||
<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" href="https://git.lw1.at/lw1" target="_blank">
|
||||
<a rel="me" href="https://git.lw1.at/lw1" target="_blank" :aria-label="gitlabText" data-balloon-pos="up">
|
||||
<!-- License - http://fontawesome.io/license (SIL OFL 1.1) -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 54">
|
||||
<title>git mirror (gitlab)</title>
|
||||
<title>{{gitlabText}}</title>
|
||||
<path fill="none" d="M-.2.1h53.8v53.4H-.2z"></path>
|
||||
<path fill="currentColor"
|
||||
d="M26.6 49.3L2.4 31.7c-.3-.2-.6-.6-.7-1-.1-.4-.1-.8 0-1.2L4.5 21l22.1 28.3zM11.9 3.9L17.4 21H4.5L10 3.9c.1-.4.5-.6.9-.6.6-.1.9.2 1 .6zM17.4 21h18.4l-9.2 28.3L17.4 21zm34.2 8.6c.1.4.1.8 0 1.2-.1.4-.4.7-.7 1L26.6 49.3 48.7 21l2.9 8.6zM48.7 21H35.9l5.5-17.1c.1-.4.5-.6.9-.6.5 0 .8.2.9.6L48.7 21z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="mailto:hi@lw1.at" target="_blank">
|
||||
<a href="https://guides.lw1.at/" target="_blank" :aria-label="guidesText" data-balloon-pos="up">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 230.39711 218.6199">
|
||||
<!-- From https://www.bookstackapp.com/ -->
|
||||
<title>{{guidesText}}</title>
|
||||
<g id="layer1" stroke-linejoin="round" fill-rule="evenodd" transform="translate(-245.27 -58.434)"
|
||||
stroke="currentColor" stroke-width="13" fill="white">
|
||||
<g stroke-linecap="round">
|
||||
<path d="m343.79 238.6 128.88-74.409-92.058-53.15-128.88 74.409z"></path>
|
||||
<path d="m251.73 185.45v21.26l92.058 53.15 128.88-74.409v-21.26"></path>
|
||||
<path d="m343.79 274.03-92.058-53.15s-7.5-16.918 0-28.346l92.058 53.15 128.88-74.409v28.346l-128.88 74.409"></path>
|
||||
<path d="m343.79 188.99 128.88-74.41-92.06-53.146-128.88 74.406z"></path>
|
||||
<path d="m343.79 188.99 128.88-74.409 0.00001 28.346-128.88 74.409-92.058-53.15s-6.0714-17.632 0-28.346z"></path>
|
||||
<path d="m343.79 245.69-92.058-53.15s-7.5-16.918 0-28.346l92.058 53.15 128.88-74.409-0.00001 28.346-128.88 74.409"></path>
|
||||
</g>
|
||||
<path d="m402.09 73.836-55.234 31.89 21.48 1.7716 3.0686 12.402 55.235-31.89z"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="mailto:hi@lw1.at" target="_blank" :aria-label="emailText" data-balloon-pos="up">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114 114">
|
||||
<title>Contact me (hi@lw1.at)</title>
|
||||
<title>{{emailText}}</title>
|
||||
<path style="stroke: currentColor" stroke-width="7" fill="none"
|
||||
d="m7,20h98v72H7zl44,44q5,4 10,0l44-44M7,92l36-36m26,0 36,36"></path>
|
||||
</svg>
|
||||
|
|
@ -99,9 +124,45 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "contact"
|
||||
};
|
||||
export default {
|
||||
name: "contact",
|
||||
props: ["language"],
|
||||
computed: {
|
||||
english() {
|
||||
return this.language === "en"
|
||||
},
|
||||
githubText() {
|
||||
return this.english ? "view my code on GitHub" : "Schau meinen Code auf GitHub an"
|
||||
},
|
||||
keybaseText() {
|
||||
return this.english ? "View Profile on Keybase.io" : "Profil auf Keybase.io"
|
||||
},
|
||||
mastodonText() {
|
||||
return this.english ? "Follow me on Mastodon" : "Folg mir bei Mastodon"
|
||||
},
|
||||
twitterText() {
|
||||
return this.english ? "Follow me on Twitter" : "Folg mir bei Twitter"
|
||||
},
|
||||
matrixText() {
|
||||
return this.english ? "Contact me via matrix.org (riot.im)" : "Kontaktiere mich über matrix.org (riot.im)"
|
||||
},
|
||||
nextcloudText() {
|
||||
return this.english ? "share files with me via Nextcloud" : "Teile Dateien mit mir über Nextcloud"
|
||||
},
|
||||
peertubeText() {
|
||||
return this.english ? "view my videos on PeerTube" : "Schaue meine Videos auf PeerTube an"
|
||||
},
|
||||
gitlabText() {
|
||||
return this.english ? "view my code on GitLab" : "Schaue meinen Code auf GitLab an"
|
||||
},
|
||||
guidesText() {
|
||||
return this.english ? "view my guides" : "Lies meine Anleitungen"
|
||||
},
|
||||
emailText() {
|
||||
return this.english ? "write me an E-Mail (hi@lw1.at)" : "Schreib mir eine E-Mail (hi@lw1.at)"
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
|
@ -117,13 +178,14 @@
|
|||
color: $consoleBackground;
|
||||
transition: color .2s;
|
||||
padding: 5px;
|
||||
|
||||
&.keybase .line {
|
||||
fill: currentColor;
|
||||
}
|
||||
}
|
||||
|
||||
a:hover svg {
|
||||
outline:1px solid $consoleBackground;
|
||||
outline: 1px solid $consoleBackground;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
</router-link>
|
||||
</div>
|
||||
<intro :language="language"></intro>
|
||||
<Contact></Contact>
|
||||
<Contact :language="language"></Contact>
|
||||
<div id="filterwrapper">
|
||||
<button class="button-outline" @click="filter=false;search=''"
|
||||
:class="filter ? '' : 'active'">
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
@import "variables";
|
||||
@import "~balloon-css/src/balloon";
|
||||
|
||||
body {
|
||||
background-color: white;
|
||||
|
|
|
|||
Loading…
Reference in a new issue