Update and cleanup
@@ -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>
|
||||
@@ -4,7 +4,12 @@
|
||||
<title>Krzak.org - Contact</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<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>
|
||||
|
||||
<body>
|
||||
@@ -24,17 +29,31 @@
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div class="section box">
|
||||
<h2>Community</h2>
|
||||
<ul class="links">
|
||||
<li>
|
||||
<a href="https://matrix.to/#/@n0va:krzak.org" class="link clearfix">
|
||||
<strong>Matrix</strong>
|
||||
<span>@n0va:krzak.org</span>
|
||||
<a href="https://matrix.to/#/!FQlmqHwYODiSahGeim:krzak.org?via=krzak.org" class="link matrix-link clearfix">
|
||||
<strong>Matrix / Krzak Chat</strong>
|
||||
<span>Safespace ULtd.</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://fedi.krzak.org/@n0va" class="link clearfix">
|
||||
<strong>Fediverse</strong>
|
||||
<span>@n0va@fedi.krzak.org</span>
|
||||
<a href="https://discord.gg/CY3Zr6baD7" class="link discord-link clearfix">
|
||||
<strong>Discord</strong>
|
||||
<span>discord.gg/CY3Zr6baD7</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="section box">
|
||||
<h2>Contact</h2>
|
||||
<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>
|
||||
@@ -44,6 +63,7 @@
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<br>
|
||||
<div class="support">
|
||||
<a href="https://liberapay.com/krzak" class="button">
|
||||
|
||||
|
Before Width: | Height: | Size: 7.9 KiB |
|
Before Width: | Height: | Size: 759 B |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 5.7 KiB |
@@ -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')
|
||||
|
||||
@@ -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')
|
||||
|
||||
|
Before Width: | Height: | Size: 394 B |
@@ -4,29 +4,12 @@
|
||||
<title>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="icon" type="image/png" 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">
|
||||
|
||||
<!-- 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">
|
||||
<link rel="stylesheet" href="/styles.css?v=3">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@@ -65,15 +48,15 @@
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://fedi.krzak.org" class="link clearfix">
|
||||
<strong>Fediverse</strong>
|
||||
<span>Sharkey</span>
|
||||
<a href="https://music.krzak.org" class="link main clearfix">
|
||||
<strong>Music</strong>
|
||||
<span>Jellyfin</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://music.krzak.org" class="link clearfix">
|
||||
<strong>Music</strong>
|
||||
<span>Jellyfin</span>
|
||||
<a href="https://mail.krzak.org" class="link main clearfix">
|
||||
<strong>Mail</strong>
|
||||
<span>Mailu</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -83,15 +66,9 @@
|
||||
<h2>Tools</h2>
|
||||
<ul class="links">
|
||||
<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>
|
||||
<span>Authentik<span class="experimental">experimental</span></span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://mail.krzak.org" class="link clearfix">
|
||||
<strong>Mail</strong>
|
||||
<span>Mailu</span>
|
||||
<span>Authentik</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
@@ -100,12 +77,6 @@
|
||||
<span>mu.krzak.org</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://paste.krzak.org" class="link clearfix">
|
||||
<strong>Paste</strong>
|
||||
<span>Opengist</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://link.krzak.org" class="link clearfix">
|
||||
<strong>Link Shortener</strong>
|
||||
@@ -118,16 +89,10 @@
|
||||
<div class="section box">
|
||||
<h2>Pages</h2>
|
||||
<ul class="links">
|
||||
<li>
|
||||
<a href="/community/" class="link clearfix">
|
||||
<strong>Community</strong>
|
||||
<span>Discord + Matrix</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/contact.html" class="link clearfix">
|
||||
<strong>Contact</strong>
|
||||
<span>Ways to reach me</span>
|
||||
<span>Community</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
Before Width: | Height: | Size: 22 KiB |
@@ -2,22 +2,10 @@
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url>
|
||||
<loc>https://krzak.org/</loc>
|
||||
<lastmod>2026-05-05</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://krzak.org/applications.html</loc>
|
||||
<lastmod>2026-05-05</lastmod>
|
||||
<lastmod>2026-08-07</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://krzak.org/contact.html</loc>
|
||||
<lastmod>2026-05-05</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>
|
||||
<lastmod>2026-08-07</lastmod>
|
||||
</url>
|
||||
</urlset>
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
/* CSS 2 styles for Krzak.org */
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -39,7 +37,7 @@ a {
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 664px; /* Total 720 with padding */
|
||||
max-width: 664px;
|
||||
margin: 0 auto;
|
||||
padding: 28px;
|
||||
background-color: #1a1130;
|
||||
@@ -48,7 +46,6 @@ a {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Header layout using tables */
|
||||
table.header-table {
|
||||
width: 100%;
|
||||
margin-bottom: 24px;
|
||||
@@ -172,7 +169,6 @@ a.link span {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/* * html hack for IE6 clearfix */
|
||||
* html .clearfix { height: 1%; }
|
||||
|
||||
.foot {
|
||||
@@ -230,16 +226,6 @@ a.button:hover {
|
||||
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 {
|
||||
background-color: #19271c !important;
|
||||
border-color: #3b5032 !important;
|
||||
|
||||