chore: rebrand part one
This commit is contained in:
MattTheTekie
parent
5f3cdd37ac
commit
4fc88b7f85
464 changed files with 61 additions and 17974 deletions
|
|
@ -4,28 +4,28 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Play - Venith Network</title>
|
||||
<link rel="stylesheet" href="https://venith.net/css/Venith-MC.css">
|
||||
<title>Play - Veltron Network</title>
|
||||
<link rel="stylesheet" href="https://venith.net/css/Veltron-MC.css">
|
||||
<link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<meta property="og:type" content="summary">
|
||||
<meta property="og:site_name" content="Venith-MC">
|
||||
<meta property="og:title" content="Venith-MC">
|
||||
<meta property="og:site_name" content="Veltron-MC">
|
||||
<meta property="og:title" content="Veltron-MC">
|
||||
<meta property="og:description" content="Venith-MC was created by MattTheTekie!">
|
||||
<meta property="og:image" content="https://www.venith.net/images/Venith-MC/server-icon.png">
|
||||
<meta property="og:image:alt" content="Venith-MC">
|
||||
<meta property="og:image" content="https://www.venith.net/images/Veltron-MC/server-icon.png">
|
||||
<meta property="og:image:alt" content="Veltron-MC">
|
||||
<meta property="og:url" content="http://play.venith.net/">
|
||||
<meta name="author" content="MattTheTekie + Venith">
|
||||
<meta name="description" content="Venith-MC was created by MattTheTekie!">
|
||||
<meta name="keywords" content="90s Web, 2000s, Political, Digital Cheese, TDK, Venith, Blog, Neocities, 3DSPaint, DSiPaint, Gaming, Web, HTML, CSS, Programming, Email, Tutorials, Guilded, Discord, YouTube, Twitter">
|
||||
<link rel="icon" type="image/png" href="https://www.venith.net/images/Venith-MC/server-icon.png"/>
|
||||
<link rel="icon" type="image/png" href="https://www.venith.net/images/Veltron-MC/server-icon.png"/>
|
||||
<meta property="twitter:creator" content="@DigitalCheeseYT">
|
||||
<meta property="twitter:site" content="@DigitalCheeseYT">
|
||||
</head>
|
||||
<body>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||
<nav class="desktop_navbar">
|
||||
<a href="#"><img class="desktop_navbar_logo_img" src="https://www.venith.net/images/Venith-MC/server-icon.png" alt="logo" style="width: 55px; height: 55px;"></a>
|
||||
<a href="#"><img class="desktop_navbar_logo_img" src="https://www.venith.net/images/Veltron-MC/server-icon.png" alt="logo" style="width: 55px; height: 55px;"></a>
|
||||
<a href="https://wiki.patchysicp.xyz/wiki/Venith-MC" class="desktop_navbar_link">Wiki</a>
|
||||
<a href="#discord" class="desktop_navbar_link scroll">Community</a>
|
||||
<a href="#about" class="desktop_navbar_link scroll">About Us</a>
|
||||
|
|
@ -34,7 +34,7 @@
|
|||
</div>
|
||||
</nav>
|
||||
<div class="mobile_navbar">
|
||||
<a href="#" class="mobile_navbar_logo_img_a"><img class="mobile_navbar_logo_img" src="https://www.venith.net/images/Venith-MC/server-icon.png"></a>
|
||||
<a href="#" class="mobile_navbar_logo_img_a"><img class="mobile_navbar_logo_img" src="https://www.venith.net/images/Veltron-MC/server-icon.png"></a>
|
||||
<div id="mobile_navbar_links">
|
||||
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="https://wiki.patchysicp.xyz/wiki/Venith-MC">Wiki</a>
|
||||
<a class="mobile_navbar_link scroll" onclick="mobile_navbar_link_hider()" href="#discord">Community</a>
|
||||
|
|
@ -58,7 +58,7 @@
|
|||
<div class="mainflex">
|
||||
<div class="main1">
|
||||
<a class="main1_logo_a" href="#">
|
||||
<img class="main1_logo" src="http://www.venith.net/images/Venith-MC/VENITH-MC-7-31-2024.png" alt="logo">
|
||||
<img class="main1_logo" src="http://www.venith.net/images/Veltron-MC/VENITH-MC-7-31-2024.png" alt="logo">
|
||||
</a>
|
||||
<div class="main1_description">
|
||||
<a>Minecraft,<br>but</a>
|
||||
|
|
@ -88,7 +88,7 @@
|
|||
</script>
|
||||
</div>
|
||||
<a href="#more" class="scroll">
|
||||
<img alt="downarrow" class="main1_downarrow" src="http://www.venith.net/images/Venith-MC/downarrow.png">
|
||||
<img alt="downarrow" class="main1_downarrow" src="http://www.venith.net/images/Veltron-MC/downarrow.png">
|
||||
</a>
|
||||
<script>
|
||||
const scrollLinks = document.querySelectorAll('.scroll');
|
||||
|
|
@ -110,28 +110,28 @@
|
|||
<a class="headline">What we have</a>
|
||||
<div class="main2_features_div">
|
||||
<div class="main2_feature">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="http://www.venith.net/images/Venith-MC/2024-07-31_16.51.20.png">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="http://www.venith.net/images/Veltron-MC/2024-07-31_16.51.20.png">
|
||||
<a class="main2_feature_headline">Ironland-MC</a>
|
||||
<a class="main2_feature_text">Experience Ironland in it's fullest the Ironland way today! Ironland is a rich and vibrant country waiting to be explored!</a>
|
||||
</div>
|
||||
<div class="main2_feature">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="http://www.venith.net/images/Venith-MC/2024-07-31_13.16.16.png">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="http://www.venith.net/images/Veltron-MC/2024-07-31_13.16.16.png">
|
||||
<a class="main2_feature_headline">Venith-UHC</a>
|
||||
<a class="main2_feature_text">Yet another UHC server to enjoy those pesky raids on, explore around, and do to you're hearts content.</a>
|
||||
</div>
|
||||
<div class="main2_feature">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="http://www.venith.net/images/Venith-MC/lobby.png">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="http://www.venith.net/images/Veltron-MC/lobby.png">
|
||||
<a class="main2_feature_headline">VENITH Lobby</a>
|
||||
<a class="main2_feature_text">Just another lobby with cosmetics, and gadgets.</a>
|
||||
</div>
|
||||
<div class="main2_feature">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="http://www.venith.net/images/Venith-MC/pirateship.png">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="http://www.venith.net/images/Veltron-MC/pirateship.png">
|
||||
<a class="main2_feature_headline">Pirate Ship
|
||||
</a>
|
||||
<a class="main2_feature_text">Our lobby also features a pirateship!</a>
|
||||
</div>
|
||||
<div class="main2_feature">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="http://www.venith.net/images/Venith-MC/lobby2.png">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="http://www.venith.net/images/Veltron-MC/lobby2.png">
|
||||
<a class="main2_feature_headline">Penguins</a>
|
||||
<a class="main2_feature_text">We have a penguin!</a>
|
||||
</div>
|
||||
|
|
@ -241,6 +241,6 @@
|
|||
</div>
|
||||
</div>
|
||||
<footer class="copyright_div">
|
||||
<footer><a href="https://github.com/FQQD/MCServer-Web-Template">Edited by [MattTheTekie]</a> | <a href="https://www.venith.net">Powered By The Venith Network</a><br><center><a>2014-2025 ©Venith Network</a></center></br></footer>
|
||||
<footer><a href="https://github.com/FQQD/MCServer-Web-Template">Edited by [MattTheTekie]</a> | <a href="https://www.venith.net">Powered By The Veltron Network</a><br><center><a>2014-2025 ©Veltron Network</a></center></br></footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
<head>
|
||||
<title>About Us - Venith Network</title>
|
||||
<title>About Us - Veltron Network</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta property="og:type" content="summary">
|
||||
<meta property="og:site_name" content="MattTheTekie presents">
|
||||
<meta property="og:title" content="The Venith Network">
|
||||
<meta property="og:description" content="The Venith Network is a worldwide technology community.">
|
||||
<meta property="og:title" content="The Veltron Network">
|
||||
<meta property="og:description" content="The Veltron Network is a worldwide technology community.">
|
||||
<meta property="og:image" content="http://www.venith.net/images/favicon/banner.png">
|
||||
<meta property="og:image:alt" content="VENITH Network">
|
||||
<meta property="og:image:alt" content="- Veltron Network">
|
||||
<meta property="og:url" content="http://www.venith.net/">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<meta property="author" content="MattTheTekie + Digital Cheese + Venith">
|
||||
|
|
@ -406,7 +406,7 @@
|
|||
title="VENITH"
|
||||
/>
|
||||
<p>
|
||||
🐱💻 The Venith Network is a community lead infrastructure project to teach about selfhosting. We are pioneers in the world of FOSS. We are always looking for more members if you want to join the iniative. More details to come.
|
||||
🐱💻 The Veltron Network is a community lead infrastructure project to teach about selfhosting. We are pioneers in the world of FOSS. We are always looking for more members if you want to join the iniative. More details to come.
|
||||
<br><br><br><center>
|
||||
🚧 [WIP - Insert long overdue text here.]</center>
|
||||
</p>
|
||||
|
|
@ -432,7 +432,7 @@
|
|||
</section>
|
||||
</main>
|
||||
<footer id="bottomFooter">
|
||||
<span>2019-2025 ©Venith Network</span><br />
|
||||
<span>2019-2025 ©Veltron Network</span><br />
|
||||
<a href="https://discord.go.venith.net">Discord</a> <a href="mailto:mattthetekie@venith.net">e-mail</a>
|
||||
</footer>
|
||||
<!-- Spacer -->
|
||||
|
|
|
|||
14
blog.html
14
blog.html
|
|
@ -1,14 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
<head>
|
||||
<title>Blog - Venith Network</title>
|
||||
<title>Blog - Veltron Network</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta property="og:type" content="summary">
|
||||
<meta property="og:site_name" content="MattTheTekie presents">
|
||||
<meta property="og:title" content="The Venith Network">
|
||||
<meta property="og:description" content="The Venith Network is a worldwide technology community.">
|
||||
<meta property="og:title" content="The Veltron Network">
|
||||
<meta property="og:description" content="The Veltron Network is a worldwide technology community.">
|
||||
<meta property="og:image" content="http://www.venith.net/images/favicon/banner.png">
|
||||
<meta property="og:image:alt" content="VENITH Network">
|
||||
<meta property="og:image:alt" content="- Veltron Network">
|
||||
<meta property="og:url" content="http://www.venith.net/">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<meta property="author" content="MattTheTekie + Digital Cheese + Venith">
|
||||
|
|
@ -399,7 +399,7 @@
|
|||
<!-- Home Section-->
|
||||
<section id="homeSection">
|
||||
<header>
|
||||
<h1>Welcome to The Venith Network!</h1>
|
||||
<h1>Welcome to The Veltron Network!</h1>
|
||||
|
||||
<div class="home-banner">
|
||||
<img
|
||||
|
|
@ -416,7 +416,7 @@
|
|||
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.
|
||||
Welcome to the Veltron 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>
|
||||
|
|
@ -560,7 +560,7 @@ We are a development group and a community-driven infrastructure project focusin
|
|||
</main>
|
||||
|
||||
<footer id="bottomFooter">
|
||||
<span>2019-2025 ©Venith Network</span><br />
|
||||
<span>2019-2025 ©Veltron Network</span><br />
|
||||
<a href="https://discord.go.venith.net">Discord</a> <a href="mailto:mattthetekie@venith.net">e-mail</a>
|
||||
</footer>
|
||||
<!-- Spacer -->
|
||||
|
|
|
|||
|
|
@ -199,7 +199,7 @@ body {
|
|||
align-items: center;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
background: rgba(0, 0, 0, .5) url('https://www.venith.net/images/Venith-MC/cGMLytH.png');
|
||||
background: rgba(0, 0, 0, .5) url('https://www.venith.net/images/Veltron-MC/cGMLytH.png');
|
||||
background-blend-mode: darken;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
|
|
@ -3,11 +3,11 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta property="og:type" content="summary">
|
||||
<meta property="og:site_name" content="Donate - Venith Network">
|
||||
<meta property="og:title" content="Donate - Venith Network">
|
||||
<meta property="og:description" content="Consider donating to The Venith Network to help support our content creation, and funding of our infrastructure.">
|
||||
<meta property="og:site_name" content="Donate - Veltron Network">
|
||||
<meta property="og:title" content="Donate - Veltron Network">
|
||||
<meta property="og:description" content="Consider donating to The Veltron Network to help support our content creation, and funding of our infrastructure.">
|
||||
<meta property="og:image" content="http://www.venith.net/images/favicon/banner.png">
|
||||
<meta property="og:image:alt" content="Donate - Venith Network">
|
||||
<meta property="og:image:alt" content="Donate - Veltron Network">
|
||||
<meta property="og:url" content="http://donate.venith.net/">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<meta property="author" content="MattTheTekie + Austcool Walker + Digital Cheese + Venith">
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
<link rel="icon" type="image/png" href="http://www.venith.net/images/favicon/banner.png">
|
||||
<link rel="stylesheet" href="bs_style.css">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<title>Donate - Venith Network</title>
|
||||
<title>Donate - Veltron Network</title>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
|
|
|
|||
22
index.html
22
index.html
|
|
@ -1,14 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
<head>
|
||||
<title>Home - Venith Network</title>
|
||||
<title>Home - Veltron Network</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta property="og:type" content="summary">
|
||||
<meta property="og:site_name" content="MattTheTekie presents">
|
||||
<meta property="og:title" content="The Venith Network">
|
||||
<meta property="og:description" content="The Venith Network is a worldwide technology community.">
|
||||
<meta property="og:title" content="The Veltron Network">
|
||||
<meta property="og:description" content="The Veltron Network is a worldwide technology community.">
|
||||
<meta property="og:image" content="http://www.venith.net/images/favicon/banner.png">
|
||||
<meta property="og:image:alt" content="VENITH Network">
|
||||
<meta property="og:image:alt" content="- Veltron Network">
|
||||
<meta property="og:url" content="http://www.venith.net/">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<meta property="author" content="MattTheTekie + Digital Cheese + Venith">
|
||||
|
|
@ -397,7 +397,7 @@
|
|||
<!-- Home Section-->
|
||||
<section id="homeSection">
|
||||
<header>
|
||||
<h1>Welcome to The Venith Network!</h1>
|
||||
<h1>Welcome to The Veltron Network!</h1>
|
||||
|
||||
<div class="home-banner">
|
||||
<img
|
||||
|
|
@ -414,7 +414,7 @@
|
|||
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.
|
||||
Welcome to the Veltron Network! Our corner of the internet is a unique and inclusive space to explore technology and much more.
|
||||
We are pioneers in the world of FOSS. We are always looking for more members if you want to join the iniative.
|
||||
</p>
|
||||
</article>
|
||||
|
|
@ -446,16 +446,16 @@ With the recent trend of internet censorship I have been thinking about alternat
|
|||
Some services are currently unavailable due to network migration. Any further details will be posted.
|
||||
</p>
|
||||
<strong>2025年7月13日</strong>
|
||||
The VENITH Network has migrated some services over. We're planning on migrating some more in the near future. We also have updated the site layout again. Further details will be posted.
|
||||
The - Veltron Network has migrated some services over. We're planning on migrating some more in the near future. We also have updated the site layout again. Further details will be posted.
|
||||
</p>
|
||||
<strong>2025年7月9日</strong>
|
||||
The VENITH Network is planning to distribute some of the server's across the globe soon. This will ensure better connnectivity and performance globally. Further details will be posted.
|
||||
The - Veltron Network is planning to distribute some of the server's across the globe soon. This will ensure better connnectivity and performance globally. Further details will be posted.
|
||||
</p>
|
||||
<strong>2025年7月7日</strong>
|
||||
The VENITH Network is no longer degraded. We are back online!
|
||||
The - Veltron Network is no longer degraded. We are back online!
|
||||
</p>
|
||||
<strong>2025年7月6日</strong>
|
||||
Temporarily moved to GitHub Pages! The VENITH Network is currently degraded. Most services, and sites are NOT available at this time. Further details will be posted.
|
||||
Temporarily moved to GitHub Pages! The - Veltron Network is currently degraded. Most services, and sites are NOT available at this time. Further details will be posted.
|
||||
</p>
|
||||
<strong>2025年6月20日</strong>
|
||||
Complete UI rehaul!
|
||||
|
|
@ -568,7 +568,7 @@ With the recent trend of internet censorship I have been thinking about alternat
|
|||
</main>
|
||||
|
||||
<footer id="bottomFooter">
|
||||
<span>2019-2025 ©Venith Network</span><br />
|
||||
<span>2019-2025 ©Veltron Network</span><br />
|
||||
<a href="https://discord.go.venith.net">Discord</a> <a href="mailto:mattthetekie@venith.net">e-mail</a>
|
||||
</footer>
|
||||
<!-- Spacer -->
|
||||
|
|
|
|||
|
|
@ -1,65 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>About - Venith Network</title>
|
||||
<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1"/>
|
||||
<meta property="og:type" content="summary">
|
||||
<meta property="og:site_name" content="Venith Network">
|
||||
<meta property="og:title" content="Venith Network">
|
||||
<meta property="og:description" content="Venith was created by MattTheTekie, and Digital Cheese! Please stay tuned for future projects/other services we will be creating if you are interested.">
|
||||
<meta property="og:image" content="http://www.venith.net/assets/images/banner.png">
|
||||
<meta property="og:image:alt" content="Venith">
|
||||
<meta property="og:url" content="http://www.venith.net/">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<meta property="author" content="MattTheTekie + Digital Cheese + Venith">
|
||||
<meta property="keywords" content="90s Web, 2000s, Political, Digital Cheese, TDK, Venith, Blog, Neocities, 3DSPaint, DSiPaint, Gaming, Web, HTML, CSS, Programming, Email, Tutorials, Guilded, Discord, YouTube, Twitter">
|
||||
<link rel="icon" type="image/png" href="http://www.venith.net/legacy/assets/images/banner.png"/>
|
||||
<link href="http://www.venith.net/assets/images/banner.png" rel="icon"/>
|
||||
<link href="http://www.venith.net/assets/css/venith-legacy.css" rel="stylesheet" type="text/css"/>
|
||||
<script src="http://www.venith.net/assets/js/venith-legacy.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="content">
|
||||
<div class="head">Home - Venith Network</div>
|
||||
<div class="nav"><a href="http://www.venith.net">Home</a> <a href="http://venith.net/about.html">About</a> <a href="https://home.venith.net/projects/">Projects</a> <a href="https://status.venith.net/">Status</a></div>
|
||||
<center><img src="http://www.venith.net/
|
||||
/assets/images/line.gif" alt="-------" title="CHT Rainbow Line"></center>
|
||||
<div class="text"><h2>🤖 Welcome</h2>
|
||||
<!--<center><div class="scrolling-wrapper">-->
|
||||
<!-- <span class="rainbow-text">🚧 VENITH IS UNDER MAINTENANCE! 🚧</span></center></div>-->
|
||||
|
||||
|
||||
<main>
|
||||
<h2>🛡️ Who we are:</h2>
|
||||
<ul>
|
||||
<li>🌎 We are geeks, tinkerers, modders, hackers, and plain out pioneers.</br>
|
||||
<h2 id="-what-i-m-doing">👾 What we're doing:</h2>
|
||||
</li>
|
||||
<li>🐱💻 We are developers, and plain out geeks.</li>
|
||||
<li>🐧 Fun fact: Our founder likes to maintain the cross-server infrastructure.</li>
|
||||
</ul>
|
||||
<center>
|
||||
<div>
|
||||
<a href="https://raw.githubusercontent.com/MattTheTekie/MattTheTekie/master/Personal-Scripts/Images/rn_image_picker_lib_temp_b616512e-67da-4f1c-8352-72970e5b767f.jpg" target="_blank">
|
||||
<img src="https://raw.githubusercontent.com/MattTheTekie/MattTheTekie/master/Personal-Scripts/Images/rn_image_picker_lib_temp_b616512e-67da-4f1c-8352-72970e5b767f.jpg" width="30%" align="center"></a>
|
||||
<a href="https://raw.githubusercontent.com/MattTheTekie/MattTheTekie/master/Personal-Scripts/Images/Screenshot_2023-01-01-09-39-26-367_com.mxtech.videoplayer.pro.jpg" target="_blank">
|
||||
<img src="https://raw.githubusercontent.com/MattTheTekie/MattTheTekie/master/Personal-Scripts/Images/Screenshot_2023-01-01-09-39-26-367_com.mxtech.videoplayer.pro.jpg" width="30%" align="center"></a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="https://raw.githubusercontent.com/MattTheTekie/MattTheTekie/master/Personal-Scripts/Images/desktop.png" target="_blank">
|
||||
<img src="https://github.com/MattTheTekie/MattTheTekie/raw/master/Personal-Scripts/Images/desktop.png" width="30%" align="center"></a>
|
||||
<a href="https://raw.githubusercontent.com/MattTheTekie/MattTheTekie/master/Personal-Scripts/Images/1.webp" target="_blank">
|
||||
<img src="https://raw.githubusercontent.com/MattTheTekie/MattTheTekie/master/Personal-Scripts/Images/1.webp" width="30%" align="center"></a>
|
||||
</div>
|
||||
</div>
|
||||
</center>
|
||||
</p>
|
||||
<h2>🔑 Join our scene：</h2>
|
||||
<p>Join our Discord hangout today for a welcoming community and exciting conversations!</p>
|
||||
<center><p><a href="https://discord.go.venith.net"> <img src="http://www.venith.net/assets/images/banner.png"/></a></p></center>
|
||||
</div>
|
||||
<div class="footer">© <span id="year">20??</span>Venith Network.</a> All Rights Reserved.<br>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 878 B |
Binary file not shown.
|
Before Width: | Height: | Size: 991 B |
|
|
@ -1,36 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US"><head>
|
||||
<meta name="description" content="Thanks for helping">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<link rel="shortcut icon" href="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/ATTU-ico.ico">
|
||||
<link rel="stylesheet" href="https://www.venith.net/archive/antitiktok-union.neocities.org/2102022/regular.css">
|
||||
<title>Credits</title>
|
||||
</head><body style="text-align:center">
|
||||
<h1>Creators of Site</h1>
|
||||
<p1>This is the section for credits. I coded this whole site but the
|
||||
other things are for stuff like making images that I can put here or
|
||||
making videos about it. And thank you for viewing the site :D</p1>
|
||||
<div class:menu-section="">
|
||||
<div class:icon="">
|
||||
<a href="https://dc.venith.net"
|
||||
<img src="https://dc.venith.net/Media/DC.jpg">
|
||||
<br>
|
||||
<h1>Digital Cheese - Created: Assets, Code, and Videos</h1>
|
||||
</a>
|
||||
</div>
|
||||
<div class:icon="">
|
||||
<a href="https://youtube.com/N3squick/about">
|
||||
<img src="https://web.archive.org/web/20220210031508im_/https://antitiktok-union.neocities.org/images/N3squick.jpg">
|
||||
<br>
|
||||
<h1>N3squick - Provided a YouTube Video For Me :D</h1>
|
||||
</a>
|
||||
</div>
|
||||
<div class:icon="">
|
||||
<a href="https://youtube.com/Draglox/about">
|
||||
<img src="https://web.archive.org/web/20220210031508im_/https://antitiktok-union.neocities.org/images/DragloxPFP.jpg">
|
||||
<br>
|
||||
<h1>Draglox - Helps with stuff like code when I am an idiot</h1>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</body></html>
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US"><head>
|
||||
<meta name="description" content="T1kT0k Cringe">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<link rel="shortcut icon" href="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/ATTU-ico.ico">
|
||||
<link rel="stylesheet" href="https://www.venith.net/archive/antitiktok-union.neocities.org/2102022/regular.css">
|
||||
<title>CringeToks</title>
|
||||
</head>
|
||||
<body style="text-align:center;">
|
||||
<h1>CringeToks</h1>
|
||||
<p1>TikTok contains a whole lot of cringe. I gave it a totally original
|
||||
name of CringeTok. Very cool I know. Basically, lots of the content is
|
||||
stuff like dances or unfunny humor. It's annoying in my opinion. I have
|
||||
this here to document the types of cringe.</p1>
|
||||
<br>
|
||||
<p2>Now you may say how there is cringe on all sites. This is true. The
|
||||
thing is though, somehow TikTok manages to be the only one with this
|
||||
issue to such an extent other than reuploads on YouTube shorts which is
|
||||
basically TikTok as well. Horrible dances is mainly it along with
|
||||
unfunny humor.</p2>
|
||||
<br>
|
||||
<p2 style="color:red">Below is a video made by Nesquick about people
|
||||
dancing right next to people like their relatives who are dying. Thanks
|
||||
N3squick for letting me put the video here.</p2>
|
||||
<br>
|
||||
<a href="https://youtu.be/-xqOmcvianE">Original video</a>
|
||||
<br>
|
||||
<p2 style="text-align:center">Now, there is also dancing for just no
|
||||
reason which isn't as bad, but they are still unoriginal. Here is a
|
||||
video I made on that subject below.</p2>
|
||||
<br>
|
||||
*Original video not available*
|
||||
</body></html>
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US"><head>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta name="description" content="T1kT0k Challenges Suck">
|
||||
<link rel="shortcut icon" href="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/ATTU-ico.ico">
|
||||
<link rel="stylesheet" href="https://www.venith.net/archive/antitiktok-union.neocities.org/2102022/regular.css">
|
||||
<title>Dangerous Challenges</title>
|
||||
</head><body style="text-align:center">
|
||||
<h1>Dangerous TikTok Challenges</h1>
|
||||
<p1>As you all know, TikTok has a lot of dangerous challenges. They
|
||||
all suck too as a result. Some examples are the the benadryl challenge
|
||||
and the devious licks done in 2021. They are all just so stupid. Why
|
||||
would anyone enjoy this? It doesn't seem fun. But hey, I guess people
|
||||
found enjoyment in that. Just amazing and it's a 10/10 experience (this
|
||||
is sarcasm of course).</p1>
|
||||
<br>
|
||||
<p2>Below, there are resources such as videos about why these
|
||||
challenges are dangerous and bad. Some are more complicated than others.
|
||||
The benadryl challenge doesn't need much explaining as its even kinda
|
||||
bad in the name. Something like Devious Lick, might need more info for
|
||||
people who haven't heard of it.</p2>
|
||||
<br>
|
||||
<h1>Stupid Nyquil Chicken Challenge/Trend</h1>
|
||||
<br>
|
||||
*Original video not available*
|
||||
</body></html>
|
||||
|
|
@ -1,50 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta name="description" content="T1kT0k is Evil">
|
||||
<link rel="shortcut icon" href="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/ATTU-ico.ico">
|
||||
<link rel="stylesheet" href="https://www.venith.net/archive/antitiktok-union.neocities.org/2102022/regular.css">
|
||||
<title>AntiTikTok Union Site</title>
|
||||
</head><body style="text-align:center">
|
||||
<h1>Welcome to the AntiTikTok Union</h1>
|
||||
<p1>T1kT0k is bad and we hate it. I made this site to show why T1kT0k is
|
||||
bad. There is a discord server you can join if you want. Below there is
|
||||
a table of contents for all pages.</p1>
|
||||
<h1 style="color:crimson">This is a Table of Contents for easy Navigation</h1>
|
||||
<div class:menu_section="">
|
||||
<div class:icon="">
|
||||
<a href="https://www.venith.net/archive/antitiktok-union.neocities.org/2102022/dangerous_challenges.html">
|
||||
<img src="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/1.png">
|
||||
<h1 style="color:white">- Dangerous Challenges</h1>
|
||||
</a>
|
||||
</div>
|
||||
<div class:icon="">
|
||||
<a href="https://www.venith.net/archive/antitiktok-union.neocities.org/2102022/cringetoks.html">
|
||||
<img src="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/4.png">
|
||||
<h1 style="color:white">- CringeToks</h1>
|
||||
</a>
|
||||
</div>
|
||||
<div class:icon="">
|
||||
<a href="https://www.venith.net/archive/antitiktok-union.neocities.org/2102022/credits.html">
|
||||
<img src="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/2.png">
|
||||
<h1 style="color:white">- Credits</h1>
|
||||
</a>
|
||||
</div>
|
||||
<div class:icon="">
|
||||
<a href="">
|
||||
<img src="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/3.png">
|
||||
<h1 style="color:white">- Chatrooms</h1>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<h2 style="text-size:200%;color:green">Do you have feedback you want
|
||||
to give? Email me below. You can also email me so you can help me. If
|
||||
you do help, you are given credit here.</h2>
|
||||
<div class:icon="">
|
||||
<a href="mailto:digitalcheese@att.net" style="background-color:black">
|
||||
<img src="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/5.png">
|
||||
</a>
|
||||
</div>
|
||||
</body></html>
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
html {background-image:url(http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/BG-2.png)}
|
||||
h1, h2, h3, h4, h5, h6 {color:gold}
|
||||
a {color:cyan}
|
||||
p1 {color:lime}
|
||||
p2 {color:cyan}
|
||||
body {border-color:black}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<style>h1{color:red;size:500%} a{color:blue} p1{color:black}</style>
|
||||
<title>AntiTikTok Union</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Rewriting whole site</h1>
|
||||
<a href="https://web.archive.org/web/20220224082522/https://github.com/DigitalCheese/AntiTikTok-Union">Click here for the original code on GitHub</a>
|
||||
<div class="out-container"><div class="contain"><div class="attu-head"><div class="text-contain"><span>A</span><span>T</span><span>T</span><span>U</span></div>
|
||||
<div class="pageContain-ATTU"><div class=</div></div></div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>AntiTikTok Union Site >:D</title>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
</head><body style="background-color:black;text-align:center;">
|
||||
<h1 style="text-size:200%;color:gold">Welcome to the AntiTikTok Union</h1>
|
||||
<p1 style="text-size:200%;color:purple">T1kT0k is bad and we hate it. I
|
||||
made this site to show why T1kT0k is bad. There is a discord server you
|
||||
can join if you want. Below there is a table of contents for all pages.</p1>
|
||||
<h1 style="color:white;border-color:red">This is a Table of Contents for easy Navigation</h1>
|
||||
<div class:menu_section="">
|
||||
<div class:icon="">
|
||||
<a href="/index.html"
|
||||
<img src="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/1.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class:icon="">
|
||||
<a href="/index.html"
|
||||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAgMAAADXB5lNAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAJUExURQAAAO0cJP9/JxDMR8kAAADWSURBVDjLrdO7DcQgDIDhH6Q09CzBFIyQAu/DKCkjprwCHByUXHNH+ck8bGPasvgnADc4GMIMgDThAMBPAA3pcA4ICnWAV2AB3QEDDiCKgQpOZL/gBDaRAqSG7ihRLDjZESA09IiMZAXAFYgK+oqYwTc0U9gUqgEegTeIA/SSTTKQJsgCTgoL5AVKLzP6ULf/AOcLbO/QbpCeoGJWMjW94LSgfblBj4j7OxwGTKO+gb0kmL48Q2q9YsH+0wP8lWAHfyUYOszPnZaJYp05b6eyLkP4y6h/ANCmJUR4/Y0SAAAAAElFTkSuQmCC">
|
||||
</a>
|
||||
</div>
|
||||
<div class:icon="">
|
||||
<a href="/index.html"
|
||||
<img src="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/2.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class:icon="">
|
||||
<a href="/index.html"
|
||||
<img src="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/3.png">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US"><head>
|
||||
<title>Credits</title>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
</head><body style="background-image:url(/Media/archive/antitiktok-union.neocities.org/BG-1.png);text-align:center">
|
||||
<h1 style="background-color:black;color:gold;text-align:center;text-size:300%">Creators of Site</h1>
|
||||
<p1 style="background-color:black;color:red;text-align:center">This is
|
||||
the section for credits. I coded this whole site but the other things
|
||||
are for stuff like making images that I can put here or making videos
|
||||
about it. And thank you for viewing the site :D</p1>
|
||||
<div class:menu-section="">
|
||||
<div class:icon="">
|
||||
<a href="http://dc.venith.net/"
|
||||
<img src="https://dc.venith.net/Media/DC.jpg">
|
||||
<br>
|
||||
<h1 style="color:yellow;background-color:black">Digital Cheese - Created: Assets, Code, and Videos</h1>
|
||||
</a>
|
||||
</div>
|
||||
<div class:icon="">
|
||||
<a href="https://youtube.com/N3squick/about"
|
||||
<img src="https://web.archive.org/web/20220206074901im_/https://antitiktok-union.neocities.org/images/N3squick.jpg">
|
||||
<br>
|
||||
<h1 style="color:yellow;background-color:black">N3squick - Provided a YouTube Video For Me :D</h1>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</body></html>
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US"><head>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta name="description" content="Documenting Stupid Content on T1kT0k">
|
||||
<title>CringeToks</title>
|
||||
</head>
|
||||
<body style="background-color:black;text-align:center;">
|
||||
<h1 style="color:gold;font-family:cursive;font-style:italic">CringeToks</h1>
|
||||
<p1 style="color:lime;font-family:cursive">TikTok contains a whole lot
|
||||
of cringe. I gave it a totally original name of CringeTok. Very cool I
|
||||
know. Basically, lots of the content is stuff like dances or unfunny
|
||||
humor. It's annoying in my opinion. I have this here to document the
|
||||
types of cringe.</p1>
|
||||
<br>
|
||||
<p2 style="color:cyan">Now you may say how there is cringe on all sites.
|
||||
This is true. The thing is though, somehow TikTok manages to be the
|
||||
only one with this issue to such an extent other than reuploads on
|
||||
YouTube shorts which is basically TikTok as well. Horrible dances is
|
||||
mainly it along with unfunny humor.</p2>
|
||||
<br>
|
||||
<p2 style="color:red;text-align:middle-left">Below is a video made by Nesquick who let me put one of his videos here. Thanks :D</p2>
|
||||
<br>
|
||||
<a href="https://youtu.be/-xqOmcvianE"*original video*</a>
|
||||
</body></html>
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US"><head>
|
||||
<title>Dangerous Challenges</title>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<!--This background was changed out of fear of copyright infringement, it is likely not an issue for this page but I can not take chances.-->
|
||||
</head><body style="background:black">
|
||||
<h1 style="color:red;background-color:black;text-align:center">Dangerous TikTok Challenges</h1>
|
||||
<p1 style="color:red;background-color:black;text-align:center">As
|
||||
you all know, TikTok has a lot of dangerous challenges. They all suck
|
||||
too as a result. Some examples are the the benadryl challenge and the
|
||||
devious licks done in 2021. They are all just so stupid. Why would
|
||||
anyone enjoy this? It doesn't seem fun. But hey, I guess people found
|
||||
enjoyment in that. Just amazing and it's a 10/10 experience (this is
|
||||
sarcasm of course).</p1>
|
||||
<p2 style="color:red;background-color:black;text-align:center">Below,
|
||||
there are resources such as videos about why these challenges are
|
||||
dangerous and bad. Some are more complicated than others. The benadryl
|
||||
challenge doesn't need much explaining as its even kinda bad in the
|
||||
name. Something like Devious Lick, might need more info for people who
|
||||
haven't heard of it.</p2>
|
||||
<br>
|
||||
<h1 style="color:gold;background-color:black">Stupid Nyquil Chicken Challenge/Trend</h1>
|
||||
*original video not available*
|
||||
</body></html>
|
||||
|
|
@ -1,47 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US"><head>
|
||||
<meta name="description" content="A site dedicated to exposing TikTok.">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<title>AntiTikTok Union Site</title>
|
||||
</head><body style="background-color:black;text-align:center;">
|
||||
<h1 style="text-size:200%;color:gold">Welcome to the AntiTikTok Union</h1>
|
||||
<p1 style="text-size:200%;color:purple">T1kT0k is bad and we hate it. I
|
||||
made this site to show why T1kT0k is bad. There is a discord server you
|
||||
can join if you want. Below there is a table of contents for all pages.</p1>
|
||||
<h1 style="color:white;border-color:red">This is a Table of Contents for easy Navigation</h1>
|
||||
<div class:menu_section="">
|
||||
<div class:icon="">
|
||||
<a href="/archive/antitiktok-union.neocities.org/262022/dangerous_challenges.html"
|
||||
<img src="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/1.png">
|
||||
<h1 style="color:white">- Dangerous Challenges</h1>
|
||||
</a>
|
||||
</div>
|
||||
<div class:icon="">
|
||||
<a href="/archive/antitiktok-union.neocities.org/262022/cringetoks.html"
|
||||
<img src="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/4.png">
|
||||
<h1 style="color:white">- CringeToks</h1>
|
||||
</a>
|
||||
</div>
|
||||
<div class:icon="">
|
||||
<a href="/archive/antitiktok-union.neocities.org/262022/credits.html"
|
||||
<img src="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/2.png">
|
||||
<h1 style="color:white">- Credits</h1>
|
||||
</a>
|
||||
</div>
|
||||
<div class:icon="">
|
||||
<a href="/archive/antitiktok-union.neocities.org/262022/chatrooms.html"
|
||||
<img src="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/3.png">
|
||||
<h1 style="color:white">- Chatrooms</h1>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<h2 style="text-size:200%;color:green">Do you have feedback you want
|
||||
to give? Email me below. You can also email me so you can help me. If
|
||||
you do help, you are given credit here.</h2>
|
||||
<div class:icon="">
|
||||
<a href="mailto:digitalcheese@att.net" style="background-color:black">
|
||||
<img src="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/5.png">
|
||||
</a>
|
||||
</div>
|
||||
</body></html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 584 B |
Binary file not shown.
|
Before Width: | Height: | Size: 497 B |
|
|
@ -1,58 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US"><head>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta name="description" content="Evils of TikTok">
|
||||
<meta property="og:image" content="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/ATTU-Logo.png">
|
||||
<meta name="author" content="Digital Cheese">
|
||||
<link rel="shortcut icon" href="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/ATTU-ico.ico">
|
||||
<title>AntiTikTok Union</title>
|
||||
<style>body {text-align:center}
|
||||
h1, h2, h3, h4, h5, h6 {color:black;font:Fantasy}
|
||||
p1, p2, p3, p4, p5, p6 {color:black;font:sans-serif}
|
||||
a {color:blue;font:comic-sans;cursor:url("http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/CURSOR.png"), url("http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/CURSOR.png"), default;}
|
||||
span {color:lime}
|
||||
body {background-color:#E5E4E2}
|
||||
header, nav, main, aside {border:2px solid black;}
|
||||
header, nav {max-width:100%;}
|
||||
aside {width:100px;}
|
||||
.flex {display:flex;background-color:white}
|
||||
nav {max-height:25px;height:25px;background-color:grey}
|
||||
header {max-height:100px;height:100px;}
|
||||
main {width:90%;}</style>
|
||||
</head><body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<h1 style="text-size:1000%;text-align:center">The AntiTikTok Union Site - Homepage</h1>
|
||||
</header>
|
||||
<nav><a href="index.html">Home</a> | <a href="">Credits</a> | <a href="">Censorship</a> | <a href="">Cringetoks</a> | <a href="">Dangerous Trends</a></nav>
|
||||
<div class="flex">
|
||||
<aside class="left-sidebar">Want to become an ally? DM me on Discord or Revolt to see if your request goes through.</aside>
|
||||
<main>
|
||||
This is the AntiTikTok Union Site. We are dedicated to exposing
|
||||
TikTok and it's overall industry. The chinese government is using this
|
||||
to take over the world as we know it. It doesn't make sense, but why
|
||||
would you invest in military when all you have to do is destroy the
|
||||
culture throughout our society? If you say that it is because it is more
|
||||
effective, you would be correct in this case. We hope you join us
|
||||
against the evilness of TikTok.
|
||||
<br>
|
||||
<br>
|
||||
The owner of this site is <a href="https://youtube.com/DigitalCheese" style="color:crimson">Digital Cheese</a>
|
||||
in case you are wondering. He is very epik. In fact, he made most of
|
||||
the things about the site. You should go check out the credits for all
|
||||
of the info about help assuming you would like to.
|
||||
</main>
|
||||
<aside class="right-sidebar">
|
||||
Join the many AntiTikTok Union places today!
|
||||
<br>
|
||||
<br>
|
||||
<a href="https://web.archive.org/web/20220423052923/https://discord.gg/nBj6JhGQUR">Discord</a>
|
||||
<br>
|
||||
<a href="https://web.archive.org/web/20220423052923/https://app.revolt.chat/invite/Q8qk392a">Revolt</a>
|
||||
<br>
|
||||
<a href="https://web.archive.org/web/20220423052923/https://groups.spacehey.com/antitiktok_union">SpaceHey</a>
|
||||
<br>
|
||||
<a href="https://web.archive.org/web/20220423052923/https://www.reddit.com/r/AntiTikTok_Union/">Reddit</a></aside>
|
||||
</div>
|
||||
</div>
|
||||
</body></html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 660 B |
Binary file not shown.
|
Before Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 499 B |
Binary file not shown.
|
Before Width: | Height: | Size: 559 B |
Binary file not shown.
|
Before Width: | Height: | Size: 7.3 KiB |
|
|
@ -1,53 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta property="og:type" content="summary">
|
||||
<meta property="og:site_name" content="Venith">
|
||||
<meta property="og:title" content="Venith Articles">
|
||||
<meta property="og:description" content="Article created by the Venith community.">
|
||||
<meta property="og:image" content="https://www.venith.net/media/vlogo.png">
|
||||
<meta property="og:image:alt" content="Venith Logo">
|
||||
<meta property="og:url" content="https://www.venith.net/articles/index.html">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta name="author" content="Digital Cheese + Venith">
|
||||
<meta name="description" content="Article created by the Venith community.">
|
||||
<meta name="keywords" content="90s Web, 2000s, Political, Digital Cheese, TDK, Venith, Blog, Neocities, 3DSPaint, DSiPaint, Gaming, Web, HTML, CSS, Programming, Email, Tutorials, Guilded, Discord, YouTube, Twitter">
|
||||
<link rel="shortcut icon" href="http://www.venith.net/legacy/assets/images/banner.png">
|
||||
<link rel="stylesheet" href="http://www.venith.net/legacy/assets/css/venith-legacy.css">
|
||||
<title>Articles - Venith Network</title>
|
||||
<!-- Other Metadata -->
|
||||
<meta property="twitter:creator" content="@DigitalCheeseYT">
|
||||
<meta property="twitter:site" content="@DigitalCheeseYT">
|
||||
</head>
|
||||
<head>
|
||||
<body>
|
||||
<div class="content">
|
||||
<div class="head">Articles - Venith Network</div>
|
||||
<div class="nav"><a href="http://www.venith.net">Home</a> <a href="http://www.venith.net/about.html">About</a> <a href="https://home.venith.net/projects/">Projects</a> <a href="https://status.venith.net/">Status</a></div>
|
||||
<center><img src="http://www.venith.net/legacy/assets/images/legacy/CHT-Line.gif" alt="-------" title="CHT Rainbow Line"></center>
|
||||
<div class="text"><h2>✍ Articles</h2>
|
||||
<center>
|
||||
|
||||
|
||||
|
||||
<body>
|
||||
<div class="con">
|
||||
<div class="txt">
|
||||
<h4 id="stories-short">Short Stories</h4>
|
||||
<a href="/stories/short/winter-w-the-crow-and-the-raven.html">Winter with The Crow and The Raven - Rose Bloodstone</a>
|
||||
<h2 id="guides">Guides/Tutorials</h2>
|
||||
<h4 id="guides-tech">Technological</h4>
|
||||
<h2 id="political">Political</h2>
|
||||
<h2 id="history">History</h2>
|
||||
</div>
|
||||
</div>
|
||||
<h2>🔑 Join our scene：</h2>
|
||||
<p>Join our Discord hangout today for a welcoming community and exciting conversations!</p>
|
||||
<center><p><a href="https://discord.com/invite/Xjfy4sJpWx"> <img src="http://www.venith.net/legacy/assets/images/banner.png"/></a></p></center>
|
||||
</div>
|
||||
<div class="footer">© <span id="year">20??</span>Venith Network.</a> All Rights Reserved.<br>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,54 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta property="og:type" content="summary">
|
||||
<meta property="og:site_name" content="Venith">
|
||||
<meta property="og:title" content="Winter with The Crow and The Raven - Rose Bloodstone">
|
||||
<meta property="og:description" content="A crow and a raven eat berries in a tree.">
|
||||
<meta property="og:image" content="https://www.venith.net/media/vlogo.png">
|
||||
<meta property="og:image:alt" content="Venith Logo">
|
||||
<meta property="og:url" content="https://www.venith.net/articles/stories/short/winter-w-the-crow-and-the-raven.html">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta name="author" content="Rose Bloodstone">
|
||||
<meta name="description" content="A crow and a raven eat berries in a tree.">
|
||||
<meta name="keywords" content="Short Story, 3DSPaint, Rose Bloodstone">
|
||||
<link rel="shortcut icon" href="http://cdn.venith.net/www.venith.net/media/vco.ico">
|
||||
<link rel="stylesheet" href="http://cdn.venith.net/www.venith.net/media/vss.css">
|
||||
<title>Winter with The Crow and The Raven - Rose Bloodstone</title>
|
||||
<!-- Other Metadata -->
|
||||
<meta property="twitter:creator" content="@DigitalCheeseYT">
|
||||
<meta property="twitter:site" content="@DigitalCheeseYT">
|
||||
</head>
|
||||
<body>
|
||||
<div class="con">
|
||||
<div class="nav"><a href="http://www.venith.net"><img src="http://cdn.venith.net/www.venith.net/media/vlogo.png" alt="Venith" title="Venith Logo" style="width:32px;float:left">Venith<img src="http://cdn.venith.net/www.venith.net/media/vlogo.png" alt="Venith" title="Venith Logo" style="width:32px;float:right"></a></div>
|
||||
<div class="txt">
|
||||
<h1>Winter with The Crow and The Raven</h1>
|
||||
A crow and a raven eat berries in a tree.
|
||||
<br><br>
|
||||
<a href="http://3dspaint.com/member/?id=163471">Rose Bloodstone</a> - 5/22/2024 At 20:01<br>
|
||||
Last Edit: 5/22/2024 20:05
|
||||
<hr>
|
||||
The crow perched on the slowly dying tree. It was near to winter, and the crow was late to sit on such uncomfortable bark. The crow was hungry, but its legs were too lazy.<br>
|
||||
The raven, flying away from the harsh winds of the snowstorms, hid in the same tree. Not for perching, but for hiding. The crow had been starving to eat a berry, for the lot of them were frozen. Its chilled feet were too sleepy to continue flying away. The crow cawed, desperate for food.<br>
|
||||
The raven had heard the crow's cries for help, and it had flew over, chirping to ask it what was wrong.<br>
|
||||
"Oh you must help," The crow had cawed desperately. "I was in search of berries, but my legs are frozen."<br>
|
||||
The raven heard well of the crow's request, though it wanted to ask it more. "How long had you perched here for?" It inquired, quizzing the already shivering crow. "Time had passed me by, though I believe a few minutes or more."<br>
|
||||
The raven had nodded, yet it had questioned with another.<br>
|
||||
"What kind of berries do you so desire?" The crow was growing impatient with each question, but had tried not to lose its temper. It had weakly pointed its wing to the shrub that had been near the tree. The raven laughed elegantly.<br>
|
||||
"Crow, crow!" It pat the crow's back. "You can use your beak to get those!" The raven had demonstrated by perching itself near the crow, pecking a berry out and wolfing it down with one bite.<br>
|
||||
The crow was a bit wary of the storm, so it had hesitated to do so. A flake of snow had planted itself on the crow's head, and it cawed with discomfort.<br>
|
||||
"The snow is too harsh," said the crow. The raven had chortled in response. "I had been scared of the storm too, my friend." The raven had admitted, before proudly getting another, this time popping it into the crow's mouth. "Though it hadn't stopped me for getting what I desire. Neither should it have stopped you."<br>
|
||||
The crow had ate the berry, before realizing that the raven had had its mouth on it. It cooed with slight embarrassment, the raven chuckling again. The raven had found the crow's bashfulness a bit hilarious and adoring.<br>
|
||||
The crow had calmed itself down, pecking a berry out of the shrub, amd eating it. The crow felt more at ease with itself.<br>
|
||||
"Ah," The crow had said. "You did not have to feed me."<br>
|
||||
"I did though, my friend." The raven cawed back. "Because I felt that you were also hesitant with the berry's taste." The raven had made an excuse to why it had popped the berry into the crow.<br>
|
||||
The crow had felt warmer, although the weather had not changed.<br>
|
||||
The crow pecked out a berry,<br>
|
||||
and popped it into the raven's beak.
|
||||
</div>
|
||||
<div class="foot">2019/23-2024 Venith, all rights reserved, please <a href="mailto:dc@tfwno.gf">email us</a> for any questions/concerns you have.</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,71 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta property="og:type" content="summary">
|
||||
<meta property="og:site_name" content="Venith">
|
||||
<meta property="og:title" content="Venith Articles">
|
||||
<meta property="og:description" content="Article created by the Venith community.">
|
||||
<meta property="og:image" content="https://www.venith.net/media/vlogo.png">
|
||||
<meta property="og:image:alt" content="Venith Logo">
|
||||
<meta property="og:url" content="https://www.venith.net/articles/index.html">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta name="author" content="Digital Cheese + Venith">
|
||||
<meta name="description" content="Article created by the Venith community.">
|
||||
<meta name="keywords" content="90s Web, 2000s, Political, Digital Cheese, TDK, Venith, Blog, Neocities, 3DSPaint, DSiPaint, Gaming, Web, HTML, CSS, Programming, Email, Tutorials, Guilded, Discord, YouTube, Twitter">
|
||||
<link rel="shortcut icon" href="http://www.venith.net/legacy/assets/images/banner.png">
|
||||
<link rel="stylesheet" href="http://www.venith.net/legacy/assets/css/venith-legacy.css">
|
||||
<title>Articles - Venith Network</title>
|
||||
<!-- Other Metadata -->
|
||||
<meta property="twitter:creator" content="@DigitalCheeseYT">
|
||||
<meta property="twitter:site" content="@DigitalCheeseYT">
|
||||
</head>
|
||||
<head>
|
||||
<body>
|
||||
<div class="content">
|
||||
<div class="head">Home - Venith Network</div>
|
||||
<div class="nav"><a href="http://www.venith.net">Home</a> <a href="http://www.venith.net/about.html">About</a> <a href="https://home.venith.net/projects/">Projects</a> <a href="https://status.venith.net/">Status</a></div>
|
||||
<center><img src="http://www.venith.net/legacy/assets/images/legacy/CHT-Line.gif" alt="-------" title="CHT Rainbow Line"></center>
|
||||
<div class="text"><h2>✍ Articles</h2>
|
||||
<center>
|
||||
|
||||
|
||||
|
||||
<body>
|
||||
<div class="con">
|
||||
<div class="txt">
|
||||
<h1>Winter with The Crow and The Raven</h1>
|
||||
A crow and a raven eat berries in a tree.
|
||||
<br><br>
|
||||
<a href="http://3dspaint.com/member/?id=163471">Rose Bloodstone</a> - 5/22/2024 At 20:01<br>
|
||||
Last Edit: 5/22/2024 20:05
|
||||
<hr>
|
||||
The crow perched on the slowly dying tree. It was near to winter, and the crow was late to sit on such uncomfortable bark. The crow was hungry, but its legs were too lazy.<br>
|
||||
The raven, flying away from the harsh winds of the snowstorms, hid in the same tree. Not for perching, but for hiding. The crow had been starving to eat a berry, for the lot of them were frozen. Its chilled feet were too sleepy to continue flying away. The crow cawed, desperate for food.<br>
|
||||
The raven had heard the crow's cries for help, and it had flew over, chirping to ask it what was wrong.<br>
|
||||
"Oh you must help," The crow had cawed desperately. "I was in search of berries, but my legs are frozen."<br>
|
||||
The raven heard well of the crow's request, though it wanted to ask it more. "How long had you perched here for?" It inquired, quizzing the already shivering crow. "Time had passed me by, though I believe a few minutes or more."<br>
|
||||
The raven had nodded, yet it had questioned with another.<br>
|
||||
"What kind of berries do you so desire?" The crow was growing impatient with each question, but had tried not to lose its temper. It had weakly pointed its wing to the shrub that had been near the tree. The raven laughed elegantly.<br>
|
||||
"Crow, crow!" It pat the crow's back. "You can use your beak to get those!" The raven had demonstrated by perching itself near the crow, pecking a berry out and wolfing it down with one bite.<br>
|
||||
The crow was a bit wary of the storm, so it had hesitated to do so. A flake of snow had planted itself on the crow's head, and it cawed with discomfort.<br>
|
||||
"The snow is too harsh," said the crow. The raven had chortled in response. "I had been scared of the storm too, my friend." The raven had admitted, before proudly getting another, this time popping it into the crow's mouth. "Though it hadn't stopped me for getting what I desire. Neither should it have stopped you."<br>
|
||||
The crow had ate the berry, before realizing that the raven had had its mouth on it. It cooed with slight embarrassment, the raven chuckling again. The raven had found the crow's bashfulness a bit hilarious and adoring.<br>
|
||||
The crow had calmed itself down, pecking a berry out of the shrub, amd eating it. The crow felt more at ease with itself.<br>
|
||||
"Ah," The crow had said. "You did not have to feed me."<br>
|
||||
"I did though, my friend." The raven cawed back. "Because I felt that you were also hesitant with the berry's taste." The raven had made an excuse to why it had popped the berry into the crow.<br>
|
||||
The crow had felt warmer, although the weather had not changed.<br>
|
||||
The crow pecked out a berry,<br>
|
||||
and popped it into the raven's beak.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<h2>🔑 Join our scene：</h2>
|
||||
<p>Join our Discord hangout today for a welcoming community and exciting conversations!</p>
|
||||
<center><p><a href="https://discord.com/invite/Xjfy4sJpWx"> <img src="http://www.venith.net/legacy/assets/images/banner.png"/></a></p></center>
|
||||
</div>
|
||||
<div class="footer">© <span id="year">20??</span>Venith Network.</a> All Rights Reserved.<br>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US"><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta property="og:image" content="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/ATTU-Logo.png">
|
||||
<meta name="author" content="Digital Cheese">
|
||||
<meta name="description" content="The Official Anti-TikTok Union Website. Help us end TikTok once and for all.">
|
||||
<link rel="shortcut icon" href="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/ATTU-ico.ico">
|
||||
<title>The Anti-TikTok Union Website</title>
|
||||
<style>body{background-image:linear-gradient(lime, green);text-align:center} h1{color:green;background-color:#1c1c1c;text-align:center;border:2px solid white;border-radius:25px;font-family:sans-serif} p{color:white;background-color:#1c1c1c;text-align:center;border:1px solid white;border-radius:12px;font-family:cursive} a{color:cyan;font-family:cursive}</style>
|
||||
</head><body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1>The Official Anti-TikTok Union Website</h1>
|
||||
</div>
|
||||
<div class="navbar"><p><a href="">ATTU History</a> | <a href="">Site Devs</a> | <a href="">TikTok Content</a></p></div>
|
||||
<p>Welcome to the Official Anti-TikTok Union website. This website is dedicated to ending TikTok. This website is owned by <a href="https://dc.venith.net/" style="color:red">Digital Cheese</a>
|
||||
and the Discord server is currently owned by rocky b#5330 which anyone
|
||||
can join. This is a website made partly to combat the split into two
|
||||
servers (ATTU by rocky and ATTL by Draglox). If you want updates on the
|
||||
ATTU, follow <a href="https://web.archive.org/web/20221011052711/https://twitter.com/AnalogCheese">my Twitter</a>. Thanks for helping support the Anti-TikTok movement.</p>
|
||||
<br>
|
||||
<h1>ATTU Socials</h1>
|
||||
<a href="https://redd.it/xw0xpm/>"Original Reddit Post></a><br>
|
||||
*original video not available*
|
||||
<br>
|
||||
<h1>ATTU Website Map</h1>
|
||||
</div>
|
||||
</body></html>
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US"><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta property="og:image" content="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/ATTU-Logo.png">
|
||||
<meta name="author" content="Digital Cheese">
|
||||
<meta name="description" content="The Official Anti-TikTok Union Website. Help us end TikTok once and for all.">
|
||||
<link rel="shortcut icon" href="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/ATTU-ico.ico">
|
||||
<link rel="stylesheet" type="text/css" href="/archive/attu.neocities.org/regular.css">
|
||||
<title>The Anti-TikTok Union Website</title>
|
||||
</head><body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1>The Official Anti-TikTok Union Website</h1>
|
||||
</div>
|
||||
<div class="navbar"><p><a href=""></a> | <a href="">ATTU History</a> | <a href="">Site Devs</a> | <a href="http://www.venith.net/archive/attu.neocities.org/10182022-tiktokcontent.html">TikTok Content</a></p></div>
|
||||
<p>Welcome to the Official Anti-TikTok Union website. This website is dedicated to ending TikTok. This website is owned by <a href="https://dc.venith.net/"><style="color:red">Digital Cheese</a>
|
||||
and the Discord server is currently owned by rocky b#5330 which anyone can join. This is a website made partly to combat the split into two servers (ATTU by rocky and ATTL by Draglox). If you want updates on the ATTU, follow <a href="https://web.archive.org/web/20221015012732/https://twitter.com/AnalogCheese">my Twitter</a>. Thanks for helping support the Anti-TikTok movement.</p>
|
||||
<br>
|
||||
<h1>ATTU Socials</h1>
|
||||
<a href="https://redd.it/xw0xpm/">Original Reddit Post</a><br>
|
||||
*original video not available*
|
||||
<br>
|
||||
<h1>ATTU Chatroom</h1>
|
||||
*chatroom not available*
|
||||
<br>
|
||||
<h1>ATTU Website Map</h1>
|
||||
</div>
|
||||
</body></html>
|
||||
|
|
@ -1,37 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US"><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta property="og:image" content="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/ATTU-Logo.png">
|
||||
<meta name="author" content="Digital Cheese">
|
||||
<meta name="description" content="ATTU's documentary on the horrible content found in TikTok.">
|
||||
<link rel="shortcut icon" href="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/ATTU-ico.ico">
|
||||
<link rel="stylesheet" type="text/css" href="/archive/attu.neocities.org/regular.css">
|
||||
<title>ATTU - TikTok's Content</title>
|
||||
</head><body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1>The Official Anti-TikTok Union Website - TikTok's Content</h1>
|
||||
</div>
|
||||
<div class="navbar"><p><a href="http://cdn.venith.net/www.venith.net/media/archive/attu.neocities.org/10152022-index.html">Homepage</a> | <a href="">ATTU History</a> | <a href="">Site Devs</a> | <a href="http://www.venith.net/archive/attu.neocities.org/10182022-tiktokcontent.html">TikTok Content</a></p></div>
|
||||
<br>
|
||||
<h1>A Short Explanation of TikTok's Content</h1>
|
||||
<p>TikTok's content is overall very, very bad. I'm not sure how people
|
||||
even watch this bullshit. Can't tell if they are just retarded or what,
|
||||
but for some reason the worst things get popular. Everyone basically
|
||||
knows of the basics like all those dances by idiotic 14 year olds, but
|
||||
there is way more than this. Trends like nyquil chicken where you put
|
||||
that stuff that is actual medicine, and you would supposedly eat it
|
||||
(started by a satirical video, but people on TikTok aren't smart enough
|
||||
to detect that). Also, the benadryl challenge where you take tons of
|
||||
benadryl which is easily able to kill you. Overall, I wouldn't recommend
|
||||
you watch this stuff and definitely don't recommend you make it. If you
|
||||
would like longer explanations with way, way more detail, please check
|
||||
out the pages.</p>
|
||||
<h1>TikTok's Trends</h1>
|
||||
<p><a href="">Benadryl Callenge</a></p>
|
||||
<p><a href="">Nyquil Chicken</a></p>
|
||||
<h1>Fake Information</h1>
|
||||
<p>Ae</p>
|
||||
<h1>Cringe of TikTok</h1>
|
||||
</div>
|
||||
</body></html>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US"><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta property="og:image" content="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/ATTU-Logo.png">
|
||||
<meta name="author" content="Digital Cheese">
|
||||
<meta name="description" content="The Official Anti-TikTok Union Website. Help us end TikTok once and for all.">
|
||||
<link rel="shortcut icon" href="http://cdn.venith.net/www.venith.net/media/archive/antitiktok-union.neocities.org/ATTU-ico.ico">.
|
||||
<title>The Anti-TikTok Union Website</title>
|
||||
<style>body{background-color:black;} h1{color:green;background-color:#1c1c1c;text-align:center;border:2px solid white;border-radius:25px;} p{color:white;background-color:#1c1c1c;text-align:center;border:1px solid white;border-radius:12px;} a{color:cyan}</style>
|
||||
</head><body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1>The Official Anti-TikTok Union</h1>
|
||||
</div>
|
||||
<div class="navbar"><p><a href="">ATTU History</a> | <a href="">Site Devs</a> | <a href="">TikTok Content</a></p></div>
|
||||
<p>Welcome to the Official Anti-TikTok Union website. This website is dedicated to ending TikTok. This website is owned by <a href="https://dc.venith.net/" style="color:red">Digital Cheese</a>
|
||||
and the Discord server is currently owned by rocky b#5330 which anyone
|
||||
can join. This is a website made partly to combat the split into two
|
||||
servers (ATTU by rocky and ATTL by Draglox). If you want updates on the
|
||||
ATTU, follow my Twitter below. Thanks for helping support the
|
||||
Anti-TikTok movement.</p>
|
||||
<br>
|
||||
<h1>ATTU Socials</h1>
|
||||
<a href="https://redd.it/xw0xpm/">Original Reddit Post</a><br>
|
||||
*original video not available*
|
||||
</div>
|
||||
</body></html>
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
body {background-image: linear-gradient(green, black);text-align: center}
|
||||
.header {text-align: center}
|
||||
h1 {color:green;background-color:#1c1c1c;text-align:center;border:2px solid white;border-radius:25px;font-family:sans-serif}
|
||||
p {color:white;background-color:#1c1c1c;text-align:center;border:1px solid white;border-radius:12px;font-family:sans-serif;}
|
||||
a {color:cyan;font-family:sans-serif}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 105 KiB |
|
|
@ -1,535 +0,0 @@
|
|||
h2 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/* Introduction */
|
||||
.kirby-games-greeting-div-container {
|
||||
padding: 10px 10px 0px 10px;
|
||||
}
|
||||
.kirby-games-greeting-div-container img {
|
||||
width: 72px;
|
||||
margin: 8px 10px 0px 0px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* Defaults */
|
||||
.console-containers {
|
||||
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.253);
|
||||
padding: 10px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.console-headers {
|
||||
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.253);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
padding: 15px;
|
||||
}
|
||||
.console-headers span {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.kirby-games {
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 240px;
|
||||
gap: 15px;
|
||||
padding: 15px;
|
||||
}
|
||||
.kirby-games h2 {
|
||||
background-image: none;
|
||||
}
|
||||
.kirby-games span {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
.kirby-games p {
|
||||
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.253);
|
||||
height: 113px;
|
||||
padding: 5px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.kirby-games img {
|
||||
max-height: 90%;
|
||||
max-width: 240px;
|
||||
}
|
||||
|
||||
/* Gameboy Games */
|
||||
.console-container-gameboy {
|
||||
background-color: #8bac0f;
|
||||
border: 1px solid #7a9615;
|
||||
}
|
||||
.console-header-gameboy {
|
||||
background-color: #6c8022;
|
||||
border: 1px solid #62741e;
|
||||
}
|
||||
.console-gameboy-image {
|
||||
max-height: 140px;
|
||||
}
|
||||
.console-gameboy-logo {
|
||||
width: 85%;
|
||||
}
|
||||
.kirby-games-gameboy {
|
||||
background-color: #a0bd39;
|
||||
border: 1px solid #799126;
|
||||
}
|
||||
.kirby-games-gameboy img {
|
||||
border: 1px solid #799126;
|
||||
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.253);
|
||||
}
|
||||
.kirby-games-gameboy h2 {
|
||||
background-color: #8ba139;
|
||||
border: 1px solid #799126;
|
||||
color: #ccf539;
|
||||
}
|
||||
.kirby-games-gameboy p {
|
||||
background-color: #8ba139;
|
||||
border: 1px solid #799126;
|
||||
scrollbar-color: #799126 #a0bd39;
|
||||
}
|
||||
|
||||
/* Gameboy Color Games */
|
||||
.console-container-gameboy-color {
|
||||
background-color: #d1bb40;
|
||||
border: 1px solid #9b8b2f;
|
||||
}
|
||||
.console-header-gameboy-color {
|
||||
background-color: #ecd23d;
|
||||
border: 1px solid #a5932e;
|
||||
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.253);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
}
|
||||
.console-gameboy-color-image {
|
||||
max-height: 140px;
|
||||
}
|
||||
.console-gameboy-color-logo {
|
||||
width: 85%;
|
||||
}
|
||||
.kirby-games-gameboy-color {
|
||||
background-color: #4752e6;
|
||||
border: 1px solid #343db8;
|
||||
}
|
||||
.kirby-games-gameboy-color img {
|
||||
border: 1px solid #343db8;
|
||||
}
|
||||
.kirby-games-gameboy-color h2 {
|
||||
background-color: #323cbf;
|
||||
border: 1px solid #242b8f;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 4px;
|
||||
}
|
||||
.gbc-game-title-colors-1 {
|
||||
color: #d53a3a;
|
||||
}
|
||||
.gbc-game-title-colors-2 {
|
||||
color: #a14dfa;
|
||||
padding: 0px;
|
||||
}
|
||||
.gbc-game-title-colors-3 {
|
||||
color: #5eb16d;
|
||||
}
|
||||
.gbc-game-title-colors-4 {
|
||||
color: #cab833;
|
||||
}
|
||||
.kirby-games-gameboy-color p {
|
||||
background-color: #323cbf;
|
||||
border: 1px solid #242b8f;
|
||||
color: #d5d4d4;
|
||||
scrollbar-color: #212886 #2a33ac;
|
||||
}
|
||||
|
||||
/* Gameboy Advance Games */
|
||||
.console-container-gameboy-advance {
|
||||
background-color: #663ab8;
|
||||
border: 1px solid #4a278d;
|
||||
}
|
||||
.console-header-gameboy-advance {
|
||||
background-color: #593fbf;
|
||||
border: 1px solid #4832a2;
|
||||
}
|
||||
.console-gameboy-advance-image {
|
||||
max-height: 140px;
|
||||
}
|
||||
.console-gameboy-advance-logo {
|
||||
width: 85%;
|
||||
}
|
||||
.kirby-games-gameboy-advance {
|
||||
background-color: #7452af;
|
||||
border: 1px solid #5b3e8d;
|
||||
}
|
||||
.kirby-games-gameboy-advance img {
|
||||
border: 1px solid #5b3e8d;
|
||||
}
|
||||
.kirby-games-gameboy-advance h2 {
|
||||
background-color: #64429e;
|
||||
border: 1px solid #4d307f;
|
||||
color: #d2d2d2;
|
||||
}
|
||||
.kirby-games-gameboy-advance p {
|
||||
background-color: #64429e;
|
||||
border: 1px solid #4d307f;
|
||||
color: #c6c6c6;
|
||||
scrollbar-color: #42296d #57378e;
|
||||
}
|
||||
|
||||
/* NES Games */
|
||||
.console-container-nes {
|
||||
background-color: #ee3232;
|
||||
border: 1px solid #b52626;
|
||||
}
|
||||
.console-header-nes {
|
||||
background-color: #c12b2b;
|
||||
border: 1px solid #9d2e2e;
|
||||
}
|
||||
.console-nes-image {
|
||||
max-height: 140px;
|
||||
}
|
||||
.console-nes-logo {
|
||||
width: 85%;
|
||||
}
|
||||
.kirby-games-nes {
|
||||
background-color: #dcdcdc;
|
||||
border: 1px solid #747474;
|
||||
}
|
||||
.kirby-games-nes img {
|
||||
border: 1px solid #747474;
|
||||
}
|
||||
.kirby-games-nes h2 {
|
||||
background-color: #363636;
|
||||
border: 1px solid #747474;
|
||||
color: #d3d3d3;
|
||||
}
|
||||
.kirby-games-nes p {
|
||||
background-color: #888888;
|
||||
border: 1px solid #666666;
|
||||
scrollbar-color: #323232 #6b6b6b;
|
||||
}
|
||||
|
||||
/* SNES Games */
|
||||
.console-container-snes {
|
||||
background-color: #212121;
|
||||
border: 1px solid #454545;
|
||||
}
|
||||
.console-header-snes {
|
||||
background-color: #111111;
|
||||
border: 1px solid #282828;
|
||||
}
|
||||
.console-header-snes span {
|
||||
color: #e74242;
|
||||
}
|
||||
.console-snes-image {
|
||||
max-height: 140px;
|
||||
}
|
||||
.console-snes-logo {
|
||||
width: 85%;
|
||||
}
|
||||
.kirby-games-snes {
|
||||
background-color: #3f3f3f;
|
||||
border: 1px solid #525252;
|
||||
}
|
||||
.kirby-games-snes img {
|
||||
border: 1px solid #2d2d2d;
|
||||
}
|
||||
.kirby-games-snes h2 {
|
||||
background-color: #c82121;
|
||||
border: 1px solid #a21d1d;
|
||||
}
|
||||
.kirby-games-snes span {
|
||||
color: #cba123;
|
||||
}
|
||||
.kirby-games-snes p {
|
||||
background-color: #756d6d;
|
||||
border: 3px solid #535353;
|
||||
color: #151515;
|
||||
scrollbar-color: #3d3a3a #5d5656;
|
||||
}
|
||||
|
||||
/* N64 Games */
|
||||
.console-container-n64 {
|
||||
background-color: #ababab;
|
||||
border: 1px solid #919191;
|
||||
}
|
||||
.console-header-n64 {
|
||||
background-color: #d4d4d4;
|
||||
border: 1px solid #848484;
|
||||
}
|
||||
.console-n64-image {
|
||||
max-height: 140px;
|
||||
}
|
||||
.console-n64-logo {
|
||||
width: 85%;
|
||||
}
|
||||
.kirby-games-n64 {
|
||||
background-color: #d4d4d4;
|
||||
border: 1px solid #848484;
|
||||
}
|
||||
.kirby-games-n64 img {
|
||||
border: 1px solid #2d2d2d;
|
||||
}
|
||||
.kirby-games-n64 h2 {
|
||||
background-color: #d53232;
|
||||
border: 1px solid #848484;
|
||||
color: #ebebeb;
|
||||
}
|
||||
.kirby-games-n64 p {
|
||||
background-color: #e2e2e2;
|
||||
border: 1px solid #a0a0a0;
|
||||
color: #151515;
|
||||
scrollbar-color: #767676 #d3d3d3;
|
||||
}
|
||||
|
||||
/* Gamecube Games */
|
||||
.console-container-gamecube {
|
||||
background-color: #a488f3;
|
||||
border: 1px solid #725ab3;
|
||||
}
|
||||
.console-header-gamecube {
|
||||
background-color: #8162d8;
|
||||
border: 1px solid #6549b1;
|
||||
}
|
||||
.console-gamecube-image {
|
||||
max-height: 140px;
|
||||
}
|
||||
.console-gamecube-logo {
|
||||
width: 85%;
|
||||
}
|
||||
.kirby-games-gamecube {
|
||||
background-color: #c2b3f1;
|
||||
border: 1px solid #6549b1;
|
||||
}
|
||||
.kirby-games-gamecube img {
|
||||
border: 1px solid #2d2d2d;
|
||||
}
|
||||
.kirby-games-gamecube h2 {
|
||||
background-color: #1e1e1e;
|
||||
border: 1px solid #5f5f5f;
|
||||
color: #cacaca;
|
||||
}
|
||||
.kirby-games-gamecube p {
|
||||
background-color: #dddddd;
|
||||
border: 1px solid #5f5f5f;
|
||||
color: #151515;
|
||||
scrollbar-color: #767676 #d3d3d3;
|
||||
}
|
||||
|
||||
/* DS Games */
|
||||
.console-container-ds {
|
||||
background-color: #e7e7e8;
|
||||
border: 1px solid #aeaeae;
|
||||
}
|
||||
.console-header-ds {
|
||||
background-color: #f2f2f2;
|
||||
border: 1px solid #aeaeae;
|
||||
}
|
||||
.console-ds-image {
|
||||
max-height: 140px;
|
||||
}
|
||||
.console-ds-logo {
|
||||
width: 85%;
|
||||
}
|
||||
.kirby-games-ds {
|
||||
background-color: #f2f2f2;
|
||||
border: 1px solid #aeaeae;
|
||||
}
|
||||
.kirby-games-ds img {
|
||||
border: 1px solid #2d2d2d;
|
||||
}
|
||||
.kirby-games-ds h2 {
|
||||
background-color: #f2f2f2;
|
||||
border: 1px solid #aeaeae;
|
||||
color: black;
|
||||
text-shadow: none;
|
||||
}
|
||||
.kirby-games-ds p {
|
||||
background-color: #f2f2f2;
|
||||
border: 1px solid #aeaeae;
|
||||
color: #151515;
|
||||
scrollbar-color: #767676 #d3d3d3;
|
||||
}
|
||||
|
||||
/* 3DS Games */
|
||||
.console-container-3ds {
|
||||
background-color: #e7e7e8;
|
||||
border: 1px solid #aeaeae;
|
||||
}
|
||||
.console-header-3ds {
|
||||
background-color: #f2f2f2;
|
||||
border: 1px solid #aeaeae;
|
||||
}
|
||||
.console-3ds-image {
|
||||
max-height: 140px;
|
||||
}
|
||||
.console-3ds-logo {
|
||||
width: 85%;
|
||||
}
|
||||
.kirby-games-3ds {
|
||||
background-color: #f2f2f2;
|
||||
border: 1px solid #aeaeae;
|
||||
}
|
||||
.kirby-games-3ds img {
|
||||
border: 1px solid #2d2d2d;
|
||||
}
|
||||
.kirby-games-3ds h2 {
|
||||
background-color: #dc2c2c;
|
||||
border: 1px solid #aeaeae;
|
||||
color: #f2f2f2;
|
||||
}
|
||||
.kirby-games-3ds p {
|
||||
background-color: #f2f2f2;
|
||||
border: 1px solid #aeaeae;
|
||||
color: #151515;
|
||||
scrollbar-color: #767676 #d3d3d3;
|
||||
}
|
||||
|
||||
/* Wii Games */
|
||||
.console-container-wii {
|
||||
background-color: #e7e7e8;
|
||||
border: 1px solid #aeaeae;
|
||||
}
|
||||
.console-header-wii {
|
||||
background-color: #f2f2f2;
|
||||
border: 1px solid #aeaeae;
|
||||
}
|
||||
.console-wii-image {
|
||||
max-height: 200px;
|
||||
}
|
||||
.console-wii-logo {
|
||||
width: 70%;
|
||||
}
|
||||
.kirby-games-wii {
|
||||
background-color: #f2f2f2;
|
||||
border: 1px solid #aeaeae;
|
||||
}
|
||||
.kirby-games-wii img {
|
||||
border: 1px solid #2d2d2d;
|
||||
}
|
||||
.kirby-games-wii h2 {
|
||||
background-color: #989898;
|
||||
border: 1px solid #757575;
|
||||
color: #f2f2f2;
|
||||
}
|
||||
.kirby-games-wii p {
|
||||
background-color: #f2f2f2;
|
||||
border: 1px solid #aeaeae;
|
||||
color: #151515;
|
||||
scrollbar-color: #767676 #d3d3d3;
|
||||
}
|
||||
|
||||
/* Wii U Games */
|
||||
.console-container-wii-u {
|
||||
background-color: #e7e7e8;
|
||||
border: 1px solid #aeaeae;
|
||||
}
|
||||
.console-header-wii-u {
|
||||
background-color: #f2f2f2;
|
||||
border: 1px solid #aeaeae;
|
||||
}
|
||||
.console-wii-u-image {
|
||||
max-height: 200px;
|
||||
}
|
||||
.console-wii-u-logo {
|
||||
width: 85%;
|
||||
}
|
||||
.kirby-games-wii-u {
|
||||
background-color: #f2f2f2;
|
||||
border: 1px solid #aeaeae;
|
||||
}
|
||||
.kirby-games-wii-u img {
|
||||
border: 1px solid #2d2d2d;
|
||||
}
|
||||
.kirby-games-wii-u h2 {
|
||||
background-color: #4bace8;
|
||||
border: 1px solid #757575;
|
||||
color: #f2f2f2;
|
||||
}
|
||||
.kirby-games-wii-u p {
|
||||
background-color: #f2f2f2;
|
||||
border: 1px solid #aeaeae;
|
||||
color: #151515;
|
||||
scrollbar-color: #767676 #d3d3d3;
|
||||
}
|
||||
|
||||
/* Switch Games */
|
||||
.console-container-switch {
|
||||
background-color: #c23131;
|
||||
border: 1px solid #962a2a;
|
||||
}
|
||||
.console-header-switch {
|
||||
background-color: #f1f1f1;
|
||||
border: 1px solid #c9c7c7;
|
||||
}
|
||||
.console-switch-image {
|
||||
max-height: 200px;
|
||||
}
|
||||
.console-switch-logo {
|
||||
width: 85%;
|
||||
}
|
||||
.kirby-games-switch {
|
||||
background-color: #f83b3b;
|
||||
border: 1px solid #a92a2a;
|
||||
}
|
||||
.kirby-games-switch img {
|
||||
border: 1px solid #2d2d2d;
|
||||
}
|
||||
.kirby-games-switch h2 {
|
||||
background-color: #b03d3d;
|
||||
border: 1px solid #712020;
|
||||
color: #f2f2f2;
|
||||
}
|
||||
.kirby-games-switch p {
|
||||
background-color: #b85151;
|
||||
border: 1px solid #712020;
|
||||
color: white;
|
||||
scrollbar-color: #8e3d3d #d46060;
|
||||
}
|
||||
|
||||
/* CSS for small devices */
|
||||
@media (max-width: 800px) {
|
||||
.console-images {
|
||||
max-width: 100px;
|
||||
}
|
||||
.kirby-games {
|
||||
height: 200px;
|
||||
}
|
||||
.kirby-games img {
|
||||
max-width: 170px;
|
||||
}
|
||||
}
|
||||
|
||||
/* CSS for very small devices */
|
||||
@media (max-width: 600px) {
|
||||
.console-images {
|
||||
display: none;
|
||||
}
|
||||
.kirby-games {
|
||||
height: 190px;
|
||||
}
|
||||
.kirby-games img {
|
||||
max-width: 110px;
|
||||
}
|
||||
}
|
||||
|
||||
/* CSS for very very small devices */
|
||||
@media (max-width: 550px) {
|
||||
.kirby-games {
|
||||
height: 190px;
|
||||
}
|
||||
.kirby-games img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* CSS for Phones */
|
||||
@media (max-width: 400px) {
|
||||
.kirby-games-greeting-div-container img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,54 +0,0 @@
|
|||
.text-divs {
|
||||
padding: 10px 10px 10px 10px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
/* Game Cards */
|
||||
.anime-review-card {
|
||||
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.253);
|
||||
margin-bottom: 12px;
|
||||
height: 194px;
|
||||
display: flex;
|
||||
}
|
||||
.anime-review-card img {
|
||||
border: 1px solid #4c5fa1;
|
||||
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.253);
|
||||
width: 170px;
|
||||
height: 170px;
|
||||
margin: 10px;
|
||||
}
|
||||
.anime-review-card div {
|
||||
padding: 11px;
|
||||
border-left: 1px solid #4c5fa1;
|
||||
}
|
||||
.anime-review-card h2 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.anime-review-card p {
|
||||
max-height: 50%;
|
||||
overflow: auto;
|
||||
}
|
||||
.anime-review-card audio {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
margin: 5px 0px;
|
||||
}
|
||||
|
||||
/* CSS for small devices */
|
||||
@media (max-width: 780px) {
|
||||
.anime-review-card div {
|
||||
overflow: auto;
|
||||
}
|
||||
.anime-review-card p {
|
||||
overflow: visible;
|
||||
}
|
||||
}
|
||||
/* CSS for very small devices */
|
||||
@media (max-width: 550px) {
|
||||
.anime-review-card div {
|
||||
border-left: none;
|
||||
}
|
||||
.anime-review-card img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,659 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<title>VENITH's Website - Anime Reviews</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Page where I talk about my favorite anime series / movies and give my opinion on them."
|
||||
/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="css/global.css" />
|
||||
<link rel="stylesheet" href="css/anime_reviews.css" />
|
||||
<!-- Favicon -->
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
href="images/favicon/favicon-96x96.png"
|
||||
sizes="96x96"
|
||||
/>
|
||||
<link rel="shortcut icon" href="images/favicon/favicon.ico" />
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="180x180"
|
||||
href="images/favicon/apple-touch-icon.png"
|
||||
/>
|
||||
<meta name="apple-mobile-web-app-title" content="VENITH" />
|
||||
<link rel="manifest" href="images/favicon/site.webmanifest" />
|
||||
<!-- Canonical tag -->
|
||||
<link rel="canonical" href="about_me.html" />
|
||||
</head>
|
||||
|
||||
<body id="body">
|
||||
<!---Site Container--->
|
||||
<div id="websiteContainer">
|
||||
<!-- Spacer -->
|
||||
<div id="websiteSpacerTop"></div>
|
||||
<!-- Header -->
|
||||
<header id="header">
|
||||
<img
|
||||
src="images/header-logo.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>This Website</span>
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/home.png"
|
||||
class="nav-icons"
|
||||
alt="Kirby's house"
|
||||
/><a href="index.html" class="nav-links" id="navHome">Home</a>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/site-info.png"
|
||||
class="nav-icons"
|
||||
alt="Blue Kirby"
|
||||
/><a href="site_info.html" class="nav-links" id="navSiteInfo"
|
||||
>Site Info</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/past-versions.png"
|
||||
class="nav-icons"
|
||||
alt="Star"
|
||||
/><a
|
||||
href="past_versions.html"
|
||||
class="nav-links"
|
||||
id="navPastVersions"
|
||||
>Past Versions</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-categories">
|
||||
<span>Personal</span>
|
||||
<div class="nav-items">
|
||||
<img src="images/about-me.png" class="nav-icons" alt="Kirby" /><a
|
||||
href="about_me.html"
|
||||
class="nav-links"
|
||||
id="navAboutMe"
|
||||
>About Me</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/favorite-games.png"
|
||||
class="nav-icons"
|
||||
alt="N64 Logo"
|
||||
/><a
|
||||
href="favorite_games.html"
|
||||
class="nav-links"
|
||||
id="navFavoriteGames"
|
||||
>Favorite Games</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/anime-reviews.png"
|
||||
class="nav-icons"
|
||||
alt="Konata Izumi"
|
||||
/><a
|
||||
href="anime_reviews.html"
|
||||
class="nav-links-active"
|
||||
id="navAnimeReviews"
|
||||
>Anime Reviews</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/artworks.png"
|
||||
class="nav-icons"
|
||||
alt="Kirby 64 Painting"
|
||||
/><a href="artworks.html" class="nav-links" id="navArtworks"
|
||||
>Artworks</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="music_player.html"
|
||||
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="crt_television.html" 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="others/crt-tv/index.html" 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="arcade_games.html"
|
||||
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="sketchbook.html" 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="coding_tricks.html"
|
||||
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="all_kirby_games.html"
|
||||
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="miscellaneous.html"
|
||||
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="gif_collection.html"
|
||||
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="guestbook.html" 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="others/mhfu-tribute/index.html"
|
||||
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="others/minecraft-tribute/index.html"
|
||||
class="nav-links-external"
|
||||
>Minecraft</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/wall-e-tribute.png"
|
||||
class="nav-icons"
|
||||
alt="BNL Logo"
|
||||
/><a
|
||||
href="others/wall-e-tribute/home.html"
|
||||
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="https://frutigeraeroarchive.neocities.org/"
|
||||
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="images/sidebars/azumanga.jpg"
|
||||
alt="Azumanga Daioh Poster"
|
||||
title="Azumanga Daioh"
|
||||
/>
|
||||
<img
|
||||
src="images/sidebars/renge.jpg"
|
||||
alt="Renge Miyauchi Poster"
|
||||
title="Renge Miyauchi"
|
||||
/>
|
||||
<img
|
||||
src="images/sidebars/nichijou.jpg"
|
||||
alt="Nichijou Poster"
|
||||
title="Nichijou"
|
||||
/>
|
||||
<img
|
||||
src="images/sidebars/kirby_gameboy.jpg"
|
||||
alt="Ad for Kirby Game Boy game"
|
||||
title="Kirby Tilt 'n' Tumble"
|
||||
/>
|
||||
<img
|
||||
src="images/sidebars/yui_hirasawa.png"
|
||||
alt="Yui Hirasawa"
|
||||
class="sidebar-character-1"
|
||||
title="Yui Hirasawa"
|
||||
/>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<!-- Main Page -->
|
||||
<main id="middleContent">
|
||||
<!-- About Me Section -->
|
||||
<section id="aboutMeSection">
|
||||
<div class="text-divs text-containers-main-bg">
|
||||
<h1>Anime Reviews</h1>
|
||||
<p>
|
||||
This is a page where I talk about Anime series or movies that I
|
||||
like and give my opinion on them.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="anime-review-card text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/anime_reviews/non_non_biyori.jpg"
|
||||
alt="Non Non Biyori Cover"
|
||||
/>
|
||||
<div>
|
||||
<h2>Non Non Biyori</h2>
|
||||
<audio controls>
|
||||
<source
|
||||
src="music/non_non_biyori_repeat_opening.mp3"
|
||||
type="audio/mpeg"
|
||||
/>
|
||||
</audio>
|
||||
<p>
|
||||
One of my comfort anime, Non Non Biyori is a slice of life that
|
||||
lets you follow the life of school girls in rural Japan, with
|
||||
beautiful scenery, music, and stories. If you have not watched
|
||||
it yet, I heavily recommend it, as well as the movies.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="anime-review-card text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/anime_reviews/azumanga_daioh.jpg"
|
||||
alt="Azumanga Daioh Cover"
|
||||
/>
|
||||
<div>
|
||||
<h2>Azumanga Daioh</h2>
|
||||
<audio controls>
|
||||
<source
|
||||
src="music/azumanga_daioh_soramimi_cake.mp3"
|
||||
type="audio/mpeg"
|
||||
/>
|
||||
</audio>
|
||||
<p>
|
||||
An anime full of sillyness and I love it for it, it's another
|
||||
slice of life but it's very funny! I can relate to Osaka that
|
||||
falls asleep often during class, like I did. Sakaki is also
|
||||
relatable because she is very introverted. Overall, amazing
|
||||
anime with peak memes, go watch it now.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="anime-review-card text-containers-secondary-bg">
|
||||
<img src="images/anime_reviews/k_on.jpg" alt="K-ON! Cover" />
|
||||
<div>
|
||||
<h2>K-ON!</h2>
|
||||
<audio controls>
|
||||
<source src="music/k_on_u_i.mp3" type="audio/mpeg" />
|
||||
</audio>
|
||||
<p>
|
||||
If you watched Bocchi the Rock, this is what probably inspired
|
||||
it! A slice of life music anime with awesome songs (especially
|
||||
the opening and ending songs), sweet characters (Yui and
|
||||
Azusa!), and emotional moments (the ending). It's also my
|
||||
hyperfixation as of writing this, so yeah love it. Absolute
|
||||
peak.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="anime-review-card text-containers-secondary-bg">
|
||||
<img src="images/anime_reviews/nichijou.jpg" alt="Nichijou Cover" />
|
||||
<div>
|
||||
<h2>Nichijou</h2>
|
||||
<audio controls>
|
||||
<source src="music/nichijou-op-1.mp3" type="audio/mpeg" />
|
||||
</audio>
|
||||
<p>
|
||||
Even more silly than Azumanga Daioh, Nichijou is slice of life
|
||||
but with the comedy aspect on steroids, with no regards for the
|
||||
laws of physics sometimes. It's a masterpiece visually, with the
|
||||
amazing art style that it has, and story-wise, it's also very
|
||||
good. I also enjoyed the Manga a lot, which has more content
|
||||
than the Anime. Peak anime, recommend.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="anime-review-card text-containers-secondary-bg">
|
||||
<img src="images/anime_reviews/naruto.jpg" alt="Naruto Cover" />
|
||||
<div>
|
||||
<h2>Naruto</h2>
|
||||
<audio controls>
|
||||
<source
|
||||
src="music/kana_boon_silhouette.mp3"
|
||||
type="audio/mpeg"
|
||||
/>
|
||||
</audio>
|
||||
<p>
|
||||
Naruto & Naruto Shippuden are my childhood. Seriously it is the
|
||||
best anime I've ever seen. The story is incredible and the
|
||||
characters are so inspiring. My favorite characters are
|
||||
Shikamaru because of his intelligence and maturity, Kakashi for
|
||||
being a mentor figure, and Jiraiya for his wisdom (paired with
|
||||
sillyness). Every opening and ending songs are bangers. Heavily
|
||||
recommend this anime.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="anime-review-card text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/anime_reviews/lucky_star.jpg"
|
||||
alt="Lucky Star Cover"
|
||||
/>
|
||||
<div>
|
||||
<h2>Lucky Star</h2>
|
||||
<audio controls>
|
||||
<source src="music/motteke_sailor_fuku.mp3" type="audio/mpeg" />
|
||||
</audio>
|
||||
<p>
|
||||
Very cute anime with funny characters, especially Konata who
|
||||
likes manga and anime (animeception?), and the "Lucky Channel"
|
||||
bit at the end of every episode. This anime has a lot of
|
||||
talking, so much that I couldn't keep track with the subtitles
|
||||
at some point, which made switch to the dubbed version. But it's
|
||||
very fun overall, I also like the extras that were included in
|
||||
the Blu-Ray disc.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="anime-review-card text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/anime_reviews/bocchi_the_rock.jpg"
|
||||
alt="Bocchi The Rock Cover"
|
||||
/>
|
||||
<div>
|
||||
<h2>Bocchi The Rock</h2>
|
||||
<audio controls>
|
||||
<source
|
||||
src="music/kessoku_band_seisyun_complex.mp3"
|
||||
type="audio/mpeg"
|
||||
/>
|
||||
</audio>
|
||||
<p>
|
||||
A pretty new anime that has taken off in popularity especially
|
||||
in Japan, Bocchi the Rock follows the life of Hitori Gotoh, who
|
||||
dreams of becoming a famous guitarist but can't even make a
|
||||
single friend. She luckily gets recruited into a band and that's
|
||||
where her life changes. This anime has absolute banger songs and
|
||||
the main character is very relatable to me. The manga is also
|
||||
very good. Heavily recommend it.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="anime-review-card text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/anime_reviews/serial_experiments_lain.jpg"
|
||||
alt="Serial Experiments Lain Cover"
|
||||
/>
|
||||
<div>
|
||||
<h2>Serial Experiments Lain</h2>
|
||||
<audio controls>
|
||||
<source
|
||||
src="music/serial_experiments_lain_op.mp3"
|
||||
type="audio/mpeg"
|
||||
/>
|
||||
</audio>
|
||||
<p>
|
||||
This is an amazing anime that is a bit hard to understand, but
|
||||
it shows how one can lose themselves and forget who they are if
|
||||
they become obsessed with the online world. In the anime, the
|
||||
"wired" is like another space, different from reality. I
|
||||
recommend checking it out, but be wary that it has some mature
|
||||
themes like self harm and worse, so don't watch if you are
|
||||
sensitive.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="anime-review-card text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/anime_reviews/haibane_renmei.jpg"
|
||||
alt="Haibane Renmei Cover"
|
||||
/>
|
||||
<div>
|
||||
<h2>Haibane Renmei</h2>
|
||||
<audio controls>
|
||||
<source src="music/haibane_renmei_op.mp3" type="audio/mpeg" />
|
||||
</audio>
|
||||
<p>
|
||||
An underrated anime that is made by the same person behind
|
||||
Serial Experiments Lain. You follow the life of a girl reborn as
|
||||
a "haibane" which resembles angels, with no explanation of why.
|
||||
It explores spiritual themes and is very mysterious. It's a cool
|
||||
anime, with some sad moments. Overall very good anime, but a bit
|
||||
short.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="anime-review-card text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/anime_reviews/angel_beats.jpg"
|
||||
alt="Angel Beats Cover"
|
||||
/>
|
||||
<div>
|
||||
<h2>Angel Beats</h2>
|
||||
<audio controls>
|
||||
<source src="music/my_soul_your_beats.mp3" type="audio/mpeg" />
|
||||
</audio>
|
||||
<p>
|
||||
An anime where the main protagonist wakes up and learns that he
|
||||
is dead. He is amnesic and doesn't remember how he landed here,
|
||||
but he quickly finds other people that explain to him what the
|
||||
world he landed in is about. The others have united to fight
|
||||
"God", or rather his angel. They all have died horribly and
|
||||
blame God for their horrible existence. As the anime goes on,
|
||||
the main protagonist plays a key role in helping the others find
|
||||
peace, which makes them exit the world to be reincarnated. But I
|
||||
won't spoil any further. I really enjoyed this anime for the
|
||||
deep message that it gave, the humor, and the visuals which are
|
||||
really good (I enjoy that art style).
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="anime-review-card text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/anime_reviews/welcome_to_the_hnk.jpg"
|
||||
alt="Welcome to the N.H.K. Cover"
|
||||
/>
|
||||
<div>
|
||||
<h2>Welcome to the N.H.K.</h2>
|
||||
<audio controls>
|
||||
<source
|
||||
src="music/welcome_to_the_hnk_opening.mp3"
|
||||
type="audio/mpeg"
|
||||
/>
|
||||
</audio>
|
||||
<p>
|
||||
This one is about the struggle of Tatsuhiro Satou, a japanese
|
||||
hikikomori, which is basically someone secluded from society and
|
||||
that almost never leaves their home, because of an inability to
|
||||
adapt to society. This anime tackles serious issues and does so
|
||||
in a realistic manner. I can say that I could relate to the main
|
||||
character more than once. I do recommend you to watch this, but
|
||||
be warned that it does contain serious themes (self-harm) and
|
||||
some scenes have nudity in them.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer id="bottomFooter">
|
||||
<span>2022-2025 ©VENITH63</span><br />
|
||||
<a href="mailto:daniele63web@hotmail.com">e-mail</a>
|
||||
<a href="https://ko-fi.com/daniele63">ko-fi</a>
|
||||
<a href="https://spacehey.com/daniele63">spacehey</a>
|
||||
<a href="https://www.bitview.net/user/VENITH">bitview</a>
|
||||
<a href="https://neocities.org/site/daniele63">neocities</a>
|
||||
</footer>
|
||||
<!-- Spacer -->
|
||||
<div id="websiteSpacerBottom"></div>
|
||||
</div>
|
||||
<!-- Javascript -->
|
||||
<script src="javascript/nav-music.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 43 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 70 KiB |
|
|
@ -1,183 +0,0 @@
|
|||
/* Top Container */
|
||||
.arcade-div {
|
||||
background-image: url("../images/pixel-background.gif");
|
||||
background-size: cover;
|
||||
background-color: #464eac;
|
||||
border: 1px solid #252d5e;
|
||||
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.253);
|
||||
margin-top: 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.arcade-right-images {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
flex-direction: column;
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
height: 100%;
|
||||
right: 200px;
|
||||
bottom: 20px;
|
||||
}
|
||||
.arcade-right-images img {
|
||||
width: 130px;
|
||||
pointer-events: none;
|
||||
}
|
||||
.arcade-left-images {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
flex-direction: column;
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
height: 100%;
|
||||
left: 100px;
|
||||
bottom: 27px;
|
||||
}
|
||||
.arcade-left-images img {
|
||||
width: 55px;
|
||||
pointer-events: none;
|
||||
}
|
||||
/* Center */
|
||||
.arcade-center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 626px;
|
||||
aspect-ratio: 4/3;
|
||||
max-width: 100%;
|
||||
}
|
||||
.arcade-center iframe {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
filter: saturate(130%), contrast(110%), brightness(100%), blur(0.5px);
|
||||
}
|
||||
/* Filters */
|
||||
.arcade-filters {
|
||||
position: absolute;
|
||||
width: 626px;
|
||||
height: 100%;
|
||||
aspect-ratio: 4/3;
|
||||
pointer-events: none;
|
||||
}
|
||||
.arcade-filters img {
|
||||
width: 626px;
|
||||
aspect-ratio: 4/3;
|
||||
pointer-events: none;
|
||||
}
|
||||
#slotMask {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
/* Games List Container */
|
||||
.arcade-game-list {
|
||||
margin-top: 12px;
|
||||
padding: 10px 10px 2px 10px;
|
||||
}
|
||||
.arcade-games-div {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.arcade-games-rows div {
|
||||
background-color: #2f49c0;
|
||||
border: 1px solid #273da0;
|
||||
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.253);
|
||||
color: #fcfcf2;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 5px;
|
||||
gap: 10px;
|
||||
margin-bottom: 15px;
|
||||
cursor: pointer;
|
||||
transition-duration: 0.2s;
|
||||
}
|
||||
.arcade-games-rows div:hover {
|
||||
background-color: #3d5adb;
|
||||
transition-duration: 0.2s;
|
||||
}
|
||||
.arcade-game-list img {
|
||||
background-color: white;
|
||||
border: 1px solid #78797e;
|
||||
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.253);
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
}
|
||||
.arcade-game-list span {
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
/* Options Container */
|
||||
.arcade-options {
|
||||
margin-top: 12px;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.arcade-options button {
|
||||
background-color: #a22f2f;
|
||||
background-image: repeating-linear-gradient(
|
||||
45deg,
|
||||
#b83535 25%,
|
||||
transparent 25%,
|
||||
transparent 75%,
|
||||
#b83535 75%,
|
||||
#b83535
|
||||
),
|
||||
repeating-linear-gradient(
|
||||
45deg,
|
||||
#b83535 25%,
|
||||
#a22f2f 25%,
|
||||
#a22f2f 75%,
|
||||
#b83535 75%,
|
||||
#b83535
|
||||
);
|
||||
background-position: 0 0, 4px 4px;
|
||||
background-size: 8px 8px;
|
||||
border: 3px solid #812424;
|
||||
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.253);
|
||||
color: #fcfcf2;
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.arcade-options button:hover {
|
||||
background-color: #b93737;
|
||||
background-image: repeating-linear-gradient(
|
||||
45deg,
|
||||
#d03c3c 25%,
|
||||
transparent 25%,
|
||||
transparent 75%,
|
||||
#d03c3c 75%,
|
||||
#d03c3c
|
||||
),
|
||||
repeating-linear-gradient(
|
||||
45deg,
|
||||
#d03c3c 25%,
|
||||
#b93737 25%,
|
||||
#b93737 75%,
|
||||
#d03c3c 75%,
|
||||
#d03c3c
|
||||
);
|
||||
background-position: 0 0, 4px 4px;
|
||||
background-size: 8px 8px;
|
||||
}
|
||||
|
||||
/* CSS for Phones */
|
||||
@media (max-width: 850px) {
|
||||
.arcade-games-div {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
/* CSS for Phones */
|
||||
@media (max-width: 600px) {
|
||||
.arcade-left-images img {
|
||||
display: none;
|
||||
}
|
||||
.arcade-right-images img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,483 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<title>VENITH's Website - Arcade Games</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="A compilation of HTML5 games like Super Mario Bros and Minesweeper."
|
||||
/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="css/global.css" />
|
||||
<link rel="stylesheet" href="css/arcade_games.css" />
|
||||
<!-- Favicon -->
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
href="images/favicon/favicon-96x96.png"
|
||||
sizes="96x96"
|
||||
/>
|
||||
<link rel="shortcut icon" href="images/favicon/favicon.ico" />
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="180x180"
|
||||
href="images/favicon/apple-touch-icon.png"
|
||||
/>
|
||||
<meta name="apple-mobile-web-app-title" content="VENITH" />
|
||||
<link rel="manifest" href="images/favicon/site.webmanifest" />
|
||||
<!-- Canonical tag -->
|
||||
<link rel="canonical" href="arcade_games.html" />
|
||||
</head>
|
||||
|
||||
<body id="body">
|
||||
<!---Site Container--->
|
||||
<div id="websiteContainer">
|
||||
<!-- Spacer -->
|
||||
<div id="websiteSpacerTop"></div>
|
||||
<!-- Header -->
|
||||
<header id="header">
|
||||
<img
|
||||
src="images/header-logo.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>This Website</span>
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/home.png"
|
||||
class="nav-icons"
|
||||
alt="Kirby's house"
|
||||
/><a href="index.html" class="nav-links" id="navHome">Home</a>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/site-info.png"
|
||||
class="nav-icons"
|
||||
alt="Blue Kirby"
|
||||
/><a href="site_info.html" class="nav-links" id="navSiteInfo"
|
||||
>Site Info</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/past-versions.png"
|
||||
class="nav-icons"
|
||||
alt="Star"
|
||||
/><a
|
||||
href="past_versions.html"
|
||||
class="nav-links"
|
||||
id="navPastVersions"
|
||||
>Past Versions</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-categories">
|
||||
<span>Personal</span>
|
||||
<div class="nav-items">
|
||||
<img src="images/about-me.png" class="nav-icons" alt="Kirby" /><a
|
||||
href="about_me.html"
|
||||
class="nav-links"
|
||||
id="navAboutMe"
|
||||
>About Me</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/favorite-games.png"
|
||||
class="nav-icons"
|
||||
alt="N64 Logo"
|
||||
/><a
|
||||
href="favorite_games.html"
|
||||
class="nav-links"
|
||||
id="navFavoriteGames"
|
||||
>Favorite Games</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/anime-reviews.png"
|
||||
class="nav-icons"
|
||||
alt="Konata Izumi"
|
||||
/><a
|
||||
href="anime_reviews.html"
|
||||
class="nav-links"
|
||||
id="navAnimeReviews"
|
||||
>Anime Reviews</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/artworks.png"
|
||||
class="nav-icons"
|
||||
alt="Kirby 64 Painting"
|
||||
/><a href="artworks.html" class="nav-links" id="navArtworks"
|
||||
>Artworks</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="music_player.html"
|
||||
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="crt_television.html" 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="others/crt-tv/index.html" 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="arcade_games.html"
|
||||
class="nav-links-active"
|
||||
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="sketchbook.html" 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="coding_tricks.html"
|
||||
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="all_kirby_games.html"
|
||||
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="miscellaneous.html"
|
||||
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="gif_collection.html"
|
||||
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="guestbook.html" 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="others/mhfu-tribute/index.html"
|
||||
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="others/minecraft-tribute/index.html"
|
||||
class="nav-links-external"
|
||||
>Minecraft</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/wall-e-tribute.png"
|
||||
class="nav-icons"
|
||||
alt="BNL Logo"
|
||||
/><a
|
||||
href="others/wall-e-tribute/home.html"
|
||||
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="https://frutigeraeroarchive.neocities.org/"
|
||||
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="images/sidebars/azumanga.jpg"
|
||||
alt="Azumanga Daioh Poster"
|
||||
title="Azumanga Daioh"
|
||||
/>
|
||||
<img
|
||||
src="images/sidebars/renge.jpg"
|
||||
alt="Renge Miyauchi Poster"
|
||||
title="Renge Miyauchi"
|
||||
/>
|
||||
<img
|
||||
src="images/sidebars/nichijou.jpg"
|
||||
alt="Nichijou Poster"
|
||||
title="Nichijou"
|
||||
/>
|
||||
<img
|
||||
src="images/sidebars/kirby_gameboy.jpg"
|
||||
alt="Ad for Kirby Game Boy game"
|
||||
title="Kirby Tilt 'n' Tumble"
|
||||
/>
|
||||
<img
|
||||
src="images/sidebars/yui_hirasawa.png"
|
||||
alt="Yui Hirasawa"
|
||||
class="sidebar-character-1"
|
||||
title="Yui Hirasawa"
|
||||
/>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<!-- Main Page -->
|
||||
<main id="middleContent">
|
||||
<section id="arcadeSection">
|
||||
<h1>The Arcade</h1>
|
||||
<div class="arcade-div">
|
||||
<div class="arcade-left-images js-content" id="charLeft">
|
||||
<img src="images/gifs/kirby.gif" />
|
||||
</div>
|
||||
|
||||
<div class="arcade-center">
|
||||
<iframe
|
||||
src="#"
|
||||
frameborder="0"
|
||||
scrolling="no"
|
||||
id="arcadeIframe"
|
||||
class="js-content"
|
||||
></iframe>
|
||||
|
||||
<div class="arcade-filters">
|
||||
<img src="images/slot-mask.png" id="slotMask" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="arcade-right-images js-content" id="charRight">
|
||||
<img src="images/gifs/pixel-sasuke.gif" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="arcade-game-list text-containers-main-bg">
|
||||
<h3 class="js-content">Choose your game:</h3>
|
||||
<div class="arcade-games-div">
|
||||
<div class="arcade-games-rows">
|
||||
<div id="arcadeFNF">
|
||||
<img src="images/friday-night-funkin.jpg" />
|
||||
<span>Friday Night Funkin' (Arrow Keys, Enter)</span>
|
||||
</div>
|
||||
|
||||
<div id="arcadeCatMario">
|
||||
<img src="images/cat-mario.jpg" />
|
||||
<span>Cat Mario (Arrow Keys)</span>
|
||||
</div>
|
||||
|
||||
<div id="arcadePacman">
|
||||
<img src="images/pacman.jpg" />
|
||||
<span>Pacman (Arrow Keys)</span>
|
||||
</div>
|
||||
|
||||
<div id="arcadeMinesweeper">
|
||||
<img src="images/minesweeper.jpg" />
|
||||
<span>Minesweeper (Mouse)</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Row 2 -->
|
||||
<div class="arcade-games-rows">
|
||||
<div id="arcadeSuperMarioBros">
|
||||
<img src="images/super-mario-bros.jpg" />
|
||||
<span>Super Mario Bros. (Arrow Keys, Space, Shift)</span>
|
||||
</div>
|
||||
|
||||
<div id="arcadeTetris">
|
||||
<img src="images/tetris.jpg" />
|
||||
<span>Tetris (Arrow Keys, Mouse)</span>
|
||||
</div>
|
||||
|
||||
<div id="arcadeDino">
|
||||
<img src="images/google-dino.png" />
|
||||
<span>T-Rex Chrome Dino (Arrow Keys)</span>
|
||||
</div>
|
||||
|
||||
<div id="arcadeBattleships">
|
||||
<img src="images/battleships-general-quarters.jpg" />
|
||||
<span>Battleships General Quarters (Mouse)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="arcade-options text-containers-main-bg js-content">
|
||||
<h3>Options</h3>
|
||||
<button id="closeGame">Close Game</button>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer id="bottomFooter">
|
||||
<span>2022-2025 ©VENITH63</span><br />
|
||||
<a href="mailto:daniele63web@hotmail.com">e-mail</a>
|
||||
<a href="https://ko-fi.com/daniele63">ko-fi</a>
|
||||
<a href="https://spacehey.com/daniele63">spacehey</a>
|
||||
<a href="https://www.bitview.net/user/VENITH">bitview</a>
|
||||
<a href="https://neocities.org/site/daniele63">neocities</a>
|
||||
</footer>
|
||||
<!-- Spacer -->
|
||||
<div id="websiteSpacerBottom"></div>
|
||||
</div>
|
||||
<!-- Javascript -->
|
||||
<script src="javascript/arcade.js"></script>
|
||||
<script src="javascript/nav-music.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,100 +0,0 @@
|
|||
.artworks-introduction-div,
|
||||
.categories-div,
|
||||
.artworks-divs {
|
||||
padding: 10px 10px 0px 10px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
/* Introduction */
|
||||
.artworks-introduction-div img {
|
||||
height: 110px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: -2px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* Categories List */
|
||||
.categories-container-div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
/* Links */
|
||||
.categories-links {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.categories-links a {
|
||||
background: linear-gradient(180deg, #3356d4 45%, #2945aa 50%);
|
||||
border: 1px solid #1d2852;
|
||||
border-radius: 20px;
|
||||
color: white;
|
||||
padding: 5px 5px 5px 10px;
|
||||
margin-top: 7px;
|
||||
width: 160px;
|
||||
transition-duration: 0.2s;
|
||||
}
|
||||
.categories-links a:hover {
|
||||
background-color: #3752b6;
|
||||
text-decoration: none;
|
||||
transform: scale(1.05);
|
||||
transition-duration: 0.2s;
|
||||
}
|
||||
.categories-links img {
|
||||
height: 25px;
|
||||
margin-right: 8px;
|
||||
transition-duration: 0.2s;
|
||||
}
|
||||
|
||||
/* Right Image */
|
||||
.categories-right-image {
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
/* Categories */
|
||||
.artworks-divs h3 {
|
||||
padding: 4px 0px 4px 0px;
|
||||
}
|
||||
.artwork-title-logos {
|
||||
background: none;
|
||||
width: 30px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
/* Sub div containing the images and titles */
|
||||
.artworks-divs div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
max-width: 89%;
|
||||
padding: 0px 15px 5px 15px;
|
||||
margin: 12px auto;
|
||||
}
|
||||
.artworks {
|
||||
border: 1px solid #4c5fa1;
|
||||
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.253);
|
||||
width: 100%;
|
||||
margin: 10px 0px;
|
||||
}
|
||||
|
||||
/* Div at bottom with link */
|
||||
.deviantart-div {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* CSS for Phones */
|
||||
@media (max-width: 600px) {
|
||||
.artworks-introduction-div img {
|
||||
display: none;
|
||||
}
|
||||
.categories-links a {
|
||||
width: 90%;
|
||||
}
|
||||
.categories-right-image {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,822 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<title>VENITH's Website - Artworks</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="The artworks made by the creator of this website."
|
||||
/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="css/global.css" />
|
||||
<link rel="stylesheet" href="css/artworks.css" />
|
||||
<!-- Favicon -->
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
href="images/favicon/favicon-96x96.png"
|
||||
sizes="96x96"
|
||||
/>
|
||||
<link rel="shortcut icon" href="images/favicon/favicon.ico" />
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="180x180"
|
||||
href="images/favicon/apple-touch-icon.png"
|
||||
/>
|
||||
<meta name="apple-mobile-web-app-title" content="VENITH" />
|
||||
<link rel="manifest" href="images/favicon/site.webmanifest" />
|
||||
<!-- Canonical tag -->
|
||||
<link rel="canonical" href="artworks.html" />
|
||||
</head>
|
||||
|
||||
<body id="body">
|
||||
<!---Site Container--->
|
||||
<div id="websiteContainer">
|
||||
<!-- Spacer -->
|
||||
<div id="websiteSpacerTop"></div>
|
||||
<!-- Header -->
|
||||
<header id="header">
|
||||
<img
|
||||
src="images/header-logo.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>This Website</span>
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/home.png"
|
||||
class="nav-icons"
|
||||
alt="Kirby's house"
|
||||
/><a href="index.html" class="nav-links" id="navHome">Home</a>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/site-info.png"
|
||||
class="nav-icons"
|
||||
alt="Blue Kirby"
|
||||
/><a href="site_info.html" class="nav-links" id="navSiteInfo"
|
||||
>Site Info</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/past-versions.png"
|
||||
class="nav-icons"
|
||||
alt="Star"
|
||||
/><a
|
||||
href="past_versions.html"
|
||||
class="nav-links"
|
||||
id="navPastVersions"
|
||||
>Past Versions</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-categories">
|
||||
<span>Personal</span>
|
||||
<div class="nav-items">
|
||||
<img src="images/about-me.png" class="nav-icons" alt="Kirby" /><a
|
||||
href="about_me.html"
|
||||
class="nav-links"
|
||||
id="navAboutMe"
|
||||
>About Me</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/favorite-games.png"
|
||||
class="nav-icons"
|
||||
alt="N64 Logo"
|
||||
/><a
|
||||
href="favorite_games.html"
|
||||
class="nav-links"
|
||||
id="navFavoriteGames"
|
||||
>Favorite Games</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/anime-reviews.png"
|
||||
class="nav-icons"
|
||||
alt="Konata Izumi"
|
||||
/><a
|
||||
href="anime_reviews.html"
|
||||
class="nav-links"
|
||||
id="navAnimeReviews"
|
||||
>Anime Reviews</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/artworks.png"
|
||||
class="nav-icons"
|
||||
alt="Kirby 64 Painting"
|
||||
/><a
|
||||
href="artworks.html"
|
||||
class="nav-links-active"
|
||||
id="navArtworks"
|
||||
>Artworks</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="music_player.html"
|
||||
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="crt_television.html" 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="others/crt-tv/index.html" 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="arcade_games.html"
|
||||
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="sketchbook.html" 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="coding_tricks.html"
|
||||
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="all_kirby_games.html"
|
||||
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="miscellaneous.html"
|
||||
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="gif_collection.html"
|
||||
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="guestbook.html" 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="others/mhfu-tribute/index.html"
|
||||
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="others/minecraft-tribute/index.html"
|
||||
class="nav-links-external"
|
||||
>Minecraft</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/wall-e-tribute.png"
|
||||
class="nav-icons"
|
||||
alt="BNL Logo"
|
||||
/><a
|
||||
href="others/wall-e-tribute/home.html"
|
||||
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="https://frutigeraeroarchive.neocities.org/"
|
||||
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="images/sidebars/azumanga.jpg"
|
||||
alt="Azumanga Daioh Poster"
|
||||
title="Azumanga Daioh"
|
||||
/>
|
||||
<img
|
||||
src="images/sidebars/renge.jpg"
|
||||
alt="Renge Miyauchi Poster"
|
||||
title="Renge Miyauchi"
|
||||
/>
|
||||
<img
|
||||
src="images/sidebars/nichijou.jpg"
|
||||
alt="Nichijou Poster"
|
||||
title="Nichijou"
|
||||
/>
|
||||
<img
|
||||
src="images/sidebars/kirby_gameboy.jpg"
|
||||
alt="Ad for Kirby Game Boy game"
|
||||
title="Kirby Tilt 'n' Tumble"
|
||||
/>
|
||||
<img
|
||||
src="images/sidebars/yui_hirasawa.png"
|
||||
alt="Yui Hirasawa"
|
||||
class="sidebar-character-1"
|
||||
title="Yui Hirasawa"
|
||||
/>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<!-- Main Page -->
|
||||
<main id="middleContent">
|
||||
<!-- Artworks Section -->
|
||||
<section id="artworksSection">
|
||||
<!-- Introduction -->
|
||||
<div class="artworks-introduction-div text-containers-main-bg">
|
||||
<h1>My Artworks</h1>
|
||||
<img src="images/adeleine-1.png" />
|
||||
<p>
|
||||
I enjoyed drawing since I was a child, I sometimes stopped, for
|
||||
long periods of time, but I always come back to it once in a
|
||||
while. My favorite way to draw is using regular graphite pencils,
|
||||
but sometimes I mess with digital drawing. Here are some of my
|
||||
recent drawings down below.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Categories -->
|
||||
<div class="categories-div text-containers-main-bg">
|
||||
<h3>Categories:</h3>
|
||||
<div class="categories-container-div">
|
||||
<div class="categories-links">
|
||||
<a href="#others"
|
||||
><img
|
||||
src="images/miscellaneous-logo.png"
|
||||
/>Miscellaneous</a
|
||||
>
|
||||
|
||||
<a href="#yotsuba"
|
||||
><img src="images/yotsuba-logo.png" />Yotsuba&!</a
|
||||
>
|
||||
|
||||
<a href="#azumanga"
|
||||
><img src="images/azumanga-daioh-logo.png" />Azumanga
|
||||
Daioh</a
|
||||
>
|
||||
|
||||
<a href="#vocaloid"
|
||||
><img src="images/vocaloid-logo.png" />Vocaloid</a
|
||||
>
|
||||
|
||||
<a href="#kirby"><img src="images/kirby-logo.png" />Kirby</a>
|
||||
|
||||
<a href="#pokemon"
|
||||
><img src="images/pokemon-logo.png" />Pokémon</a
|
||||
>
|
||||
</div>
|
||||
|
||||
<img
|
||||
src="images/adeleine-2.png"
|
||||
class="categories-right-image"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Miscellaneous -->
|
||||
<div class="artworks-divs text-containers-main-bg">
|
||||
<h3 id="others">
|
||||
<img
|
||||
src="images/miscellaneous-logo.png"
|
||||
class="artwork-title-logos"
|
||||
/>
|
||||
Miscellaneous
|
||||
</h3>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/miscellaneous/Azusa%20Nakano.jpg"
|
||||
alt="Azusa Nakano"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Azusa Nakano - 17 May 2025</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/miscellaneous/Mio%20Akiyama.jpg"
|
||||
alt="Mio Akiyama"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Mio Akiyama - 9 May 2025</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/miscellaneous/Yui%20Hirasawa.jpg"
|
||||
alt="Yui Hirasawa"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Yui Hirasawa - 5 May 2025</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/miscellaneous/Robin.jpg"
|
||||
alt="European Robin"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>European Robin - 9 December 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/miscellaneous/Felix%20the%20Cat.jpg"
|
||||
alt="Felix the Cat"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Felix the Cat - 12 November 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/miscellaneous/Asterix.jpg"
|
||||
alt="Asterix"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Asterix the Gaul - 11 November 2024</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Yotsuba&! -->
|
||||
<div class="artworks-divs text-containers-main-bg">
|
||||
<h3 id="yotsuba">
|
||||
<img
|
||||
src="images/yotsuba-logo.png"
|
||||
class="artwork-title-logos"
|
||||
/>
|
||||
Yotsuba&!
|
||||
</h3>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/yotsuba/Yotsuba%209.jpg"
|
||||
alt="Yotsuba 9"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Yotsuba & Sunflowers - 29 December 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/yotsuba/Yotsuba%208.jpg"
|
||||
alt="Yotsuba 8"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Yousuke Koiwai - 10 December 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/yotsuba/Yotsuba%207.jpg"
|
||||
alt="Yotsuba 7"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Scared Yotsuba - 10 December 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/yotsuba/Yotsuba%206.jpg"
|
||||
alt="Yotsuba 6"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Yotsuba at the farm - 2 November 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/yotsuba/Yotsuba%205.jpg"
|
||||
alt="Yotsuba 5"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Yotsuba goes to school - 31 October 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/yotsuba/Yotsuba%204.jpg"
|
||||
alt="Yotsuba 4"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Yotsuba Paint - 27 October 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/yotsuba/Yotsuba%203.jpg"
|
||||
alt="Yotsuba 3"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Yotsuba Walking - 10 October 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/yotsuba/Yotsuba%202.jpg"
|
||||
alt="Yotsuba 2"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Yotsuba Smile - 8 October 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/yotsuba/Yotsuba%201.jpg"
|
||||
alt="Yotsuba 1"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Yotsuba Clover - 5 October 2024</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Azumanga Daioh -->
|
||||
<div class="artworks-divs text-containers-main-bg">
|
||||
<h3 id="azumanga">
|
||||
<img
|
||||
src="images/azumanga-daioh-logo.png"
|
||||
class="artwork-title-logos"
|
||||
/>
|
||||
Azumanga Daioh
|
||||
</h3>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/azumanga_daioh/Chiyo%20Mihama%203.jpg"
|
||||
alt="Chiyo Mihama 3"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Chiyo Mihama - 16 December 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/azumanga_daioh/Tomo%20Takino%201.jpg"
|
||||
alt="Tomo Takino 1"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Tomo Takino - 4 December 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/azumanga_daioh/Chiyo%20Mihama%202.jpg"
|
||||
alt="Chiyo Mihama 2"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Chiyo Old Design - 30 October 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/azumanga_daioh/Chiyo%20Mihama%201.jpg"
|
||||
alt="Chiyo Mihama 1"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Chiyo Mihama - 15 October 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/azumanga_daioh/Ayumu%20Kasuga%201.jpg"
|
||||
alt="Ayumu Kasuga 1"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Ayumu Kasuga - 9 October 2024</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Vocaloids -->
|
||||
<div class="artworks-divs text-containers-main-bg">
|
||||
<h3 id="vocaloid">
|
||||
<img
|
||||
src="images/vocaloid-logo.png"
|
||||
class="artwork-title-logos"
|
||||
/>
|
||||
Vocaloids
|
||||
</h3>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/vocaloids/Kasane%20Teto%202.jpg"
|
||||
alt="Kasane Teto 2"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Kasane Teto - 2 December 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/vocaloids/Akita%20Neru%201.jpg"
|
||||
alt="Akita Neru 1"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Akita Neru - 2 December 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/vocaloids/Hatsune%20Miku%201.jpg"
|
||||
alt="Hatsune Miku 1"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Hatsune Miku - 30 November 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/vocaloids/Kasane%20Teto%201.jpg"
|
||||
alt="Kasane Teto 1"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Kasane Teto - 28 November 2024</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Kirby -->
|
||||
<div class="artworks-divs text-containers-main-bg">
|
||||
<h3 id="kirby">
|
||||
<img
|
||||
src="images/kirby-logo.png"
|
||||
class="artwork-title-logos"
|
||||
/>Kirby
|
||||
</h3>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/kirby/Kirby%201.jpg"
|
||||
alt="Kirby 1"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Sword Kirby - 29 April 2024</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Pokémon -->
|
||||
<div class="artworks-divs text-containers-main-bg">
|
||||
<h3 id="pokemon">
|
||||
<img
|
||||
src="images/pokemon-logo.png"
|
||||
class="artwork-title-logos"
|
||||
/>Pokémon
|
||||
</h3>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/pokemon/Emolga.jpg"
|
||||
alt="Emolga"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Emolga - 29 October 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/pokemon/Celebi%20and%20Pikachu.jpg"
|
||||
alt="Celebi and Pikachu"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Celebi and Pikachu - 13 October 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/pokemon/Celebi.jpg"
|
||||
alt="Celebi"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Celebi - 13 October 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/pokemon/Victini%201.jpg"
|
||||
alt="Victini 1"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Victini in Nature - 13 October 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/pokemon/Snivy.jpg"
|
||||
alt="Snivy"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Snivy - 1 May 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/pokemon/Victini%203.jpg"
|
||||
alt="Victini 3"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Victini in colour - 6 May 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/pokemon/Victini%202.jpg"
|
||||
alt="Victini 2"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Victini Digital - 3 May 2024</h4>
|
||||
</div>
|
||||
|
||||
<div class="text-containers-secondary-bg">
|
||||
<img
|
||||
src="images/artworks/pokemon/Ash%20Ketchum.jpg"
|
||||
alt="Ash Ketchum"
|
||||
class="artworks"
|
||||
/>
|
||||
<h4>Ash Ketchum - 27 April 2024</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="deviantart-div">
|
||||
<a href="https://www.deviantart.com/daniele630">My DeviantArt</a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer id="bottomFooter">
|
||||
<span>2022-2025 ©VENITH63</span><br />
|
||||
<a href="mailto:daniele63web@hotmail.com">e-mail</a>
|
||||
<a href="https://ko-fi.com/daniele63">ko-fi</a>
|
||||
<a href="https://spacehey.com/daniele63">spacehey</a>
|
||||
<a href="https://www.bitview.net/user/VENITH">bitview</a>
|
||||
<a href="https://neocities.org/site/daniele63">neocities</a>
|
||||
</footer>
|
||||
<!-- Spacer -->
|
||||
<div id="websiteSpacerBottom"></div>
|
||||
</div>
|
||||
<!-- Javascript -->
|
||||
<script src="javascript/nav-music.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 185 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 153 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 72 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 227 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 240 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 401 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 158 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 352 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 96 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 364 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 483 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 443 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 511 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 196 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 196 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 124 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 186 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 253 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 111 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 193 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 275 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 330 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 128 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 321 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 171 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 155 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 118 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 91 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 264 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 107 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 384 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 79 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
|
|
@ -1,76 +0,0 @@
|
|||
/* Containers */
|
||||
.text-containers {
|
||||
padding: 10px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
/* Remove padding */
|
||||
.coding-tricks-introduction,
|
||||
.summary-div {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
/* Introduction */
|
||||
.coding-tricks-introduction img {
|
||||
float: left;
|
||||
margin: -5px 5px 0px -20px;
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
/* Trick 1 : Website Structure */
|
||||
.exemple-images {
|
||||
border: 3px solid #8699df;
|
||||
display: block;
|
||||
width: 97%;
|
||||
margin: 5px auto;
|
||||
}
|
||||
.structure-explanation {
|
||||
background: #c6cffa;
|
||||
background: linear-gradient(148deg, #c6cffa 35%, #abb3db 100%);
|
||||
border: 3px solid #8699df;
|
||||
width: 95%;
|
||||
padding: 5px;
|
||||
margin: 10px auto;
|
||||
}
|
||||
.structure-explanation hr {
|
||||
background: #a1aedb;
|
||||
border: none;
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
/* Colored links */
|
||||
.structure-header,
|
||||
.structure-nav,
|
||||
.structure-aside,
|
||||
.structure-main,
|
||||
.structure-footer {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.structure-header {
|
||||
color: #5a5a5a;
|
||||
}
|
||||
.structure-nav {
|
||||
color: #d81b99;
|
||||
}
|
||||
.structure-aside {
|
||||
color: #127770;
|
||||
}
|
||||
.structure-main {
|
||||
color: #248a24;
|
||||
}
|
||||
.structure-footer {
|
||||
color: #c26121;
|
||||
}
|
||||
|
||||
/* Code Snippets */
|
||||
.code-snippets {
|
||||
background: #c6cffa;
|
||||
background: linear-gradient(148deg, #c6cffa 35%, #abb3db 100%);
|
||||
border: 3px solid #8699df;
|
||||
padding: 8px;
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
|
@ -1,675 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<title>VENITH's Website - Coding Tricks</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="A few coding tricks, like how to add a hit counter to your Neocities page."
|
||||
/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="css/global.css" />
|
||||
<link rel="stylesheet" href="css/coding_tricks.css" />
|
||||
<!-- Favicon -->
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
href="images/favicon/favicon-96x96.png"
|
||||
sizes="96x96"
|
||||
/>
|
||||
<link rel="shortcut icon" href="images/favicon/favicon.ico" />
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="180x180"
|
||||
href="images/favicon/apple-touch-icon.png"
|
||||
/>
|
||||
<meta name="apple-mobile-web-app-title" content="VENITH" />
|
||||
<link rel="manifest" href="images/favicon/site.webmanifest" />
|
||||
<!-- Canonical tag -->
|
||||
<link rel="canonical" href="coding_tricks.html" />
|
||||
</head>
|
||||
|
||||
<body id="body">
|
||||
<!---Site Container--->
|
||||
<div id="websiteContainer">
|
||||
<!-- Spacer -->
|
||||
<div id="websiteSpacerTop"></div>
|
||||
<!-- Header -->
|
||||
<header id="header">
|
||||
<img
|
||||
src="images/header-logo.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>This Website</span>
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/home.png"
|
||||
class="nav-icons"
|
||||
alt="Kirby's house"
|
||||
/><a href="index.html" class="nav-links" id="navHome">Home</a>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/site-info.png"
|
||||
class="nav-icons"
|
||||
alt="Blue Kirby"
|
||||
/><a href="site_info.html" class="nav-links" id="navSiteInfo"
|
||||
>Site Info</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/past-versions.png"
|
||||
class="nav-icons"
|
||||
alt="Star"
|
||||
/><a
|
||||
href="past_versions.html"
|
||||
class="nav-links"
|
||||
id="navPastVersions"
|
||||
>Past Versions</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-categories">
|
||||
<span>Personal</span>
|
||||
<div class="nav-items">
|
||||
<img src="images/about-me.png" class="nav-icons" alt="Kirby" /><a
|
||||
href="about_me.html"
|
||||
class="nav-links"
|
||||
id="navAboutMe"
|
||||
>About Me</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/favorite-games.png"
|
||||
class="nav-icons"
|
||||
alt="N64 Logo"
|
||||
/><a
|
||||
href="favorite_games.html"
|
||||
class="nav-links"
|
||||
id="navFavoriteGames"
|
||||
>Favorite Games</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/anime-reviews.png"
|
||||
class="nav-icons"
|
||||
alt="Konata Izumi"
|
||||
/><a
|
||||
href="anime_reviews.html"
|
||||
class="nav-links"
|
||||
id="navAnimeReviews"
|
||||
>Anime Reviews</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/artworks.png"
|
||||
class="nav-icons"
|
||||
alt="Kirby 64 Painting"
|
||||
/><a href="artworks.html" class="nav-links" id="navArtworks"
|
||||
>Artworks</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="music_player.html"
|
||||
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="crt_television.html" 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="others/crt-tv/index.html" 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="arcade_games.html"
|
||||
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="sketchbook.html" 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="coding_tricks.html"
|
||||
class="nav-links-active"
|
||||
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="all_kirby_games.html"
|
||||
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="miscellaneous.html"
|
||||
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="gif_collection.html"
|
||||
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="guestbook.html" 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="others/mhfu-tribute/index.html"
|
||||
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="others/minecraft-tribute/index.html"
|
||||
class="nav-links-external"
|
||||
>Minecraft</a
|
||||
>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<div class="nav-items">
|
||||
<img
|
||||
src="images/wall-e-tribute.png"
|
||||
class="nav-icons"
|
||||
alt="BNL Logo"
|
||||
/><a
|
||||
href="others/wall-e-tribute/home.html"
|
||||
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="https://frutigeraeroarchive.neocities.org/"
|
||||
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="images/sidebars/azumanga.jpg"
|
||||
alt="Azumanga Daioh Poster"
|
||||
title="Azumanga Daioh"
|
||||
/>
|
||||
<img
|
||||
src="images/sidebars/renge.jpg"
|
||||
alt="Renge Miyauchi Poster"
|
||||
title="Renge Miyauchi"
|
||||
/>
|
||||
<img
|
||||
src="images/sidebars/nichijou.jpg"
|
||||
alt="Nichijou Poster"
|
||||
title="Nichijou"
|
||||
/>
|
||||
<img
|
||||
src="images/sidebars/kirby_gameboy.jpg"
|
||||
alt="Ad for Kirby Game Boy game"
|
||||
title="Kirby Tilt 'n' Tumble"
|
||||
/>
|
||||
<img
|
||||
src="images/sidebars/yui_hirasawa.png"
|
||||
alt="Yui Hirasawa"
|
||||
class="sidebar-character-1"
|
||||
title="Yui Hirasawa"
|
||||
/>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<!-- Main Page -->
|
||||
<main id="middleContent">
|
||||
<!-- Coding Tricks Section -->
|
||||
<section id="codingTricksSection">
|
||||
<div
|
||||
class="coding-tricks-introduction text-containers text-containers-main-bg"
|
||||
>
|
||||
<h1>Coding Tricks</h1>
|
||||
<img src="images/gifs/merlin.gif" alt="Merlin" />
|
||||
<p>
|
||||
Welcome to the coding section ! In here I will share some stuff
|
||||
I've learned while making this website and learning web
|
||||
development, i hope you find it useful. Make sure to click the
|
||||
links if you want to learn more on the things mentioned. Happy
|
||||
reading.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="summary-div text-containers text-containers-main-bg">
|
||||
<h3>Summary (W.I.P, More to come)</h3>
|
||||
<ul>
|
||||
<li><a href="#websiteStructureDiv">Website Structure</a></li>
|
||||
<li>
|
||||
<a href="#visitorCounterDiv">Visitor Counter for Neocities</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="websiteStructureDiv"
|
||||
class="website-structure-div text-containers text-containers-main-bg"
|
||||
>
|
||||
<h3>Trick #1: Website Structure</h3>
|
||||
<p>
|
||||
To do a website layout properly, it's important to separate your
|
||||
page with the right semantic elements. This helps with SEO,
|
||||
accessibility and is way more readable.
|
||||
</p>
|
||||
<img
|
||||
src="images/website-structure.jpg"
|
||||
alt="Website structure"
|
||||
class="exemple-images"
|
||||
/>
|
||||
<div class="structure-explanation">
|
||||
<p>
|
||||
<a
|
||||
href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header"
|
||||
target="_blank"
|
||||
class="structure-header"
|
||||
>Header</a
|
||||
>
|
||||
is where you would typically put your
|
||||
<a
|
||||
href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML"
|
||||
target="_blank"
|
||||
>logo image</a
|
||||
>
|
||||
and website name. It can also be nested into a section to
|
||||
indicate the header part of that section.
|
||||
</p>
|
||||
<hr />
|
||||
<p>
|
||||
<a
|
||||
href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav"
|
||||
target="_blank"
|
||||
class="structure-nav"
|
||||
>Nav</a
|
||||
>
|
||||
is where you will put
|
||||
<a
|
||||
href="https://www.w3schools.com/html/html_links.asp"
|
||||
target="_blank"
|
||||
>links</a
|
||||
>
|
||||
to navigate your website, this can be nested in the
|
||||
<a href="https://www.programiz.com/html/aside" target="_blank"
|
||||
>aside</a
|
||||
>
|
||||
part as well.
|
||||
</p>
|
||||
<hr />
|
||||
<p>
|
||||
<a
|
||||
href="https://www.programiz.com/html/aside"
|
||||
target="_blank"
|
||||
class="structure-aside"
|
||||
>Aside</a
|
||||
>
|
||||
is content that will go either on the left or right part of the
|
||||
main content, you can typically achieve this by adding
|
||||
<a
|
||||
href="https://www.w3schools.com/Css/css_float.asp"
|
||||
target="_blank"
|
||||
>float</a
|
||||
>
|
||||
to your CSS, or using
|
||||
<a
|
||||
href="https://css-tricks.com/snippets/css/a-guide-to-flexbox/"
|
||||
target="_blank"
|
||||
>flexbox</a
|
||||
>.
|
||||
</p>
|
||||
<hr />
|
||||
<p>
|
||||
<a
|
||||
href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main"
|
||||
target="_blank"
|
||||
class="structure-main"
|
||||
>Main</a
|
||||
>
|
||||
is where your main content goes, like the middle of the page,
|
||||
you can nest
|
||||
<a
|
||||
href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section"
|
||||
target="_blank"
|
||||
>sections</a
|
||||
>
|
||||
inside the
|
||||
<a
|
||||
href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main"
|
||||
target="_blank"
|
||||
>main</a
|
||||
>, optionally add
|
||||
<a
|
||||
href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article"
|
||||
target="_blank"
|
||||
>articles</a
|
||||
>
|
||||
inside the sections to separate your content into chunks.
|
||||
</p>
|
||||
<hr />
|
||||
<p>
|
||||
<a
|
||||
href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/footer"
|
||||
target="_blank"
|
||||
class="structure-footer"
|
||||
>Footer</a
|
||||
>
|
||||
is typically at the bottom of the page, and is where you would
|
||||
put
|
||||
<a
|
||||
href="https://www.w3schools.com/tags/att_a_target.asp"
|
||||
target="_blank"
|
||||
>outgoing links</a
|
||||
>
|
||||
like social media, and for copyright information.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
For accessibility, consider adding
|
||||
<a
|
||||
href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA"
|
||||
target="_blank"
|
||||
>aria</a
|
||||
>
|
||||
tags to help people with screen-readers.
|
||||
</p>
|
||||
|
||||
<p>Here's a few other useful links:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a
|
||||
href="https://developer.mozilla.org/en-US/curriculum/core/semantic-html/"
|
||||
target="_blank"
|
||||
>Semantic HTML | MDN</a
|
||||
>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Accessibility/HTML"
|
||||
target="_blank"
|
||||
>HTML: A good basis for accessibility | MDN</a
|
||||
>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://www.seobility.net/en/seocheck/" target="_blank"
|
||||
>SEO Checker (check your SEO rating)</a
|
||||
>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://www.xml-sitemaps.com/" target="_blank"
|
||||
>XML Sitemap generator (make a sitemap for SEO)</a
|
||||
>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://ahrefs.com/backlink-checker/?input=https%3A%2F%2Ffrutigeraeroarchive.org%2F&mode=subdomains"
|
||||
target="_blank"
|
||||
>Backlinks checker (see who linked to you)</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="visitorCounterDiv"
|
||||
class="text-containers text-containers-main-bg"
|
||||
>
|
||||
<h3>Trick #2: Visitor Counter (Neocities)</h3>
|
||||
<p>
|
||||
View counters let you display how many people have visited your
|
||||
page, on Neocities, you can use the API to fetch that data and
|
||||
JavaScript to display it.
|
||||
</p>
|
||||
<p>
|
||||
You can see how to do this in depth by clicking
|
||||
<a href="https://dannarchy.com/tut/tut_002" target="_blank"
|
||||
>this link</a
|
||||
>, i will show you how i do it down below.
|
||||
</p>
|
||||
|
||||
<h4>Step 1: HTML</h4>
|
||||
<p>
|
||||
First step, make 2 span, one for your message, the other for the
|
||||
number, give an ID to the one that will receive your visitor
|
||||
number.
|
||||
</p>
|
||||
|
||||
<pre
|
||||
class="code-snippets"
|
||||
><code><span>You are visitor number:</span>
|
||||
<span id="visitorCounter"></span></code></pre>
|
||||
|
||||
<h4>Step 2: Javascript</h4>
|
||||
<p>
|
||||
<a
|
||||
href="https://www.w3schools.com/TAGS/att_script_src.asp"
|
||||
target="_blank"
|
||||
>Link your Javascript file</a
|
||||
>
|
||||
at the bottom of your code, right above the closing body tag, or
|
||||
type inside of the <script> </script > tag.
|
||||
</p>
|
||||
|
||||
<pre class="code-snippets"><code><script>
|
||||
const VISITOR_COUNTER = document.getElementById("visitorCounter");
|
||||
|
||||
let xhttp = new XMLHttpRequest();
|
||||
xhttp.onreadystatechange = function () {
|
||||
if (this.readyState == 4 && this.status == 200) {
|
||||
// Get the data
|
||||
let site_data = JSON.parse(this.responseText);
|
||||
// Add commas
|
||||
let num_arr = site_data.info.views.toString().split("");
|
||||
let num_str = "";
|
||||
for (i = 0; i < num_arr.length; i++) {
|
||||
num_str += num_arr[i];
|
||||
if ((num_arr.length - 1 - i) % 3 == 0 && num_arr.length - 1 - i != 0) {
|
||||
num_str += ",";
|
||||
}
|
||||
}
|
||||
// Add result to html
|
||||
VISITOR_COUNTER.innerHTML = num_str;
|
||||
}
|
||||
};
|
||||
xhttp.open(
|
||||
"GET",
|
||||
"https://weirdscifi.ratiosemper.com/neocities.php?sitename=YOUR_SITENAME",
|
||||
true
|
||||
);
|
||||
xhttp.send();
|
||||
</script></code></pre>
|
||||
<p>
|
||||
At the end of the script, you just need to replace the
|
||||
"YOUR_SITENAME" part by your Neocities username. This should be
|
||||
the result:
|
||||
</p>
|
||||
<span>You are visitor number:</span>
|
||||
<span id="visitorCounter"></span>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer id="bottomFooter">
|
||||
<span>2022-2025 ©VENITH63</span><br />
|
||||
<a href="mailto:daniele63web@hotmail.com">e-mail</a>
|
||||
<a href="https://ko-fi.com/daniele63">ko-fi</a>
|
||||
<a href="https://spacehey.com/daniele63">spacehey</a>
|
||||
<a href="https://www.bitview.net/user/VENITH">bitview</a>
|
||||
<a href="https://neocities.org/site/daniele63">neocities</a>
|
||||
</footer>
|
||||
<!-- Spacer -->
|
||||
<div id="websiteSpacerBottom"></div>
|
||||
</div>
|
||||
<!-- Javascript -->
|
||||
<script src="javascript/nav-music.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue