Update and cleanup

This commit is contained in:
2026-08-07 18:56:31 +02:00
parent 98ca0cdbc0
commit 5c375168c3
18 changed files with 56 additions and 272 deletions
-69
View File
@@ -1,69 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>Community | Krzak.org</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicons -->
<link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg">
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicons/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicons/favicon-192x192.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/favicon-180x180.png">
<link rel="shortcut icon" href="/favicons/favicon.ico">
<!-- Android Chrome -->
<link rel="icon" type="image/png" sizes="192x192" href="/favicons/favicon-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/favicons/favicon-512x512.png">
<!-- PWA -->
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#2a1a5e">
<link rel="stylesheet" href="/styles.css?v=2">
</head>
<body>
<div class="bg-glow">
<div class="bg-grid">
<div class="container">
<table border="0" cellpadding="0" cellspacing="0" align="center" style="margin-bottom: 24px;">
<tr>
<td valign="middle" style="padding-right: 16px;">
<div class="icon">
<img src="/icon.svg" alt="krzak.org">
</div>
</td>
<td valign="middle">
<h1 style="margin: 0; text-align: center;">Krzak.org</h1>
</td>
</tr>
</table>
<p>Join the community on Discord or Matrix</p>
<ul class="links">
<li>
<a href="https://matrix.to/#/!FQlmqHwYODiSahGeim:krzak.org?via=krzak.org" class="link matrix-link clearfix">
<strong>chat.krzak.org (Matrix)</strong>
<span>Safespace ULtd.</span>
</a>
</li>
<li>
<a href="https://discord.gg/CY3Zr6baD7" class="link discord-link clearfix">
<strong>Discord</strong>
<span>discord.gg/CY3Zr6baD7</span>
</a>
</li>
<br>
<li>
<a href="/" class="link clearfix">
<strong>Back</strong>
</a>
</li>
</ul>
</div>
</div>
</body>
</html>
+42 -22
View File
@@ -4,7 +4,12 @@
<title>Krzak.org - Contact</title> <title>Krzak.org - Contact</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/styles.css?v=2"> <link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/favicon-180x180.png">
<link rel="shortcut icon" href="/favicons/favicon.ico">
<link rel="stylesheet" href="/styles.css?v=3">
</head> </head>
<body> <body>
@@ -24,27 +29,42 @@
</tr> </tr>
</table> </table>
<ul class="links"> <div class="section box">
<li> <h2>Community</h2>
<a href="https://matrix.to/#/@n0va:krzak.org" class="link clearfix"> <ul class="links">
<strong>Matrix</strong> <li>
<span>@n0va:krzak.org</span> <a href="https://matrix.to/#/!FQlmqHwYODiSahGeim:krzak.org?via=krzak.org" class="link matrix-link clearfix">
</a> <strong>Matrix / Krzak Chat</strong>
</li> <span>Safespace ULtd.</span>
<li> </a>
<a href="https://fedi.krzak.org/@n0va" class="link clearfix"> </li>
<strong>Fediverse</strong> <li>
<span>@n0va@fedi.krzak.org</span> <a href="https://discord.gg/CY3Zr6baD7" class="link discord-link clearfix">
</a> <strong>Discord</strong>
</li> <span>discord.gg/CY3Zr6baD7</span>
<li> </a>
<a href="mailto:n0va@krzak.org" class="link clearfix"> </li>
<strong>Mail</strong> </ul>
<span>n0va@krzak.org</span> </div>
</a>
</li> <div class="section box">
</ul> <h2>Contact</h2>
<br> <ul class="links">
<li>
<a href="https://matrix.to/#/@n0va:krzak.org" class="link clearfix">
<strong>Matrix / Krzak Chat</strong>
<span>@n0va:krzak.org</span>
</a>
</li>
<li>
<a href="mailto:n0va@krzak.org" class="link clearfix">
<strong>Mail</strong>
<span>n0va@krzak.org</span>
</a>
</li>
</ul>
</div>
<br>
<div class="support"> <div class="support">
<a href="https://liberapay.com/krzak" class="button"> <a href="https://liberapay.com/krzak" class="button">
Support Krzak.org Support Krzak.org
Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 759 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.7 KiB

