Make site cooler B)

.gitignore

@@ -0,0 +1,2 @@
+index.html
+root/

LICENSE

@@ -6,4 +6,4 @@ Redistribution and use in source and binary forms, with or without modification,
 
 2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
 
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS “AS IS” AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS “AS IS” AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

Makefile

@@ -0,0 +1,18 @@
+WEBROOT ?= root
+
+GEN = index.html
+FILES = ${GEN} style.css pubkey.asc
+
+all: ${GEN}
+
+index.html:
+	mandoc -Thtml index.7 -Ostyle=style.css > index.html
+
+clean:
+	rm -f ${GEN}
+
+install: ${FILES}
+	install -d ${WEBROOT}
+	install -Cm644 ${FILES} ${WEBROOT}
+
+.PHONY: all clean install

index.7

@@ -0,0 +1,94 @@
+.Dd August 24, 2024
+.Dt NAKIDAI.RU 7
+.Os Nakidai
+.
+.Sh SYNOPSYS
+.Nm mail
+.Mt plaza521@inbox.ru
+.
+.Sh NAME
+.Nm nakidai
+.Nd C & Python developer
+.
+.Sh DESCRIPTION
+I'm coder from Russia.
+I used to like playing games,
+but now I'm tired of it a little I think.
+.
+.Pp
+I'm writing my projects mostly in Python,
+but sometime on dark nights
+I want to relax and write something in C,
+usually after several hours since I started coding
+I will go cry because of my stupidness,
+and then close to morning I will go sleep).
+.
+.Pp
+This is links to places
+where you can find me:
+.Bl -bullet
+.It
+.Lk https://discord.com/users/596659213124763649 discord
+.It
+.Lk https://git.nakidai.ru/nakidai gitea
+.It
+.Lk https://github.com/nakidai github
+.El
+.
+.Pp
+Also since I'm coder,
+I write some projects.
+There you can find some:
+.Bl -tag -width Ds
+.It Lk https://github.com/latexds LaTeXDS
+LaTeX renderer in Discord
+.It Lk https://github.com/nakidai/stp stp
+SVG renderer in web
+.It Lk https://github.com/nakidai/NotABot NotABot
+QoL bot for Vectozavr's Discord server
+.It Lk https://github.com/nakidai/MQEC MQEC
+.Lk https://github.com/UltraQbik/SMC-MQ-CPU MQ
+emulator
+.It Lk https://git.nakidai.ru/nakidai/mycfetch mycfetch
+Simple system fetch tool
+.El
+.
+.Pp
+Also there
+you can see my key
+which I use
+for signing commits:
+.Bl -bullet
+.It
+.Lk https://nakidai.ru/pubkey.asc link
+.El
+.Bd -literal
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+Comment: Nakidai <plaza521@inbox.ru>
+Comment:   C & Python developer
+Comment: Fingerprint:   A0294D0C6040EFAA74F538C718AD605FDA13FE5A
+
+
+mDMEZeYYIhYJKwYBBAHaRw8BAQdAW2JvE2Q+Bv2vJ3r9ZXqeFXS4HllW6A79G6Wr
+ay3Gr260Mk5ha2lkYWkgKEMgJiBQeXRob24gZGV2ZWxvcGVyKSA8cGxhemE1MjFA
+aW5ib3gucnU+iJMEExYKADsWIQSgKU0MYEDvqnT1OMcYrWBf2hP+WgUCZeYYIgIb
+AwULCQgHAgIiAgYVCgkICwIEFgIDAQIeBwIXgAAKCRAYrWBf2hP+WgctAP9U/M/S
+3F4Cls4CQgmsErAYmfRQ2UKYC1fQVeg16yZT/AEAjZRoAFnf3J/fb7rByPsW454v
+hVmB+tNyVDeqqQ0xage4OARl5hgiEgorBgEEAZdVAQUBAQdATk8I26tjHH2+PtpA
+kG/I+GmxWJqqjWcsm0WL68MJa3cDAQgHiHgEGBYKACAWIQSgKU0MYEDvqnT1OMcY
+rWBf2hP+WgUCZeYYIgIbDAAKCRAYrWBf2hP+WqZWAP46h/hgCJZF+XKs8/djVs7b
+RrWbuSGUxxPc7SVzL+yrEAD8C1SSfs+uWTgUTEIeIZ/QHtkUTEH8wcgmfHIGRUYE
+SwA=
+=Limc
+-----END PGP PUBLIC KEY BLOCK-----
+.Ed
+.
+.Sh SEE ALSO
+.Bl -bullet
+.It
+.Lk https://causal.agency "Site that made me love manuals"
+.It
+.Lk https://stp.nakidai.ru stp
+.It
+.Lk https://latexds.nakidai.ru latexds
+.El

