Make site cooler B)

master
Nakidai 2024-08-24 22:22:12 +03:00
parent a792b6b6f3
commit 93b810a627
Signed by: nakidai
GPG Key ID: 18AD605FDA13FE5A
14 changed files with 259 additions and 159 deletions

2
.gitignore vendored Normal file
View File

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

View File

@ -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.

18
Makefile Normal file
View File

@ -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

94
index.7 Normal file
View File

@ -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

18
pubkey.asc Normal file
View File

@ -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-----

View File

@ -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>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 206 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.5 KiB

View File

@ -1,48 +1,100 @@
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Nakidai</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="style.css" type="text/css" media="all"/>
<title>NAKIDAI.RU(7)</title>
</head>
<body>
<div class="wrapper">
<div class="header">
<img src="images/avatar.png" alt="avatar" width="150px" height="150px" style="border-radius: 50%;">
<h1>Nakidai</h1>
</div>
<div class="content-wrapper">
<div class="content">
<div class="title">
<h2>About</h2>
</div>
<div class="info">
<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>
<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>
</div>
</div>
<div class="content">
<div class="title">
<h2>Links</h2>
</div>
<div class="info">
<p>
<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>
</p>
<p>
<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>
</p>
</div>
</div>
</div>
<div class="footer">
<div class="copyright">
<p><a href="credits.html">Credits</a></p>
<p><a href="https://git.nakidai.ru/nakidai/nakidai.ru">Source code</a></p>
<p>(c) 2024 Nakidai</p>
</div>
</div>
</div>
<table class="head">
<tr>
<td class="head-ltitle">NAKIDAI.RU(7)</td>
<td class="head-vol">Miscellaneous Information Manual</td>
<td class="head-rtitle">NAKIDAI.RU(7)</td>
</tr>
</table>
<div class="manual-text">
<section class="Sh">
<h1 class="Sh" id="SYNOPSYS"><a class="permalink" href="#SYNOPSYS">SYNOPSYS</a></h1>
<p class="Pp"><code class="Nm">mail</code>
<a class="Mt" href="mailto:plaza521@inbox.ru">plaza521@inbox.ru</a></p>
</section>
<section class="Sh">
<h1 class="Sh" id="NAME"><a class="permalink" href="#NAME">NAME</a></h1>
<p class="Pp"><code class="Nm">nakidai</code> &#x2014; <span class="Nd">C &amp;
Python developer</span></p>
</section>
<section class="Sh">
<h1 class="Sh" id="DESCRIPTION"><a class="permalink" href="#DESCRIPTION">DESCRIPTION</a></h1>
<p class="Pp">I'm coder from Russia. I used to like playing games, but now I'm
tired of it a little I think.</p>
<p class="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).</p>
<p class="Pp">This is links to places where you can find me:</p>
<ul class="Bl-bullet">
<li><a class="Lk" href="https://discord.com/users/596659213124763649">discord</a></li>
<li><a class="Lk" href="https://git.nakidai.ru/nakidai">gitea</a></li>
<li><a class="Lk" href="https://github.com/nakidai">github</a></li>
</ul>
<p class="Pp">Also since I'm coder, I write some projects. There you can find
some:</p>
<dl class="Bl-tag">
<dt><a class="Lk" href="https://github.com/latexds">LaTeXDS</a></dt>
<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>

View File

@ -1,81 +1,17 @@
html, body {
height: 100%;
margin: 0;
padding: 0;
}
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; }
div {
word-wrap: break-word;
}
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; }
.wrapper {
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;
}
body { background:#000; color:#AAA; }

17
style.css Normal file
View File

@ -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; }