-75
View File
@@ -1,75 +0,0 @@
from PIL import Image, ImageDraw
def hex_to_rgb(hex_code):
hex_code = hex_code.lstrip('#')
return tuple(int(hex_code[i:i+2], 16) for i in (0, 2, 4))
# 1. Vertical Gradient
h = 2000
img = Image.new('RGB', (1, h))
draw = ImageDraw.Draw(img)
color_top = hex_to_rgb('#1a1130')
color_bottom = hex_to_rgb('#120d22')
for y in range(h):
r = int(color_top[0] + (color_bottom[0] - color_top[0]) * (y / h))
g = int(color_top[1] + (color_bottom[1] - color_top[1]) * (y / h))
b = int(color_top[2] + (color_bottom[2] - color_top[2]) * (y / h))
draw.point((0, y), fill=(r, g, b))
img.save('bg_gradient.png')
# 2. Top-Left and Top-Right Glows (Large image, say 2000x800)
w_glow, h_glow = 2000, 800
img_glow = Image.new('RGBA', (w_glow, h_glow), (0, 0, 0, 0))
draw_glow = ImageDraw.Draw(img_glow)
# Top left glow: #e0a05b 8% opacity, transparent at 28%
# Top right glow: #8b4789 18% opacity, transparent at 30%
# We'll just approximate it.
center_left = (0, 0)
radius_left = 600
center_right = (2000, 0)
radius_right = 650
for y in range(h_glow):
for x in range(w_glow):
# Left
dist_left = ((x - center_left[0])**2 + (y - center_left[1])**2)**0.5
alpha_left = 0
if dist_left < radius_left:
alpha_left = int(255 * 0.08 * (1 - dist_left / radius_left))
# Right
dist_right = ((x - center_right[0])**2 + (y - center_right[1])**2)**0.5
alpha_right = 0
if dist_right < radius_right:
alpha_right = int(255 * 0.18 * (1 - dist_right / radius_right))
r, g, b, a = 0, 0, 0, 0
if alpha_left > alpha_right:
r, g, b, a = 224, 160, 91, alpha_left
elif alpha_right > 0:
r, g, b, a = 139, 71, 137, alpha_right
if a > 0:
draw_glow.point((x, y), fill=(r, g, b, a))
img_glow.save('bg_glows.png')
# 3. Button Background (since linear-gradients are not in CSS2)
# Button linear-gradient(135deg, #e0a05b, #f1ba77)
# Let's just make a small 10x100 vertical gradient for button that can be repeated horizontally
img_btn = Image.new('RGB', (1, 100))
draw_btn = ImageDraw.Draw(img_btn)
c1 = hex_to_rgb('#e0a05b')
c2 = hex_to_rgb('#f1ba77')
for y in range(100):
r = int(c1[0] + (c2[0] - c1[0]) * (y / 100))
g = int(c1[1] + (c2[1] - c1[1]) * (y / 100))
b = int(c1[2] + (c2[2] - c1[2]) * (y / 100))
draw_btn.point((0, y), fill=(r, g, b))
img_btn.save('btn_bg.png')
-31
View File
@@ -1,31 +0,0 @@
from PIL import Image, ImageDraw
# 1. Generate icon_bg.png (56x56)
img_icon = Image.new('RGBA', (56, 56), (0, 0, 0, 0))
draw = ImageDraw.Draw(img_icon)
# Fill circle
# circle bounding box: [0, 0, 55, 55]
# color: rgba(0,0,0, 0.22) => alpha = int(0.22 * 255) = 56
draw.ellipse([0, 0, 55, 55], fill=(0, 0, 0, 56))
# Outline circle
# color: rgba(224, 160, 91, 0.45) => alpha = int(0.45 * 255) = 115
draw.ellipse([0, 0, 55, 55], outline=(224, 160, 91, 115), width=1)
img_icon.save('icon_bg.png')
# 2. Generate grid.png (24x24)
# 1px top and left lines, rgba(255, 255, 255, 0.02)
# Wait, 0.02 is very faint (alpha = 5). Let's make it alpha=8 for visibility.
img_grid = Image.new('RGBA', (24, 24), (0, 0, 0, 0))
draw_grid = ImageDraw.Draw(img_grid)
line_color = (255, 255, 255, 8)
# Left line
draw_grid.line([(0, 0), (0, 23)], fill=line_color, width=1)
# Top line
draw_grid.line([(0, 0), (23, 0)], fill=line_color, width=1)
img_grid.save('grid.png')
BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 394 B

