Added a script to generate the website

This commit is contained in:
Stephen Cochrane 2020-10-24 01:08:10 +02:00
parent 724ef34699
commit 04dcf9eedc
10 changed files with 690 additions and 3 deletions

32
build.sh Executable file
View File

@ -0,0 +1,32 @@
#!/bin/bash
# Auther: Skiqqy
HOST="https://github.com/"
conv () {
# Take a file and convert it to html by making substitutes.
# ^/name -> https://github.com/name
# */name.domain -> https://name.domain
sed -E "s|(\\^/)([^ \)]*)|^\/<a href=$HOST/\2>\2</a>|g" |
sed -E "s|(\\*/)([^ \)]*)|*\/<a href=https:\/\/\2/>\2</a>|g" |
sed -E '/%%BODY%%/r /dev/stdin' raw/template.html |
sed -E '/%%BODY%%/d'
}
for file in raw/*.txt
do
case $file in
*index.txt)
path=index.html
;;
*)
path=${file/raw/site}
path=${path/txt/html}
;;
esac
echo "Building $file"
conv < "$file" > $path
done

View File

@ -37,12 +37,12 @@
<div class="header"><h1>Skiqqy</h1>~ Pronounced skippy</div>
</style><div style="display:table;margin:16px auto"><div class=c><pre style="top:0;position:sticky;user-select:none;padding-right:64px">
<a href=/ style="text-decoration:none;color:white">Skiqqy</a>
<a href=/ style="text-decoration:none;color:white">Home</a>
Personal:
<a href=https://github.com/skiqqy>Github</a>
<a href=./setup.html>My Setup</a>
<a href=./projects.html>Projects</a>
<a href=./site/projects.html>Projects</a>
Hosted Services:
<a href=https://git.skiqqy.xyz/>Git Server</a>
@ -134,6 +134,5 @@ Hosted Services:
| * Mumble Channel: irc.skiqqy.xyz:9980 |
| |
+-------------------------------------------------------+
<a href="https://k1ss.org/">Inspired by</a>
</pre></div></div>

BIN
raw/.template.html.swo Normal file

Binary file not shown.

82
raw/index.txt Normal file
View File

@ -0,0 +1,82 @@
+-------------------------------------------------------+
| |
| About Me |
| |
| * My name is Stephen Cochrane, but my friends call |
| me Skippy (Written skiqqy). |
| |
| * curriculum vitae: |
| There are 3 methods, shown below, |
| 1. <code>$ man <(curl -s https://skiqqy.xyz/skiqqy.1)</code> |
| 2. <code>$ curl https://skiqqy.xyz/gencv | bash</code> |
| 3. Or you can download it <a href=./assets/CurriculumVitae.pdf>here</a>. |
| |
| * I am currently studying at Stellenbosh University |
| a BSc in Computer Science, I am in my third year |
| of studies. |
| |
| * I love low level coding, my language of choice |
| is C. |
| |
| * Vim or gtfo. |
| |
| * Just read the man-pages bro. |
| |
| * Come water my flowers in animal crossing pls. |
| |
+-------------------------------------------------------+
+-------------------------------------------------------+
| |
| Friends |
| |
| * Please go take a look at my friend Tristan, aka |
| "The king of subnets"/"alloca go brrr", his |
| website can be found over <a href=https://deavmi.github.io target=blank_>here</a> |
| |
+-------------------------------------------------------+
+-------------------------------------------------------+
| |
| What I consider Bloat |
| |
| * Any program that is not "minimal", in the sense |
| that it does not conform to the unix philosophy |
| of doing one thing, and doing that one thing well. |
| |
| * If the program is not free as in <a href=https://www.gnu.org/philosophy/free-sw.html target=blank_>free</a>, then I |
| assume the program is bloated and may be malware. |
| |
| * Politics. |
| |
| * Google. |
| |
| * Facebook. |
| |
+-------------------------------------------------------+
+-------------------------------------------------------+
| |
| Contact Details |
| |
| * Twitter: @posix_patrol |
| |
| * Instagram: @_skiqqy |
| |
| * Email: ohmyskippy@disroot.org |
| |
| * xmpp: ohmyskippy@disroot.org |
| |
| * Discord: Skiqqy#1159 |
| |
+-------------------------------------------------------+
+-------------------------------------------------------+
| |
| Other |
| |
| * IRC: irc.skiqqy.xyz:6667 |
| |
| * Mumble Channel: irc.skiqqy.xyz:9980 |
| |
+-------------------------------------------------------+

133
raw/projects.html Normal file
View File

@ -0,0 +1,133 @@
<!doctype html>
<html lang=en>
<title>Skiqqy's Home Page</title><meta charset=utf-8>
<meta name=Description content="Skiqqy Cochranes Home Page">
<style>
body{
overflow-y:scroll;
font:16px monospace,monospace;
background-color: #000;
color: #fff;
}
a{
color:#DC143C
}
img, .c{
display:table-cell;max-width:999px;max-width:80ch
}
pre{
margin:0;overflow-x:hidden
}
@media(max-width:999px){
.c{
display:block;font-size:1.94vw
}
}
.header {
padding: 60px;
text-align: center;
font-size: 30px;
}
</style>
<div class="header"><h1>Skiqqy</h1>~ Pronounced skippy</div>
</style><div style="display:table;margin:16px auto"><div class=c><pre style="top:0;position:sticky;user-select:none;padding-right:64px">
<a href=/ style="text-decoration:none;color:white">Skiqqy</a>
Personal:
<a href=https://github.com/skiqqy>Github</a>
<a href=./setup.html>My Setup</a>
<a href=./projects.html>Projects</a>
Hosted Services:
<a href=https://git.skiqqy.xyz/>Git Server</a>
<a href=https://blog.skiqqy.xyz>Blog</a>
<a href=https://wiki.skiqqy.xyz/>Wiki</a>
<a href=https://files.skiqqy.xyz/>Files</a>
<a href=https://proj.skiqqy.xyz/>Projects Home</a>
<a href=https://irc.skiqqy.xyz/>IRC Webclient</a>
</pre></div><div class=c><pre>
+-------------------------------------------------------+
| |
| Private |
| |
| * KCC: Kak C Compiler, found here ^/<a href=https://github.com//skiqqy/kcc.>skiqqy/kcc.</a> |
| |
| * Discord bot, found ^/<a href=https://github.com//skiqqy/C45DiscordBot>skiqqy/C45DiscordBot</a> |
| |
| * cmesg, found <a href=https://github.com/skippy404/cmesg target=blank_>here</a>. |
| |
| * Text Editor 'ted', found <a href=https://github.com/deavmi/ped target=blank_>here</a>. |
| |
| * This website, found <a href=https://github.com/skippy404/skippy404.github.io target=blank_>here</a>. |
| |
| * DChess, found <a href=https://github.com/skippy404/DChess target=blank_>here</a>. |
| |
+-------------------------------------------------------+
+-------------------------------------------------------+
| |
| Community Projects (more than 2-3 devs) |
| |
| * CRXN, more details can be found <a href=https://deavmi.github.io/projects/crxn target=blank_>here</a>. |
| |
| * BNet, an IRC network, more info can be found <a href=https://deavmi.github.io/projects/bonobonet target=blank_>here</a>. |
| |
+-------------------------------------------------------+
+-------------------------------------------------------+
| |
| University Projects |
| |
| Due to the fact that many of |
| these projects are still being |
| used to asses students at SU, these |
| repos must be set to private, in order |
| to prevent students from copying my work |
| |
| * 1st Year, 1st Semester - Lines of Action, a game |
| similar to <a href=https://www.eothello.com/#how-to-play target=blank_>othello</a>, written in java. |
| |
| * 1st Year, 2nd Semester - Obstacle Chess, Normal |
| chess rules, with new pieces introduced, such as |
| bombs, wall's, trapdoors, etc. Written in java. |
| |
| * 2nd Year, 1st Semester - Sudoku Solver, using |
| a heuristic algorithm + mutations on possible |
| solutions to form new solutions, written in |
| java. |
| |
| * 2nd Year, 2nd Semester - Wrote a compiler for |
| a pascal like language named ALAN standing for |
| Another LANguage, includes scanning, parsing, |
| typechecking, codegen (to the jvm using |
| <a href=http://jasmin.sourceforge.net/ target=blank_>jasmin</a>) the compiler was written in C. |
| |
| * 2nd Year, 2nd Semester - <a href=https://en.wikipedia.org/wiki/Brainfuck target=blank_>Brainfuck Intepreter</a>, |
| written in x86 Assembly. |
| |
| * 2nd Year, 2nd Semester - <a href=https://en.wikipedia.org/wiki/Huffman_coding target=blank_>Huffman Encoder</a>, |
| written in x86 Assembly |
| |
| * 3rd Year, 1st Semester - Process Scheduler |
| simulator, written in C. |
| |
| * 3rd Year, 1st Semester - Bank Transaction |
| simulator, using omp, and locks to prevent |
| race conditions, written in C. |
| |
| * 3rd Year, 1st Semester - Othello bot, using |
| MPI, and negamax search with alpha beta pruning |
| to find optimal moves, written in C. |
| |
| * 3rd Year, 1st Semester - Food review website |
| using flask (python), redis, neo4j. |
| |
+-------------------------------------------------------+
<a href="https://k1ss.org/">Inspired by</a>
</pre></div></div>

77
raw/projects.txt Normal file
View File

@ -0,0 +1,77 @@
+-------------------------------------------------------+
| |
| Private |
| |
| * KCC: Kak C Compiler, found here ^/skiqqy/kcc. |
| |
| * Discord bot, found ^/skiqqy/C45DiscordBot |
| |
| * cmesg, found <a href=https://github.com/skippy404/cmesg target=blank_>here</a>. |
| |
| * Text Editor 'ted', found <a href=https://github.com/deavmi/ped target=blank_>here</a>. |
| |
| * This website, found <a href=https://github.com/skippy404/skippy404.github.io target=blank_>here</a>. |
| |
| * DChess, found <a href=https://github.com/skippy404/DChess target=blank_>here</a>. |
| |
+-------------------------------------------------------+
+-------------------------------------------------------+
| |
| Community Projects (more than 2-3 devs) |
| |
| * CRXN, more details can be found <a href=https://deavmi.github.io/projects/crxn target=blank_>here</a>. |
| |
| * BNet, an IRC network, more info can be found <a href=https://deavmi.github.io/projects/bonobonet target=blank_>here</a>. |
| |
+-------------------------------------------------------+
+-------------------------------------------------------+
| |
| University Projects |
| |
| Due to the fact that many of |
| these projects are still being |
| used to asses students at SU, these |
| repos must be set to private, in order |
| to prevent students from copying my work |
| |
| * 1st Year, 1st Semester - Lines of Action, a game |
| similar to <a href=https://www.eothello.com/#how-to-play target=blank_>othello</a>, written in java. |
| |
| * 1st Year, 2nd Semester - Obstacle Chess, Normal |
| chess rules, with new pieces introduced, such as |
| bombs, wall's, trapdoors, etc. Written in java. |
| |
| * 2nd Year, 1st Semester - Sudoku Solver, using |
| a heuristic algorithm + mutations on possible |
| solutions to form new solutions, written in |
| java. |
| |
| * 2nd Year, 2nd Semester - Wrote a compiler for |
| a pascal like language named ALAN standing for |
| Another LANguage, includes scanning, parsing, |
| typechecking, codegen (to the jvm using |
| <a href=http://jasmin.sourceforge.net/ target=blank_>jasmin</a>) the compiler was written in C. |
| |
| * 2nd Year, 2nd Semester - <a href=https://en.wikipedia.org/wiki/Brainfuck target=blank_>Brainfuck Intepreter</a>, |
| written in x86 Assembly. |
| |
| * 2nd Year, 2nd Semester - <a href=https://en.wikipedia.org/wiki/Huffman_coding target=blank_>Huffman Encoder</a>, |
| written in x86 Assembly |
| |
| * 3rd Year, 1st Semester - Process Scheduler |
| simulator, written in C. |
| |
| * 3rd Year, 1st Semester - Bank Transaction |
| simulator, using omp, and locks to prevent |
| race conditions, written in C. |
| |
| * 3rd Year, 1st Semester - Othello bot, using |
| MPI, and negamax search with alpha beta pruning |
| to find optimal moves, written in C. |
| |
| * 3rd Year, 1st Semester - Food review website |
| using flask (python), redis, neo4j. |
| |
+-------------------------------------------------------+

59
raw/setup.txt Normal file
View File

@ -0,0 +1,59 @@
+-------------------------------------------------------+
| |
| Operating System & Desktop Environment |
| |
| * Currently I am running <a href=https://getfedora.org>Fedora GNU/Linux</a> |
| |
| * As for desktop environment, A only use dwm, it |
| fits my workflow perfectly, and I have spent |
| the last few years perfecting it, I dont need |
| a mouse, all I need is a keyboard, and I am |
| comfortable. |
| |
+-------------------------------------------------------+
+-------------------------------------------------------+
| |
| Workflow |
| |
| * My workflow is simple: <a href=https://dwm.suckless.org/>dwm</a> + <a href=https://st.suckless.org/>terminal</a> + <a href=https://github.com/tmux/tmux/wiki>tmux</a> + <a href=https://www.vim.org/>vim</a>, |
| once I have these, I am in my happy place, and |
| produce really nice code. |
| |
| * I have recently switched to <a href=https://dwm.suckless.org/>dwm</a> by <a href=https://suckless.org/>suckless</a>, the |
| main reason for the switch was that my previous |
| wm (<a href=https://i3wm.org>i3wm</a>) was very limiting, with dwm I can edit |
| the source code directly, and so customize it to |
| exactly what I want. Also, elitist. |
| |
| * I have written a script that sets up my workspace, |
| and install's dependencies, this script can be |
| downloaded <a href=https://skiqqy.xyz/install.sh>here</a>. |
| |
| * You can also get my configs on thier own: |
| - ^/skiqqy/.dotfiles |
| - ^/skiqqy/.tmux |
| - ^/skiqqy/dwm |
| |
+-------------------------------------------------------+
+-------------------------------------------------------+
| |
| Pictures |
| |
| * Image 1: An example of a normal working session |
| using tmux, with vim open. |
| |
| * Image 2: An example of programs being tiled. |
| |
| * Image 3: An example of an empty workspace. |
| |
+-------------------------------------------------------+
<a href=./assets/media/dwm2.png>Image 1:</a>
<img src="./assets/media/dwm2.png">
<a href=./assets/media/dwm1.png>Image 2:</a>
<img src="./assets/media/dwm1.png">
<a href=./assets/media/dwm3.png>Image 3:</a>
<img src="./assets/media/dwm3.png">

57
raw/template.html Normal file
View File

@ -0,0 +1,57 @@
<!doctype html>
<html lang=en>
<title>Skiqqy's Home Page</title><meta charset=utf-8>
<meta name=Description content="Skiqqy Cochranes Home Page">
<style>
body{
overflow-y:scroll;
font:16px monospace,monospace;
background-color: #000;
color: #fff;
}
a{
color:#DC143C
}
img, .c{
display:table-cell;max-width:999px;max-width:80ch
}
pre{
margin:0;overflow-x:hidden
}
@media(max-width:999px){
.c{
display:block;font-size:1.94vw
}
}
.header {
padding: 60px;
text-align: center;
font-size: 30px;
}
</style>
<div class="header"><h1>Skiqqy</h1>~ Pronounced skippy</div>
</style><div style="display:table;margin:16px auto"><div class=c><pre style="top:0;position:sticky;user-select:none;padding-right:64px">
<a href=/ style="text-decoration:none;color:white">Home</a>
Personal:
<a href=https://github.com/skiqqy>Github</a>
<a href=./setup.html>My Setup</a>
<a href=./site/projects.html>Projects</a>
Hosted Services:
<a href=https://git.skiqqy.xyz/>Git Server</a>
<a href=https://blog.skiqqy.xyz>Blog</a>
<a href=https://wiki.skiqqy.xyz/>Wiki</a>
<a href=https://files.skiqqy.xyz/>Files</a>
<a href=https://proj.skiqqy.xyz/>Projects Home</a>
<a href=https://irc.skiqqy.xyz/>IRC Webclient</a>
</pre></div><div class=c><pre>
%%BODY%%
<a href="https://k1ss.org/">Inspired by</a>
</pre></div></div>

133
site/projects.html Normal file
View File

@ -0,0 +1,133 @@
<!doctype html>
<html lang=en>
<title>Skiqqy's Home Page</title><meta charset=utf-8>
<meta name=Description content="Skiqqy Cochranes Home Page">
<style>
body{
overflow-y:scroll;
font:16px monospace,monospace;
background-color: #000;
color: #fff;
}
a{
color:#DC143C
}
img, .c{
display:table-cell;max-width:999px;max-width:80ch
}
pre{
margin:0;overflow-x:hidden
}
@media(max-width:999px){
.c{
display:block;font-size:1.94vw
}
}
.header {
padding: 60px;
text-align: center;
font-size: 30px;
}
</style>
<div class="header"><h1>Skiqqy</h1>~ Pronounced skippy</div>
</style><div style="display:table;margin:16px auto"><div class=c><pre style="top:0;position:sticky;user-select:none;padding-right:64px">
<a href=/ style="text-decoration:none;color:white">Home</a>
Personal:
<a href=https://github.com/skiqqy>Github</a>
<a href=./setup.html>My Setup</a>
<a href=./site/projects.html>Projects</a>
Hosted Services:
<a href=https://git.skiqqy.xyz/>Git Server</a>
<a href=https://blog.skiqqy.xyz>Blog</a>
<a href=https://wiki.skiqqy.xyz/>Wiki</a>
<a href=https://files.skiqqy.xyz/>Files</a>
<a href=https://proj.skiqqy.xyz/>Projects Home</a>
<a href=https://irc.skiqqy.xyz/>IRC Webclient</a>
</pre></div><div class=c><pre>
+-------------------------------------------------------+
| |
| Private |
| |
| * KCC: Kak C Compiler, found here ^/<a href=https://github.com//skiqqy/kcc.>skiqqy/kcc.</a> |
| |
| * Discord bot, found ^/<a href=https://github.com//skiqqy/C45DiscordBot>skiqqy/C45DiscordBot</a> |
| |
| * cmesg, found <a href=https://github.com/skippy404/cmesg target=blank_>here</a>. |
| |
| * Text Editor 'ted', found <a href=https://github.com/deavmi/ped target=blank_>here</a>. |
| |
| * This website, found <a href=https://github.com/skippy404/skippy404.github.io target=blank_>here</a>. |
| |
| * DChess, found <a href=https://github.com/skippy404/DChess target=blank_>here</a>. |
| |
+-------------------------------------------------------+
+-------------------------------------------------------+
| |
| Community Projects (more than 2-3 devs) |
| |
| * CRXN, more details can be found <a href=https://deavmi.github.io/projects/crxn target=blank_>here</a>. |
| |
| * BNet, an IRC network, more info can be found <a href=https://deavmi.github.io/projects/bonobonet target=blank_>here</a>. |
| |
+-------------------------------------------------------+
+-------------------------------------------------------+
| |
| University Projects |
| |
| Due to the fact that many of |
| these projects are still being |
| used to asses students at SU, these |
| repos must be set to private, in order |
| to prevent students from copying my work |
| |
| * 1st Year, 1st Semester - Lines of Action, a game |
| similar to <a href=https://www.eothello.com/#how-to-play target=blank_>othello</a>, written in java. |
| |
| * 1st Year, 2nd Semester - Obstacle Chess, Normal |
| chess rules, with new pieces introduced, such as |
| bombs, wall's, trapdoors, etc. Written in java. |
| |
| * 2nd Year, 1st Semester - Sudoku Solver, using |
| a heuristic algorithm + mutations on possible |
| solutions to form new solutions, written in |
| java. |
| |
| * 2nd Year, 2nd Semester - Wrote a compiler for |
| a pascal like language named ALAN standing for |
| Another LANguage, includes scanning, parsing, |
| typechecking, codegen (to the jvm using |
| <a href=http://jasmin.sourceforge.net/ target=blank_>jasmin</a>) the compiler was written in C. |
| |
| * 2nd Year, 2nd Semester - <a href=https://en.wikipedia.org/wiki/Brainfuck target=blank_>Brainfuck Intepreter</a>, |
| written in x86 Assembly. |
| |
| * 2nd Year, 2nd Semester - <a href=https://en.wikipedia.org/wiki/Huffman_coding target=blank_>Huffman Encoder</a>, |
| written in x86 Assembly |
| |
| * 3rd Year, 1st Semester - Process Scheduler |
| simulator, written in C. |
| |
| * 3rd Year, 1st Semester - Bank Transaction |
| simulator, using omp, and locks to prevent |
| race conditions, written in C. |
| |
| * 3rd Year, 1st Semester - Othello bot, using |
| MPI, and negamax search with alpha beta pruning |
| to find optimal moves, written in C. |
| |
| * 3rd Year, 1st Semester - Food review website |
| using flask (python), redis, neo4j. |
| |
+-------------------------------------------------------+
<a href="https://k1ss.org/">Inspired by</a>
</pre></div></div>

115
site/setup.html Normal file
View File

@ -0,0 +1,115 @@
<!doctype html>
<html lang=en>
<title>Skiqqy's Home Page</title><meta charset=utf-8>
<meta name=Description content="Skiqqy Cochranes Home Page">
<style>
body{
overflow-y:scroll;
font:16px monospace,monospace;
background-color: #000;
color: #fff;
}
a{
color:#DC143C
}
img, .c{
display:table-cell;max-width:999px;max-width:80ch
}
pre{
margin:0;overflow-x:hidden
}
@media(max-width:999px){
.c{
display:block;font-size:1.94vw
}
}
.header {
padding: 60px;
text-align: center;
font-size: 30px;
}
</style>
<div class="header"><h1>Skiqqy</h1>~ Pronounced skippy</div>
</style><div style="display:table;margin:16px auto"><div class=c><pre style="top:0;position:sticky;user-select:none;padding-right:64px">
<a href=/ style="text-decoration:none;color:white">Home</a>
Personal:
<a href=https://github.com/skiqqy>Github</a>
<a href=./setup.html>My Setup</a>
<a href=./site/projects.html>Projects</a>
Hosted Services:
<a href=https://git.skiqqy.xyz/>Git Server</a>
<a href=https://blog.skiqqy.xyz>Blog</a>
<a href=https://wiki.skiqqy.xyz/>Wiki</a>
<a href=https://files.skiqqy.xyz/>Files</a>
<a href=https://proj.skiqqy.xyz/>Projects Home</a>
<a href=https://irc.skiqqy.xyz/>IRC Webclient</a>
</pre></div><div class=c><pre>
+-------------------------------------------------------+
| |
| Operating System & Desktop Environment |
| |
| * Currently I am running <a href=https://getfedora.org>Fedora GNU/Linux</a> |
| |
| * As for desktop environment, A only use dwm, it |
| fits my workflow perfectly, and I have spent |
| the last few years perfecting it, I dont need |
| a mouse, all I need is a keyboard, and I am |
| comfortable. |
| |
+-------------------------------------------------------+
+-------------------------------------------------------+
| |
| Workflow |
| |
| * My workflow is simple: <a href=https://dwm.suckless.org/>dwm</a> + <a href=https://st.suckless.org/>terminal</a> + <a href=https://github.com/tmux/tmux/wiki>tmux</a> + <a href=https://www.vim.org/>vim</a>, |
| once I have these, I am in my happy place, and |
| produce really nice code. |
| |
| * I have recently switched to <a href=https://dwm.suckless.org/>dwm</a> by <a href=https://suckless.org/>suckless</a>, the |
| main reason for the switch was that my previous |
| wm (<a href=https://i3wm.org>i3wm</a>) was very limiting, with dwm I can edit |
| the source code directly, and so customize it to |
| exactly what I want. Also, elitist. |
| |
| * I have written a script that sets up my workspace, |
| and install's dependencies, this script can be |
| downloaded <a href=https://skiqqy.xyz/install.sh>here</a>. |
| |
| * You can also get my configs on thier own: |
| - ^/<a href=https://github.com//skiqqy/.dotfiles>skiqqy/.dotfiles</a> |
| - ^/<a href=https://github.com//skiqqy/.tmux>skiqqy/.tmux</a> |
| - ^/<a href=https://github.com//skiqqy/dwm>skiqqy/dwm</a> |
| |
+-------------------------------------------------------+
+-------------------------------------------------------+
| |
| Pictures |
| |
| * Image 1: An example of a normal working session |
| using tmux, with vim open. |
| |
| * Image 2: An example of programs being tiled. |
| |
| * Image 3: An example of an empty workspace. |
| |
+-------------------------------------------------------+
<a href=./assets/media/dwm2.png>Image 1:</a>
<img src="./assets/media/dwm2.png">
<a href=./assets/media/dwm1.png>Image 2:</a>
<img src="./assets/media/dwm1.png">
<a href=./assets/media/dwm3.png>Image 3:</a>
<img src="./assets/media/dwm3.png">
<a href="https://k1ss.org/">Inspired by</a>
</pre></div></div>