From 826b8c5280999d2acab31a9fcf1d1e0af9349537 Mon Sep 17 00:00:00 2001
From: MattTheTekie <Mattmason2211@gmail.com>
Date: Tue, 26 Nov 2024 16:15:14 -0500
Subject: [PATCH] chore: Fixup Font

---
 about.html    | 267 ++++++++++++++++++++++++++++++++++++++++++++++----
 services.html |   4 +-
 2 files changed, 251 insertions(+), 20 deletions(-)
diff --git a/about.html b/about.html
index 0387091..d535d85 100644
--- a/about.html
+++ b/about.html
@@ -2,33 +2,264 @@
 <html lang="zh-cmn-hans" class="font-auto">
 <head>
     <meta charset="UTF-8">
-    <meta property="og:title" content="About - CrazyHellTech" />
-    <meta property="og:description" content="About - CrazyHellTech" />
-    <title>About - Venith Network</title>
-    <link href="http://cdn.venith.net/www.venith.net/assets/images/banner.png" rel="icon" sizes="192x192"/>
-    <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, 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="http://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="http://cdn.venith.net/www.venith.net/assets/images/banner.png"/>
     <link href="http://cdn.venith.net/www.venith.net/assets/css/moeta.css" rel="stylesheet" type="text/css"/>
+    <title>About - Venith</title>
 </head>
-    <style>
-        img {
-            max-width: 100%;
-            height: auto;
+<style>
+@charset "UTF-8";
+
+: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(http://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 */
         }
-    </style>
+
+        /* 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>About - Venith Network</h1>
+        <h1>Home - Venith Network</h1>
     </div>
 </header>
-<nav>
-  <ul>
-    <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>
+
+<!-- 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="http://cdn.venith.net/www.venith.net/assets/images/tenor.gif" alt="Rainbow Bar" class="rainbow-bar"/>
+
 <main>
     <h2>🛡️ Who we are：</h2>
 <ul>
diff --git a/services.html b/services.html
index 16e1472..053a263 100644
--- a/services.html
+++ b/services.html
@@ -14,7 +14,7 @@
     <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://cdn.venith.net/www.venith.net/assets/images/banner.png"/>
     <link href="http://cdn.venith.net/www.venith.net/assets/css/moeta.css" rel="stylesheet" type="text/css"/>
-    <title>Home - Venith</title>
+    <title>Services - Venith</title>
 
 </head>
     <style>
@@ -22,7 +22,7 @@
 
 @font-face {
     font-family: "System Font";
-    src: url("http://cdn.venith.net/www.venith.net/assets/fonts/SFUIRounded.woff") format('woff');
+    src: url("http://cdn.venith.net/www.venith.net/assets/fonts/SFUIRounded.ttf") format('ttf');
 }
 
 :root {
