540 lines
17 KiB
HTML
540 lines
17 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<title>Home - Venith Network</title>
|
|
<meta
|
|
name="description"
|
|
content="A website where i talk about Kirby, video games and more fun things."
|
|
/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" href="css/global.css" />
|
|
<link rel="stylesheet" href="css/index.css" />
|
|
<!-- Favicon -->
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
href="http://www.venith.net/assets/images/banner.png"
|
|
sizes="96x96"
|
|
/>
|
|
<link rel="shortcut icon" href="http://www.venith.net/assets/images/banner.png" />
|
|
<link
|
|
rel="apple-touch-icon"
|
|
sizes="180x180"
|
|
href="http://www.venith.net/assets/images/banner.png"
|
|
/>
|
|
<meta name="apple-mobile-web-app-title" content="Daniele" />
|
|
<link rel="manifest" href="images/favicon/site.webmanifest" />
|
|
<!-- Canonical tag -->
|
|
<link rel="canonical" href="index.html" />
|
|
</head>
|
|
|
|
<body id="body">
|
|
<!---Site Container--->
|
|
<div id="websiteContainer">
|
|
<!-- Spacer -->
|
|
<div id="websiteSpacerTop"></div>
|
|
<!-- Header -->
|
|
<header id="header">
|
|
<img
|
|
src="https://files.catbox.moe/vhubrq.png"
|
|
alt="Logo and Title"
|
|
class="header-logo"
|
|
/>
|
|
</header>
|
|
|
|
<!-- Left Aside -->
|
|
<aside id="leftSiteContent">
|
|
<!-- Main Navigation -->
|
|
<nav id="leftNav" aria-label="Main Navigation">
|
|
<div class="nav-categories">
|
|
<span>Venith Portal</span>
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/home.png"
|
|
class="nav-icons"
|
|
alt="Kirby's house"
|
|
/><a href="index.html" class="nav-links-active" id="navHome"
|
|
>Home</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/site-info.png"
|
|
class="nav-icons"
|
|
alt="Blue Kirby"
|
|
/><a href="http://status.venith.net" class="nav-links" id="navSiteInfo"
|
|
>Status</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/past-versions.png"
|
|
class="nav-icons"
|
|
alt="Star"
|
|
/><a
|
|
href="#"
|
|
class="nav-links"
|
|
id="navPastVersions"
|
|
>Member Area</a
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-categories">
|
|
<span>Information Center</span>
|
|
<div class="nav-items">
|
|
<img src="images/about-me.png" class="nav-icons" alt="Kirby" /><a
|
|
href="#"
|
|
class="nav-links"
|
|
id="navAboutMe"
|
|
>About Us</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/favorite-games.png"
|
|
class="nav-icons"
|
|
alt="N64 Logo"
|
|
/><a
|
|
href="http://www.venith.net/blog/
|
|
class="nav-links"
|
|
id="navFavoriteGames"
|
|
>Venith Blog</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/anime-reviews.png"
|
|
class="nav-icons"
|
|
alt="Konata Izumi"
|
|
/><a
|
|
href="#"
|
|
class="nav-links"
|
|
id="navAnimeReviews"
|
|
>Venith Services</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/artworks.png"
|
|
class="nav-icons"
|
|
alt="Kirby 64 Painting"
|
|
/><a href="http://podcast.venith.net" class="nav-links" id="navArtworks"
|
|
>Venith Podcast</a
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-categories">
|
|
<span>Entertainment</span>
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/music-player.png"
|
|
class="nav-icons"
|
|
alt="Mike Kirby"
|
|
/><a
|
|
href="#"
|
|
class="nav-links"
|
|
id="navMusicPlayer"
|
|
>Music Player ♪</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/mini-tv.png"
|
|
class="nav-icons"
|
|
alt="Cartoonish CRT TV"
|
|
/><a href="#" class="nav-links" id="navCRT"
|
|
>CRT Television</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/crt-television.png"
|
|
class="nav-icons"
|
|
alt="CRT TV Realistic"
|
|
/><a href="#" class="nav-links-external"
|
|
>Realistic CRT</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/arcade-games.png"
|
|
class="nav-icons"
|
|
alt="Pixel Mario"
|
|
/><a
|
|
href="#"
|
|
class="nav-links"
|
|
id="navArcadeGames"
|
|
>Arcade Games</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/sketchbook.png"
|
|
class="nav-icons"
|
|
alt="Adeleine from Kirby"
|
|
/><a href="#" class="nav-links" id="navSketchbook"
|
|
>Sketchbook</a
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-categories">
|
|
<span>Cool Stuff</span>
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/coding-tricks.png"
|
|
class="nav-icons"
|
|
alt="HTML5 Logo"
|
|
/><a
|
|
href="#"
|
|
class="nav-links"
|
|
id="navCodingTricks"
|
|
>Coding Tricks</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/all-kirby-games.png"
|
|
class="nav-icons"
|
|
alt="Retro Kirby"
|
|
/><a
|
|
href="#"
|
|
class="nav-links"
|
|
id="navAllKirbyGames"
|
|
>All Kirby Games</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/miscellaneous.png"
|
|
class="nav-icons"
|
|
alt="Kirby 64 Painting 2"
|
|
/><a
|
|
href="#"
|
|
class="nav-links"
|
|
id="navMiscellaneous"
|
|
>Miscellaneous</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/gif-collection.png"
|
|
class="nav-icons"
|
|
alt="King DeDeDe"
|
|
/><a
|
|
href="#"
|
|
class="nav-links"
|
|
id="navGifCollection"
|
|
>GIF Collection</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/guestbook.png"
|
|
class="nav-icons"
|
|
alt="Open Book"
|
|
/><a href="#" class="nav-links" id="navGuestbook"
|
|
>My Guestbook</a
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-categories">
|
|
<span>Other Pages</span>
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/monster-hunter-tribute.png"
|
|
class="nav-icons"
|
|
alt="Felyne"
|
|
/><a
|
|
href="#"
|
|
class="nav-links-external"
|
|
>Monster Hunter</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/minecraft-tribute.png"
|
|
class="nav-icons"
|
|
alt="Grass Block"
|
|
/><a
|
|
href="http://play.venith.net"
|
|
class="nav-links-external"
|
|
>VENITH-MC</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/wall-e-tribute.png"
|
|
class="nav-icons"
|
|
alt="BNL Logo"
|
|
/><a
|
|
href="#"
|
|
class="nav-links-external"
|
|
>WALL-E</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/frutigeraeroarchive.png"
|
|
class="nav-icons"
|
|
alt="Windows 7 Orb"
|
|
/><a
|
|
href="#"
|
|
class="nav-links-external"
|
|
>Frutiger Aero</a
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Nav Music Player -->
|
|
<audio id="navMusic">
|
|
<source src="#" type="audio/mpeg" />
|
|
</audio>
|
|
<!-- Music Controls -->
|
|
<div class="nav-music-div">
|
|
<div class="nav-music-marquee">
|
|
<span id="currentSongInfo"
|
|
><!-- Current song information will go here --></span
|
|
>
|
|
</div>
|
|
<nav aria-label="Music Player">
|
|
<div>
|
|
<button id="navMusicPlay">Play</button>
|
|
<button id="navMusicPause">Pause</button>
|
|
</div>
|
|
<div aria-label="Music Player Media Controls">
|
|
<button id="navMusicPrevious">Back</button>
|
|
<button id="navMusicNext">Next</button>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</nav>
|
|
</aside>
|
|
|
|
<!-- Right Aside -->
|
|
<aside id="rightSiteContent">
|
|
<div class="aside-ads-container">
|
|
<span>Cool Posters</span>
|
|
<img
|
|
src="http://www.venith.net/assets/images/tenor.gif"
|
|
alt="Poster 1"
|
|
title="Poster 1"
|
|
/>
|
|
<img
|
|
src="http://www.venith.net/assets/images/bg.gif"
|
|
alt="Poster 2"
|
|
title="Poster 2"
|
|
/>
|
|
<a href="https://youareanidiot.cc/" target="_blank" rel="noopener noreferrer">
|
|
<img
|
|
src="https://kitschymew.neocities.org/assets/congrats%20you%20won.png"
|
|
alt="Poster 3"
|
|
title="Poster 3"
|
|
/>
|
|
</a>
|
|
</div>
|
|
</aside>
|
|
|
|
<!-- Main Page -->
|
|
<main id="middleContent">
|
|
<!-- Home Section-->
|
|
<section id="homeSection">
|
|
<header>
|
|
<h1>Welcome to The Venith Network!</h1>
|
|
|
|
<div class="home-banner">
|
|
<img
|
|
src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fsm.ign.com%2Ft%2Fign_es%2Fscreenshot%2Fdefault%2Fdigimon_thkh.1200.jpg&f=1&nofb=1&ipt=dcfba301738a008c032b629f346aacc08088731bd1d4479bc2ab355ced639eff"
|
|
alt="Grassy hill from Popstar (Kirby universe)"
|
|
/>
|
|
</div>
|
|
</header>
|
|
|
|
<article class="home-text text-containers-secondary-bg">
|
|
<img
|
|
src="images/gifs/kirby19.gif"
|
|
class="home-img-1"
|
|
alt="Kirby holding Hi!! sign"
|
|
/>
|
|
<p>
|
|
Welcome to the Venith Network! Our corner of the internet is a unique and inclusive space to explore technology and much more.
|
|
|
|
We are a development group and a community-driven infrastructure project focusing on Linux and Android. Over the years, we have engaged in numerous projects. Sit back, relax, and enjoy being part of our chill community. We hope you stick around for an exciting future ahead!
|
|
</p>
|
|
</article>
|
|
|
|
<!-- Recent Updates Section -->
|
|
<article class="recent-updates text-containers-main-bg">
|
|
<h2>Changelog</h2>
|
|
<div class="text-containers-secondary-bg">
|
|
<p>
|
|
<strong>20/06/2025</strong>
|
|
Complete UI rehaul!
|
|
</p>
|
|
|
|
<p>
|
|
<strong>16/05/2025</strong>
|
|
Test item.
|
|
</p>
|
|
|
|
<p>
|
|
<strong>30/04/2025</strong>
|
|
Added a
|
|
<a href="http://venith.net"
|
|
>Test Link</a
|
|
>
|
|
.
|
|
</p>
|
|
</div>
|
|
</article>
|
|
|
|
<!-- Featured Buttons carousel -->
|
|
<nav
|
|
class="carousel-buttons text-containers-main-bg"
|
|
aria-label="88x31 Button Carousel"
|
|
>
|
|
<div>
|
|
<a href="#" target="_blank">
|
|
<img
|
|
src="images/danieles_button.jpg"
|
|
alt="Daniele's Button"
|
|
/>
|
|
</a>
|
|
|
|
<a href="#" target="_blank">
|
|
<img src="images/buttons/hedied4u.gif" alt="He died 4 you" />
|
|
</a>
|
|
|
|
<a href="https://dokode.moe/" target="_blank"
|
|
><img
|
|
src="images/buttons/dokodemo.gif"
|
|
alt="Dokodemo Button"
|
|
/></a>
|
|
|
|
<a href="https://cosmic-calamari.neocities.org/" target="_blank">
|
|
<img
|
|
src="images/buttons/calamaris-pizza-place.gif"
|
|
alt="Cosmic Calamari's Button"
|
|
/>
|
|
</a>
|
|
|
|
<a href="https://hopeslair.neocities.org/" target="_blank"
|
|
><img
|
|
src="images/buttons/hopeslair.gif"
|
|
alt="Hope's Lair Button"
|
|
/></a>
|
|
|
|
<a href="https://nippoverse.xyz/" target="_blank"
|
|
><img src="images/buttons/nippo.png" alt="Nippoverse Button"
|
|
/></a>
|
|
|
|
<a href="https://chocoboranch.neocities.org/" target="_blank"
|
|
><img
|
|
src="images/buttons/chocoran.png"
|
|
alt="Chocoranch Button"
|
|
/></a>
|
|
|
|
<a href="https://korbywo.neocities.org/" target="_blank">
|
|
<img
|
|
src="images/buttons/korbywo-button.gif"
|
|
alt="KorbyWO Button"
|
|
/>
|
|
</a>
|
|
|
|
<a href="https://kitschymew.neocities.org/" target="_blank"
|
|
><img
|
|
src="images/buttons/kitschymew.gif"
|
|
alt="Kitsch Mew Button"
|
|
/></a>
|
|
|
|
<a
|
|
href="https://someotherstranger.neocities.org/home"
|
|
target="_blank"
|
|
><img
|
|
src="images/buttons/coyotebutton.png"
|
|
alt="Coyote Conundrum Button"
|
|
/></a>
|
|
|
|
<a href="https://pizzacatdelights.neocities.org/" target="_blank"
|
|
><img
|
|
src="images/buttons/pizzacat-delights.png"
|
|
alt="Pizzacat Delights"
|
|
/></a>
|
|
|
|
<a href="https://moonview.neocities.org/" target="_blank">
|
|
<img
|
|
src="images/buttons/moonview.gif"
|
|
alt="Moonview Button"
|
|
/>
|
|
</a>
|
|
|
|
<a href="https://artwork.neocities.org/" target="_blank"
|
|
><img src="images/buttons/artwork.gif" alt="Artwork Button"
|
|
/></a>
|
|
|
|
<a href="https://otterpop.neocities.org/" target="_blank"
|
|
><img
|
|
src="images/buttons/otterpop.png"
|
|
alt="Otterpop Button"
|
|
/></a>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="view-counter-container text-containers-secondary-bg">
|
|
<span>You are visitor number: [WIP]</span>
|
|
<span id="visitorCounter"></span>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer id="bottomFooter">
|
|
<span>2019-2025 ©Venith Network</span><br />
|
|
<a href="mailto:mattthetekie@venith.net">e-mail</a>
|
|
</footer>
|
|
<!-- Spacer -->
|
|
<div id="websiteSpacerBottom"></div>
|
|
</div>
|
|
<!-- Javascript -->
|
|
<script src="javascript/carousel.js"></script>
|
|
<script src="javascript/view-counter.js"></script>
|
|
<script src="javascript/nav-music.js"></script>
|
|
</body>
|
|
</html>
|