Browse Source

Fixed all of this mess at once

main
Nova 2 months ago
parent
commit
55b9e7cc8b
  1. BIN
      icon
  2. 135
      index.html
  3. 308
      index.xhtml
  4. 247
      static/default.css

BIN
icon

Before

Width: 687  |  Height: 687  |  Size: 267 KiB

135
index.html

@ -0,0 +1,135 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd" lang="en" xml:lang="en">
<head>
<title></title>
<link href="static/default.css" rel="stylesheet" type="text/css" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
</head>
<body>
<div class="outer">
<div class="inner">
<p><center class="center-lynx">
<h1 class="header-lynx">Welcome to my home page</h1>
</center></p>
<hr class="hr-lynx" />
<div id="container">
<ul class="lynx-ul">
<li><img alt="[Real picture of me]" src="https://acz.kalli.st/icon" title="Real picture of me" /></li>
<li>
<h1>Aczkolwiek Straszyć</h1>
<ul class="lynx-ul">
<li><code>acz@‍kalli.st</code></li>
</ul>
<div class="list"></div>
</li>
<li>
<span>
<a href="https://gt.kalli.st/acz">git.kalli.st/acz</a>
</span>
</li>
<li>
<span>
<a href="https://kill-9.xyz/rocks/people/acz">Kill-9 hall of famer</a>
</span>
</li>
</ul>
</div>
</div>
<hr class="hr-lynx" />
<div id="content-container">
<span id="tabs">
<a href="index.html#posts">Posts</a>
<a href="index.html#projects">Projects</a>
<a href="index.html#other">Other</a>
</span>
<div id="feed-container">
<div class="category" id="projects">
<ul class="lynx-ul">
<li>
<h1 class="header-lynx">Projects</h1>
<ul class="lynx-ul">
<li>
<div class="feed-line">
<strong>
<a href="https://acz.kalli.st/220">aoydl</a>
</strong>
<p>Aczkolwiek's Own Youtube-DL</p>
</div>
</li>
<li>
<div class="feed-line">
<strong>
<a href="https://acz.kalli.st/221">Outvidious</a>
</strong>
<p>Minimalist HTTP proxy/frontend for youtube</p>
</div>
</li>
<li>
<div class="feed-line">
<strong>
<a href="https://acz.kalli.st/222">SimpleMed</a>
</strong>
<p>Simple PubMed frontend with Sci-Hub integration</p>
</div>
</li>
</ul>
</li>
</ul>
</div>
<hr class="hr-lynx" />
<div class="category" id="other">
<ul class="lynx-ul">
<li>
<h1 class="header-lynx">Other</h1>
<ul class="lynx-ul">
<li>
<div class="feed-line">
<strong>PGP key</strong>
<ul class="lynx-ul">
<li>
My PGP key is <code>0x37F9682F</code>
(<a href="https://acz.kalli.st/key.txt">download it here</a>)
</li>
<li>
Fingerprint: <code>E658 918F B2C2 66F2 E2A0 9DC9 0FEB 6074 37F9 682F</code>
</li>
</ul>
</div>
</li>
<li>
<div class="feed-line">
<strong>Donate</strong>
<ul class="lynx-ul">
<li>
Please donate using my bitcoin address: <code>bc1ql0ghp3e4dmvnsj4tqx7gthplfqgm883tlectsw</code>
</li>
</ul>
</div>
</li>
</ul>
</li>
</ul>
</div>
<hr class="hr-lynx" />
<div class="category" id="posts">
<ul class="lynx-ul">
<li>
<h1 class="header-lynx">Posts</h1>
<ul class="lynx-ul">
<li>
<div class="feed-line">
Currently there are no posts
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<hr class="hr-lynx" />
<div class="content">
</div>
</div>
</body>
</html>

308
index.xhtml

