Merge branch 'main' of https://github.com/Sirdug/sirdug.dev

Sirdug · Aug 17, 2024 · 41a8ad8 · 41a8ad8
2 parents 803a8d5 + 5a94e32
commit 41a8ad8
Show file tree

Hide file tree

Showing 14 changed files with 286 additions and 17 deletions.
diff --git a/AI.html b/AI.html
@@ -4,6 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <title>sirdug.dev</title>
+  <link rel="icon" type="image/x-icon" href="/images/sirdug.jpg">
   <link rel="stylesheet" href="./style.css">
 
 </head>
@@ -13,9 +14,9 @@
     <ul class="navbar-menu">
       <li><a class="homepage" href="index.html">Home</a></li>
       <li><a href="about.html">About</a></li>
-      <li><a href="#services">Games</a></li>
+      <li><a href="games.html">Games</a></li>
       <li><a href="servers.html">Servers</a></li>
-      <li><a href="#contact">AI Chatbot</a></li>
+      <li><a href="about.html">AI Chatbot</a></li>
     </ul>
   </nav>
 
@@ -31,7 +32,7 @@
 
 
       <h1>Chatbot</h1>
-      <iframe src="https://ai.sirdug.dev" width="910" height="650" style="border:1px solid black;">
+      <iframe src="https://ai.sirdug.dev" width="910" height="555" style="border:1px solid black;">
       </iframe>
 
       <div class="bottom-text">
@@ -76,6 +77,7 @@ <h1>Chatbot</h1>
 
 </body>
 
-
-
+<footer class="footer1">
+  <p>beta ver 0.0.1</p>
+</footer>
 </html>
diff --git a/about.css b/about.css
@@ -354,4 +354,30 @@ p {
 
 .navbar-menu a:hover {
   color: rgb(18, 113, 255);
+}
+
+.profile {
+  border-radius: 100%;
+}
+
+
+.pfp {
+
+border-radius: 100%;
+
+}
+
+
+.footer1 {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  text-align: right;
+  padding: 10px;
+  background-color: rgba(8, 10, 15, 0.21); /* Slightly transparent background */
+  backdrop-filter: blur(10px); /* Blur background */
+  color: #FFF;
+  font-family: "Montserrat", sans-serif;
+  font-weight: 700;
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5);
 }
diff --git a/about.html b/about.html
@@ -4,6 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <title>sirdug.dev</title>
+  <link rel="icon" type="image/x-icon" href="/images/sirdug.jpg">
   <link rel="stylesheet" href="./style.css">
 
 </head>
@@ -12,8 +13,8 @@
   <nav class="navbar">
     <ul class="navbar-menu">
       <li><a class="homepage" href="index.html">Home</a></li>
-      <li><a href="#about">About</a></li>
-      <li><a href="#services">Games</a></li>
+      <li><a href="about.html">About</a></li>
+      <li><a href="games.html">Games</a></li>
       <li><a href="servers.html">Servers</a></li>
       <li><a href="AI.html">AI Chatbot</a></li>
     </ul>
@@ -29,11 +30,16 @@
     </svg>
     <div class="content">
 
-      <embed src="images/sirdug.webp" type="images">
-
       <h1>about</h1>
-      <p>Body</p>
-      <button class="button-86" role="button" href="index.html" >Button 86</button>
+      <div class="profile">
+      <img class="pfp" src="images/sirdug.jpg" alt="pfp">
+      <p class="creator" >Site Creator</p>
+      <p class="creator">Sirdug</p>
+      <p>Discord: sirdug</p>
+
+
+
+      </div>
 
 
     </div>
@@ -69,4 +75,8 @@ <h1>about</h1>
 
 </body>
 
+<footer class="footer1">
+  <p>beta ver 0.0.1</p>
+</footer>
+
 </html>