+11 -46
View File
@@ -4,29 +4,12 @@
<title>Krzak.org</title> <title>Krzak.org</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicons -->
<link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg">
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicons/favicon-48x48.png"> <link rel="icon" type="image/png" sizes="180x180" href="/favicons/favicon-180x180.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicons/favicon-192x192.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/favicon-180x180.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/favicon-180x180.png">
<link rel="shortcut icon" href="/favicons/favicon.ico"> <link rel="shortcut icon" href="/favicons/favicon.ico">
<link rel="stylesheet" href="/styles.css?v=3">
<!-- Android Chrome -->
<link rel="icon" type="image/png" sizes="192x192" href="/favicons/favicon-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/favicons/favicon-512x512.png">
<!-- PWA -->
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#2a1a5e">
<link rel="stylesheet" href="/styles.css?v=2">
<link href="https://fedi.krzak.org/@krzak" rel="me">
<link href="https://fedi.krzak.org/@n0va" rel="me">
</head> </head>
<body> <body>
@@ -65,15 +48,15 @@
</a> </a>
</li> </li>
<li> <li>
<a href="https://fedi.krzak.org" class="link clearfix"> <a href="https://music.krzak.org" class="link main clearfix">
<strong>Fediverse</strong> <strong>Music</strong>
<span>Sharkey</span> <span>Jellyfin</span>
</a> </a>
</li> </li>
<li> <li>
<a href="https://music.krzak.org" class="link clearfix"> <a href="https://mail.krzak.org" class="link main clearfix">
<strong>Music</strong> <strong>Mail</strong>
<span>Jellyfin</span> <span>Mailu</span>
</a> </a>
</li> </li>
</ul> </ul>
@@ -83,15 +66,9 @@
<h2>Tools</h2> <h2>Tools</h2>
<ul class="links"> <ul class="links">
<li> <li>
<a href="https://auth.krzak.org" class="link auth-link clearfix"> <a href="https://auth.krzak.org" class="link clearfix">
<strong>Unified Krzak.org account</strong> <strong>Unified Krzak.org account</strong>
<span>Authentik<span class="experimental">experimental</span></span> <span>Authentik</span>
</a>
</li>
<li>
<a href="https://mail.krzak.org" class="link clearfix">
<strong>Mail</strong>
<span>Mailu</span>
</a> </a>
</li> </li>
<li> <li>
@@ -100,12 +77,6 @@
<span>mu.krzak.org</span> <span>mu.krzak.org</span>
</a> </a>
</li> </li>
<li>
<a href="https://paste.krzak.org" class="link clearfix">
<strong>Paste</strong>
<span>Opengist</span>
</a>
</li>
<li> <li>
<a href="https://link.krzak.org" class="link clearfix"> <a href="https://link.krzak.org" class="link clearfix">
<strong>Link Shortener</strong> <strong>Link Shortener</strong>
@@ -118,16 +89,10 @@
<div class="section box"> <div class="section box">
<h2>Pages</h2> <h2>Pages</h2>
<ul class="links"> <ul class="links">
<li>
<a href="/community/" class="link clearfix">
<strong>Community</strong>
<span>Discord + Matrix</span>
</a>
</li>
<li> <li>
<a href="/contact.html" class="link clearfix"> <a href="/contact.html" class="link clearfix">
<strong>Contact</strong> <strong>Contact</strong>
<span>Ways to reach me</span> <span>Community</span>
</a> </a>
</li> </li>
</ul> </ul>
BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

+2 -14
View File
@@ -2,22 +2,10 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url> <url>
<loc>https://krzak.org/</loc> <loc>https://krzak.org/</loc>
<lastmod>2026-05-05</lastmod> <lastmod>2026-08-07</lastmod>
</url>
<url>
<loc>https://krzak.org/applications.html</loc>
<lastmod>2026-05-05</lastmod>
</url> </url>
<url> <url>
<loc>https://krzak.org/contact.html</loc> <loc>https://krzak.org/contact.html</loc>
<lastmod>2026-05-05</lastmod> <lastmod>2026-08-07</lastmod>
</url>
<url>
<loc>https://krzak.org/community/</loc>
<lastmod>2026-05-05</lastmod>
</url>
<url>
<loc>https://krzak.org/mc.html</loc>
<lastmod>2026-05-05</lastmod>
</url> </url>
</urlset> </urlset>
+1 -15
View File
@@ -1,5 +1,3 @@
/* CSS 2 styles for Krzak.org */
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -39,7 +37,7 @@ a {
} }
.container { .container {
max-width: 664px; /* Total 720 with padding */ max-width: 664px;
margin: 0 auto; margin: 0 auto;
padding: 28px; padding: 28px;
background-color: #1a1130; background-color: #1a1130;
@@ -48,7 +46,6 @@ a {
z-index: 1; z-index: 1;
} }
/* Header layout using tables */
table.header-table { table.header-table {
width: 100%; width: 100%;
margin-bottom: 24px; margin-bottom: 24px;
@@ -172,7 +169,6 @@ a.link span {
visibility: hidden; visibility: hidden;
} }
/* * html hack for IE6 clearfix */
* html .clearfix { height: 1%; } * html .clearfix { height: 1%; }
.foot { .foot {
@@ -230,16 +226,6 @@ a.button:hover {
text-decoration: underline; text-decoration: underline;
} }
a.link span.experimental {
font-size: 0.7em;
font-weight: bold;
text-transform: uppercase;
color: #e0a05b;
margin-left: 4px;
float: none;
margin-top: 0;
}
.matrix-link { .matrix-link {
background-color: #19271c !important; background-color: #19271c !important;
border-color: #3b5032 !important; border-color: #3b5032 !important;