Setup 1.html, Soon to be about.html

tayrp · Sep 17, 2024 · 27dabbf · 27dabbf
1 parent 18c8667
commit 27dabbf
Show file tree

Hide file tree

Showing 9 changed files with 91 additions and 6 deletions.
diff --git a/1.html b/1.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>tee's website</title>
+
+<!-- CSS -->        
+<link rel="stylesheet" href="assets/css/about.css">
+
+<!-- Favicon -->
+<link rel="shortcut icon" href="assets/imgs/favicon.png">
+
+<body>
+
+<video autoplay loop id="myVideo">
+  <source src="https://index.havenmc.org/website/assets/mp4/usurper.mp4" type="video/mp4">
+  This browser does not support HTML5 video or the server is offline.
+</video>
+
+<div class="content">  <button id="myBtn" onclick="myFunction()">Pause</button>
+</div>
+
+<script>
+var video = document.getElementById("myVideo");
+var btn = document.getElementById("myBtn");
+
+function myFunction() {
+  if (video.paused) {
+    video.play();
+    btn.innerHTML = "Pause";
+  } else {
+    video.pause();
+    btn.innerHTML = "Play";
+  }
+}
+</script>
+
+</body>
+</html>
diff --git a/about.html b/about.html
@@ -6,7 +6,7 @@
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>tay.is-a.dev</title>
+        <title>tee's website</title>
 
         <!-- CSS -->        
         <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">

diff --git a/assets/css/about.css b/assets/css/about.css
@@ -0,0 +1,41 @@
+* {
+    box-sizing: border-box;
+  }
+
+  body {
+    margin: 0;
+    font-family: Arial;
+    font-size: 17px;
+  }
+
+  #myVideo {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    min-width: 100%; 
+    min-height: 100%;
+  }
+
+  .content {
+    position: fixed;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.5);
+    color: #f1f1f1;
+    width: 100%;
+    padding: 20px;
+  }
+
+  #myBtn {
+    width: 200px;
+    font-size: 18px;
+    padding: 10px;
+    border: none;
+    background: #000;
+    color: #fff;
+    cursor: pointer;
+  }
+
+  #myBtn:hover {
+    background: #ddd;
+    color: black;
+  }
diff --git a/discord.html b/discord.html
@@ -7,7 +7,7 @@
             <meta http-equiv="X-UA-Compatible" content="IE=edge">
             <meta name="viewport" content="width=device-width, initial-scale=1">
             <head>
-                <title>tay.is-a.dev</title>
+                <title>tee's website</title>
                     <meta charset="UTF-8" />
                     <meta http-equiv="refresh" content="4; URL=https://discord.gg/xMdsWvqp7P" />
             <!-- Set to 4 so that visitors can see the timer when it hits 0 -->

diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>tay.is-a.dev</title>
+        <title>tee's website</title>
 
         <!-- CSS -->        
         <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">

diff --git a/pages.html b/pages.html
@@ -6,7 +6,7 @@
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>tay.is-a.dev</title>
+        <title>tee's website</title>
 
         <!-- CSS -->        
         <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">

diff --git a/projects.html b/projects.html
@@ -6,7 +6,7 @@
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>tay.is-a.dev</title>
+        <title>tee's website</title>
 
         <!-- CSS -->        
         <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">

diff --git a/radio.html b/radio.html
@@ -6,7 +6,7 @@
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>tay.is-a.dev</title>
+        <title>tee's website</title>
 
         <!-- CSS -->        
         <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">

diff --git a/usurper.mp4 b/usurper.mp4