diff --git a/games.html b/games.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>sirdug.dev</title>
+  <link rel="icon" type="image/x-icon" href="/images/sirdug.jpg">
+  <link rel="stylesheet" href="./style.css">
+
+</head>
+
+<body>
+  <nav class="navbar">
+    <ul class="navbar-menu">
+      <li><a class="homepage" href="index.html">Home</a></li>
+      <li><a href="about.html">About</a></li>
+      <li><a href="games.html">Games</a></li>
+      <li><a href="servers.html">Servers</a></li>
+      <li><a href="AI.html">AI Chatbot</a></li>
+    </ul>
+  </nav>
+
+  <div class="card">
+    <svg viewBox="0 0 100% 100%" xmlns='http://www.w3.org/2000/svg' class="noise">
+      <filter id='noiseFilter'>
+        <feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='6' stitchTiles='stitch' />
+      </filter>
+
+      <rect width='100%' height='100%' preserveAspectRatio="xMidYMid meet" filter='url(#noiseFilter)' />
+    </svg>
+    <div class="content">
+
+      <h1>Games</h1>
+      <p class="soon">COMING SOON!</p>
+
+      <link href="https://fonts.googleapis.com/css?family=Yantramanav:400,500,700,900" rel="stylesheet">
+<!-- Display the countdown timer in an element -->
+<p id="demo" style="background-image: -moz-linear-gradient(top,#b8b0af 0%,#f2ecea 100%);
+background-image: -webkit-linear-gradient(top,#b8b0af 0%,#f2ecea 100%);
+background-image: -o-linear-gradient(top,#b8b0af 0%,#f2ecea 100%);
+background-image: -ms-linear-gradient(top,#b8b0af 0%,#f2ecea 100%);
+background-image: linear-gradient(top,#b8b0af 0%,#f2ecea 100%);
+-webkit-background-clip: text;
+-webkit-text-fill-color: transparent;
+position:relative;font-size:1.2em;font-family: 'Yantramanav', sans-serif;font-weight:900;text-align: center;"></p>
+
+
+    </div>
+  </div>
+  <div class="gradient-bg">
+    <svg viewBox="0 0 100vw 100vw" xmlns='http://www.w3.org/2000/svg' class="noiseBg">
+      <filter id='noiseFilterBg'>
+        <feTurbulence type='fractalNoise' baseFrequency='0.6' stitchTiles='stitch' />
+      </filter>
+
+      <rect width='100%' height='100%' preserveAspectRatio="xMidYMid meet" filter='url(#noiseFilterBg)' />
+    </svg>
+    <svg xmlns="http://www.w3.org/2000/svg" class="svgBlur">
+      <defs>
+        <filter id="goo">
+          <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
+          <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8" result="goo" />
+          <feBlend in="SourceGraphic" in2="goo" />
+        </filter>
+      </defs>
+    </svg>
+    <div class="gradients-container">
+      <div class="g1"></div>
+      <div class="g2"></div>
+      <div class="g3"></div>
+      <div class="g4"></div>
+      <div class="g5"></div>
+      <div class="interactive"></div>
+    </div>
+  </div>
+
+  <script src="./script.js"></script>
+
+</body>
+
+<footer class="footer1">
+  <p>beta ver 0.0.1</p>
+</footer>
+
+</html>
diff --git a/images/sirdug.jpg b/images/sirdug.jpg
diff --git a/index.html b/index.html
@@ -4,6 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <title>sirdug.dev</title>
+  <link rel="icon" type="image/x-icon" href="/images/sirdug.jpg">
   <link rel="stylesheet" href="./style.css">
 
 </head>
@@ -13,7 +14,7 @@
     <ul class="navbar-menu">
       <li><a class="homepage" href="index.html">Home</a></li>
       <li><a href="about.html">About</a></li>
-      <li><a href="#services">Games</a></li>
+      <li><a href="games.html">Games</a></li>
       <li><a href="servers.html">Servers</a></li>
       <li><a href="AI.html">AI Chatbot</a></li>
     </ul>
@@ -30,7 +31,8 @@
     <div class="content">
 
       <h1>Homepage</h1>
-      <p>This is under construction</p>
+      <p class="lol">This is under construction</p>
+      <p class="lol">...also idk what to put here</p>
 
 
     </div>
@@ -66,6 +68,8 @@ <h1>Homepage</h1>
 
 </body>
 
-
+<footer class="footer1">
+  <p>beta ver 0.0.1</p>
+</footer>
 
 </html>
diff --git a/blink.css → legacy/blink.css b/blink.css → legacy/blink.css
diff --git a/blink.html → legacy/blink.html b/blink.html → legacy/blink.html
diff --git a/test.css → legacy/test.css b/test.css → legacy/test.css
diff --git a/test.html → legacy/test.html b/test.html → legacy/test.html
diff --git a/script.js b/script.js
@@ -18,4 +18,54 @@ document.addEventListener('DOMContentLoaded', () => {
   });
 
   move();
-});
+});
+
+function clicktocopy() {
+  // Get the text field
+  var copyText = document.getElementById("sirdug");
+
+  // Select the text field
+  copyText.select();
+  copyText.setSelectionRange(0, 99999); // For mobile devices
+
+   // Copy the text inside the text field
+  navigator.clipboard.writeText(copyText.value);
+
+  // Alert the copied text
+  alert("Copied the text: " + copyText.value);
+}
+
+
+
+
+
+
+
+
+var countDownDate = new Date("August 18, 2024 12:00:00").getTime();
+
+// Update the count down every 1 second
+var x = setInterval(function() {
+
+  // Get todays date and time
+  var now = new Date().getTime();
+
+  // Find the distance between now an the count down date
+  var distance = countDownDate - now;
+
+  // Time calculations for days, hours, minutes and seconds
+  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+  // Display the result in the element with id="demo"
+  document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+  + minutes + "m " + seconds + "s ";
+
+  // If the count down is finished, write some text 
+  if (distance < 0) {
+    clearInterval(x);
+    document.getElementById("demo").innerHTML = "EXPIRED";
+  }
+}, 1000);
diff --git a/servers.css b/servers.css
@@ -428,3 +428,18 @@ iframe {
     opacity: 0.6;
   }
 }
+
+
+.footer1 {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  text-align: right;
+  padding: 10px;
+  background-color: rgba(8, 10, 15, 0.21); /* Slightly transparent background */
+  backdrop-filter: blur(10px); /* Blur background */
+  color: #FFF;
+  font-family: "Montserrat", sans-serif;
+  font-weight: 700;
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5);
+}
diff --git a/servers.html b/servers.html
@@ -4,6 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <title>sirdug.dev</title>
+  <link rel="icon" type="image/x-icon" href="/images/sirdug.jpg">
   <link rel="stylesheet" href="./servers.css">
 
 </head>
@@ -13,7 +14,7 @@
     <ul class="navbar-menu">
       <li><a class="homepage" href="index.html">Home</a></li>
       <li><a href="about.html">About</a></li>
-      <li><a href="#services">Games</a></li>
+      <li><a href="games.html">Games</a></li>
       <li><a href="servers.html">Servers</a></li>
       <li><a href="AI.html">AI Chatbot</a></li>
     </ul>
@@ -88,6 +89,8 @@ <h1>Server Stats</h1> <!-- Moved the heading outside the chip container -->
 
 </body>
 
-
+<footer class="footer1">
+  <p>beta ver 0.0.1</p>
+</footer>
 
 </html>