first blood

21 files changed, 1290 insertions, 0 deletions

diff --git a/assets/css/style.css b/assets/css/style.css
new file mode 100644
index 0000000..8a06300
--- /dev/null
+++ b/assets/css/style.css
@@ -0,0 +1,249 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
+
+:root {
+  --bg: #282a36;
+  --current-line: #44475a;
+  --foreground: #f8f8f2;
+  --comment: #6272a4;
+  --cyan: #8be9fd;
+  --green: #50fa7b;
+  --orange: #ffb86c;
+  --pink: #ff79c6;
+  --purple: #bd93f9;
+  --red: #ff5555;
+  --yellow: #f1fa8c;
+  --radius: 25px;
+
+  --cactus-button-color: var(--comment);
+  --cactus-button-color--strong: var(--foreground);
+  --cactus-button-color--stronger: var(--foreground);
+  --cactus-error-color: var(--red);
+  --cactus-text-color: var(--foreground);
+  --cactus-text-color--soft: var(--foreground);
+  --cactus-border-color: var(--pink);
+}
+
+body {
+  margin: 1em;
+  background-image: url("/assets/media/background.jpg");
+  background-color: var(--bg);
+  image-rendering: pixelated;
+  font-family: "Montserrat", sans-serif;
+  color: var(--foreground);
+  text-align: center;
+  font-size: 1em;
+}
+
+.em {
+  color: var(--cyan);
+}
+
+p {
+  text-align: justify;
+}
+
+p#post-excerpt {
+  background-color: var(--current-line);
+  padding: 1em;
+  border-radius: var(--radius);
+}
+
+small {
+  font-size: small;
+}
+
+p,
+small {
+  margin-left: 0.5em;
+  margin-right: 0.5em;
+}
+
+.active {
+  font-weight: bolder;
+  border: 2px solid var(--bg);
+  background-color: var(--cyan);
+  padding: 0.1em;
+  padding-left: 0.2em;
+  padding-right: 0.2em;
+  border-radius: var(--radius);
+}
+
+.center {
+  text-align: center;
+}
+
+.right {
+  float: right;
+  margin-left: 1em;
+}
+
+.left-blog-index {
+  text-align: left;
+}
+
+.left {
+  float: left;
+  right: 1em;
+}
+
+.container {
+  padding: 1em;
+  max-width: 1000px;
+  display: inline-block;
+  border-radius: var(--radius);
+  border: 3px solid var(--green);
+  background-color: var(--bg);
+}
+
+.tiny-img {
+  height: 25%;
+  width: 25%;
+  border-radius: var(--radius);
+  border: 3px solid var(--cyan);
+}
+
+.small-img {
+  height: 40%;
+  width: 40%;
+  border-radius: var(--radius);
+  border: 3px solid var(--cyan);
+}
+
+.large-img {
+  height: 100%;
+  width: 100%;
+  border-radius: var(--radius);
+  border: 3px solid var(--cyan);
+}
+
+.rainbow {
+  background-image: linear-gradient(to left,
+      var(--red),
+      var(--pink),
+      var(--orange),
+      var(--yellow),
+      var(--green),
+      var(--cyan),
+      var(--purple),
+      var(--red));
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+@font-face {
+  font-family: OpenSans;
+  src: url("/assets/fonts/OpenSans-Regular.ttf");
+}
+
+header,
+footer {
+  margin: inherit;
+  background-color: var(--current-line);
+  border-radius: var(--radius);
+  padding: 0.5em;
+}
+
+footer {
+  margin-top: 0.7em;
+}
+
+h1 {
+  color: var(--pink);
+}
+
+h2 {
+  color: var(--green);
+}
+
+h3 {
+  text-align: left;
+  color: var(--yellow);
+  margin-left: 0.5em;
+}
+
+nav {
+  margin: inherit;
+  background-color: var(--orange);
+  border-radius: inherit;
+  padding: inherit;
+}
+
+i {
+  color: var(--cyan);
+}
+
+#nav-menu {
+  margin: inherit;
+  background-color: var(--orange);
+  border-radius: inherit;
+  padding: inherit;
+}
+
+a {
+  color: var(--purple);
+  text-decoration: none;
+}
+
+nav a {
+  color: var(--bg);
+  text-decoration: none;
+}
+
+nav a:visited {
+  color: var(--bg);
+  text-decoration: none;
+}
+
+a:visited {
+  color: var(--purple);
+}
+
+div.scroller {
+  height: 16px;
+  margin: auto;
+  margin-bottom: 1em;
+  width: 75%;
+  border-radius: var(--radius);
+  border: 3px solid var(--cyan);
+}
+
+div.gifbuttons {
+  vertical-align: middle;
+}
+
+div.post-excerpt-index {
+  background-color: var(--current-line);
+  padding: 1em;
+  border-radius: var(--radius);
+}
+
+iframe.scroller {
+  width: 100%;
+  border-radius: var(--radius);
+}
+
+ol {
+  counter-reset: item;
+  text-align: left;
+}
+
+li {
+  text-align: left;
+  padding-bottom: 0.5em;
+  padding: 10px;
+  margin: 0;
+}
+
+hr {
+  color: var(--pink);
+}
+
+::-moz-selection {
+  color: var(--bg);
+  background: var(--pink);
+}
+
+::selection {
+  color: var(--bg);
+  background: var(--pink);
+}
diff --git a/assets/media/adblock.png b/assets/media/adblock.png
new file mode 100644
index 0000000..02ba693
--- /dev/null
+++ b/assets/media/adblock.png
diff --git a/assets/media/background.jpg b/assets/media/background.jpg
new file mode 100644
index 0000000..ed52ba9
--- /dev/null
+++ b/assets/media/background.jpg
diff --git a/assets/media/buttons/by-nc-sa.png b/assets/media/buttons/by-nc-sa.png
new file mode 100644
index 0000000..8cac818
--- /dev/null
+++ b/assets/media/buttons/by-nc-sa.png
diff --git a/assets/media/buttons/chrome.gif b/assets/media/buttons/chrome.gif
new file mode 100644
index 0000000..eabb7d8
--- /dev/null
+++ b/assets/media/buttons/chrome.gif
diff --git a/assets/media/buttons/debian.gif b/assets/media/buttons/debian.gif
new file mode 100644
index 0000000..eaf7001
--- /dev/null
+++ b/assets/media/buttons/debian.gif
diff --git a/assets/media/buttons/gnu_linux.png b/assets/media/buttons/gnu_linux.png
new file mode 100644
index 0000000..7403c59
--- /dev/null
+++ b/assets/media/buttons/gnu_linux.png
diff --git a/assets/media/buttons/mastodon.gif b/assets/media/buttons/mastodon.gif
new file mode 100644
index 0000000..76d9c0e
--- /dev/null
+++ b/assets/media/buttons/mastodon.gif
diff --git a/assets/media/buttons/neovim.gif b/assets/media/buttons/neovim.gif
new file mode 100644
index 0000000..c3670e2
--- /dev/null
+++ b/assets/media/buttons/neovim.gif
diff --git a/assets/media/buttons/soupault.png b/assets/media/buttons/soupault.png
new file mode 100644
index 0000000..a13c53a
--- /dev/null
+++ b/assets/media/buttons/soupault.png
diff --git a/assets/media/buttons/steam.gif b/assets/media/buttons/steam.gif
new file mode 100644
index 0000000..f387bbd
--- /dev/null
+++ b/assets/media/buttons/steam.gif
diff --git a/assets/media/buttons/vscodium.gif b/assets/media/buttons/vscodium.gif
new file mode 100644
index 0000000..b382576
--- /dev/null
+++ b/assets/media/buttons/vscodium.gif
diff --git a/assets/media/pfp.jpg b/assets/media/pfp.jpg
new file mode 100644
index 0000000..2b13cfd
--- /dev/null
+++ b/assets/media/pfp.jpg
diff --git a/assets/media/wget-log b/assets/media/wget-log
new file mode 100644
index 0000000..011c54c
--- /dev/null
+++ b/assets/media/wget-log
@@ -0,0 +1,6 @@
+--2024-05-19 01:25:53--  https://media.discordapp.net/attachments/1199630396846002276/1241479344514400428/image.png?ex=664a593d
+Resolving media.discordapp.net (media.discordapp.net)... 162.159.134.232, 162.159.129.232, 162.159.133.232, ...
+Connecting to media.discordapp.net (media.discordapp.net)|162.159.134.232|:443... connected.
+HTTP request sent, awaiting response... 404 Not Found
+2024-05-19 01:25:53 ERROR 404: Not Found.
+
diff --git a/books/index.html b/books/index.html
new file mode 100644
index 0000000..ebcdced
--- /dev/null
+++ b/books/index.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<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">
+  <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
+  <meta name="referrer" content="no-referrer">
+  <link rel="icon" href="https://yt3.ggpht.com/a/AATXAJy8stJvLJrN0cleHvkBG4hVDcCMy3p47CZTWWtk=s900-c-k-c0xffffffff-no-rj-mo">
+  <title>
+   Books
+  </title>
+  <meta name="generator" content="soupault">
+  <link rel="icon" href="https://yt3.ggpht.com/a/AATXAJy8stJvLJrN0cleHvkBG4hVDcCMy3p47CZTWWtk=s900-c-k-c0xffffffff-no-rj-mo">
+  <link rel="stylesheet" href="/assets/css/style.css">
+ </head>
+ <body>
+  <div class="container">
+   <header>
+    <h1>
+     Books
+    </h1>
+    <div id="nav-menu">
+     <nav>
+      	😎
+	<a href="/">Home</a>
+        😎
+        <a href="https://demonkingswarn.is-a.dev/blog/">Blog</a>
+        😎
+        <a href="/setup/">Setup</a>
+	😎
+	<a class="active" href="/books/">Books</a>
+     </nav>
+    </div>
+   </header>
+   <main>
+   	<p>
+	So I am a massive fan of the <i>Percy Jackson</i> books which are written by <i>Rick Riordan</i>, having read each book a millionth time now.
+	</p>
+	<p>
+	Though my favourite book from the <i>Percy Jackson and the Olympians</i> series is <i>Percy Jackson and the Titan's Curse</i>, mainly because my favourite character <i>Nico di Angelo</i> was first introduced in this book. And from <i>Heroes of Olympus</i> series my favourite book will be <i>House of Hades</i> because it has some really cool <i>Percabeth</i> moments.
+	</p>
+	<p>
+	The non-PJ book series which is my favourite is <i>The Kane Chronicles</i>. Well it's actually in the same universe as the <i>Percy Jackson</i> books, the universe which we refer as the <i>Riordan-Verse</i>.
+	</p>
+	<p>
+	I have also read <i>The Trials of Apollo</i>, <i>Magnus Chase</i> and ofcourse the latest <i>Percy Jackson and the Chalice of the Gods</i>.
+	</p>
+	<p>
+	I have also read the <i>Shadow and Bone</i> trilogy books by <i>Leigh Bardugo</i>.
+	</p>
+   </main>
+  </div>
+ </body>
+</html>
diff --git a/cgit/body.jpg b/cgit/body.jpg
new file mode 100644
index 0000000..533223a
--- /dev/null
+++ b/cgit/body.jpg
diff --git a/cgit/git-favicon.png b/cgit/git-favicon.png
new file mode 100644
index 0000000..4fa44bb
--- /dev/null
+++ b/cgit/git-favicon.png
diff --git a/cgit/git-logo.png b/cgit/git-logo.png
new file mode 100644
index 0000000..c726a22
--- /dev/null
+++ b/cgit/git-logo.png
diff --git a/cgit/style.css b/cgit/style.css
new file mode 100644
index 0000000..0cd8aad
--- /dev/null
+++ b/cgit/style.css
@@ -0,0 +1,828 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
+
+body {
+  	background-image:url('body.jpg');
+	font-family: 'Montserrat',sans-serif;
+}
+
+div#cgit {
+	padding: 0em;
+	margin: 0em;
+	font-family: 'Droid Sans',sans-serif;
+	font-size: 10pt;
+	color: #333;
+	background-image:url('body.jpg');
+	padding: 4px;
+}
+
+div#cgit a {
+	color: #3232ff;
+	text-decoration: none;
+}
+
+div#cgit a:hover {
+	text-decoration: underline;
+}
+
+div#cgit table {
+      border-collapse: collapse;
+}
+
+div#cgit table#header {
+	width: 100%;
+	margin-bottom: 1em;
+}
+
+div#cgit table#header td.logo {
+	width: 50px;
+	vertical-align: top;
+}
+
+div#cgit table#header td.main {
+	font-size: 250%;
+	padding-left: 10px;
+	white-space: nowrap;
+}
+
+div#cgit table#header td.main a {
+	color: #000;
+}
+
+div#cgit table#header td.form {
+	text-align: right;
+	vertical-align: bottom;
+	padding-right: 1em;
+	padding-bottom: 2px;
+	white-space: nowrap;
+}
+
+div#cgit table#header td.form form,
+div#cgit table#header td.form input,
+div#cgit table#header td.form select {
+	font-size: 90%;
+}
+
+div#cgit table#header td.sub {
+	color: #777;
+	border-top: solid 1px #e0e0e0;
+	border-radius: 2px;
+	padding-left: 10px;
+}
+
+div#cgit table.tabs {
+	border-bottom: solid 3px #e0e0e0;
+	border-collapse: collapse;
+	border-radius: 2px;
+	margin-top: 2em;
+	margin-bottom: 0px;
+	width: 100%;
+}
+
+div#cgit table.tabs td {
+	padding: 0px 1em;
+	vertical-align: bottom;
+}
+
+div#cgit table.tabs td a {
+	padding: 2px 0.75em;
+	color: #777;
+	font-size: 110%;
+}
+
+div#cgit table.tabs td a.active {
+	color: #000;
+	background-color: #e0e0e0;
+}
+
+div#cgit table.tabs td.form {
+	text-align: right;
+}
+
+div#cgit table.tabs td.form form {
+	padding-bottom: 2px;
+	font-size: 90%;
+	white-space: nowrap;
+}
+
+div#cgit table.tabs td.form input,
+div#cgit table.tabs td.form select {
+	font-size: 90%;
+}
+
+div#cgit div.path {
+	margin: 0px;
+	padding: 5px 2em 2px 2em;
+	color: #000;
+	background-color: #eee;
+}
+
+div#cgit div.content {
+	margin: 0px;
+	padding: 2em;
+	border-bottom: solid 3px #e0e0e0;
+}
+
+
+div#cgit table.list {
+	width: 100%;
+	border: none;
+	background: #D6D4CC;
+	border-collapse: collapse;
+}
+
+div#cgit table.list tr {
+	background-image: url('body.jpg');
+}
+
+div#cgit table.list tr.logheader {
+	background: #eee;
+}
+
+div#cgit table.list tr:hover {
+	background: #e0e0e0;
+}
+
+div#cgit table.list tr.nohover:hover {
+	background-image: url('body.jpg');
+}
+
+div#cgit table.list th {
+	font-family: 'Droid Sans';
+	font-weight: bold;
+	padding: 0.1em 0.5em 0.05em 0.5em;
+	vertical-align: baseline;
+}
+
+div#cgit table.list td {
+	border: none;
+	padding: 0.1em 0.5em 0.1em 0.5em;
+}
+
+div#cgit table.list td.commitgraph {
+	font-family: 'Droid Sans Mono',monospace;
+	white-space: pre;
+}
+
+div#cgit table.list td.commitgraph .column1 {
+	color: #a00;
+}
+
+div#cgit table.list td.commitgraph .column2 {
+	color: #0a0;
+}
+
+div#cgit table.list td.commitgraph .column3 {
+	color: #aa0;
+}
+
+div#cgit table.list td.commitgraph .column4 {
+	color: #00a;
+}
+
+div#cgit table.list td.commitgraph .column5 {
+	color: #a0a;
+}
+
+div#cgit table.list td.commitgraph .column6 {
+	color: #0aa;
+}
+
+div#cgit table.list td.logsubject {
+	font-family: 'Droid Sans Mono', monospace;
+	font-weight: bold;
+}
+
+div#cgit table.list td.logmsg {
+	font-family: 'Droid Sans Mono', monospace;
+	white-space: pre;
+	padding: 0 0.5em;
+}
+
+div#cgit table.list td a {
+	color: black;
+}
+
+div#cgit table.list td a.ls-dir {
+	font-weight: bold;
+	color: #00f;
+}
+
+div#cgit table.list td a:hover {
+	color: #00f;
+}
+
+div#cgit img {
+	width: 60px;
+	border: none;
+}
+
+div#cgit input#switch-btn {
+	margin: 2px 0px 0px 0px;
+}
+
+div#cgit td#sidebar input.txt {
+	width: 100%;
+	margin: 2px 0px 0px 0px;
+}
+
+div#cgit table#grid {
+	margin: 0px;
+}
+
+div#cgit td#content {
+	vertical-align: top;
+	padding: 1em 2em 1em 1em;
+	border: none;
+}
+
+div#cgit div#summary {
+	vertical-align: top;
+	margin-bottom: 1em;
+}
+
+div#cgit table#downloads {
+	float: right;
+	border-collapse: collapse;
+	border: solid 1px #777;
+	border-radius: 2px;
+	margin-left: 0.5em;
+	margin-bottom: 0.5em;
+}
+
+div#cgit table#downloads th {
+	background-color: #e0e0e0;
+}
+
+div#cgit div#blob {
+	border: solid 1px black;
+	border-radius: 2px;
+}
+
+div#cgit div.error {
+	color: red;
+	font-weight: bold;
+	margin: 1em 2em;
+}
+
+div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit a.ls-mod {
+	font-family: 'Droid Sans Mono',monospace;
+}
+
+div#cgit td.ls-size {
+	text-align: right;
+	font-family: 'Droid Sans Mono',monospace;
+	width: 10em;
+}
+
+div#cgit td.ls-mode {
+	font-family: 'Droid Sans Mono', monospace;
+	width: 10em;
+}
+
+div#cgit table.blob {
+	margin-top: 0.5em;
+	border-top: solid 1px black;
+}
+
+div#cgit table.blob td.lines {
+	margin: 0; padding: 0 0 0 0.5em;
+	vertical-align: top;
+	color: black;
+}
+
+div#cgit table.blob td.linenumbers {
+	margin: 0; padding: 0 0.5em 0 0.5em;
+	vertical-align: top;
+	text-align: right;
+	border-right: 1px solid gray;
+}
+
+div#cgit table.blob pre {
+	padding: 0; margin: 0;
+}
+
+div#cgit table.blob td.linenumbers a,
+div#cgit table.ssdiff td.lineno a {
+	color: gray;
+	text-align: right;
+	text-decoration: none;
+}
+
+div#cgit table.blob td.linenumbers a:hover,
+div#cgit table.ssdiff td.lineno a:hover {
+	color: black;
+}
+
+div#cgit table.bin-blob {
+	margin-top: 0.5em;
+	border: solid 1px black;
+	border-radius: 2px;
+}
+
+div#cgit table.bin-blob th {
+	font-family: 'Droid Sans Mono', monospace;
+	white-space: pre;
+	border: solid 1px #777;
+	border-radius: 2px;
+	padding: 0.5em 1em;
+}
+
+div#cgit table.bin-blob td {
+	font-family: 'Droid Sans Mono', monospace;
+	white-space: pre;
+	border-left: solid 1px #777;
+	padding: 0em 1em;
+}
+
+div#cgit table.nowrap td {
+	white-space: nowrap;
+}
+
+div#cgit table.commit-info {
+	border-collapse: collapse;
+	margin-top: 1.5em;
+}
+
+div#cgit div.cgit-panel {
+	float: right;
+	margin-top: 1.5em;
+}
+
+div#cgit div.cgit-panel table {
+	border-collapse: collapse;
+	border: solid 1px #aaa;
+	background-color: #eee;
+}
+
+div#cgit div.cgit-panel th {
+	text-align: center;
+}
+
+div#cgit div.cgit-panel td {
+	padding: 0.25em 0.5em;
+}
+
+div#cgit div.cgit-panel td.label {
+	padding-right: 0.5em;
+}
+
+div#cgit div.cgit-panel td.ctrl {
+	padding-left: 0.5em;
+}
+
+div#cgit table.commit-info th {
+	text-align: left;
+	font-weight: normal;
+	padding: 0.1em 1em 0.1em 0.1em;
+	vertical-align: top;
+}
+
+div#cgit table.commit-info td {
+	font-weight: normal;
+	padding: 0.1em 1em 0.1em 0.1em;
+}
+
+div#cgit div.commit-subject {
+	font-weight: bold;
+	font-size: 125%;
+	margin: 1.5em 0em 0.5em 0em;
+	padding: 0em;
+}
+
+div#cgit div.commit-msg {
+	white-space: pre;
+	font-family: 'Droid Sans Mono', monospace;
+}
+
+div#cgit div.notes-header {
+	font-weight: bold;
+	padding-top: 1.5em;
+}
+
+div#cgit div.notes {
+	white-space: pre;
+	font-family: 'Droid Sans Mono', monospace;
+	border: solid 1px #ee9;
+	background-color: #ffd;
+	padding: 0.3em 2em 0.3em 1em;
+	float: left;
+}
+
+div#cgit div.notes-footer {
+	clear: left;
+}
+
+div#cgit div.diffstat-header {
+	font-weight: bold;
+	padding-top: 1.5em;
+}
+
+div#cgit table.diffstat {
+	border-collapse: collapse;
+	border: solid 1px #aaa;
+	background-color: #eee;
+}
+
+div#cgit table.diffstat th {
+	font-weight: normal;
+	text-align: left;
+	text-decoration: underline;
+	padding: 0.1em 1em 0.1em 0.1em;
+	font-size: 100%;
+}
+
+div#cgit table.diffstat td {
+	padding: 0.2em 0.2em 0.1em 0.1em;
+	font-size: 100%;
+	border: none;
+}
+
+div#cgit table.diffstat td.mode {
+	white-space: nowrap;
+}
+
+div#cgit table.diffstat td span.modechange {
+	padding-left: 1em;
+	color: red;
+}
+
+div#cgit table.diffstat td.add a {
+	color: #3232ff;
+}
+
+div#cgit table.diffstat td.del a {
+	color: #3232ff;
+}
+
+div#cgit table.diffstat td.upd a {
+	color: #3232ff;
+}
+
+div#cgit table.diffstat td.graph {
+	width: 500px;
+	vertical-align: middle;
+}
+
+div#cgit table.diffstat td.graph table {
+	border: none;
+}
+
+div#cgit table.diffstat td.graph td {
+	padding: 0px;
+	border: 0px;
+	height: 7pt;
+}
+
+div#cgit table.diffstat td.graph td.add {
+	background-color: #99cc99;
+}
+
+div#cgit table.diffstat td.graph td.rem {
+	background-color: #ff7f7f;
+}
+
+div#cgit div.diffstat-summary {
+	color: #888;
+	padding-top: 0.5em;
+}
+
+div#cgit table.diff {
+	width: 100%;
+}
+
+div#cgit table.diff td {
+	font-family: 'Droid Sans Mono', monospace;
+	white-space: pre;
+}
+
+div#cgit table.diff td div.head {
+	font-weight: bold;
+	margin-top: 1em;
+	color: black;
+}
+
+div#cgit table.diff td div.hunk {
+	color: #3232ff;
+}
+
+div#cgit table.diff td div.add {
+	background: #d9ffd9;
+	color: black;
+}
+
+div#cgit table.diff td div.del {
+	background: #ffcccc;
+	color: black;
+}
+
+div#cgit .sha1 {
+	font-family: 'Droid Sans Mono', monospace;
+	font-size: 90%;
+}
+
+div#cgit .left {
+	text-align: left;
+}
+
+div#cgit .right {
+	text-align: right;
+}
+
+div#cgit table.list td.reposection {
+	font-style: italic;
+	color: #888;
+}
+
+div#cgit a.button {
+	font-size: 80%;
+	padding: 0em 0.5em;
+}
+
+div#cgit a.primary {
+	font-size: 100%;
+}
+
+div#cgit a.secondary {
+	font-size: 90%;
+}
+
+div#cgit td.toplevel-repo {
+
+}
+
+div#cgit table.list td.sublevel-repo {
+	padding-left: 1.5em;
+}
+
+div#cgit ul.pager {
+	list-style-type: none;
+	text-align: center;
+	margin: 1em 0em 0em 0em;
+	padding: 0;
+}
+
+div#cgit ul.pager li {
+	display: inline-block;
+	margin: 0.25em 0.5em;
+}
+
+div#cgit ul.pager a {
+	color: #777;
+}
+
+div#cgit ul.pager .current {
+	font-weight: bold;
+}
+
+div#cgit span.age-mins {
+	font-weight: bold;
+	color: #080;
+}
+
+div#cgit span.age-hours {
+	color: #080;
+}
+
+div#cgit span.age-days {
+	color: #040;
+}
+
+div#cgit span.age-weeks {
+	color: #444;
+}
+
+div#cgit span.age-months {
+	color: #888;
+}
+
+div#cgit span.age-years {
+	color: #bbb;
+}
+div#cgit div.footer {
+	margin-top: 0.5em;
+	text-align: center;
+	font-size: 80%;
+	color: #e0e0e0;
+}
+div#cgit a.branch-deco {
+	color: #000;
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: #a2ffa2;
+	border: solid 1px #71b271;
+	border-radius: 4px;
+}
+div#cgit a.tag-deco {
+	color: #000;
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: #ffff88;
+	border: solid 1px #777700;
+	border-radius: 4px;
+}
+div#cgit a.remote-deco {
+	color: #000;
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: #ccccff;
+	border: solid 1px #000077;
+	border-radius: 4px;
+}
+div#cgit a.deco {
+	color: #000;
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: #ff9393;
+	border: solid 1px #b25f5f;
+	border-radius: 4px;
+}
+
+div#cgit div.commit-subject a.branch-deco,
+div#cgit div.commit-subject a.tag-deco,
+div#cgit div.commit-subject a.remote-deco,
+div#cgit div.commit-subject a.deco {
+	margin-left: 1em;
+	font-size: 75%;
+}
+
+div#cgit table.stats {
+	border: solid 1px black;
+	border-radius: 2px;
+	border-collapse: collapse;
+}
+
+div#cgit table.stats th {
+	text-align: left;
+	padding: 1px 0.5em;
+	background-color: #eee;
+	border: solid 1px black;
+}
+
+div#cgit table.stats td {
+	text-align: right;
+	padding: 1px 0.5em;
+	border: solid 1px black;
+	border-radius: 2px;
+}
+
+div#cgit table.stats td.total {
+	font-weight: bold;
+	text-align: left;
+}
+
+div#cgit table.stats td.sum {
+	color: #c00;
+	font-weight: bold;
+/*	background-color: #eee; */
+}
+
+div#cgit table.stats td.left {
+	text-align: left;
+}
+
+div#cgit table.vgraph {
+	border-collapse: separate;
+	border: solid 1px black;
+	height: 200px;
+}
+
+div#cgit table.vgraph th {
+	background-color: #eee;
+	font-weight: bold;
+	border: solid 1px white;
+	padding: 1px 0.5em;
+}
+
+div#cgit table.vgraph td {
+	vertical-align: bottom;
+	padding: 0px 10px;
+}
+
+div#cgit table.vgraph div.bar {
+	background-color: #eee;
+}
+
+div#cgit table.hgraph {
+	border: solid 1px black;
+	width: 800px;
+}
+
+div#cgit table.hgraph th {
+	background-color: #eee;
+	font-weight: bold;
+	border: solid 1px black;
+	padding: 1px 0.5em;
+}
+
+div#cgit table.hgraph td {
+	vertical-align: middle;
+	padding: 2px 2px;
+}
+
+div#cgit table.hgraph div.bar {
+	background-color: #eee;
+	height: 1em;
+}
+
+div#cgit table.ssdiff {
+	width: 100%;
+}
+
+div#cgit table.ssdiff td {
+	font-size: 75%;
+	font-family: 'Droid Sans Mono', monospace;
+	white-space: pre;
+	padding: 1px 4px 1px 4px;
+	border-left: solid 1px #aaa;
+	border-right: solid 1px #aaa;
+	border-radius: 2px;
+}
+
+div#cgit table.ssdiff td.add {
+	color: black;
+	background: #cfc;
+	min-width: 50%;
+}
+
+div#cgit table.ssdiff td.add_dark {
+	color: black;
+	background: #aca;
+	min-width: 50%;
+}
+
+div#cgit table.ssdiff span.add {
+	background: #cfc;
+	font-weight: bold;
+}
+
+div#cgit table.ssdiff td.del {
+	color: black;
+	background: #ff6666;
+	min-width: 50%;
+}
+
+div#cgit table.ssdiff td.del_dark {
+	color: black;
+	background: #caa;
+	min-width: 50%;
+}
+
+div#cgit table.ssdiff span.del {
+	background: #ff6666;
+	font-weight: bold;
+}
+
+div#cgit table.ssdiff td.changed {
+	color: black;
+	background: #ffc;
+	min-width: 50%;
+}
+
+div#cgit table.ssdiff td.changed_dark {
+	color: black;
+	background: #cca;
+	min-width: 50%;
+}
+
+div#cgit table.ssdiff td.lineno {
+	color: black;
+	background: #eee;
+	text-align: right;
+	width: 3em;
+	min-width: 3em;
+}
+
+div#cgit table.ssdiff td.hunk {
+	color: black;
+	background: #ccf;
+	border-top: solid 1px #aaa;
+	border-bottom: solid 1px #aaa;
+	border-radius: 2px;
+}
+
+div#cgit table.ssdiff td.head {
+	border-top: solid 1px #aaa;
+	border-bottom: solid 1px #aaa;
+	border-radius: 2px;
+}
+
+div#cgit table.ssdiff td.head div.head {
+	font-weight: bold;
+	color: black;
+}
+
+div#cgit table.ssdiff td.foot {
+	border-top: solid 1px #aaa;
+        border-left: none;
+        border-right: none;
+        border-bottom: none;
+	border-radius: 2px;
+}
+
+div#cgit table.ssdiff td.space {
+	border: none;
+}
+
+div#cgit table.ssdiff td.space div {
+	min-height: 3em;
+}
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..357d2f6
--- /dev/null
+++ b/index.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<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">
+  <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
+  <link rel="icon" href="https://yt3.ggpht.com/a/AATXAJy8stJvLJrN0cleHvkBG4hVDcCMy3p47CZTWWtk=s900-c-k-c0xffffffff-no-rj-mo">
+  <meta name="referrer" content="no-referrer">
+  <title>
+   /home/demonkingswarn
+  </title>
+  <meta name="generator" content="soupault">
+  <link rel="icon" href="https://yt3.ggpht.com/a/AATXAJy8stJvLJrN0cleHvkBG4hVDcCMy3p47CZTWWtk=s900-c-k-c0xffffffff-no-rj-mo">
+  <link rel="stylesheet" href="/assets/css/style.css">
+ </head>
+ <body>
+  <div class="container">
+   <header>
+    <h1>
+     /home/demonkingswarn
+    </h1>
+    <div id="nav-menu">
+     <nav>
+        😎
+      	<a class="active" href="/">Home</a>
+        😎
+        <a href="https://demonkingswarn.is-a.dev/blog/">Blog</a>
+        😎
+        <a href="/setup/">Setup</a>
+     	😎
+	<a href="/books/">Books</a>
+     </nav>
+    </div>
+   </header>
+   <main>
+    <p>
+     Hi there!
+    </p>
+    <p>
+     Welcome to my personal website. I have multiple aliases on the
+          Internet including
+          <i>DemonKingSwarn</i>, <i>Demon</i> and <i>Swarn</i>.
+    </p>
+    <h2>
+     About me
+    </h2>
+    <img class="tiny-img right" src="/assets/media/pfp.jpg" alt="me">
+    <p>
+     I'm a GNU/Linux and
+          <a target="blank" href="https://www.gnu.org/philosophy/free-sw.html">free software</a>
+          enthusiast.
+    </p>
+    <p>
+     I'm a Computer Science student over at
+          <a target="blank" href="https://www.bitmesra.ac.in/">BIT MESRA</a>. I'm in my
+          early-twenties, so I regularly think about what to do with my life and
+          carreer.
+    </p>
+    <p>
+     Check out <a href="https://demonkingswarn.is-a.dev/blog/">my blog</a> here about libre software, and other interesting thoughts about anything that comes to my mind.
+    </p>
+    <p>
+     I might self-host a
+          <a target="blank" href="https://matrix.org/">Matrix</a>,
+          <a target="blank" href="https://invidious.io/">Invidious</a> or
+          <a target="blank" href="https://joinmastodon.org/">Mastodon</a>
+          instance on this site in the future, but not with
+          <a target="blank" href="/setup/">this hardware</a>.
+    </p>
+    <p>
+     If you have any questions on how to get started with hosting your own
+          personal site, <a href="mailto:swarnaditya.isometric@gmail.com">send me a message</a>.
+    </p>
+    <a target="blank" href="https://ublockorigin.com"><img class="large-img" src="/assets/media/adblock.png"></a>
+    <div class="gifbuttons">
+     <a href="https://contrachrome.com" target="blank"><img alt="Anything But Chrome" src="/assets/media/buttons/chrome.gif"></a>
+     <a href="https://steamcommunity.com/profiles/76561198866570902" target="blank"><img alt="Friend me on Steam" src="/assets/media/buttons/steam.gif"></a>
+     <a href="https://mstdn.social/@DemonKingSwarn" rel="me" target="blank"><img alt="Follow me on Mastodon" src="/assets/media/buttons/mastodon.gif"></a>
+     <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="blank"><img alt="License: CC BY-NC-SA 4.0 DEED" src="/assets/media/buttons/by-nc-sa.png"></a>
+    </div>
+   </main>
+   <footer>
+    <p class="center">
+     Color scheme:
+          <a target="blank" href="https://draculatheme.com/">Dracula Theme</a>
+    </p>
+   </footer>
+  </div>
+ </body>
+</html>
+
diff --git a/setup/index.html b/setup/index.html
new file mode 100644
index 0000000..5a77c12
--- /dev/null
+++ b/setup/index.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<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">
+  <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
+  <meta name="referrer" content="no-referrer">
+  <link rel="icon" href="https://yt3.ggpht.com/a/AATXAJy8stJvLJrN0cleHvkBG4hVDcCMy3p47CZTWWtk=s900-c-k-c0xffffffff-no-rj-mo">
+  <title>
+   Setup
+  </title>
+  <meta name="generator" content="soupault">
+  <link rel="icon" href="https://yt3.ggpht.com/a/AATXAJy8stJvLJrN0cleHvkBG4hVDcCMy3p47CZTWWtk=s900-c-k-c0xffffffff-no-rj-mo">
+  <link rel="stylesheet" href="/assets/css/style.css">
+ </head>
+ <body>
+  <div class="container">
+   <header>
+    <h1>
+     Setup
+    </h1>
+    <div id="nav-menu">
+     <nav>
+      	😎
+	<a href="/">Home</a>
+        😎
+        <a href="https://demonkingswarn.is-a.dev/blog/">Blog</a>
+        😎
+        <a class="active" href="/setup/">Setup</a>
+     	😎
+	<a href="/books/">Books</a>
+     </nav>
+    </div>
+   </header>
+   <main>
+    <p>
+     <span class="em">Server</span>: Raspberry Pi 5 Model B+ running Raspbian 11 as its OS, <a target="blank" href="https://nginx.org/">Nginx</a> as its web server and <a target="blank" href="https://ddclient.net/">ddclient</a> as a dynamic DNS
+                client.
+    </p>
+    <p>
+     <span class="em">Version control</span>: I use <a target="blank" href="https://git-scm.com/">Git</a> because its commands are more straightforward in
+                my experience.
+    </p>
+    <p>
+     <span class="em">Laptop</span>: HP Pavilion Gaming Laptop 15-dk0xxx running <a target="blank" href="https://archlinux.org/">Arch Linux</a>.
+    </p>
+    <p>
+     <span class="em">Editor</span>: <a target="blank" href="https://vscodium.com/">VSCodium</a> and <a target="blank" href="https://neovim.io/">NeoVim</a>.
+    </p>
+    <p>
+     <span class="em">Phone</span>: Right now a Vivo IQOO 9T.
+    </p>
+    <p>
+     <span class="em">Preferred software</span>: Shell: <a target="blank" href="https://zsh.org/">Zsh</a>; Matrix client: <a target="blank" href="https://cinny.in/">Cinny</a>; Mastodon client: <a target="blank" href="https://tusky.app/">Tusky</a>; Browser: <a target="blank" href="https://floorp.app">Floorp</a> and <a target="blank" href="https://www.mozilla.org/en-US/firefox/">Firefox</a>.
+    </p>
+   </main>
+  </div>
+ </body>
+</html>