95 lines
3.0 KiB
HTML
95 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Ange DUHAYON</title>
|
|
<link rel="stylesheet" href="style.css"/>
|
|
<script>
|
|
function copyElem(id, r='') {
|
|
navigator.clipboard.writeText(
|
|
document.getElementById(id).innerText.replaceAll(r, ''),
|
|
);
|
|
}
|
|
|
|
function copyFile(id) {
|
|
fetch(document.getElementById(id).childNodes[0].href).then(f => {
|
|
f.text().then(t => {
|
|
navigator.clipboard.writeText(t);
|
|
})
|
|
})
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="header">
|
|
<a id="headerLink" href="/">Ange DUHAYON</a>
|
|
<span id="headerSubtitle">DevOps Engineer</span>
|
|
<span class="right" style="font-size: .4em;">Website heavily inspired from <a href="//suckless.org/" target="_blank" rel="noreferrer noopener">suckless.org</a></span>
|
|
</div>
|
|
<div id="menu">
|
|
<a href="/"><b>contact</b></a>
|
|
<a href="/resume">resume</a>
|
|
<!--
|
|
<a href="/about">about me</a>
|
|
-->
|
|
<span class="right">
|
|
<a href="//git.gmoker.com/yw5n/" target="_blank" rel="noreferrer noopener">source</a>
|
|
</span>
|
|
</div>
|
|
<div id="content">
|
|
<!--
|
|
<div id="nav">
|
|
<ul>
|
|
<li><a href="#matrix">Matrix</a></li>
|
|
<li><a href="#discord">Discord</a></li>
|
|
<li><a href="#phone">Phone (France)</a></li>
|
|
<li><a href="#email">Email</a></li>
|
|
<li><a href="#wa">WhatsApp</a></li>
|
|
</ul>
|
|
</div>
|
|
-->
|
|
<div id="main">
|
|
|
|
<table>
|
|
<tr>
|
|
<td>Matrix (Element)</td>
|
|
<td id="matrix"><a href="//app.element.io/#/user/@ange:gmoker.com">@ange:gmoker.com</a></td>
|
|
<td><button onclick="copyElem('matrix')">Copy</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Discord</td>
|
|
<td id="discord">@elrilio</td>
|
|
<td><button onclick="copyElem('discord')">Copy</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Phone (France)</td>
|
|
<td id="phone"><a href="tel:+33582951623">+33 5 82 95 16 23</a></td>
|
|
<td><button onclick="copyElem('phone', / /g)">Copy</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Email</td>
|
|
<td id="email"><a href="mailto:ange@yw5n.com">ange@yw5n.com</a></td>
|
|
<td><button onclick="copyElem('email')">Copy</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>WhatsApp</td>
|
|
<td id="wa"><a href="//wa.me/6285333559453">+62 853-3355-9453</a></td>
|
|
<td><button onclick="copyElem('wa', /[ |-]/g)">Copy</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>PGP</td>
|
|
<td id="pgp"><a href="/static/pgp.asc">pgp.asc</a></td>
|
|
<td><button onclick="copyFile('pgp')">Copy</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>SSH</td>
|
|
<td id="ssh"><a href="/static/ssh">ssh</a></td>
|
|
<td><button onclick="copyFile('ssh')">Copy</button></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|