Browse Source

Made page more responsive, removed portfolio block, added favicon.ico, improved style a little bit

Kristian Vos 2 years ago
parent
commit
ab67bcb729
3 changed files with 7 additions and 15 deletions
  1. BIN
      favicon.ico
  2. 4 8
      index.html
  3. 3 7
      style.css

BIN
favicon.ico


+ 4 - 8
index.html

@@ -1,6 +1,9 @@
 <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.0">
 	<title>Kvos.dev - Homepage</title>
 	<link rel="stylesheet" href="style.css" type="text/css" />
 	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css">
@@ -33,7 +36,7 @@
 				<p>
 					<span class="mdi mdi-git"></span>
 					<span>Git </span>
-					<a href="https://git.kvos.dev">git.kvos.dev</a>
+					<a href="https://git.kvos.dev/kris">git.kvos.dev/kris</a>
 				</p>
 				<p>
 					<span class="mdi mdi-github"></span>
@@ -42,13 +45,6 @@
 				</p>
 			</div>
 		</div>
-		<div class="block">
-			<h2>Portfolio</h2>
-			<div class="portfolio-section">
-				<input type="text" placeholder="Portfolio code" id="portfolio-code" />
-				<button>Enter</button>
-			</div>
-		</div>
 	</main>
 	<script>
 		const chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789@.+".split("");

+ 3 - 7
style.css

@@ -42,7 +42,7 @@ body {
 }
 
 header {
-	background: linear-gradient(90deg, green, lightblue, blue);
+	background: linear-gradient(90deg, green, rgb(74, 175, 209), blue);
 	width:100%;
 	color: white;
 	text-align: center;
@@ -78,14 +78,10 @@ main .block {
 	text-align: center;
 }
 
-.contact-section, .links-section, .portfolio-section {
+.contact-section, .links-section {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	flex-direction: column;
 	row-gap: 8px;
-}
-
-.portfolio-section {
-	row-gap: 4px;
-}
+}