@ -1,178 +1,134 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd" lang="en" xml:lang="en">
<head>
<title> Acz&#x27;s home</title>
<link href="https://acz.kalli.st/static/default.css"
rel="stylesheet" type="text/css" />
<meta content="width=device-width, initial-scale=1.0"
name="viewport" />
<meta charset="utf-8" />
<meta
content="http://acz.kallist4mcluuxbjnr5p2asdlmdhaos3pcrvhk3fbzmiiiftwg6zncid.onion/"
http-equiv="onion-location" />
<link href="https://acz.kalli.st/style" rel="stylesheet"
type="text/css" />
<link href="https://acz.kalli.st/icon" rel="icon" /></head>
<body>
<div class="outer">
<div class="inner">
<p><center class="center-lynx">
<h1 class="header-lynx">Welcome to my home page</h1>
</center></p>
<hr class="hr-lynx" />
<div id="container">
<ul class="lynx-ul">
<li><img alt="[Real picture of me]"
src="https://acz.kalli.st/icon"
title="Real picture of me" /></li>
<li>
<h1>Aczkolwiek Straszyć</h1>
<ul class="lynx-ul">
<li><code>acz@‍kalli.st</code></li>
</ul>
<div class="list"></div>
</li>
<li><span><a href="https://git.kalli.st/acz"
>git.kalli.st/acz</a> <a
href="http://git.kallist4mcluuxbjnr5p2asdlmdhaos3pcrvhk3fbzmiiiftwg6zncid.onion/acz"
>(onion)</a></span></li>
<li><span><a href="https://kill-9.xyz/rocks/people/acz"
>Kill-9 hall of famer</a></span></li>
</ul>
</div>
</div>
<hr class="hr-lynx" />
<div id="content-container"> <span id="tabs"><a
href="index.html#posts"></a><a href="index.html#projects"
></a><a href="index.html#other"></a></span>
<div id="feed-container">
<div class="category" id="projects">
<ul class="lynx-ul">
<li>
<h1 class="header-lynx">Projects</h1>
<ul class="lynx-ul">
<li>
<div class="feed-line"> <strong><a
href="https://acz.kalli.st/220">aoydl</a
></strong>
<p>Aczkolwiek's Own Youtube-DL</p>
</div>
</li>
<li>
<div class="feed-line"> <strong><a
href="https://acz.kalli.st/221">Outvidious</a
></strong>
<p>Minimalist HTTP proxy/frontend for youtube</p
>
</div>
</li>
<li>
<div class="feed-line"> <strong><a
href="https://acz.kalli.st/222">SimpleMed</a
></strong>
<p>Simple PubMed frontend with Sci-Hub
integration</p>
</div>
</li>
</ul>
</li>
</ul>
</div>
<hr class="hr-lynx" />
<div class="category" id="other">
<ul class="lynx-ul">
<li>
<h1 class="header-lynx">Other</h1>
<ul class="lynx-ul">
<li>
<div class="feed-line"> <strong>PGP key</strong>
<ul class="lynx-ul">
<li>My PGP key is <code>0x37F9682F</code>
(<a href="https://acz.kalli.st/key.txt"
>download it here</a>)</li>
<li>Fingerprint: <code>E658 918F B2C2 66F2
E2A0 9DC9 0FEB 6074 37F9 682F</code></li>
</ul>
</div>
</li>
<li>
<div class="feed-line"> <strong>Donate</strong>
<ul class="lynx-ul">
<li>Please donate using my bitcoin address:
<code
>bc1ql0ghp3e4dmvnsj4tqx7gthplfqgm883tlectsw</code
></li>
</ul>
</div>
</li>
</ul>
</li>
</ul>
</div>
<hr class="hr-lynx" />
<div class="category" id="posts">
<ul class="lynx-ul">
<li>
<h1 class="header-lynx">Posts</h1>
<ul class="lynx-ul">
<li>
<div class="feed-line"> Currently there are no
posts</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<hr class="hr-lynx" />
<p><center
style="position:absolute;bottom:5%;left:0;right:0;margin:auto;"
><img alt="Licensed under CC0-1.0"
src="https://acz.kalli.st/sub/i/KqKaZ/88x31_cc0.png"
title="Licensed under CC0-1.0" /><br />
<a href="https://digdeeper.neocities.org/"><img
alt="Dig Deeper"
src="https://acz.kalli.st/sub/i/K9wza/88x31_digdeeper.png"
title="Dig Deeper" /></a><a
href="https://tilde.club/~acz/shadow_wiki/index.xhtml"><img
alt="Shadow Wiki"
src="https://acz.kalli.st/sub/i/KVpce/shadow_wiki.png"
title="Shadow Wiki" /></a><a
href="https://ebin.city/~shokara/"><img alt="Shokara"
src="https://acz.kalli.st/sub/i/KbhHr/88x31_shokara.gif"
title="Shokara" /></a><a href="https://qorg11.net/"><img
alt="qorg11"
src="https://acz.kalli.st/sub/i/KCB6V/88x31_qorg11.gif"
title="qorg11" /></a></center></p>
<div class="content"></div>
</div>
</body>
<head>
<title></title>
<link href="static/default.css" rel="stylesheet" type="text/css" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta http-equiv="Content-type" content="application/xhtml+xml;charset=utf-8" />
</head>
<body>
<div>
<div style="text-align: center">
<h1>Welcome to my home page</h1>
<hr />
<div id="container">
<ul>
<li><img alt="[Real picture of me]" src="https://acz.kalli.st/icon" title="Real picture of me" /></li>
<li>
<h1>Aczkolwiek Straszyć</h1>
<ul>
<li><code>acz@‍kalli.st</code></li>
</ul>
<div ></div>
</li>
<li>
<span>
<a href="https://gt.kalli.st/acz">git.kalli.st/acz</a>
</span>
</li>
<li>
<span>
<a href="https://kill-9.xyz/rocks/people/acz">Kill-9 hall of famer</a>
</span>
</li>
</ul>
</div>
</div>
<hr />
<div id="content-container">
<span id="tabs">
<a href="#posts"></a>
<a href="#projects"></a>
<a href="#other"></a>
</span>
<div id="feed-container">
<div>
<ul>
<li>
<h1>Projects</h1>
<ul>
<li>
<div>
<strong>
<a href="https://acz.kalli.st/220">aoydl</a>
</strong>
<p>Aczkolwiek's Own Youtube-DL</p>
</div>
</li>
<li>
<div>
<strong>
<a href="https://acz.kalli.st/221">Outvidious</a>
</strong>
<p>Minimalist HTTP proxy/frontend for youtube</p>
</div>
</li>
<li>
<div>
<strong>
<a href="https://acz.kalli.st/222">SimpleMed</a>
</strong>
<p>Simple PubMed frontend with Sci-Hub integration</p>
</div>
</li>
</ul>
</li>
</ul>
</div>
<hr />
<div >
<ul>
<li>
<h1>Other</h1>
<ul>
<li>
<div>
<strong>PGP key</strong>
<ul>
<li>
My PGP key is <code>0x37F9682F</code>
(<a href="https://acz.kalli.st/key.txt">download it here</a>)
</li>
<li>
Fingerprint: <code>E658 918F B2C2 66F2 E2A0 9DC9 0FEB 6074 37F9 682F</code>
</li>
</ul>
</div>
</li>
<li>
<div>
<strong>Donate</strong>
<ul>
<li>
Please donate using my bitcoin address: <code>bc1ql0ghp3e4dmvnsj4tqx7gthplfqgm883tlectsw</code>
</li>
</ul>
</div>
</li>
</ul>
</li>
</ul>
</div>
<hr />
<div>
<ul>
<li>
<h1 >Posts</h1>
<ul>
<li>
<div>
Currently there are no posts
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<hr />
<div >
</div>
</div>
</body>
</html>

