ZaneDev/ZanePersonal
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

complete revamp

Browse Source
This commit is contained in:
Zane V
2026-02-19 23:23:56 -10:00
parent 893389da53
commit 3a236a47dc
31 changed files with 134 additions and 12253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
index.html
View File

@@ -1,111 +1,42 @@
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="ZaneDev - A certified epik guy who likes to make random stuff. Check out my projects and get in touch!"
/>
<meta name="keywords" content="ZaneDev, developer, programming, projects, web development" />
<meta name="author" content="ZaneDev" />
<meta property="og:title" content="ZaneDev - Personal Website" />
<meta
property="og:description"
content="Bored guy who likes to make random stuff. Check out my projects and connect with me!"
/>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://zanedev.com" />
<meta name="robots" content="index, follow" />
<title>ZaneDev :P</title>
<link rel="icon" type="image/jpeg" href="assets/images/Zane.jpg" />
<link rel="stylesheet" href="assets/css/styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"
rel="stylesheet"
/>
</head>
<body>
<main class="container" role="main" aria-label="Main content">
<!-- Avatar Section -->
<header class="avatar-section" role="banner">
<div class="avatar" tabindex="0" role="img" aria-label="ZaneDev's profile avatar">
<img src="assets/images/Zane.jpg" alt="ZaneDev's Profile Picture" class="profile-image" />
</div>
<h1 class="brand-name" tabindex="0">ZaneDev</h1>
<p class="tagline">Certified Epik Guy</p>
</header>
<!-- About Section -->
<section class="about-section" aria-labelledby="about-heading">
<h2 id="about-heading" class="sr-only">About</h2>
<p class="about-text">Bored guy who likes to make random stuff.</p>
<p class="not-for-hire-note" aria-live="polite">(not for hire btw)</p>
</section>
<!-- Navigation Section -->
<nav class="navigation" role="navigation" aria-label="Main navigation">
<a
href="https://zdtt.zane.org"
class="nav-button"
target="_blank"
rel="noopener noreferrer"
aria-label="Explore and try ZDTT (opens in new tab)"
>
<span>ZDTT</span>
</a>
<a
href="https://github.com/ZaneThePython"
class="nav-button"
target="_blank"
rel="noopener noreferrer"
aria-label="Visit GitHub profile (opens in new tab)"
>
<span>GitHub</span>
</a>
<a
href="mailto:contact@zane.org"
class="nav-button"
aria-label="Send email to contact@zane.org"
>
<span>Contact</span>
</a>
</nav>
<!-- Disclaimer -->
<footer class="disclaimer" role="contentinfo">
<p><em>*Note* This website is not FDA approved</em></p>
</footer>
</main>
<!-- Screen reader only class for accessibility -->
<style>
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
</style>
<script type="module" src="assets/js/main.js"></script>
<!-- Add structured data for better SEO -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"name": "ZaneDev",
"url": "https://zanedev.com",
"sameAs": ["https://github.com/ZaneThePython"]
}
</script>
</body>
</html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zane :P</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<a href="index.html"><img class="logo" src="logo.gif" alt="logo"></a>
<br>
<br>
<img class="eeto" src="https://anlucas.neocities.org/under-con.gif" alt="Under Construction">
</header>
<h1 class="content">Welcome to my website :D</h1>
<p>Hello! I am Zane, a young person that feels like 2000s internet was peak. If you are web surfing then I think you willl enjoy going to the <a href="links.html">links page</a> but if you are just here randomly then settle down and enjoy the song I picked out for you.</p>
<div class="music">
<h1>Background Music</h1>
<audio controls autoplay loop>
<source src="music.wav" type="audio/wav">
Your browser does not support the audio element.
</audio>
<p>Music by <a href="https://tangermusic.bandcamp.com">Tanger</a> (not me)</p>
</div>
<footer>
<br><br><br>
<img class="eeto" src="">
<img class="eeto" src="https://jack-dawlia.neocities.org/image/gif/i-love-physical-media-button-cd.gif">
<img class="eeto" src="https://jack-dawlia.neocities.org/image/blue-favourite.gif">
<img class="eeto" src="https://jack-dawlia.neocities.org/image/i-love-portal.gif">
<img class="eeto" src="https://jack-dawlia.neocities.org/image/gif/jd-house-huh-button.gif">
<img class="eeto" src="https://jack-dawlia.neocities.org/image/gif/button-lover-button.gif">
<img class="eeto" src="https://jack-dawlia.neocities.org/image/gif/bad-at-spelling-button.gif">
<img class="eeto" src="https://jack-dawlia.neocities.org/image/right-to-repair.gif">
<img class="eeto" src="https://anlucas.neocities.org/browser.gif">
<img class="eeto" src="https://anlucas.neocities.org/linux_now.gif">
<img class="eeto" src="https://anlucas.neocities.org/piracy.gif">
<img class="eeto" src="https://anlucas.neocities.org/prod_625_17265.gif">
</footer>
</body>
</html>