Add services page

7 files changed, 87 insertions, 22 deletions

diff --git a/css/base.css b/css/base.css
index 42b6c80..f235ebf 100644
--- a/css/base.css
+++ b/css/base.css
@@ -19,7 +19,7 @@
 /* */
 
 :root {
-        --bheight: 3vw;
+        --bheight: 3vw; /* min-content This feels hackey but it works & stops overflow */
 
         --cblack: #000000;
         --cwhite: #ffffff;
@@ -70,6 +70,9 @@ a {
         padding: 1vw;
         margin: 1vw;
         margin-bottom: 5vw; /* Not knowing about this was fucking annoying */
+
+        overflow: auto;
+        overflow-wrap: break-word;
 }
 
 #top-bar {
@@ -133,7 +136,7 @@ a {
         text-align: center;
 
         /* overflow: auto; Idk why this is "overflowing" but this should be a good enough fix fow now */
-        overflow: hidden;
+        overflow: auto;
 }
 
 #bottom-flex {
@@ -165,12 +168,8 @@ a {
         float: none;
 }
 
-#content {
-        overflow: auto;
-}
-
 #copyrightnotice {
         display: inline-block;
-        font-size: 75%;
+        font-size: 50%;
         color: rgba(255, 255, 255, 0.15);
 }
\ No newline at end of file
diff --git a/css/nopiracy.css b/css/nopiracy.css
index f328fa4..ed05a56 100644
--- a/css/nopiracy.css
+++ b/css/nopiracy.css
@@ -24,20 +24,6 @@ a.bad {
     color: var(--cwarning);
 }
 
-.sbscontainer {
-    display: flex;
-        flex-direction: row;
-        flex-wrap: nowrap;
-        justify-content: center;
-        align-items: center;
-    align-content: center;
-}
-
-#addon {
-    font-size: 4vw;
-    padding: 1vw;
-}
-
 blockquote {
     padding: 1vw;
 }
\ No newline at end of file
diff --git a/css/services.css b/css/services.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/css/services.css
diff --git a/css/subpage.css b/css/subpage.css
new file mode 100644
index 0000000..8e5255f
--- /dev/null
+++ b/css/subpage.css
@@ -0,0 +1,13 @@
+.sbscontainer {
+    display: flex;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        justify-content: center;
+        align-items: center;
+    align-content: center;
+}
+
+#addon {
+    font-size: 4vw;
+    padding: 1vw;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 3a0c392..5e770d0 100644
--- a/index.html
+++ b/index.html
@@ -20,6 +20,7 @@
                                 <div id="links">
                                         <nav>
                                                 <ul>
+                                                        <li><a href="services.html">Services</a></li>
                                                         <li><a href="nopiracy.html">Preventing Piracy</a></li>
                                                 </ul>
                                         <nav>
diff --git a/nopiracy.html b/nopiracy.html
index 32eae45..7138e30 100644
--- a/nopiracy.html
+++ b/nopiracy.html
@@ -9,6 +9,7 @@
                 <base href=".">
                 <link rel="stylesheet" href="css/base.css">
                 <link rel="stylesheet" href="css/nopiracy.css">
+                <link rel="stylesheet" href="css/subpage.css">
 
                 <link rel="icon" type="image/x-icon" href="images/sketty.jpeg">
                 <title>Da Bikers | Preventing Piracy</title>
@@ -19,7 +20,7 @@
                                 <div>
                                         <div class="sbscontainer">
                                                 <h1><a href="index.html">Da Bikers:</a></h1>
-                                                <h2 id="addon">Preventing Piracy</h2>
+                                                <h2 id="addon"><a href="nopiracy.html">Preventing Piracy</a></h2>
                                         </div>
                                 </div>
                                                 
@@ -27,6 +28,7 @@
                                                 <nav>
                                                         <ul>
                                                                 <li><a href="index.html">Home</a></li>
+                                                                <li><a href="services.html">Services</a></li>
                                                         </ul>
                                                 </nav>
                                         </div>
diff --git a/services.html b/services.html
new file mode 100644
index 0000000..92a6abd
--- /dev/null
+++ b/services.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en-US">
+        <head>
+                <meta charset="UTF-8">
+                <meta name="viewport" content="width=device-width, initial-scale=1.0">
+                <meta name="author" content="Da Bikers' Head Admin">
+
+
+                <base href=".">
+                <link rel="stylesheet" href="css/base.css">
+                <link rel="stylesheet" href="css/services.css">
+                <link rel="stylesheet" href="css/subpage.css">
+
+                <link rel="icon" type="image/x-icon" href="images/sketty.jpeg">
+                <title>Da Bikers | Services</title>
+        </head>
+        <body>
+                <div class="vertcontain">
+                        <div id="top-bar">
+                                <div>
+                                        <div class="sbscontainer">
+                                                <h1><a href="index.html">Da Bikers:</a></h1>
+                                                <h2 id="addon"><a href="services.html">Services</a></h2>
+                                        </div>
+                                </div>
+                                                
+                                        <div id="links">
+                                                <nav>
+                                                        <ul>
+                                                                <li><a href="index.html">Home</a></li>
+                                                                <li><a href="nopiracy.html">Preventing Piracy</a></li>
+                                                        </ul>
+                                                </nav>
+                                        </div>
+                        </div>
+                        
+                
+
+                        <div id="content">
+                                <h2>Game Servers:</h2>
+                                <ul>
+                                        <li>Minecraft</li>
+                                        <li><a href="steam://run/440//+connect%20dabikers.online">Team Fortress 2</a></li>
+                                </ul>
+                                <br>
+                                <h2>Misc:</h2>
+                                <ul>
+                                        <li>IRC (dabikers.online:6667) (ssl coming soon)</li>
+                                </ul>
+                        </div>
+
+                        <div id="bottom-bar" class="vertcontain">
+                                <footer>
+                                        <nav id="bottom-flex">
+                                                <ul>
+                                                        <li><a href="acknowledgments.html">Acknowledgments</a></li>
+                                                </ul>
+                                        </nav>
+                                        <p id="copyrightnotice">Copyright © 2023-2024 Dabikers.online, All rights reserved.</p>
+                                </footer>
+                        </div>
+                </div>
+        </body>
+</html>