idk some css stuff ig

xdevnightless · Jan 19, 2025 · 9e7157b · 9e7157b
1 parent e619118
commit 9e7157b
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 74 deletions.
diff --git a/public/about.html b/public/about.html
@@ -12,25 +12,6 @@
   <script src="/js/themes.js"></script>
 </head>
 <body>
-  <canvas id="canvas"></canvas>
-
-  <script src="js/starback.js"></script>
-  <script>
-    const canvas = document.getElementById("canvas");
-    const starback = new Starback(canvas, {
-      width: document.body.clientWidth,
-      height: document.body.clientHeight,
-      type: "dot",
-      quantity: 150,
-      randomOpacity: false,
-      starSize: [1, 2],
-      starColor: '#390e6e',
-      backgroundColor: 'transparent'
-
-    });
-  </script>
-
-
   <section class="projects" id="projects">
     <h1>About Us</h1>
     <div class="project-grid">
@@ -71,43 +52,43 @@ <h1>Developers</h1>
   <div class="developer-grid">
     <div class="project-card small">
       <h3>Nightless</h3>
-      <p>Creator of Acceleration</p>
-      <p>Did Most of the Frontend and Some Backend</p>
+      <p class="titlecard">Founder of Acceleration</p>
+      <p>Frontend and Backend Developer</p>
       <a href="https://github.com/xdevnightless" class="github-button" target="_blank">
         <i class="fab fa-github"></i> GitHub
       </a>
     </div>
 
     <div class="project-card small">
       <h3>Peak</h3>
-      <p>Head Developer of Acceleration</p>
-      <p>Did Most of the Backend JS for Acceleration</p>
+      <p class="titlecard">Head Developer of Acceleration</p>
+      <p>Mainly Backend Developer</p>
       <a href="https://github.com/NottPeak" class="github-button" target="_blank">
         <i class="fab fa-github"></i> GitHub
       </a>
     </div>
 
     <div class="project-card small">
       <h3>Devman</h3>
-      <p>Head Developer of Acceleration</p>
-      <p>The Head Developer of doing the Frontend and Backend</p>
+      <p class="titlecard">Head Developer of Acceleration</p>
+      <p>Head Developer of Frontend and Backend Development</p>
       <a href="https://github.com/xdevman9" class="github-button" target="_blank">
         <i class="fab fa-github"></i> GitHub
       </a>
     </div>
 
     <div class="project-card small">
       <h3>Snorlax</h3>
-      <p>Developer of Acceleration</p>
-      <p>Expert in frontend design and did the Cloaking</p>
+      <p class="titlecard">Developer of Acceleration</p>
+      <p>Frontend Designer</p>
       <a href="https://github.com/snorlaxscave" class="github-button" target="_blank">
         <i class="fab fa-github"></i> GitHub
       </a>
     </div>
 
     <div class="project-card small">
       <h3>Crumbler1</h3>
-      <p>Developer of Acceleration</p>
+      <p class="titlecard">Developer of Acceleration</p>
       <p>Focused on Frontend and Debugging</p>
       <a href="https://github.com/crumblerthedev" class="github-button" target="_blank">
         <i class="fab fa-github"></i> GitHub
@@ -116,35 +97,26 @@ <h3>Crumbler1</h3>
 
     <div class="project-card small">
       <h3>Potato</h3>
-      <p>Developer of Acceleration</p>
-      <p>Helped with the Base of the Proxy</p>
+      <p class="titlecard">Developer of Acceleration</p>
+      <p>Developed the Base of Acceleration</p>
       <a href="https://github.com/dragon731012" class="github-button" target="_blank">
         <i class="fab fa-github"></i> GitHub
       </a>
     </div>
 
-    <div class="project-card small">
-      <h3>Demure</h3>
-      <p>Developer of Acceleration</p>
-      <p>Helped with the Base of the Proxy</p>
-      <a href="https://github.com/WaveDemure" class="github-button" target="_blank">
-        <i class="fab fa-github"></i> GitHub
-      </a>
-    </div>
-
     <div class="project-card small">
       <h3>ab.yz</h3>
-      <p>Developer of Acceleration</p>
-      <p>Support Frontend Developer</p>
+      <p class="titlecard">Developer of Acceleration</p>
+      <p>Frontend Debugger</p>
       <a href="https://github.com/yohoxxz" class="github-button" target="_blank">
         <i class="fab fa-github"></i> GitHub
       </a>
     </div>
 
     <div class="project-card small">
       <h3>Rogo</h3>
-      <p>Developer of Acceleration</p>
-      <p>Did the Frontend and the Background</p>
+      <p class="titlecard">Developer of Acceleration</p>
+      <p>Frontend Developer and Designer</p>
       <a href="https://github.com/r480github" class="github-button" target="_blank">
         <i class="fab fa-github"></i> GitHub
       </a>

diff --git a/public/css/about.css b/public/css/about.css
@@ -76,21 +76,12 @@ body {
   margin-bottom: 1rem;
   font-size: 1.8rem;
 }
-
-.project-card.small h3 {
-  font-size: 1.5rem;
-}
-
 .project-card p {
   color: var(--primary-color);
   font-size: 1rem;
   line-height: 1.5;
 }
 
-.project-card.small p {
-  font-size: 0.9rem;
-}
-
 .project-card .github-button,
 .project-card .discord-button {
   margin-top: 1rem;
@@ -127,3 +118,6 @@ body {
 .developers {
   border-top: 2px solid var(--primary-color); 
 }
+.titlecard {
+  margin-bottom: 2vh;
+}
diff --git a/public/css/style.css b/public/css/style.css
@@ -95,7 +95,7 @@
 }
 
 .nav-item.searched {
-    top: -9vh;
+    top: -60px;
     transition: top 0.3s ease-in-out;
 }
 
@@ -104,7 +104,6 @@
 }
 
 .shadow-navbar {
-    background: rgba(0, 0, 0, 0.8);
     border-bottom-left-radius: 15px;
     border-left: white 2px solid;
     border-bottom: white 2px solid;
@@ -126,7 +125,7 @@
 }
 
 .shadow-navbar a {
-    color: white;
+    color: var( --icon-color);
     text-decoration: none;
     display: flex;
     align-items: center;

diff --git a/public/games.html b/public/games.html
@@ -13,16 +13,12 @@
     <script src="/js/settings.js"></script>
     <link rel="stylesheet" href="/css/themes.css" />
     <script src="/js/themes.js"></script>
-
-
-
     <style>
         body {
             background-color: black;
             color: white;
             margin-top: 15vh;
         }
-
         .game-card {
             background: #484848;
             padding-left: 7px;
@@ -39,21 +35,6 @@
 </head>
 <canvas id="canvas"></canvas>
 
-<script src="js/starback.js"></script>
-<script>
-  const canvas = document.getElementById("canvas");
-  const starback = new Starback(canvas, {
-    width: document.body.clientWidth,
-    height: document.body.clientHeight,
-    type: "dot",
-    quantity: 150,
-    randomOpacity: false,
-    starSize: [1, 2],
-    starColor: '#390e6e',
-    backgroundColor: 'transparent'
-
-  });
-</script>
 
 <body>
     <div class="search-bar" style="display: flex; justify-content: center;">