make all links selectable

This commit is contained in:
Holly Stubbs 2024-10-22 14:59:53 +01:00
parent 0ff0f20152
commit 37138d1965

View file

@ -151,13 +151,22 @@
<title>home | holly.lgbt</title> <title>home | holly.lgbt</title>
</head> </head>
<body> <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 id="home-panel" class="panel center-container">
<div class="center-anchor"> <div class="center-anchor">
<div class="text-center w-100"> <div class="text-center w-100">
<h1>hey there, i'm holly</h1> <h1>hey there, i'm holly</h1>
<h4>here's some places I do things</h4> <h4>here's some places I do things</h4>
<div id="buttonContainer"> <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="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> <a class="rounded-button" data-id="forgejo" href="https://git.eusv.net/tgpholly" target="_blank"></a>
</div> </div>
@ -194,7 +203,7 @@
<br> <br>
<p> <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> <br>
or you can send and email to <b><a id="email"></a></b> or you can send and email to <b><a id="email"></a></b>
</p> </p>
@ -203,15 +212,6 @@
</div> </div>
</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> <script>
const email = document.querySelector("#email"); const email = document.querySelector("#email");
const decodedEmail = atob("aG9sbHlAZXVzdi5uZXQ"); const decodedEmail = atob("aG9sbHlAZXVzdi5uZXQ");