Commented a pause button into about for yes

tayrp · Sep 18, 2024 · 93a5f98 · 93a5f98
1 parent aa132e2
commit 93a5f98
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 31 deletions.
diff --git a/content/about/index.html b/content/about/index.html
@@ -12,6 +12,7 @@ <h1>Hiya, Call me Tee!</h1>
 								<a href="https://discord.gg/gjypyNkPPp" target="_blank"><img src="/assets/imgs/haven.png" class="social-logo" alt="Haven"></a>
 								<a href="https://www.last.fm/user/MystixMew" target="_blank"><img src="/assets/imgs/lastfm.png" class="social-logo" alt="Last.fm"></a>
 								<a href="https://www.youtube.com/@MystixMew" target="_blank"><img src="/assets/imgs/youtube.png" class="social-logo" alt="YouTube"></a>
+								<!-- <a class="btn btn-link-3" button id="aboutpauseBtn" onclick="togglePause()">⏸️</a></p> -->
 							</div>
 						</div>
 						<video autoplay loop id="aboutvideo">
@@ -21,7 +22,7 @@ <h1>Hiya, Call me Tee!</h1>
 
 						<label for="volumeControl">Volume:</label>
 						<input type="range" id="volumeControl" min="0" max="1" step="0.01" value="0.01">
-						<span id="volumePercentage">1%</span>											
+						<span id="volumePercentage">1%</span>										
 
 						<script>
 							var video = document.getElementById("aboutvideo");

diff --git a/public/about/index.html b/public/about/index.html
@@ -58,6 +58,7 @@ <h1>Hiya, Call me Tee!</h1>
 								<a href="https://discord.gg/gjypyNkPPp" target="_blank"><img src="/assets/imgs/haven.png" class="social-logo" alt="Haven"></a>
 								<a href="https://www.last.fm/user/MystixMew" target="_blank"><img src="/assets/imgs/lastfm.png" class="social-logo" alt="Last.fm"></a>
 								<a href="https://www.youtube.com/@MystixMew" target="_blank"><img src="/assets/imgs/youtube.png" class="social-logo" alt="YouTube"></a>
+								<!-- <a class="btn btn-link-3" button id="aboutpauseBtn" onclick="togglePause()">⏸️</a></p> -->
 							</div>
 						</div>
 						<video autoplay loop id="aboutvideo">
@@ -67,7 +68,7 @@ <h1>Hiya, Call me Tee!</h1>
 
 						<label for="volumeControl">Volume:</label>
 						<input type="range" id="volumeControl" min="0" max="1" step="0.01" value="0.01">
-						<span id="volumePercentage">1%</span>											
+						<span id="volumePercentage">1%</span>										
 
 						<script>
 							var video = document.getElementById("aboutvideo");

diff --git a/public/discord/index.html b/public/discord/index.html
@@ -7,18 +7,14 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>tee's website</title>
-
+		<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+		<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>			
         <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
         <link rel="stylesheet" href="/assets/font-awesome/css/font-awesome.min.css">
         <link rel="stylesheet" href="/assets/css/animate.css">
 		<link rel="stylesheet" href="/assets/css/about/style.css">
 		<link rel="stylesheet" href="/assets/css/style.css">
-
         <link rel="shortcut icon" href="/assets/imgs/favicon.png">
-		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
-        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
-
-
     </head>
 
     <body>
@@ -30,7 +26,7 @@
 						<span class="icon-bar"></span>
 						<span class="icon-bar"></span>
 					</button>
-					<a class="navbar-brand" href="/">tee's website</a>
+					<a class="navbar-brand" href="/">Tee</a>
 					<link rel="home" href="/" />
 				</div>
 				<div class="collapse navbar-collapse" id="top-navbar-1">

diff --git a/public/index.xml b/public/index.xml
@@ -12,7 +12,7 @@
       <link>http://localhost:1313/about/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>http://localhost:1313/about/</guid>
