Update index.html

jacobnicked · Aug 28, 2024 · c16690e · c16690e
1 parent 8b5a0b4
commit c16690e
Showing 1 changed file with 25 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -25,20 +25,39 @@
 	<meta property="profile:username" content="jacobnicked" />
 	<meta property="profile:gender" content="male" />
 	<link rel="stylesheet" href="/assets/style.css" />
-	<link href='https://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet'/>
+	<link href='https://fonts.googleapis.com/css?family=Cinzel' rel="stylesheet" />
 	<link href="https://fonts.cdnfonts.com/css/google-sans" rel="stylesheet" />
     <link rel="icon" type="image/x-icon" href="https://avatars.githubusercontent.com/u/95031835?v=4" />
 </head>
 <body>
 	<!--Header-->
 	<header>
+		<div id="logoandtitle">
+			<img src="https://avatars.githubusercontent.com/u/95031835?v=4" alt="My profile picture" id="pfp" />
+			<h2 id="title" />Jacob Nicked</h2>
+		</div>
+		<div id="navbar">
+			<a href="index.html">Home</a>
+			<a href="/pages/aboutme.html">About me</a>
+			<a href="/pages/socialmedia.html">Social media</a>
+			<a href="/pages/tutorials.html">Tutorials</a>
+		</div>
+	</header>
+	<div id="mobileheader">
 		<img src="https://avatars.githubusercontent.com/u/95031835?v=4" alt="My profile picture" id="pfp" />
 		<h2 id="title" />Jacob Nicked</h2>
-	</header>
+	</div>
 	<!--Main-->
 	<main>
-		<!--Social media buttons-->
-		<div id="smbuttons" />
+		<div id="notformobiledevices">
+			<div id="mainpage">
+				<h2 style="font-size: 250%; text-align: center; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">Welcome</h2>
+				<h4 style="font-size: 125%; text-align: center; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">The official website</h4>
+				<p style="font-size: 125%; text-align: center; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">Soon</p>
+			</div>
+		</div>
+		<!--Social media buttons for mobile devices (temporary)-->
+		<div id="smbuttonsmobile" />
 			<!--Instagram-->
 			<a href="https://instagram.com/jacobnicked" title="Instagram: @jacobnicked" target="_blank" rel="me" />
 				<img src="files/icons/Instagram.png" id="smicon" />
@@ -107,7 +126,7 @@ <h2 id="title" />Jacob Nicked</h2>
 		</div>
 		</main>
 	<footer>
-		<span>&nbsp;</span>
+		<!--<span>&nbsp;</span>-->
 	</footer>
 </body>
-</html>
+</html>