-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
58 lines (58 loc) · 27.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html><html lang="en" style="background-color: rgb(5, 150, 105);"> <link rel="shortcut icon" type="image/x-icon" href="favicon.png">
<head><meta property="og:image" content="https://cards.tap-tap.click/photo.jpeg">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex, nofollow">
<meta name="author" content="Christoforakis Panagiotis">
<meta name="url" content="https://cards.tap-tap.click">
<meta name="og:url" content="https://cards.tap-tap.click">
<meta name="designer" content="panaris">
<meta property="og:title" content="Panagiotis Christoforakis' Digital Business Card">
<meta property="twitter:title" content="Panagiotis Christoforakis' Digital Business Card">
<meta property="og:type" content="website">
<meta property="og:description" content="Freelancer">
<script>
"http"==window.location.href.substr(0,4)&&"/"!=window.location.href.slice(-1)&&window.location.replace(window.location.href+"/");
</script> <!----> <title>PANAGIOTIS CHRISTOFORAKIS's Digital Business Card</title> <style>
#body{ font-family: sans-serif; } input[type='range']::-moz-range-track { background: none; } input[type='range']::-moz-range-thumb { -moz-appearance: none; width: 1.5rem; height: 1.5rem; border-radius: 0.25rem; border: none; background: #059669; z-index: 3; cursor: pointer; } input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; width: 1.5rem; height: 1.5rem; border-radius: 0.25rem; border: none; background: #059669; z-index: 3; cursor: pointer; } .closeColor{ } .topAction { } .iconColor{ color:#eee; } .cardColor{ false } .textColor{ color:#eee !important } .seekbarColor{ background:#05966980 !important }
</style> <style>
#info{ border-left: 0.25rem dashed #059669 } .section{border-left: 0.25rem solid #059669}
</style> <!----><link rel="stylesheet" href="./style.min.css"></head> <body id="body"><div id="modal" style="background-color: rgb(0, 0, 0); visibility: hidden; top: 2rem; opacity: 0;"><a id="close" class="closeColor"><div class="icon"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2"><path style="fill:none" d="M0 0h24v24H0z"></path><path d="M18 6 6 18M6 6l12 12" style="fill:none;fill-rule:nonzero;stroke:#fff;stroke-width:2px"></path></svg></div></a> <div id="keyView"><p class="textColor">
Use my public key to send me encrypted messages
</p> <a download="" target="_blank" id="dlKey" rel="noreferrer" tabindex="-1" style="background-color: rgb(5, 150, 105);" href="./PANAGIOTIS CHRISTOFORAKIS's public key.asc"><div class="icon iconColor"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2"><path style="fill:none" d="M0 0h24v24H0z"></path><path d="M21 15v4c0 1.097-.903 2-2 2H5c-1.097 0-2-.903-2-2v-4m4-5 5 5 5-5m-5 5V3" style="fill:none;fill-rule:nonzero;stroke:#fff;stroke-width:2px"></path></svg></div> <span class="iconColor">Download Key</span></a></div> <div id="copyView"><p class="textColor">
Copy and send the URL to share my Business Card
</p> <button id="copyURL" style="background-color: rgb(5, 150, 105);"><div class="icon iconColor"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2"><path style="fill:none" d="M0 0h24v24H0z"></path><path d="M22 11a2 2 0 0 0-2-2h-9a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-9Z" style="fill:none;stroke:#fff;stroke-width:2px"></path><path d="M5 15H4c-1.097 0-2-.903-2-2V4c0-1.097.903-2 2-2h9c1.097 0 2 .903 2 2v1" style="fill:none;fill-rule:nonzero;stroke:#fff;stroke-width:2px"></path></svg></div> <span class="iconColor">Copy URL</span></button></div> <div id="qrView" class="textColor"><div id="qr"></div> <h3>Scan the QR Code</h3> <p>to view my Business Card on another device</p></div></div> <header><div id="topActions" style="display: none;"><div><a id="share"><div class="icon topAction"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:2"><g><path style="fill:none" d="M0 0h24v24H0z"></path><clipPath id="a"><path d="M0 0h24v24H0z"></path></clipPath><g clip-path="url(#a)"><circle cx="17" cy="5" r="3" style="fill:none;stroke:#fff;stroke-width:2px"></circle><circle cx="5" cy="12" r="3" style="fill:none;stroke:#fff;stroke-width:2px"></circle><circle cx="17" cy="19" r="3" style="fill:none;stroke:#fff;stroke-width:2px"></circle><path d="m7.59 13.51 6.83 3.98m-.01-10.98-6.82 3.98" style="fill:none;stroke:#fff;stroke-width:2px"></path></g></g></svg></div></a> <a id="showQR"><div class="icon topAction"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2"><path style="fill:none" d="M0 0h24v24H0z"></path><path d="M4 4h4v4H4V4Zm0 12h4v4H4v-4ZM16 4h4v4h-4V4Z" style="fill:none;stroke:#fff;stroke-width:2px"></path><path d="M12 4v14c0 1.097.903 2 2 2h4c1.097 0 2-.903 2-2v-4c0-1.097-.903-2-2-2H4" style="fill:none;stroke:#fff;stroke-width:2px;stroke-linejoin:miter"></path><path style="fill:#fff" d="M15 15h2v2h-2z"></path></svg></div></a></div> <!----></div> <div class="headerImgC"><img id="cover" src="./cover.png" alt="Background Pattern"> <!----></div></header> <main style="background-color: rgb(0, 0, 0); margin-top: 0px;"><img id="profilePhoto" src="./photo.jpeg" alt="Photo"> <div id="info" class="textColor"><p class="name">
PANAGIOTIS CHRISTOFORAKIS
</p> <p class="pronouns">
(He/Him/His)
</p> <p class="jobtitle">
Freelancer
</p> <p class="bizname">
<a href="https://tap-tap.click">tap-tap-click</a>
</p> <!----></div> <!----> <a id="cta" rel="noreferrer" download="" target="_blank" aria-label="Save Contact" style="background-color: rgb(5, 150, 105);" href="panagiotischristoforakis.vcf"><div class="icon iconColor"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2"><path style="fill:none" d="M0 0h24v24H0z"></path><circle cx="8.5" cy="7" r="4" style="fill:none;stroke:#fff;stroke-width:2.29px" transform="matrix(.875 0 0 .875 4.563 -.625)"></circle><path d="M86 181c0-3.863 3.137-7 7-7s7 3.137 7 7" style="fill:none;stroke:#fff;stroke-width:2px" transform="translate(-81 -163)"></path><path d="M104 168v6m3-3-3 3-3-3" style="fill:none;fill-rule:nonzero;stroke:#fff;stroke-width:2px" transform="translate(-92 -152)"></path></svg></div> <p class="iconColor">Save Contact</p></a> <div class="actions"><div class="actionsC"><div class="actionBtn"><a href="tel:+306988083298" target="_blank" rel="noopener noreferrer" aria-label="Mobile" style="background-color: rgb(5, 150, 105);"><div class="icon iconColor"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2"><path style="fill:none" d="M0 0h24v24H0z"></path><path d="M11.5 22a.952.952 0 0 1-1.052.945c-4.358-.544-7.851-4.338-8.379-8.39a.938.938 0 0 1 .936-1.046c.399-.009.847-.009 1.202-.009.388 0 .738.237.882.597l.478 1.196a.95.95 0 0 1-.21 1.025l-.107.107a.951.951 0 0 0-.181 1.091c.495.825 1.59 1.92 2.425 2.396a.927.927 0 0 0 1.066-.177c.05-.02.086-.056.122-.092a.95.95 0 0 1 1.025-.21l1.196.478c.36.144.597.494.597.882V22Z" style="fill:none;stroke:#fff;stroke-width:.95px" transform="translate(-2.21 -26.421) scale(2.10526)"></path></svg></div></a> <p class="textColor">
Mobile
</p></div></div><div class="actionsC"><div class="actionBtn"><a href="https://t.me/panaris" target="_blank" rel="noopener noreferrer" aria-label="Telegram" style="background-color: rgb(5, 150, 105);"><div class="icon iconColor"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5"><path style="fill:none" d="M0 0h24v24H0z"></path><path d="m10 14 3.636-4M1 12l19-9-2 18-5-4.375L8 19l-2-5.889L1 12Z" style="fill:none;stroke:#fff;stroke-width:2px"></path></svg></div></a> <p class="textColor">
Telegram
</p></div></div><div class="actionsC"><div class="actionBtn"><a target="_blank" rel="noopener noreferrer" aria-label="WhatsApp" style="background-color: rgb(5, 150, 105);" href="https://wa.me/message/RVG7CJWLA2YTN1"><div class="icon iconColor"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5"><path style="fill:none" d="M0 0h24v24H0z"></path><path d="M5.43 4.93A9.969 9.969 0 0 1 12.5 2c5.519 0 10 4.481 10 10 0 2.76-1.12 5.26-2.93 7.07l.001.001-.003.001A9.97 9.97 0 0 1 12.5 22a9.835 9.835 0 0 1-5.005-1.354l-4.187.546.546-4.187A9.835 9.835 0 0 1 2.5 12a9.97 9.97 0 0 1 2.928-7.068l.001-.003.001.001ZM16.5 16c-4.415 0-8-3.585-8-8" style="fill:none;stroke:#fff;stroke-width:2px"></path></svg></div></a> <p class="textColor">
WhatsApp
</p></div></div><div class="actionsC"><div class="actionBtn"><a href="https://m.me/xristoforakis" target="_blank" rel="noopener noreferrer" aria-label="Messenger" style="background-color: rgb(5, 150, 105);"><div class="icon iconColor"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2"><path style="fill:none" d="M0 0h24v24H0z"></path><path d="M90 18.199c-2.428-1.643-4-4.257-4-7.199 0-4.967 4.481-9 10-9s10 4.033 10 9-4.481 9-10 9c-.734 0-1.45-.071-2.138-.207L90 22v-3.801ZM91 13l3-3 4 2 3-3" style="fill:none;stroke:#fff;stroke-width:2px" transform="translate(-84)"></path></svg></div></a> <p class="textColor">
Messenger
</p></div></div><div class="actionsC"><div class="actionBtn"><a target="_blank" rel="noopener noreferrer" aria-label="Website" style="background-color: rgb(5, 150, 105);" href="https://tap-tap.click"><div class="icon iconColor"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2"><g><path style="fill:none" d="M0 0h24v24H0z"></path><clipPath id="a"><path d="M0 0h24v24H0z"></path></clipPath><g clip-path="url(#a)"><circle cx="12" cy="12" r="10" style="fill:none;stroke:#fff;stroke-width:2px"></circle><ellipse cx="40" cy="40" rx="4" ry="10" style="fill:none;stroke:#fff;stroke-width:2px;stroke-linejoin:miter" transform="translate(-28 -28)"></ellipse><path d="M40 50s-2-4-2-10 2-10 2-10" style="fill:none;stroke:#fff;stroke-width:2px" transform="rotate(-90 11.5 39.5)"></path></g></g></svg></div></a> <p class="textColor">
Website
</p></div></div><div class="actionsC"><div class="actionBtn"><a href="mailto:panagiotischristoforakis@gmail.com" target="_blank" rel="noopener noreferrer" aria-label="Email" style="background-color: rgb(5, 150, 105);"><div class="icon iconColor"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2"><path style="fill:none" d="M0 0h24v24H0z"></path><path d="M22 33.75c0-.966-.896-1.75-2-1.75H4c-1.104 0-2 .784-2 1.75v10.5c0 .966.896 1.75 2 1.75h16c1.104 0 2-.784 2-1.75v-10.5Z" style="fill:none;stroke:#fff;stroke-width:1.86px" transform="matrix(1 0 0 1.14286 0 -32.571)"></path><path d="m18 7.042-6 2.625-6-2.625" style="fill:none;fill-rule:nonzero;stroke:#fff;stroke-width:1.86px" transform="matrix(1 0 0 1.14286 0 1.952)"></path></svg></div></a> <p class="textColor">
Email
</p></div></div><div class="actionsC"><div class="actionBtn"><a href="skype:panaris1993?chat" target="_blank" rel="noopener noreferrer" aria-label="Skype" style="background-color: rgb(5, 150, 105);"><div class="icon iconColor"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2"><path style="fill:none" d="M0 0h24v24H0z"></path><path d="M3.177 10.218A4.963 4.963 0 0 1 2 7c0-2.76 2.24-5 5-5 1.226 0 2.35.442 3.218 1.177A9.02 9.02 0 0 1 12 3c4.967 0 9 4.033 9 9a9.02 9.02 0 0 1-.177 1.782A4.963 4.963 0 0 1 22 17c0 2.76-2.24 5-5 5a4.963 4.963 0 0 1-3.218-1.177A9.02 9.02 0 0 1 12 21c-4.967 0-9-4.033-9-9 0-.61.061-1.206.177-1.782Z" style="fill:none;stroke:#fff;stroke-width:2px"></path><path d="M139 65.25s-6-2-6 2c0 3 6 1 6 4 0 4-6 2-6 2" style="fill:none;stroke:#fff;stroke-width:2px" transform="translate(-124 -57.25)"></path></svg></div></a> <p class="textColor">
Skype
</p></div></div><div class="actionsC"><div class="actionBtn"><a href="viber://chat?number=%2B306988083298" target="_blank" rel="noopener noreferrer" aria-label="Viber" style="background-color: rgb(5, 150, 105);"><div class="icon iconColor"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5"><path style="fill:none" d="M0 0h24v24H0z"></path><path d="M16.5 16c-4.415 0-8-3.585-8-8" style="fill:none;stroke:#fff;stroke-width:2px" transform="translate(-1.5)"></path><path d="M192 30c8.889 0 11.111 2.222 11.111 10 0 7.778-2.222 10-11.111 10l-4.444 2.148v-2.422c-5.332-.995-6.667-3.698-6.667-9.726 0-7.778 2.222-10 11.111-10Z" style="fill:none;stroke:#fff;stroke-width:2.22px;stroke-miterlimit:2" transform="matrix(.9 0 0 .9 -160.8 -25)"></path><path d="M193 40.732a1.999 1.999 0 0 0 0-3.464" style="fill:none;stroke:#fff;stroke-width:1px;stroke-miterlimit:2" transform="rotate(-45 68.2 242.28)"></path><path d="M193 40.732a1.999 1.999 0 0 0 0-3.464" style="fill:none;stroke:#fff;stroke-width:.4px;stroke-miterlimit:2" transform="scale(2.5) rotate(-45 56.634 247.67)"></path></svg></div></a> <p class="textColor">
Viber
</p></div></div></div> <div class="actions secondary"><div class="actionsC"><div class="actionBtn secBtn"><a target="_blank" rel="noopener noreferrer" aria-label="Discord" style="background: rgb(114, 137, 218);" href="https://discord.gg/JMvezeuUUU"><div class="icon"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" fill="#fff"><path d="M10.552 10.712c-.456 0-.816.4-.816.888s.368.888.816.888c.456 0 .816-.4.816-.888.008-.488-.36-.888-.816-.888zm2.92 0c-.456 0-.816.4-.816.888s.368.888.816.888c.456 0 .816-.4.816-.888s-.36-.888-.816-.888z"></path><path d="M18.7 3H5.3c-1.13 0-2.05.92-2.05 2.06v13.52c0 1.14.92 2.06 2.05 2.06h11.34l-.53-1.85 1.28 1.19 1.21 1.12 2.15 1.9V5.06c0-1.14-.92-2.06-2.05-2.06zm-3.86 13.06s-.36-.43-.66-.81c1.31-.37 1.81-1.19 1.81-1.19-.41.27-.8.46-1.15.59-.5.21-.98.35-1.45.43-.96.18-1.84.13-2.59-.01-.57-.11-1.06-.27-1.47-.43-.23-.09-.48-.2-.73-.34-.03-.02-.06-.03-.09-.05-.02-.01-.03-.02-.04-.03-.18-.1-.28-.17-.28-.17s.48.8 1.75 1.18c-.3.38-.67.83-.67.83-2.21-.07-3.05-1.52-3.05-1.52 0-3.22 1.44-5.83 1.44-5.83 1.44-1.08 2.81-1.05 2.81-1.05l.1.12c-1.8.52-2.63 1.31-2.63 1.31s.22-.12.59-.29c1.07-.47 1.92-.6 2.27-.63.06-.01.11-.02.17-.02a8.152 8.152 0 0 1 5.03.94s-.79-.75-2.49-1.27l.14-.16s1.37-.03 2.81 1.05c0 0 1.44 2.61 1.44 5.83 0 0-.85 1.45-3.06 1.52z"></path></svg></div></a></div></div><div class="actionsC"><div class="actionBtn secBtn"><a href="https://github.com/panaris" target="_blank" rel="noopener noreferrer" aria-label="GitHub" style="background: rgb(51, 51, 51);"><div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#fff"><path fill-rule="evenodd" d="M12.03 2a9.97 9.97 0 0 0-3.16 19.44c.5.09.68-.22.68-.48v-1.7c-2.78.6-3.37-1.34-3.37-1.34-.45-1.15-1.1-1.46-1.1-1.46-.91-.61.06-.6.06-.6 1 .07 1.53 1.03 1.53 1.03.89 1.52 2.33 1.08 2.9.83.1-.65.35-1.09.64-1.34-2.22-.25-4.55-1.1-4.55-4.93 0-1.08.4-1.98 1.03-2.67-.1-.26-.45-1.27.1-2.64 0 0 .83-.27 2.74 1.02a9.58 9.58 0 0 1 5 0c1.9-1.3 2.73-1.02 2.73-1.02.55 1.37.2 2.38.1 2.64.64.7 1.03 1.58 1.03 2.67 0 3.84-2.33 4.68-4.56 4.92.36.31.68.92.68 1.85l-.01 2.74c0 .26.18.57.68.48A9.98 9.98 0 0 0 12.03 2z" clip-rule="evenodd"></path></svg></div></a></div></div><div class="actionsC"><div class="actionBtn secBtn"><a href="https://facebook.com/xristoforakis" target="_blank" rel="noopener noreferrer" aria-label="Facebook" style="background: rgb(24, 119, 242);"><div class="icon"><svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24"><path d="M12.001 2.002c-5.522 0-9.999 4.477-9.999 9.999 0 4.99 3.656 9.126 8.437 9.879v-6.988h-2.54v-2.891h2.54V9.798c0-2.508 1.493-3.891 3.776-3.891 1.094 0 2.24.195 2.24.195v2.459h-1.264c-1.24 0-1.628.772-1.628 1.563v1.875h2.771l-.443 2.891h-2.328v6.988C18.344 21.129 22 16.992 22 12.001c0-5.522-4.477-9.999-9.999-9.999z"></path></svg></div></a></div></div><div class="actionsC"><div class="actionBtn secBtn"><a href="https://instagram.com/panagiotischristoforakis" target="_blank" rel="noopener noreferrer" aria-label="Instagram" style="background: rgb(255, 255, 255);"><div class="icon"><svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<path d="M4.796,1.577C4.072,1.859 3.459,2.234 2.847,2.847C2.234,3.455 1.859,4.073 1.577,4.793C1.304,5.49 1.121,6.291 1.067,7.463C1.013,8.634 1,9.01 1,11.998C1,14.985 1.013,15.361 1.067,16.533C1.121,17.705 1.309,18.505 1.577,19.203C1.859,19.927 2.234,20.54 2.847,21.153C3.459,21.766 4.072,22.141 4.796,22.423C5.494,22.696 6.294,22.879 7.466,22.933C8.637,22.987 9.013,23 12,23C14.987,23 15.363,22.987 16.534,22.933C17.706,22.879 18.506,22.691 19.204,22.423C19.928,22.141 20.541,21.766 21.153,21.153C21.766,20.54 22.141,19.927 22.423,19.203C22.696,18.505 22.879,17.705 22.933,16.533C22.987,15.361 23,14.985 23,11.998C23,9.01 22.987,8.634 22.933,7.463C22.879,6.291 22.691,5.49 22.423,4.793C22.141,4.073 21.766,3.455 21.158,2.847C20.545,2.234 19.933,1.859 19.208,1.577C18.511,1.304 17.71,1.121 16.539,1.067C15.367,1.013 14.991,1 12.004,1C9.017,1 8.642,1.013 7.47,1.067C6.294,1.116 5.494,1.304 4.796,1.577ZM16.445,3.044C17.518,3.093 18.099,3.272 18.488,3.424C19.002,3.625 19.369,3.862 19.754,4.247C20.138,4.632 20.375,4.998 20.576,5.513C20.728,5.902 20.907,6.483 20.957,7.557C21.01,8.715 21.019,9.064 21.019,12.002C21.019,14.941 21.006,15.289 20.957,16.448C20.907,17.521 20.728,18.103 20.576,18.492C20.375,19.006 20.138,19.373 19.754,19.757C19.369,20.142 19.002,20.379 18.488,20.58C18.099,20.732 17.518,20.911 16.445,20.961C15.287,21.014 14.938,21.023 12,21.023C9.062,21.023 8.713,21.01 7.555,20.961C6.482,20.911 5.901,20.732 5.512,20.58C4.998,20.379 4.631,20.142 4.246,19.757C3.862,19.373 3.625,19.006 3.424,18.492C3.272,18.103 3.093,17.521 3.043,16.448C2.99,15.289 2.981,14.941 2.981,12.002C2.981,9.064 2.994,8.715 3.043,7.557C3.093,6.483 3.272,5.902 3.424,5.513C3.625,4.998 3.862,4.632 4.246,4.247C4.631,3.862 4.998,3.625 5.512,3.424C5.901,3.272 6.482,3.093 7.555,3.044C8.713,2.99 9.062,2.981 12,2.981C14.938,2.981 15.287,2.99 16.445,3.044ZM6.352,12.002C6.352,15.124 8.883,17.651 12,17.651C15.117,17.651 17.648,15.12 17.648,12.002C17.648,8.885 15.121,6.354 12,6.354C8.879,6.354 6.352,8.88 6.352,12.002ZM15.667,12.002C15.667,14.028 14.026,15.67 12,15.67C9.974,15.67 8.333,14.028 8.333,12.002C8.333,9.976 9.974,8.335 12,8.335C14.026,8.335 15.667,9.976 15.667,12.002ZM17.876,4.811C18.604,4.811 19.195,5.402 19.195,6.13C19.195,6.858 18.604,7.449 17.876,7.449C17.148,7.449 16.557,6.858 16.557,6.13C16.557,5.402 17.148,4.811 17.876,4.811Z" style="fill:url(#IIwXhyI);fill-rule:nonzero;"></path>
<defs>
<radialGradient id="IIwXhyI" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-22,22,-22,-22,23,1)">
<stop offset="0" style="stop-color:#4c63d2;stop-opacity:1"></stop>
<stop offset="0.4" style="stop-color:#bc3081;stop-opacity:1"></stop>
<stop offset="0.75" style="stop-color:#f47133;stop-opacity:1"></stop>
<stop offset="1" style="stop-color:#fed576;stop-opacity:1"></stop>
</radialGradient>
</defs>
</svg>
</div></a></div></div><div class="actionsC"><div class="actionBtn secBtn"><a href="https://linkedin.com/in/christoforakis" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" style="background: rgb(0, 119, 181);"><div class="icon"><svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24"><path d="M20 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM8.339 18.337H5.667v-8.59h2.672v8.59zM7.003 8.574a1.548 1.548 0 1 1 0-3.096 1.548 1.548 0 0 1 0 3.096zm11.335 9.763h-2.669V14.16c0-.996-.018-2.277-1.388-2.277-1.39 0-1.601 1.086-1.601 2.207v4.248h-2.667v-8.59h2.56v1.174h.037c.355-.675 1.227-1.387 2.524-1.387 2.704 0 3.203 1.778 3.203 4.092v4.71z"></path></svg></div></a></div></div><div class="actionsC"><div class="actionBtn secBtn"><a target="_blank" rel="noopener noreferrer" aria-label="Play Store" style="background: rgb(255, 255, 255);" href="https://play.google.com/store/apps/dev?id=6610655601650968542"><div class="icon"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M4.379 2.304c-.225.242-.354.614-.354 1.097v17.192c0 .483.129.855.363 1.089l.061.051 9.633-9.633v-.217L4.44 2.252l-.061.052Z" style="fill:#3bccff"></path><path d="m17.286 15.324-3.213-3.215v-.224l3.215-3.215.069.043 3.801 2.161c1.089.613 1.089 1.624 0 2.246l-3.801 2.16-.071.044Z" style="fill:#ffd400"></path><path d="m17.356 15.28-3.283-3.283-9.694 9.694c.354.38.95.423 1.616.052l11.361-6.463" style="fill:#f33"></path><path d="M17.356 8.714 5.995 2.261c-.665-.381-1.262-.329-1.616.051l9.693 9.685 3.284-3.283Z" style="fill:#48ff48"></path></svg></div></a></div></div><div class="actionsC"><div class="actionBtn secBtn"><a href="https://reddit.com/panaris" target="_blank" rel="noopener noreferrer" aria-label="Reddit" style="background: rgb(255, 87, 0);"><div class="icon"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path d="M22 11.586a2.199 2.199 0 0 0-2.197-2.197c-.598 0-1.125.229-1.511.616-1.494-1.072-3.568-1.776-5.853-1.863l1.002-4.693 3.252.686A1.564 1.564 0 1 0 18.256 2.5c-.614 0-1.141.352-1.388.879l-3.638-.774a.437.437 0 0 0-.298.053.434.434 0 0 0-.177.247l-1.107 5.237c-2.337.07-4.428.755-5.94 1.863a2.213 2.213 0 0 0-1.511-.616A2.199 2.199 0 0 0 2 11.586c0 .897.527 1.652 1.301 2.004a4.014 4.014 0 0 0-.053.667c0 3.375 3.919 6.098 8.769 6.098 4.851 0 8.77-2.723 8.77-6.098 0-.228-.017-.439-.052-.65A2.274 2.274 0 0 0 22 11.586zM6.974 13.15c0-.861.702-1.564 1.564-1.564.861 0 1.564.703 1.564 1.564 0 .862-.703 1.565-1.564 1.565a1.567 1.567 0 0 1-1.564-1.565zm8.734 4.13c-1.072 1.073-3.111 1.143-3.708 1.143s-2.654-.088-3.708-1.143a.414.414 0 0 1 0-.58.414.414 0 0 1 .58 0c.667.668 2.109.915 3.145.915 1.038 0 2.461-.247 3.147-.915a.414.414 0 0 1 .58 0 .454.454 0 0 1-.036.58zm-.281-2.565a1.567 1.567 0 0 1-1.564-1.565c0-.861.702-1.564 1.564-1.564.861 0 1.564.703 1.564 1.564 0 .862-.703 1.565-1.564 1.565z" fill="#fff" fill-rule="nonzero"></path></svg></div></a></div></div><div class="actionsC"><div class="actionBtn secBtn"><a href="https://open.spotify.com/user/1189849624" target="_blank" rel="noopener noreferrer" aria-label="Spotify" style="background: rgb(30, 215, 96);"><div class="icon"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path d="M17.916 10.866C14.692 8.951 9.374 8.774 6.298 9.709a.935.935 0 0 1-.544-1.79c3.533-1.072 9.405-.866 13.116 1.338a.935.935 0 0 1-.954 1.609zM17.81 13.7a.78.78 0 0 1-1.072.258c-2.688-1.652-6.786-2.131-9.965-1.166A.78.78 0 1 1 6.32 11.3c3.631-1.102 8.147-.568 11.233 1.329a.778.778 0 0 1 .257 1.071zm-1.223 2.723a.624.624 0 0 1-.858.208c-2.348-1.435-5.303-1.76-8.785-.964a.624.624 0 0 1-.277-1.215c3.809-.871 7.076-.496 9.712 1.115a.623.623 0 0 1 .208.856zM12 2C6.478 2 2 6.477 2 12s4.478 10 10 10c5.523 0 10-4.477 10-10S17.523 2 12 2z" fill="#fff" fill-rule="nonzero"></path></svg></div></a></div></div><div class="actionsC"><div class="actionBtn secBtn"><a href="https://twitter.com/panaris1993" target="_blank" rel="noopener noreferrer" aria-label="Twitter" style="background: rgb(29, 161, 242);"><div class="icon"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path d="M19.981 8.497c.013.175.013.349.013.523 0 5.325-4.053 11.461-11.46 11.461-2.282 0-4.402-.661-6.186-1.809.324.037.636.05.973.05a8.07 8.07 0 0 0 5.001-1.721 4.036 4.036 0 0 1-3.767-2.793c.249.037.499.062.761.062.361 0 .724-.05 1.061-.137a4.027 4.027 0 0 1-3.23-3.953v-.05c.537.299 1.16.486 1.82.511a4.022 4.022 0 0 1-1.796-3.354c0-.748.199-1.434.548-2.032a11.457 11.457 0 0 0 8.306 4.215c-.062-.3-.1-.611-.1-.923a4.026 4.026 0 0 1 4.028-4.028c1.16 0 2.207.486 2.943 1.272a7.957 7.957 0 0 0 2.556-.973 4.02 4.02 0 0 1-1.771 2.22A8.073 8.073 0 0 0 22 6.414a8.645 8.645 0 0 1-2.019 2.083z" fill="#fff" fill-rule="nonzero"></path></svg></div></a></div></div><div class="actionsC"><div class="actionBtn secBtn"><a href="https://youtube.com/UCjJ9YRH5GofpS62QTKUBDYg" target="_blank" rel="noopener noreferrer" aria-label="YouTube" style="background: rgb(255, 0, 0);"><div class="icon"><svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24"><path d="M21.593 7.203a2.506 2.506 0 0 0-1.762-1.766C18.265 5.007 12 5 12 5s-6.264-.007-7.831.404a2.56 2.56 0 0 0-1.766 1.778c-.413 1.566-.417 4.814-.417 4.814s-.004 3.264.406 4.814c.23.857.905 1.534 1.763 1.765 1.582.43 7.83.437 7.83.437s6.265.007 7.831-.403a2.515 2.515 0 0 0 1.767-1.763c.414-1.565.417-4.812.417-4.812s.02-3.265-.407-4.831zM9.996 15.005l.005-6 5.207 3.005-5.212 2.995z"></path></svg></div></a></div></div></div> </main> <!----><script src="./qrcode.min.js"></script><script>let m=document.getElementById("modal"),c=document.getElementById("close"),ki=document.getElementById("keyView"),cv=document.getElementById("copyView"),curl=document.getElementById("copyURL"),qrv=document.getElementById("qrView"),qr=document.getElementById("qr"),s=document.getElementById("share"),sqr=document.getElementById("showQR"),sk=document.getElementById("showKey");function tC(e){"2rem"==e.style.top?(e.style.visibility="visible",e.style.top="0px",e.style.opacity=1):(e.style.top="2rem",e.style.opacity=0,setTimeout(()=>{e.style.visibility="hidden"},200))}function dN(e){e.style.display="none"}window.addEventListener("load",()=>{document.querySelector("#topActions").style.display="flex",qr.innerHTML=new QRCode({content:window.location.href,container:"svg-viewbox",join:!0,ecl:"L",padding:0}).svg()}),navigator.canShare?s.addEventListener("click",()=>{navigator.share({title:document.title,text:"You can view my Digital Business Card here:",url:window.location.href})}):s.addEventListener("click",()=>{tC(m),cv.style.display="flex",dN(qrv),ki&&dN(ki)}),sqr.addEventListener("click",()=>{tC(m),qrv.style.display="block",dN(cv),ki&&dN(ki)}),sk&&sk.addEventListener("click",()=>{tC(m),ki&&(ki.style.display="flex"),dN(cv),dN(qrv)}),c.addEventListener("click",()=>tC(m)),curl.addEventListener("click",async()=>{let e=curl.querySelectorAll(".iconColor")[1];await navigator.clipboard.writeText(window.location.href).then(t=>{e.innerText="Copied",setTimeout(()=>{e.innerText="Copy URL"},1e3)})});</script></body></html>