pubkey.asc

@@ -0,0 +1,18 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+Comment: Nakidai <plaza521@inbox.ru>
+Comment:   C & Python developer
+Comment: Fingerprint:   A0294D0C6040EFAA74F538C718AD605FDA13FE5A
+
+
+mDMEZeYYIhYJKwYBBAHaRw8BAQdAW2JvE2Q+Bv2vJ3r9ZXqeFXS4HllW6A79G6Wr
+ay3Gr260Mk5ha2lkYWkgKEMgJiBQeXRob24gZGV2ZWxvcGVyKSA8cGxhemE1MjFA
+aW5ib3gucnU+iJMEExYKADsWIQSgKU0MYEDvqnT1OMcYrWBf2hP+WgUCZeYYIgIb
+AwULCQgHAgIiAgYVCgkICwIEFgIDAQIeBwIXgAAKCRAYrWBf2hP+WgctAP9U/M/S
+3F4Cls4CQgmsErAYmfRQ2UKYC1fQVeg16yZT/AEAjZRoAFnf3J/fb7rByPsW454v
+hVmB+tNyVDeqqQ0xage4OARl5hgiEgorBgEEAZdVAQUBAQdATk8I26tjHH2+PtpA
+kG/I+GmxWJqqjWcsm0WL68MJa3cDAQgHiHgEGBYKACAWIQSgKU0MYEDvqnT1OMcY
+rWBf2hP+WgUCZeYYIgIbDAAKCRAYrWBf2hP+WqZWAP46h/hgCJZF+XKs8/djVs7b
+RrWbuSGUxxPc7SVzL+yrEAD8C1SSfs+uWTgUTEIeIZ/QHtkUTEH8wcgmfHIGRUYE
+SwA=
+=Limc
+-----END PGP PUBLIC KEY BLOCK-----

root/credits.html

@@ -1,37 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<link rel="stylesheet" href="style.css">
-	<title>Credits</title>
-</head>
-<body>
-	<div class="wrapper">
-		<div class="header">
-			<h1>Credits</h1>
-		</div>
-		<div class="content-wrapper">
-			<div class="content" style="max-width: 100%;">
-				<div class="title">
-					<h2>Icons</h2>
-				</div>
-				<div class="info">
-					<p>Icons used in links block:</p>
-					<p><a href="https://www.flaticon.com/free-icons/steam" title="steam icons">Steam icons created by Hight Quality Icons - Flaticon</a></p>
-					<p><a href="https://www.flaticon.com/free-icons/github" title="github icons">Github icons created by Pixel perfect - Flaticon</a></p>
-					<p><a href="https://www.flaticon.com/free-icons/discord" title="discord icons">Discord icons created by Freepik - Flaticon</a></p>
-					<p><a href="https://www.flaticon.com/free-icons/git" title="git icons">Git icons created by riajulislam - Flaticon</a></p>
-				</div>
-			</div>
-		</div>
-		<div class="footer">
-			<div class="copyright">
-				<p><a href="index.html">Home</a></p>
-				<p><a href="https://git.nakidai.ru/nakidai/nakidai.ru">Source code</a></p>
-				<p>(c) 2024 Nakidai</p>
-			</div>
-		</div>
-	</div>
-</body>
-</html>

root/index.html

@@ -1,48 +1,100 @@
 <!DOCTYPE html>
-<html lang="en">
+<html>
 <head>
-	<meta charset="UTF-8">
+  <meta charset="utf-8"/>
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-	<link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="style.css" type="text/css" media="all"/>
-	<title>Nakidai</title>
+  <title>NAKIDAI.RU(7)</title>
 </head>
 <body>
