-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
72 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,72 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>Hugh Dunc</title> | ||
| <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.4.0/css/all.css"> | ||
| <link rel="icon" type="image/x-icon" href="https://cdn.glitch.global/623f02dc-d44e-4caa-9e02-9e042cda7de0/zawgg.png?v=1727025117658"> | ||
| <meta property="og:title" content="Hugh Dunc" /> | ||
| <meta property="og:type" content="website" /> | ||
| <meta property="og:url" content="https://zawgg.com/" /> | ||
| <meta property="og:image" content="https://cdn.glitch.global/623f02dc-d44e-4caa-9e02-9e042cda7de0/zawgg.png?v=1727025117658" /> | ||
| <meta property="og:description" content="i develop stuff" /> | ||
| <meta name="theme-color" content="#FF0000"> | ||
| <link href="https://api.fontshare.com/v2/css?f[]=beVietnam-pro@1&display=swap" rel="stylesheet"> | ||
| <style> | ||
| body { | ||
| font-family: "Be Vietnam Pro", system-ui, sans-serif; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body class="overflow-hidden bg-[url(https://media.tenor.com/1gfCwmVdMB8AAAAC/vaporwave.gif)] bg-cover bg-center text-white flex flex-col items-center justify-center h-screen overflow-hidden"> | ||
| <main class="w-full h-full md:w-auto md:h-auto flex flex-col items-center justify-center text-center bg-zinc-950/50 px-6 sm:px-12 mx-4 py-6 md:rounded-2xl transition-[padding] md:border-2 border-black/10"> | ||
| <h1 class="text-[10vw] sm:text-[5rem] font-bold flex items-center gap-3 sm:gap-5 flex-wrap"><img src="https://cdn.glitch.global/623f02dc-d44e-4caa-9e02-9e042cda7de0/zawgg.png?v=1727025117658" class="h-[15vw] sm:h-24 shadow-xl rounded-lg">im hugh</h1> | ||
| <p class="text-[min(5vw,28px)] sm:text-3xl font-medium mb-5 mt-2 leading-tight">i develop <span id="stuff">stuff,</span> <br class="sm:hidden"> heres my projects:</p> | ||
| <div class="flex flex-col max-h-64 overflow-scroll gap-3"> | ||
| <div class="flex flex-col sm:flex-row items-center gap-x-5 gap-y-2 border-2 border-white/10 p-4 rounded-xl min-w-64"> | ||
| <a href="https://mcshowdown.net" class="w-28"><img src="https://cdn.discordapp.com/icons/1019344123955785768/b05b40362e01253b82c2f7f5219577ab.webp" class="w-28 rounded-xl"></a> | ||
| <div class="flex flex-col text-center items-center sm:text-left sm:items-start max-w-[50vw]"> | ||
| <p class="text-xl font-semibold">Minecraft Showdown</p> | ||
| <a class="opacity-50 flex gap-1 items-center" href="https://mcshowdown.net"><i class="fa fa-link text-xs relative top-px"></i>mcshowdown.net</a> | ||
| <p><span class="hidden sm:flex">Best Minecraft Event Server out there.</span> I made the website, some plugins, and some builds.</p> | ||
| </div> | ||
| <a href="https://mcshowdown.net" class="bg-green-500 text-3xl font-semibold px-10 py-4 mx-5 rounded-xl shadow-xl hidden md:flex items-center gap-2">Go <i class="fa fa-arrow-up-right"></i></a> | ||
| </div> | ||
| <p class="text-white/50"> | ||
| there will be more (trust) | ||
| </p> | ||
| </div> | ||
|
|
||
| <p class="text-3xl font-medium mt-5 mb-3">socials too</p> | ||
| <div class="flex flex-col sm:flex-row items-center text-[2rem] font-semibold gap-x-10 gap-y-5"> | ||
| <div class="flex gap-10"> | ||
| <a href="https://discord.com/users/824136790474096671" class="fab fa-discord"></a> | ||
| <a href="https://youtube.com/@zawgg" class="fab fa-youtube"></a> | ||
| <a href="https://tiktok.com/@chefhugh" class="fab fa-tiktok"></a> | ||
| </div> | ||
| <div class="flex gap-10"> | ||
| <a href="https://github.com/zawgggg" class="fab fa-github "></a> | ||
| <a href="https://kick.com/zawgg" class="fab fa-twitch"></a> | ||
| </div> | ||
| </div> | ||
| </main> | ||
|
|
||
| <script src="https://cdn.tailwindcss.com"></script> | ||
| <script> | ||
| var stuff = document.getElementById("stuff") | ||
| var things = ["games,", "sites,", "apps,", "ux/ui,", "servers,"] | ||
| var index = 0 | ||
|
|
||
| var doTheThing = () => { | ||
| stuff.innerText = things[index]; | ||
| index++; | ||
| if (index > things.length - 1) { | ||
| index = 0; | ||
| }; | ||
| }; | ||
| doTheThing(); | ||
| setInterval(doTheThing, 2000) | ||
| </script> | ||
| </body> | ||
| </html> |