make all links clickable

This commit is contained in:
Holly Stubbs 2024-10-22 15:02:07 +01:00
parent 0ff0f20152
commit f29762a443
Signed by: tgpholly
GPG key ID: B8583C4B7D18119E

View file

@ -151,13 +151,22 @@
<title>home | holly.lgbt</title>
</head>
<body>
<div class="top-left">
<b>last updated:</b> 2024/10/21 <font style="font-size:10pt">3:16am (utc+1 bst)</font>
</div>
<div class="top-right nav">
<a href="#home" onclick="event.preventDefault();return false;" data-id="#home-panel">home</a>
<a href="#about" onclick="event.preventDefault();return false;" data-id="#about_me-panel" class="link">about me</a>
</div>
<div id="home-panel" class="panel center-container">
<div class="center-anchor">
<div class="text-center w-100">
<h1>hey there, i'm holly</h1>
<h4>here's some places I do things</h4>
<div id="buttonContainer">
<a class="rounded-button" data-id="discord" onclick="alert('because discord doesn\'t have functionality for invite to chat (at least I think it doesn\'t) my username is: tgpholly')"></a>
<a class="rounded-button" data-id="discord" href="#discord" onclick="event.preventDefault();alert('because discord doesn\'t have functionality for invite to chat (at least I think it doesn\'t) my username is: tgpholly');return false;"></a>
<a class="rounded-button" data-id="bsky" href="https://bsky.app/profile/holly.lgbt" target="_blank"></a>
<a class="rounded-button" data-id="forgejo" href="https://git.eusv.net/tgpholly" target="_blank"></a>
</div>
@ -194,7 +203,7 @@
<br>
<p>
if you'd like to contact me i can be reached on <a target="_blank" href="https://bsky.app/profile/holly.lgbt">bluesky</a> or <a class="click" onclick="document.querySelector(`.rounded-button[data-id='discord']`).click()">discord</a>
if you'd like to contact me i can be reached on <a target="_blank" href="https://bsky.app/profile/holly.lgbt">bluesky</a> or <a href="#discord" onclick="event.preventDefault();document.querySelector(`.rounded-button[data-id='discord']`).click();return false;">discord</a>
<br>
or you can send and email to <b><a id="email"></a></b>
</p>
@ -203,15 +212,6 @@
</div>
</div>
<div class="top-left">
<b>last updated:</b> 2024/10/21 <font style="font-size:10pt">3:16am (utc+1 bst)</font>
</div>
<div class="top-right nav">
<a data-id="#home-panel">home</a>
<a data-id="#about_me-panel" class="link">about me</a>
</div>
<script>
const email = document.querySelector("#email");
const decodedEmail = atob("aG9sbHlAZXVzdi5uZXQ");