320 lines
8.7 KiB
HTML
320 lines
8.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-cmn-hans" class="font-auto">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<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, Austcool Walker, and Digital Cheese! Please stay tuned for future projects/other services we will be creating if you are interested.">
|
||
<meta property="og:image" content="https://cdn.venith.net/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 + Austcool Walker + 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="https://cdn.venith.net/www.venith.net/assets/images/banner.png"/>
|
||
<link href="https://cdn.venith.net/www.venith.net/assets/css/moeta.css" rel="stylesheet" type="text/css"/>
|
||
<title>Home - Venith</title>
|
||
</head>
|
||
<style>
|
||
@charset "UTF-8";
|
||
|
||
@font-face {
|
||
font-family: "System Font";
|
||
src: url("https://cdn.venith.net/www.venith.net/assets/fonts/SFUIRounded.woff") format('woff');
|
||
}
|
||
|
||
:root {
|
||
--genwidth: 850px;
|
||
--navwidth: 175px;
|
||
--fg: #ddd;
|
||
--altfg: #ccc;
|
||
--fgemph: white;
|
||
--bg: #111;
|
||
--altbg: #333;
|
||
--emph: #333;
|
||
--bordercolor: #555;
|
||
--limish: #0e0;
|
||
}
|
||
|
||
body {
|
||
font-family: "System Font";
|
||
background: linear-gradient(indigo, darkslategray) fixed;
|
||
background: #100;
|
||
margin-bottom: 100px;
|
||
font-weight: 300;
|
||
color: #fff;
|
||
padding: 1.5em;
|
||
max-width: 100%; /* Adjusted for responsive scaling */
|
||
background: url(https://cdn.venith.net/www.venith.net/assets/images/bg.gif) center center/cover fixed no-repeat;
|
||
}
|
||
|
||
html, body {
|
||
height: 100%;
|
||
}
|
||
|
||
a {
|
||
color: #EE4B2B;
|
||
}
|
||
|
||
h1, h2, h3 {
|
||
font-weight: lighter;
|
||
}
|
||
|
||
header {
|
||
text-align: center;
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
header .moeta-name {
|
||
padding: 1rem;
|
||
text-align: center;
|
||
display: inline-block;
|
||
background: rgba(0, 0, 0, 0.5);
|
||
width: 100%;
|
||
max-width: 850px; /* Keeps it manageable on larger screens */
|
||
}
|
||
|
||
.moeta-name h1 {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.moeta-name p {
|
||
opacity: 0.6;
|
||
font-size: 0.875em;
|
||
}
|
||
|
||
main {
|
||
padding: 1.5em;
|
||
margin-bottom: 2em;
|
||
background: rgba(0, 0, 0, 0.5);
|
||
max-width: 100%;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
main h2 {
|
||
position: relative;
|
||
margin-top: 3em;
|
||
}
|
||
|
||
main h2:before {
|
||
content: '';
|
||
height: 100%;
|
||
width: 0.5rem;
|
||
left: -1.5rem;
|
||
background: #EE4B2B;
|
||
position: absolute;
|
||
}
|
||
|
||
main h2:first-child {
|
||
margin-top: 0;
|
||
}
|
||
|
||
footer {
|
||
padding: 1em;
|
||
text-align: center;
|
||
background: rgba(0, 0, 0, 0.6);
|
||
}
|
||
|
||
/* Navigation Styling */
|
||
nav {
|
||
background-color: #222;
|
||
overflow: hidden;
|
||
}
|
||
|
||
nav ul {
|
||
margin: 0;
|
||
padding: 0;
|
||
list-style: none;
|
||
text-align: center;
|
||
display: flex;
|
||
justify-content: space-evenly;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
nav li {
|
||
display: inline-block;
|
||
}
|
||
|
||
nav a {
|
||
display: block;
|
||
color: white;
|
||
text-align: center;
|
||
padding: 14px 16px;
|
||
text-decoration: none;
|
||
}
|
||
|
||
nav a:hover {
|
||
background-color: #ddd;
|
||
color: black;
|
||
}
|
||
|
||
/* Rainbow Bar */
|
||
.rainbow-bar {
|
||
display: block;
|
||
width: 100%;
|
||
height: 20px; /* Default height */
|
||
}
|
||
|
||
/* Responsive adjustments for smaller screens */
|
||
@media screen and (max-width: 768px) {
|
||
body {
|
||
padding: 0;
|
||
max-width: 100%;
|
||
float: none;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
height: auto;
|
||
}
|
||
|
||
header .moeta-name {
|
||
padding: 1.5em;
|
||
text-align: center;
|
||
max-width: 100%; /* Ensures full width scaling on mobile */
|
||
}
|
||
|
||
main {
|
||
padding: 1em;
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
nav ul {
|
||
flex-direction: row; /* Keep navbar horizontal */
|
||
justify-content: space-evenly;
|
||
}
|
||
|
||
.rainbow-bar {
|
||
height: 10px; /* Adjust height for smaller screens */
|
||
}
|
||
|
||
nav a {
|
||
padding: 12px 16px;
|
||
}
|
||
}
|
||
|
||
/* For larger screens like desktops */
|
||
@media screen and (min-width: 1024px) {
|
||
body {
|
||
max-width: 70%;
|
||
margin: 0 auto;
|
||
padding: 2em;
|
||
}
|
||
|
||
header {
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
main {
|
||
padding: 2em;
|
||
margin-bottom: 3em;
|
||
}
|
||
}
|
||
|
||
|
||
/* Container for the main content and the grid layout */
|
||
main {
|
||
padding: 20px;
|
||
margin-top: 100px; /* Enough margin-top to avoid overlap */
|
||
}
|
||
|
||
/* Grid layout for three sections */
|
||
.grid-container {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||
gap: 20px;
|
||
text-align: center;
|
||
margin: 20px auto;
|
||
max-width: 1200px;
|
||
}
|
||
|
||
/* Transparent background for each column */
|
||
.grid-item {
|
||
background-color: rgba(255, 255, 255, 0.2);
|
||
padding: 20px;
|
||
border-radius: 10px;
|
||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||
}
|
||
/* Hover effect for links */
|
||
nav ul li a:hover {
|
||
background-color: #EE4B2B; /* Background changes to orange on hover */
|
||
color: white; /* Text stays white */
|
||
}
|
||
</style>
|
||
<body>
|
||
<header>
|
||
<div class="moeta-name">
|
||
<h1>Home - Venith Network</h1>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Navigation Bar -->
|
||
<nav id="navbar">
|
||
<ul id="menu">
|
||
<li><a href="http://www.venith.net">Home</a></li>
|
||
<li><a href="about.html">About</a></li>
|
||
<li><a href="https://test72.eu.org/projects/">Projects</a></li>
|
||
<li><a href="https://status.venith.net">Status</a></li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<!-- Rainbow Bar -->
|
||
<img src="https://cdn.venith.net/www.venith.net/assets/images/tenor.gif" alt="Rainbow Bar" class="rainbow-bar"/>
|
||
|
||
<main>
|
||
<h2>🤖 Welcome</h2>
|
||
<p>Welcome to the Venith Network! Our corner of the internet is a unique and inclusive space to explore technology and much more.</p>
|
||
<p>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>
|
||
|
||
<!-- Grid Layout for Main Areas, Services, Partners -->
|
||
<div class="grid-container">
|
||
<!-- Main Area Column -->
|
||
<div class="grid-item">
|
||
<h2>🌐 Quick Links:</h2>
|
||
<a href="/services.html">Services</a><br>
|
||
<a href="/articles/">Articles</a><br>
|
||
<a href="/blog/">Blog</a> (<a href="/blog/blog.xml">RSS</a>)<br>
|
||
<a href="/podcast/">Podcast</a> (<a href="/podcast/podcast.xml">RSS</a>)<br>
|
||
<a href="/archive/">Archive</a><br>
|
||
</div>
|
||
|
||
<!-- Member Area Column -->
|
||
<div class="grid-item">
|
||
<h2>💾 Members Area：</h2>
|
||
<a href="http://home.venith.net">MattTheTekie</a><br>
|
||
<a href="http://github.com/Austcool-Walker">Austcool-Walker</a> (<a href="http://n3rdp0rt4l-hq.gitlab.io/n3rdp0rt4l/">site</a>)<br>
|
||
<a href="http://digitalcheese.xyz">Digital Cheese</a><br>
|
||
<a href="#">Gato-Senpai</a><br>
|
||
<a href="http://jinxcade.venith.net">JinxCade</a>
|
||
</div>
|
||
|
||
<!-- Partners Column -->
|
||
<div class="grid-item">
|
||
<h2>💼 Partners:</h2>
|
||
<a href="https://omada.cafe">Omada.Cafe</a><br>
|
||
<a href="#">MINECRAFT JAVA: mc.omada.cafe</a>
|
||
<a href="#">MUMBLE: vc.omada.cafe</a><br>
|
||
<a href="https://yt.omada.cafe">Invidious</a><br>
|
||
<a>OmadaDNS: 167.86.91.171</a><br>
|
||
<a href="https://codeberg.org/omada/dns-lists">DNS Lists</a>
|
||
</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="https://cdn.venith.net/www.venith.net/assets/images/banner.png" alt="Join Discord Banner"/>
|
||
</a></p>
|
||
</center>
|
||
</main>
|
||
|
||
<footer>
|
||
<p>© 2024 Venith Network. All Rights Reserved.</p>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|