initial blog setup stuff

cospplredman · cospplredman · commit efba4fb69452 · 2023-05-21T17:24:57.000-05:00
diff --git a/index.html b/index.html
@@ -7,6 +7,23 @@
   </head>
   
   <body>
-    initial commit vibes
+<pre>
+Welcome to my terrible blog!
+
+posts:
+	<div id="posts"></div>
+</pre>
   </body>
+  <script src="posts.js"></script>
+<script>
+
+let postElement = document.getElementById("posts");
+for(let i = 0; i < posts.length; i++){
+	let link = document.createElement("a");
+	link.innerText = posts[i].title;
+	link.href = `./posts/${posts[i].id}/index.html`;
+	postElement.appendChild(link);
+}
+
+</script>
 </html>
diff --git a/posts.js b/posts.js
@@ -0,0 +1,19 @@
+
+/*
+	stores metadata for posts
+
+	format:
+		{ title: title, id: id }
+
+	where title is the title of the post and id is the post number
+*/
+
+
+let posts = [
+	{
+		title: "inital post",
+		id: 0
+	}
+];
+
+
diff --git a/posts/0/index.html b/posts/0/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>blog :skull:</title>
+    <link rel="icon" href="../../favicon.svg" type="image/svg+xml"></link>
+    <link rel="stylesheet" href="../../style.css"></link>
+    <meta name="date" content="2023-05-21"></meta>
+  </head>
+  
+  <body>
+<pre>
+welcome to the initial post of my blog!
+
+this blog is intended as a way to pass some time, and share cool things that I find along the way.
+
+you can expect:
+	random golfs
+	small code samples
+	interesting software interactions
+	linux content
+
+</pre>
+  </body>
+</html>
diff --git a/style.css b/style.css
@@ -34,19 +34,10 @@ body {
 	padding: 40px 40px 40px 40px;
 }
 
-hr {
-	height: 3em;
-	display: block;
-}
-
 div {
 	padding-left: 8ch;
 }
 
-th, td {
-	padding-right: 8ch;
-}
-
 input[type=text]:hover, input[type=text]:focus {
 	background-color: magenta;
 	color: black;
@@ -91,7 +82,7 @@ a:hover, option:hover, input[type=submit]:hover {
 	color: black;
 }
 
-a:visited{
+a:visited {
 	color cyan;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -34,19 +34,10 @@ body {`
`34`	`34`	`padding: 40px 40px 40px 40px;`
`35`	`35`	`}`
`36`	`36`
`37`		`-hr {`
`38`		`- height: 3em;`
`39`		`- display: block;`
`40`		`-}`
`41`		`-`
`42`	`37`	`div {`
`43`	`38`	`padding-left: 8ch;`
`44`	`39`	`}`
`45`	`40`
`46`		`-th, td {`
`47`		`- padding-right: 8ch;`
`48`		`-}`
`49`		`-`
`50`	`41`	`input[type=text]:hover, input[type=text]:focus {`
`51`	`42`	`background-color: magenta;`
`52`	`43`	`color: black;`
`@@ -91,7 +82,7 @@ a:hover, option:hover, input[type=submit]:hover {`
`91`	`82`	`color: black;`
`92`	`83`	`}`
`93`	`84`
`94`		`-a:visited{`
	`85`	`+a:visited {`
`95`	`86`	`color cyan;`
`96`	`87`	`}`
`97`	`88`