-      <description>&lt;link rel=&#34;stylesheet&#34; href=&#34;http://localhost:1313/assets/css/about/style.css&#34;&gt;&#xD;&#xA;&#x9;&#x9;&lt;main&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&lt;div class=&#34;about&#34;&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&lt;div&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;body&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;div class=&#34;content&#34;&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;h1&gt;Hiya, Call me Tee!&lt;/h1&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;iframe width=&#34;570&#34; height=&#34;230&#34; src=&#34;https://lanyard.cnrad.dev/api/1050531216589332581&#34; frameborder=&#34;0&#34; allowfullscreen style=&#34;margin-left: 35px;&#34;&gt;&lt;/iframe&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;div id=&#34;images&#34;&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;a href=&#34;https://discord.com/users/1050531216589332581&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;http://localhost:1313/assets/imgs/discord.png&#34; class=&#34;social-logo&#34; alt=&#34;Discord&#34;&gt;&lt;/a&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;a href=&#34;https://github.com/tayrp&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;http://localhost:1313/assets/imgs/github.png&#34; class=&#34;social-logo&#34; alt=&#34;Github&#34;&gt;&lt;/a&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;a href=&#34;https://discord.gg/gjypyNkPPp&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;http://localhost:1313/assets/imgs/haven.png&#34; class=&#34;social-logo&#34; alt=&#34;Haven&#34;&gt;&lt;/a&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;a href=&#34;https://www.last.fm/user/MystixMew&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;http://localhost:1313/assets/imgs/lastfm.png&#34; class=&#34;social-logo&#34; alt=&#34;Last.fm&#34;&gt;&lt;/a&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;a href=&#34;https://www.youtube.com/@MystixMew&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;http://localhost:1313/assets/imgs/youtube.png&#34; class=&#34;social-logo&#34; alt=&#34;YouTube&#34;&gt;&lt;/a&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;/div&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;/div&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;video autoplay loop id=&#34;aboutvideo&#34;&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;source src=&#34;https://index.havenmc.org/website/assets/mp4/usurper.mp4&#34; type=&#34;video/mp4&#34;&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;This browser does not support HTML5 video or the server is offline.&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;/video&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;label for=&#34;volumeControl&#34;&gt;Volume:&lt;/label&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;input type=&#34;range&#34; id=&#34;volumeControl&#34; min=&#34;0&#34; max=&#34;1&#34; step=&#34;0.01&#34; value=&#34;0.01&#34;&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;span id=&#34;volumePercentage&#34;&gt;1%&lt;/span&gt;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#xD;&#xA;&#x9;&#x9;&#x9;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;script&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;var video = document.getElementById(&#34;aboutvideo&#34;);&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;var btn = document.getElementById(&#34;aboutpauseBtn&#34;);&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;var volumeControl = document.getElementById(&#34;volumeControl&#34;);&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;var volumePercentage = document.getElementById(&#34;volumePercentage&#34;);&#xD;&#xA;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;// Initialize the video volume and percentage display&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;video.volume = volumeControl.value; // Set initial volume based on the slider value&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;volumePercentage.innerHTML = Math.round(volumeControl.value * 100) + &#34;%&#34;; // Set initial percentage&#xD;&#xA;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;function togglePause() {&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;    if (video.paused) {&#xD;&#xA;        &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;video.play();&#xD;&#xA;        &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;btn.innerHTML = &#34;⏸️&#34;;&#xD;&#xA;    &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;} else {&#xD;&#xA;        &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;video.pause();&#xD;&#xA;        &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;btn.innerHTML = &#34;▶️&#34;;&#xD;&#xA;    &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;}&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;}&#xD;&#xA;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;volumeControl.addEventListener(&#34;input&#34;, function() {&#xD;&#xA;    &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;video.volume = volumeControl.value;&#xD;&#xA;    &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;var percentage = Math.round(volumeControl.value * 100);&#xD;&#xA;    &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;volumePercentage.innerHTML = percentage + &#34;%&#34;;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;});&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;/script&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;/body&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&lt;/div&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&lt;/div&gt;&#x9;&#xD;&#xA;&#x9;&#x9;&lt;/main&gt;</description>
+      <description>&lt;link rel=&#34;stylesheet&#34; href=&#34;http://localhost:1313/assets/css/about/style.css&#34;&gt;&#xD;&#xA;&#x9;&#x9;&lt;main&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&lt;div class=&#34;about&#34;&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&lt;div&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;body&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;div class=&#34;content&#34;&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;h1&gt;Hiya, Call me Tee!&lt;/h1&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;iframe width=&#34;570&#34; height=&#34;230&#34; src=&#34;https://lanyard.cnrad.dev/api/1050531216589332581&#34; frameborder=&#34;0&#34; allowfullscreen style=&#34;margin-left: 35px;&#34;&gt;&lt;/iframe&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;div id=&#34;images&#34;&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;a href=&#34;https://discord.com/users/1050531216589332581&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;http://localhost:1313/assets/imgs/discord.png&#34; class=&#34;social-logo&#34; alt=&#34;Discord&#34;&gt;&lt;/a&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;a href=&#34;https://github.com/tayrp&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;http://localhost:1313/assets/imgs/github.png&#34; class=&#34;social-logo&#34; alt=&#34;Github&#34;&gt;&lt;/a&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;a href=&#34;https://discord.gg/gjypyNkPPp&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;http://localhost:1313/assets/imgs/haven.png&#34; class=&#34;social-logo&#34; alt=&#34;Haven&#34;&gt;&lt;/a&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;a href=&#34;https://www.last.fm/user/MystixMew&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;http://localhost:1313/assets/imgs/lastfm.png&#34; class=&#34;social-logo&#34; alt=&#34;Last.fm&#34;&gt;&lt;/a&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;a href=&#34;https://www.youtube.com/@MystixMew&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;http://localhost:1313/assets/imgs/youtube.png&#34; class=&#34;social-logo&#34; alt=&#34;YouTube&#34;&gt;&lt;/a&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;!-- &lt;a class=&#34;btn btn-link-3&#34; button id=&#34;aboutpauseBtn&#34; onclick=&#34;togglePause()&#34;&gt;⏸️&lt;/a&gt;&lt;/p&gt; --&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;/div&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;/div&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;video autoplay loop id=&#34;aboutvideo&#34;&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;source src=&#34;https://index.havenmc.org/website/assets/mp4/usurper.mp4&#34; type=&#34;video/mp4&#34;&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;This browser does not support HTML5 video or the server is offline.&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;/video&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;label for=&#34;volumeControl&#34;&gt;Volume:&lt;/label&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;input type=&#34;range&#34; id=&#34;volumeControl&#34; min=&#34;0&#34; max=&#34;1&#34; step=&#34;0.01&#34; value=&#34;0.01&#34;&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;span id=&#34;volumePercentage&#34;&gt;1%&lt;/span&gt;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#xD;&#xA;&#x9;&#x9;&#x9;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;script&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;var video = document.getElementById(&#34;aboutvideo&#34;);&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;var btn = document.getElementById(&#34;aboutpauseBtn&#34;);&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;var volumeControl = document.getElementById(&#34;volumeControl&#34;);&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;var volumePercentage = document.getElementById(&#34;volumePercentage&#34;);&#xD;&#xA;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;// Initialize the video volume and percentage display&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;video.volume = volumeControl.value; // Set initial volume based on the slider value&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;volumePercentage.innerHTML = Math.round(volumeControl.value * 100) + &#34;%&#34;; // Set initial percentage&#xD;&#xA;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;function togglePause() {&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;    if (video.paused) {&#xD;&#xA;        &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;video.play();&#xD;&#xA;        &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;btn.innerHTML = &#34;⏸️&#34;;&#xD;&#xA;    &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;} else {&#xD;&#xA;        &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;video.pause();&#xD;&#xA;        &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;btn.innerHTML = &#34;▶️&#34;;&#xD;&#xA;    &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;}&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;}&#xD;&#xA;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;volumeControl.addEventListener(&#34;input&#34;, function() {&#xD;&#xA;    &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;video.volume = volumeControl.value;&#xD;&#xA;    &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;var percentage = Math.round(volumeControl.value * 100);&#xD;&#xA;    &#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;volumePercentage.innerHTML = percentage + &#34;%&#34;;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;});&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;/script&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;/body&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&#x9;&lt;/div&gt;&#xD;&#xA;&#x9;&#x9;&#x9;&lt;/div&gt;&#x9;&#xD;&#xA;&#x9;&#x9;&lt;/main&gt;</description>
     </item>
     <item>
       <title></title>