247
static/default.css

@ -1,242 +1,147 @@
@font-face {
font-family:storopia;
src:url(/static/font.woff) format('woff');
}
* {
font-family:storopia;
font-family : Nunito,monospace;
}
a {
text-decoration:none;
word-break:break-word;
text-decoration : none;
}
form {
margin:auto;
text-align:center;
margin : auto;
text-align : center;
}
input, textarea {
border:none;
border-bottom: solid 1px;
}
textarea {
width:90vw;
height:50vh;
border : none;
border-bottom : 1px solid;
}
dialog {
position:fixed;
max-width:100vw;
max-height:100vh;
top:0;
overflow:auto;
cursor:pointer;
}
position : fixed;
top : 0;
overflow : auto;
cursor : pointer;
}
.error {
margin:auto;
margin : auto;
}
#captcha, #tos, #pp {
display:none;
display : none;
}
#captcha + div {
background-image:url(/static/captcha.png);
height:75px;
width:302px;
padding:0px;
margin:auto;
margin-top:20px;
border:1px solid black;
}
#captcha:checked + div {
background-image:url(/static/captcha.gif);
}
#tos + dialog {
display:none;
background-image : url(/static/captcha.png);
height : 75px;
width : 302px;
padding : 0;
margin : auto;
margin-top : 20px;
border : black solid 1px;
}
#tos:checked + dialog {
display:block;
#tos + dialog {
display : none;
}
#pp + dialog {
display:none;
}
#pp:checked + dialog {
display:block;
display : none;
}
#application-form {
border:solid 2px;
max-width:max-content;
padding:40px;
border : solid 2px;
padding : 40px;
}
.thumb {
margin:auto;
max-width:100%;
max-height:100vh;
display:block;
margin : auto;
max-width : 100%;
display : block;
}
.center {
margin:auto;
text-align:center;
margin : auto;
text-align : center;
}
#application-form .error {
color:red;
color : red;
}
#application-form label b {
text-decoration:underline;
cursor:pointer;
text-decoration : underline;
cursor : pointer;
}
#application-form dialog > :first-child {
float:right;
color:red;
float : right;
color : red;
}
#application-form textarea{
width:max-content;
}
.card {
margin:20px auto;
border:solid 2px;
max-width:max-content;
padding:40px;
margin : 20px auto;
border : solid 2px;
padding : 40px;
}
.big {
font-size:50px;
font-size : 50px;
}
.red {
color:red;
color : red;
}
.green {
color:green;
color : green;
}
.blue {
color:blue;
color : blue;
}
.card img {
max-width:100%;
border:2px solid;
max-width : 100%;
border : solid 2px;
}
.card code {
border:1px solid;
}
.header {
flex-shrink:0;
border : solid 1px;
}
.header p {
margin:0px;
margin : 0;
}
.header p > :first-child {
margin-left:5px;
margin-left : 5px;
}
.footer {
bottom:0;
width:100%;
text-align:center;
flex-shrink: 0;
bottom : 0;
width : 100%;
text-align : center;
}
.footer p {
margin:2px;
margin : 2px;
}
.post {
margin:auto;
text-align:center;
margin : auto;
text-align : center;
}
.post a {
font-size:20px;
font-size : 20px;
}
.full-post {
max-width:95vw;
margin:auto;
margin : auto;
}
.full-post > :first-child {
text-align:center;
padding:0;
text-align : center;
padding : 0;
}
.full-post blockquote {
color :#333;
border-left: 3px solid #333;
margin-left:0px;
padding-left:15px;
color : #333;
border-left : 3px solid #333;
margin-left : 0;
padding-left : 15px;
}
.full-post ul, li, ol {
margin:0;
padding:0;
margin-left: 10px;
padding-left: 5px;
margin : 0;
padding : 0;
margin-left : 10px;
padding-left : 5px;
}
.full-post pre code {
display:block;
text-align:left;
max-width:max-content;
display : block;
text-align : left;
}
.full-post code {
background-color:white;
color:black;
overflow:auto;
border-radius:2px;
text-shadow:none;
font-size:85%;
padding:0px 5px 1px 5px;
border: 1px solid black;
}
.content {
flex-grow: 1;
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
background-color : white;
color : black;
overflow : auto;
font-size : 85%;
padding : 0 5px 1px 5px;
border : black solid 1px;
}
.content::-webkit-scrollbar {
display: none;
.content {
overflow : auto;
}
.content > :first-child {
margin-top:10px;
}
.content > :last-child {
margin-bottom:10px;
}
.codehilite {
max-width:max-content;
border-radius:2px;
margin-top : 10px;
}
Loading…
Cancel
Save