Webpage now is webpage

I worked on designing the webpage I didn't finish the 2nd text box because I'm too tired and I literally can't think
popdxo · May 8, 2024 · 082afeb · 082afeb
1 parent d6a2480
commit 082afeb
Show file tree

Hide file tree

Showing 7 changed files with 64 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -1,7 +1,5 @@
-# popd.site
-
 This is the WIP source code for popd.site
 
 The website itself isn't public but feel free to use any of the source code here.
 
-If you plan to use anything from this project, note that I'm using this project to learn HTML and CSS so it's likely that there are way better ways to design this site.
+If you plan to use anything from this project, note that I'm using this project to learn HTML and CSS so it's likely that there are way better ways to design this site.
diff --git a/fonts/Comfortaa-VariableFont_wght.ttf b/fonts/Comfortaa-VariableFont_wght.ttf
diff --git a/images/aurora.jpg b/images/aurora.jpg
diff --git a/images/credit b/images/credit
@@ -0,0 +1,2 @@
+popd.png - Designed in 30 seconds in Inkscape
+aurora.jpg - Image by Noel Bauza from Pixabay - https://pixabay.com/photos/aurora-northern-lights-1197753/
diff --git a/images/popd.png b/images/popd.png
diff --git a/index.css b/index.css
@@ -0,0 +1,45 @@
+@font-face {
+    font-family: Comfortaa;
+    src: url(/fonts/Comfortaa-VariableFont_wght.ttf);
+}
+
+body {
+    background-color: rgb(27, 27, 27);
+}
+h1 {
+    color: rgb(255, 255, 255);
+    text-align: center;
+
+    font-family: "Comfortaa", sans-serif;
+    font-weight: 800;
+    margin:auto;
+}
+#introdiv {
+    margin: 10px;
+    padding: 120px;
+    background-image: url(/images/aurora.jpg);
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+#introtext {
+
+    margin: 0 10%;
+    text-align: center;
+    color: white;
+    font-family: "Comfortaa", sans-serif;
+    font-weight: 500;
+    font-size: 4vw;
+}
+.frostedglass {
+    background-color: rgba(0, 0, 0, 0.7);
+    backdrop-filter: blur(10px);
+    border: solid rgba(0, 0, 0, 0);
+    border-radius: 2vw;
+    padding: 1vw;
+}
+#gitlink {
+    font-family: "Comfortaa", sans-serif;
+    color:aqua;
+    background-position: center;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <link rel="stylesheet" href="index.css">
+    <link rel="icon" type="image/x-icon" href="/images/popd.png">
+    <title>popd.site</title>
+</head>
+
+<body>
+    <h1>popd.site</h1>
+    <div id="introdiv">
+        <P class="frostedglass" id="introtext">A WIP site made to learn more web development</P>
+        <a href="https://github.com/Sharkmouth-Sucks/popd.site" class="frostedglass" id="gitlink">Github<a>
+    </div>
+</body>
+</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		popd.png - Designed in 30 seconds in Inkscape
		aurora.jpg - Image by Noel Bauza from Pixabay - https://pixabay.com/photos/aurora-northern-lights-1197753/