diff --git a/public/pages/index.html b/public/pages/index.html
@@ -7,18 +7,14 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>tee's website</title>
-
+		<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+		<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>			
         <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
         <link rel="stylesheet" href="/assets/font-awesome/css/font-awesome.min.css">
         <link rel="stylesheet" href="/assets/css/animate.css">
 		<link rel="stylesheet" href="/assets/css/about/style.css">
 		<link rel="stylesheet" href="/assets/css/style.css">
-
         <link rel="shortcut icon" href="/assets/imgs/favicon.png">
-		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
-        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
-
-
     </head>
 
     <body>
@@ -30,7 +26,7 @@
 						<span class="icon-bar"></span>
 						<span class="icon-bar"></span>
 					</button>
-					<a class="navbar-brand" href="/">tee's website</a>
+					<a class="navbar-brand" href="/">Tee</a>
 					<link rel="home" href="/" />
 				</div>
 				<div class="collapse navbar-collapse" id="top-navbar-1">

diff --git a/public/projects/index.html b/public/projects/index.html
@@ -7,18 +7,14 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>tee's website</title>
-
+		<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+		<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>			
         <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
         <link rel="stylesheet" href="/assets/font-awesome/css/font-awesome.min.css">
         <link rel="stylesheet" href="/assets/css/animate.css">
 		<link rel="stylesheet" href="/assets/css/about/style.css">
 		<link rel="stylesheet" href="/assets/css/style.css">
