Added Games page, Updated rest

Sirdug · Aug 15, 2024 · b3ba7dd · b3ba7dd
1 parent 6f3056e
commit b3ba7dd
Show file tree

Hide file tree

Showing 12 changed files with 200 additions and 10 deletions.
diff --git a/AI.html b/AI.html
@@ -13,9 +13,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>
 

diff --git a/about.css b/about.css
@@ -354,4 +354,15 @@ p {
 
 .navbar-menu a:hover {
  color: rgb(18, 113, 255);
+}
+
+.profile {
+ border-radius: 100%;
+}
+
+
+.pfp {
+
+border-radius: 100%;
+
 }
diff --git a/about.html b/about.html
@@ -12,8 +12,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,10 +29,16 @@
  </svg>
  <div class="content">
 
- <embed src="images/sirdug.webp" type="images">
-
  <h1>about</h1>
- <p>Body</p>
+ <div class="profile">
+ <img class="pfp" src="images/sirdug.webp" alt="pfp">
+ <p class="creator" >Site Creator</p>
+ <p class="creator">Sirdug</p>
+ <p>Discord: sirdug</p>
+
+
+
+ </div>
  <button class="button-86" role="button" href="index.html" >Button 86</button>
 
 

diff --git a/games.html b/games.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <title>sirdug.dev</title>
+ <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>
+
+
+
+</html>
diff --git a/index.html b/index.html
@@ -13,7 +13,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>

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.html b/servers.html
@@ -13,7 +13,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>

diff --git a/style.css b/style.css
@@ -405,3 +405,44 @@ iframe {
  text-align: center;
 
 }
+
+.profile {
+text-align: center;
+
+
+}
+
+
+.pfp {
+
+border-radius: 100%;
+justify-content: center;
+display: block;
+margin-left: auto;
+margin-right: auto;
+width: 85%;
+border: 5px solid #555;
+}
+
+.dclink {
+color: rgb(210, 2, 210);
+text-align: center;
+padding-bottom: 10px;
+text-decoration: none;
+font-family: "Montserrat", sans-serif;
+font-weight: 700;
+transition: color 0.3s;
+cursor: pointer;
+
+}
+
+
+.creator {
+text-align: center;
+}
+
+
+.soon {
+text-align: center;
+
+}