-	<div class="wrapper">
+<table class="head">
-		<div class="header">
+  <tr>
-			<img src="images/avatar.png" alt="avatar" width="150px" height="150px" style="border-radius: 50%;">
+    <td class="head-ltitle">NAKIDAI.RU(7)</td>
-			<h1>Nakidai</h1>
+    <td class="head-vol">Miscellaneous Information Manual</td>
-		</div>
+    <td class="head-rtitle">NAKIDAI.RU(7)</td>
-		<div class="content-wrapper">
+  </tr>
-			<div class="content">
+</table>
-				<div class="title">
+<div class="manual-text">
-					<h2>About</h2>
+<section class="Sh">
-				</div>
+<h1 class="Sh" id="SYNOPSYS"><a class="permalink" href="#SYNOPSYS">SYNOPSYS</a></h1>
-				<div class="info">
+<p class="Pp"><code class="Nm">mail</code>
-					<p>I'm coder from Russia. I used to like playing computer games, but now I'm tired of it a little I think</p>
+    <a class="Mt" href="mailto:plaza521@inbox.ru">plaza521@inbox.ru</a></p>
-					<p>I'm writing projects mostly in Python, but sometime on dark nights I want to relax and write something in C then go cry and after several hours go sleep in the morning</p>
+</section>
-				</div>
+<section class="Sh">
-			</div>
+<h1 class="Sh" id="NAME"><a class="permalink" href="#NAME">NAME</a></h1>
-			<div class="content">
+<p class="Pp"><code class="Nm">nakidai</code> &#x2014; <span class="Nd">C &amp;
-				<div class="title">
+    Python developer</span></p>
-					<h2>Links</h2>
+</section>
-				</div>
+<section class="Sh">
-				<div class="info">
+<h1 class="Sh" id="DESCRIPTION"><a class="permalink" href="#DESCRIPTION">DESCRIPTION</a></h1>
-					<p>
+<p class="Pp">I'm coder from Russia. I used to like playing games, but now I'm
-						<a href="https://github.com/nakidai"><img src="images/github.png" alt="Github" width="100px"></a><a href="https://git.nakidai.ru/nakidai"><img src="images/git.png" alt="Github" width="100px"></a>
+    tired of it a little I think.</p>
-					</p>
+<p class="Pp">I'm writing my projects mostly in Python, but sometime on dark
-                    <p>
+    nights I want to relax and write something in C, usually after several hours
-						<a href="https://discord.com/users/596659213124763649"><img src="images/discord.png" alt="Github" width="100px"></a><a href="https://steamcommunity.com/id/nakidai"><img src="images/steam.png" alt="Steam" width="100px"></a>
+    since I started coding I will go cry because of my stupidness, and then
-					</p>
+    close to morning I will go sleep).</p>
-				</div>
+<p class="Pp">This is links to places where you can find me:</p>
-			</div>
+<ul class="Bl-bullet">
-		</div>
+  <li><a class="Lk" href="https://discord.com/users/596659213124763649">discord</a></li>
-		<div class="footer">
+  <li><a class="Lk" href="https://git.nakidai.ru/nakidai">gitea</a></li>
-			<div class="copyright">
+  <li><a class="Lk" href="https://github.com/nakidai">github</a></li>
-				<p><a href="credits.html">Credits</a></p>
+</ul>
-				<p><a href="https://git.nakidai.ru/nakidai/nakidai.ru">Source code</a></p>
+<p class="Pp">Also since I'm coder, I write some projects. There you can find
-				<p>(c) 2024 Nakidai</p>
+    some:</p>
-			</div>
+<dl class="Bl-tag">
-		</div>
+  <dt><a class="Lk" href="https://github.com/latexds">LaTeXDS</a></dt>
-	</div>
+  <dd>LaTeX renderer in Discord</dd>
+  <dt><a class="Lk" href="https://github.com/nakidai/stp">stp</a></dt>
+  <dd>SVG renderer in web</dd>
+  <dt><a class="Lk" href="https://github.com/nakidai/NotABot">NotABot</a></dt>
+  <dd>QoL bot for Vectozavr's Discord server</dd>
+  <dt><a class="Lk" href="https://github.com/nakidai/MQEC">MQEC</a></dt>
+  <dd><a class="Lk" href="https://github.com/UltraQbik/SMC-MQ-CPU">MQ</a>
+      emulator</dd>
+  <dt><a class="Lk" href="https://git.nakidai.ru/nakidai/mycfetch">mycfetch</a></dt>
+  <dd>Simple system fetch tool</dd>
+</dl>
+<p class="Pp">Also there you can see my key which I use for signing commits:</p>
+<ul class="Bl-bullet">
+  <li><a class="Lk" href="https://nakidai.ru/pubkey.asc">link</a></li>
+</ul>
+<div class="Bd Pp Li">
+<pre>-----BEGIN PGP PUBLIC KEY BLOCK-----
+Comment: Nakidai &lt;plaza521@inbox.ru&gt;
+Comment:   C &amp; Python developer
+Comment: Fingerprint:   A0294D0C6040EFAA74F538C718AD605FDA13FE5A
+
+
+mDMEZeYYIhYJKwYBBAHaRw8BAQdAW2JvE2Q+Bv2vJ3r9ZXqeFXS4HllW6A79G6Wr
+ay3Gr260Mk5ha2lkYWkgKEMgJiBQeXRob24gZGV2ZWxvcGVyKSA8cGxhemE1MjFA
+aW5ib3gucnU+iJMEExYKADsWIQSgKU0MYEDvqnT1OMcYrWBf2hP+WgUCZeYYIgIb
+AwULCQgHAgIiAgYVCgkICwIEFgIDAQIeBwIXgAAKCRAYrWBf2hP+WgctAP9U/M/S
+3F4Cls4CQgmsErAYmfRQ2UKYC1fQVeg16yZT/AEAjZRoAFnf3J/fb7rByPsW454v
+hVmB+tNyVDeqqQ0xage4OARl5hgiEgorBgEEAZdVAQUBAQdATk8I26tjHH2+PtpA
+kG/I+GmxWJqqjWcsm0WL68MJa3cDAQgHiHgEGBYKACAWIQSgKU0MYEDvqnT1OMcY
+rWBf2hP+WgUCZeYYIgIbDAAKCRAYrWBf2hP+WqZWAP46h/hgCJZF+XKs8/djVs7b
+RrWbuSGUxxPc7SVzL+yrEAD8C1SSfs+uWTgUTEIeIZ/QHtkUTEH8wcgmfHIGRUYE
+SwA=
+=Limc
+-----END PGP PUBLIC KEY BLOCK-----</pre>
+</div>
+</section>
+<section class="Sh">
+<h1 class="Sh" id="SEE_ALSO"><a class="permalink" href="#SEE_ALSO">SEE
+  ALSO</a></h1>
+<ul class="Bl-bullet">
+  <li><a class="Lk" href="https://causal.agency">Site that made me love
+      manuals</a></li>
+  <li><a class="Lk" href="https://stp.nakidai.ru">stp</a></li>
+  <li><a class="Lk" href="https://latexds.nakidai.ru">latexds</a></li>
+</ul>
+</section>
+</div>
+<table class="foot">
+  <tr>
+    <td class="foot-date">August 24, 2024</td>
+    <td class="foot-os">Nakidai</td>
+  </tr>
+</table>
 </body>
 </html>