-
         <link rel="shortcut icon" href="/assets/imgs/favicon.png">
-		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
-        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
-
-
     </head>
 
     <body>
@@ -30,7 +26,7 @@
 						<span class="icon-bar"></span>
 						<span class="icon-bar"></span>
 					</button>
-					<a class="navbar-brand" href="/">tee's website</a>
+					<a class="navbar-brand" href="/">Tee</a>
 					<link rel="home" href="/" />
 				</div>
 				<div class="collapse navbar-collapse" id="top-navbar-1">

diff --git a/public/salad/index.html b/public/salad/index.html
@@ -7,18 +7,14 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>tee's website</title>
-
+		<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+		<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>			
         <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
         <link rel="stylesheet" href="/assets/font-awesome/css/font-awesome.min.css">
         <link rel="stylesheet" href="/assets/css/animate.css">
 		<link rel="stylesheet" href="/assets/css/about/style.css">
 		<link rel="stylesheet" href="/assets/css/style.css">
-
         <link rel="shortcut icon" href="/assets/imgs/favicon.png">
-		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
-        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
-
-
     </head>
 
     <body>
@@ -30,7 +26,7 @@
 						<span class="icon-bar"></span>
 						<span class="icon-bar"></span>
 					</button>
-					<a class="navbar-brand" href="/">tee's website</a>
+					<a class="navbar-brand" href="/">Tee</a>
 					<link rel="home" href="/" />
 				</div>
 				<div class="collapse navbar-collapse" id="top-navbar-1">