diff options
Diffstat (limited to '')
-rw-r--r-- | blog/.html | 0 | ||||
-rw-r--r-- | blog/state-of-the-site.html | 18 | ||||
-rw-r--r-- | blog/style.css | 7 | ||||
-rw-r--r-- | bloglist.html | 3 | ||||
-rwxr-xr-x | genblog | 15 | ||||
-rw-r--r-- | index.html | 31 | ||||
-rw-r--r-- | pics/nocookie.gif | bin | 0 -> 581 bytes | |||
-rw-r--r-- | pics/profile.png | bin | 0 -> 196980 bytes | |||
-rw-r--r-- | style.css | 38 |
9 files changed, 112 insertions, 0 deletions
diff --git a/blog/.html b/blog/.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/blog/.html diff --git a/blog/state-of-the-site.html b/blog/state-of-the-site.html new file mode 100644 index 0000000..fd6ba69 --- /dev/null +++ b/blog/state-of-the-site.html @@ -0,0 +1,18 @@ +<title>state of the site</title> +<link rel="stylesheet" href="style.css"> +<html> +<p> +Hello o/, and welcome to my website!<br> +As of right now I am still setting things up, I have a git server running but I am +still working on getting cloning to work via https. On top of the git server I also +have a cgit instance which I have gotten close to perfect (for some reason the site +is only sometimes in darkmode). +<br><br> +As of right now that is all I've got running but I might be setting up a SearXNG +instance soon. +<br><br> +However somethings that I will never put on my server are: <br> + - social media frontend's eg: invious, and mastadon <br> + - probably some other things that I can't think about right now <br> +</p> +</html> diff --git a/blog/style.css b/blog/style.css new file mode 100644 index 0000000..83ff097 --- /dev/null +++ b/blog/style.css @@ -0,0 +1,7 @@ +html { + background-color: #121212; + border: 3vh solid #121212; + font-family: sans-serif; + font-size: 2vh; + color: white; +} diff --git a/bloglist.html b/bloglist.html new file mode 100644 index 0000000..0004ac3 --- /dev/null +++ b/bloglist.html @@ -0,0 +1,3 @@ +<p style="font-family: sans-serif; color: white;"> +2023 Mar 10 - <a href="https://squi.bid/blog/state-of-the-site.html" target="top" id="link">state-of-the-site</a><br> +</p> @@ -0,0 +1,15 @@ +#!/bin/sh + +blogs=$(ls -ct1 blog/*.html) +date() { + ls -ct1l --time-style=+'%Y %b %d' $1 | cut -d ' ' -f 6-8 +} +[ -f bloglist.html ] && rm bloglist.html +echo '<p style="font-family: sans-serif; color: white;">' >> bloglist.html +[ "$blogs" ] || echo "No blogs yet :)" >> bloglist.html + +for i in $blogs; do + name=$(echo $i | sed 's/blog\///' | sed 's/\..*//') + echo $(date $i)" - <a href=\"https://squi.bid/$i\" target=\"top\" id=\"link\">$name</a><br>" >> bloglist.html +done +echo '</p>' >> bloglist.html diff --git a/index.html b/index.html new file mode 100644 index 0000000..29d133f --- /dev/null +++ b/index.html @@ -0,0 +1,31 @@ +<!DOCTYPE HTML> +<html lang="en"> + <head> + <title>Squibid's Site</title> + <link rel="stylesheet" href="style.css"> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + </head> + <body> + <div class="master"> + <header> + <h1 id="font">Squibid's<br>Website!</h1> + </header> + <hr style="color: #f7f7f7;"> + <div id="left"> + <h2 id="font">👋 Welcome</h2> + <p> Hi my name is Squibid, and this is my website! + I will be using it for anything that I find + interesting along with some of my personal + projects and a blog. </p> + <h2 id="font">🌐 Git Repos</h2> + <a href="https://git.squi.bid">git site</a> + <object type="text/html" data="gitlist.html"></object> + </div> + <div id="right"> + <h2 id="font">📖 My Blog</h2> + <object type="text/html" data="bloglist.html"></object> + </div> + </div> + </body> +</html> diff --git a/pics/nocookie.gif b/pics/nocookie.gif Binary files differnew file mode 100644 index 0000000..c0dd092 --- /dev/null +++ b/pics/nocookie.gif diff --git a/pics/profile.png b/pics/profile.png Binary files differnew file mode 100644 index 0000000..b3f111c --- /dev/null +++ b/pics/profile.png diff --git a/style.css b/style.css new file mode 100644 index 0000000..d29f987 --- /dev/null +++ b/style.css @@ -0,0 +1,38 @@ +html, body { + background-color: #A9454A; + display: flex; + justify-content: center; +} +.master { + background-color: #141414; + border: 1vw solid #141414; + position: absolute; + width: 50%; + height: 100vh; +} +header { + text-align: center; + font-size: 1.7vw; +} +#profile { + vertical-align: middle; + margin: 10vw; +} +#font, p { + font-family: sans-serif; + color: white; +} +#link { + font-family: sans-serif; + color: white; +} +#left { + float: left; + text-align: left; + width: 50%; +} +#right { + float: right; + text-align: right; + width: 50%; +} |