Updated css and about.html fr this time.

tayrp · Sep 17, 2024 · 68e1aff · 68e1aff
1 parent a943e8b
commit 68e1aff
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 18 deletions.
diff --git a/about.html b/about.html
@@ -2,8 +2,8 @@
 <html lang="en">
     <head>
         <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta http-equiv="X-UA-Compatible" aboutcontent="IE=edge">
+        <meta name="viewport" aboutcontent="width=device-width, initial-scale=1">
         <title>tee's website</title>
 
         <!-- CSS -->        
@@ -42,10 +42,10 @@
 			<div class="about">
 				<div>
 					<body>
-						<div class="content">
+						<div class="aboutcontent">
 							<h1>Tee</h1>
 							<p>Heya! I'm Tee, A small Modrinth creator.</p>
-							<div id="images">
+							<div id="aboutimages">
 								<a href="https://discord.com/users/1050531216589332581" target="_blank"><img src="assets/imgs/discord.png" class="social-logo" alt="Discord"></a>
 								<a href="https://github.com/tayrp" target="_blank"><img src="assets/imgs/github.png" class="social-logo" alt="Github"></a>
 								<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank"><img src="assets/imgs/youtube.png" class="social-logo" alt="YouTube"></a>

diff --git a/assets/css/style.css b/assets/css/style.css
@@ -142,39 +142,30 @@ div.pl {
 	display: inline-block;
 	text-align: left;
   }
-/* About stuff */
-  body {
-    overflow: hidden;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;
-    background-color: black;
-    z-index: 1;
-}
 
-.content {
+/* About Page */
+.aboutcontent {
     text-align: center;
     color: white;
     z-index: 1;
     font-size: 30px;
 }
 
-#images {
+#aboutimages {
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
-.social-logo {
+.aboutsocial-logo {
     padding-left: 15px;
     padding-right: 1px;
     transition: transform 0.2s;
     width: 65px;
     height: 47px;
 }
 
-video {
+aboutvideo {
     position: fixed;
     top: 50%;
     left: 50%;