root/style.css

@@ -1,81 +1,17 @@
-html, body {
+table.head, table.foot { width: 100%; }
-	height: 100%;
+td.head-rtitle, td.foot-os { text-align: right; }
-	margin: 0;
+td.head-vol { text-align: center; }
-	padding: 0;
+div.Pp { margin: 1ex 0ex; }
-}
+div.Nd, div.Bf, div.Op { display: inline; }
+span.Pa, span.Ad { font-style: italic; }
+span.Ms { font-weight: bold; }
+dl.Bl-diag > dt { font-weight: bold; }
+code.Nm, code.Fl, code.Cm, code.Ic, code.In, code.Fd, code.Fn,
+code.Cd { font-weight: bold; font-family: inherit; }
 
-div	{
+html { font-family: monospace; line-height: 1.25em; }
-	word-wrap: break-word;
+body { max-width: 80ch; margin: 1em auto; padding: 0 1ch; }
-}
+table { border-collapse: collapse; }
+table.Nm code.Nm { padding-right: 1ch; }
 
-.wrapper {
+body { background:#000; color:#AAA; }
-	background-color: black;
-	color: grey;
-	font-family: sans-serif;
-
-	min-height: 100%;
-	min-width: 100%;
-
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-	align-items: center;
-}
-
-.header {
-	height: 20%;
-	padding: 5px;
-
-	display: flex;
-	align-items: center;
-	justify-content: space-evenly;
-	flex-wrap: wrap;
-
-	font-size: xxx-large;
-}
-
-.content-wrapper {
-	height: 60%;
-	width: 100%;
-
-	display: flex;
-	flex-direction: row;
-	justify-content: center;
-	flex-wrap: wrap;
-	align-items: center;
-}
-
-.content {
-	max-width: 300px;
-	margin: 1%;
-	padding: 1%;
-	border-radius: 20px;
-
-	color: black;
-	font-size: large;
-
-	background-color: darkgrey;
-}
-
-.title {
-	text-align: center;
-}
-
-.info {
-	text-align: justify;
-}
-
-.footer {
-	width: 100%;
-	height: 20%;
-
-	display: flex;
-	justify-content: flex-end;
-	align-items: flex-end;
-}
-
-.copyright {
-	text-align: right;
-
-	padding-right: 15px;
-}

style.css

@@ -0,0 +1,17 @@
+table.head, table.foot { width: 100%; }
+td.head-rtitle, td.foot-os { text-align: right; }
+td.head-vol { text-align: center; }
+div.Pp { margin: 1ex 0ex; }
+div.Nd, div.Bf, div.Op { display: inline; }
+span.Pa, span.Ad { font-style: italic; }
+span.Ms { font-weight: bold; }
+dl.Bl-diag > dt { font-weight: bold; }
+code.Nm, code.Fl, code.Cm, code.Ic, code.In, code.Fd, code.Fn,
+code.Cd { font-weight: bold; font-family: inherit; }
+
+html { font-family: monospace; line-height: 1.25em; }
+body { max-width: 80ch; margin: 1em auto; padding: 0 1ch; }
+table { border-collapse: collapse; }
+table.Nm code.Nm { padding-right: 1ch; }
+
+body { background:#000; color:#AAA; }