diff options
| author | Kyren223 <Kyren223@proton.me> | 2024-11-13 19:02:49 +0200 |
|---|---|---|
| committer | Kyren223 <Kyren223@proton.me> | 2024-11-13 19:02:49 +0200 |
| commit | 46fb8e1dfabe8bbc632dfb1035911e72c0428efa (patch) | |
| tree | c3d664211396db9d6cc6beda9f0a919843f2f50d /src/pages/index.astro | |
| parent | 51f49ed07f477b6818b862cf4d4ea96a179856e8 (diff) | |
Made some changes to home
Diffstat (limited to 'src/pages/index.astro')
| -rw-r--r-- | src/pages/index.astro | 27 |
1 files changed, 24 insertions, 3 deletions
diff --git a/src/pages/index.astro b/src/pages/index.astro index 243838f..4c2136e 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -39,14 +39,22 @@ watching Anime or solving Rubik's cubes fast.`.trimStart(); class="copySshKey text-[75%] flex-1 hover:text-[var(--secondary)]">{fingerprint}</pre> </div> </TerminalBorder> - <TerminalBorder header="Name"> - <span>Kyren</span> + <TerminalBorder header="GitHub"> + <Link href="https://github.com/Kyren223"> + github.com/Kyren223 + </Link> </TerminalBorder> <TerminalBorder header="Email"> <span>Kyren223@proton.me</span> </TerminalBorder> <TerminalBorder header="Timezone"> - <span>UTC+2</span> </TerminalBorder> <div class="w-[334%]"> <TerminalBorder header="SSH Key"> + <div class="flex justify-between w-full"> + <span class="text-left">UTC+2</span> + <span id="time" class="text-right">Loading...</span> + </div> + </TerminalBorder> + <div class="w-[334%]"> + <TerminalBorder header="SSH Key"> <div class="w-[100%] flex items-center space-x-2 group"> <span id="sshKey" @@ -103,6 +111,19 @@ watching Anime or solving Rubik's cubes fast.`.trimStart(); </Terminal> <script> + const utcOffset = 2; + const time = document.getElementById("time")!; + setInterval(() => { + console.log("Hit"); + const now = new Date(); + const myTime = new Date(now.getTime() + utcOffset * 3600 * 1000); + const hours = String(myTime.getUTCHours()).padStart(2, "0"); + const minutes = String(myTime.getUTCMinutes()).padStart(2, "0"); + const seconds = String(myTime.getUTCSeconds()).padStart(2, "0"); + const formattedTime = `${hours}:${minutes}:${seconds}`; + time.innerHTML = formattedTime; + }, 1000); + const sshKey = document.getElementById("sshKey")?.innerHTML; function copySshKeyToClipboard() { navigator.clipboard |