tylda-public/main
3
0
Fork 1
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: tylda-public:7555926f1012b5fbcdbb02adc01a47da90ab488d
Branches Tags
tylda-public:main tylda-public:feature/news tylda-public:feature/users-tab tylda-public:feature/css-hell tylda-public:feature/simplify-form tylda-public:feature/register-form
..
compare: tylda-public:feature/news
Branches Tags
tylda-public:main tylda-public:feature/news tylda-public:feature/users-tab tylda-public:feature/css-hell tylda-public:feature/simplify-form tylda-public:feature/register-form

14 Commits
7555926f10 ... feature/ne

Author SHA1 Message Date
Smoorg
8b0a27358d minor chages for users.php 
* article css
* h1 > Users
 2025-10-09 03:10:02 +02:00
Smoorg
a077f2e95f news page 2025-10-09 03:09:49 +02:00
v0id1st
df15387f84 escape xd 2025-10-08 13:44:16 +02:00
v0id1st
5ce36803b8 Merge pull request 'users tab' (#5) from feature/users-tab into main 
Reviewed-on: #5
Reviewed-by: v0id1st <v0id1st@tylda.org>
 2025-10-08 13:42:29 +02:00
v0id1st
fea7b92687 link 2025-10-08 13:41:25 +02:00
v0id1st
ef777eb779 register 2025-10-08 13:33:14 +02:00
Smoorg
e19a66ff62 users tab 2025-10-08 12:15:37 +02:00
v0id1st
5bff409db4 Merge pull request 'feature/css-hell' (#4) from feature/css-hell into main 
Reviewed-on: #4
 2025-10-07 01:14:23 +02:00
Smoorg
2c21a866b1 media chaos 
* dodane media na desktop (900+)
* dodane media na 480px
* dodane media dla telefonow (max-device-width)
 2025-10-03 22:42:17 +02:00
Smoorg
8cfc95535d avoid hardcoding height for flex purposes 2025-10-03 21:23:10 +02:00
v0id1st
cdbd3140ba Merge pull request 'feature/simplify-form' (#3) from feature/simplify-form into main 
Reviewed-on: #3
 2025-09-30 17:47:38 +02:00
Smoorg
9f7d68bd5e wzmianka o tildeverse na index.php 2025-09-30 14:37:00 +02:00
Smoorg
d77fb7b2b6 Kilka zmian w formie rejestracji 
* dodany klucz ssh
* usuniete pole skąd do nas trafiłeś
* dodane 4 wiersze do zainteresowań
* dodane max 500 znaków w zainteresowaniach
 2025-09-30 14:35:08 +02:00
Smoorg
9c305c1a83 dodana czerwona gwiazdka na pola wymagane 2025-09-30 14:33:43 +02:00
6 changed files with 157 additions and 37 deletions
Expand all files Collapse all files

2
header.php
View File

@@ -1,5 +1,6 @@
<html lang="pl"> <html lang="pl">
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="/static/css/main.css"> <link rel="stylesheet" type="text/css" href="/static/css/main.css">
<meta charset="utf-8"> <meta charset="utf-8">
<title>~tylda.org~ polskie tildeverse</title> <title>~tylda.org~ polskie tildeverse</title>
@@ -12,4 +13,5 @@
<a href="/wiki/">wiki</a> <a href="/wiki/">wiki</a>
<a href="/git/">git</a> <a href="/git/">git</a>
<a href="/register.php">dołącz</a> <a href="/register.php">dołącz</a>
<a href="/users.php">użytkownicy</a>
</header> </header>

1
index.php
View File

@@ -35,6 +35,7 @@ $slogan = $slogans[rand(0, count($slogans) - 1)];
</div> </div>
<article id="content"> <article id="content">
<p>Wzorując się na <a href="https://tildeverse.org">tildeverse.org</a> tworzymy polskojęzyczną przestrzeń tilde.</p>
<p><b>tylda.org</b> to wspólny serwer linuksowy dla ludzi, którzy lubią prostotę, wolność i internet z czasów, gdy wszystko było bardziej tekstowe.</p> <p><b>tylda.org</b> to wspólny serwer linuksowy dla ludzi, którzy lubią prostotę, wolność i internet z czasów, gdy wszystko było bardziej tekstowe.</p>
<p>Możesz tu prowadzić bloga w Markdownie, tworzyć własne strony WWW, kapsuły gemini, korzystać z maila, czatu IRC i terminala – albo po prostu eksplorować i uczyć się Linuksa.</p> <p>Możesz tu prowadzić bloga w Markdownie, tworzyć własne strony WWW, kapsuły gemini, korzystać z maila, czatu IRC i terminala – albo po prostu eksplorować i uczyć się Linuksa.</p>
<p>Nie ma reklam, lajków, followersów – jest społeczność, współdzielenie wiedzy i dobre oldschoolowe wibracje.</p> <p>Nie ma reklam, lajków, followersów – jest społeczność, współdzielenie wiedzy i dobre oldschoolowe wibracje.</p>

69
news.php Normal file
View File

@@ -0,0 +1,69 @@
<?php
include 'header.php'
?>
<h1>> News </h1>
<article id="content">
<h2> 2025/10/09 </h2>
<p>
Introduced <a href="https://cloud.tylda.org">nextcloud</a> instance. We're slowly reaching linux and fediverse community promoting the initiative.
</p>
<h2> 2025/10/08 </h2>
<p>
Introduced <a href="/users.php">users page</a>, which lists all user's web pages.
</p>
<h2> 2025/10/03 </h2>
<p>
Work on interactive layout for web. Mostly css @media stuff.
</p>
<h2> 2025/09/30 </h2>
<p>
Use SSH key as default way of logging in and other minor changes to the registration form.
</p>
<h2> 2025/09/25 </h2>
<p>
<ul>
<li>Basic gemini setup is done. We deicided to go with satellite server.</li>
<li>Wiki page.</li>
</ul>
</p>
<h2> 2025/09/20 </h2>
<p>
<ul>
<li>
Smoorg joins tylda volunteering as admin and developer.
</li>
<li>
Registration form foundation
</li>
</ul>
</p>
<h2> 2025/09/18 </h2>
<p>
v0id1st introduced basic setup
<ul>
<li>script to invite users</li>
<li>irc configuration</li>
<li>basic html webpage</li>
</ul>
</p>
<h2> 2025/07/22 </h2>
<p>
Early work is getting done. VPS hosted, zfs volumes per user.
</p>
</article>
<?php
include 'footer.php'
?>

54
register.php
View File

@@ -1,7 +1,7 @@
<?php <?php
include 'header.php'; include 'header.php';
if($_POST['email'] && $_POST['nick'] && $_POST['how']) { if($_POST['email'] && $_POST['nick'] && $_POST['pubkey']) {
?> ?>
<article> <article>
@@ -19,17 +19,17 @@ Otrzymaliśmy twój formularz rejestracji. Oczekuj na dalsze informacje na swoje
$email=htmlspecialchars($_POST["email"]); $email=htmlspecialchars($_POST["email"]);
$url=htmlspecialchars($_POST["url"]); $url=htmlspecialchars($_POST["url"]);
$who=htmlspecialchars($_POST["who"]); $who=htmlspecialchars($_POST["who"]);
$how=htmlspecialchars($_POST["how"]);
$interests=htmlspecialchars($_POST["interests"]); $interests=htmlspecialchars($_POST["interests"]);
$pubkey=htmlspecialchars($_POST["pubkey"]);
$to = 'smoorg@tylda.org'; $to = 'smoorg@tylda.org';
$subject = 'Rejestracja usera ' . "$nick"; $subject = 'Rejestracja usera ' . "$nick";
$message = "Nick: $nick\n" . $message = "Nick:\t\t$nick\n" .
"Email: $email\n" . "Email:\t\t$email\n" .
"Url: $url\n" . "Url:\t\t$url\n" .
"Opowiedz coś na swój temat: $who\n" . "SSH:\t\t$pubkey\n" .
"Jak do nas trafiłeś?: $how\n" . "Opowiedz coś na swój temat:\t\t$who\n" .
"Zainteresowania: $interests\n" "Zainteresowania:\t\t$interests\n"
; ;
$headers = array( $headers = array(
'From' => 'noreply@tylda.org', 'From' => 'noreply@tylda.org',
@@ -41,36 +41,36 @@ Otrzymaliśmy twój formularz rejestracji. Oczekuj na dalsze informacje na swoje
} else { } else {
?> ?>
<article>
Poniższy formularz trafi do naszych administratorów, którzy go ocenią. Potraktuj go częściowo jako antyspam. Chcemy sensownych odpowiedzi na poniższe pytania. Posiadanie własnej strony też jest na duży plus. Poniższy formularz trafi do naszych administratorów, którzy go ocenią. Potraktuj go częściowo jako antyspam. Chcemy sensownych odpowiedzi na poniższe pytania. Posiadanie własnej strony też jest na duży plus.
<form action="register.php" method="POST"> <form action="register.php" method="POST">
<div class="form-row"> <div class="form-row">
<label>Email*</label> <label>
Email
<span color=red>*</span>
</label>
<input name="email" type="email" required> <input name="email" type="email" required>
</div> </div>
<div class="form-row"> <div class="form-row">
<label>Nick*</label> <label>
Nick
<span color=red>*</span>
</label>
<input name="nick" type="string" min=3 max=20 pattern="[a-zA-Z0-9]+" required> <input name="nick" type="string" min=3 max=20 pattern="[a-zA-Z0-9]+" required>
</div> </div>
<div class="form-row">
<label>
Klucz publiczny (posłuży ci do logowania)
<span color=red>*</span>
</br>
NIE podawaj tu klucza prywatnego!
</label>
<textarea name="pubkey" rows 3 maxlength=200 required></textarea>
</div>
<div class="form-row"> <div class="form-row">
<label>Strona WWW</label> <label>Strona WWW</label>
<input name="url" type="url"> <input name="url" type="url">
</div> </div>
<div class="form-row">
<label>Jak do nas trafiłeś?</label>
<select name="how" required>
<option selected></option>
<option>komunikator (np. matrix, irc, xmpp)</option>
<option>wyszukiwarka</option>
<option>tildeeverse.org</option>
<option>promocja w internecie</option>
<option>polecenie</option>
<option>inne</option>
</select>
</div>
<div class="form-row">
<label>Zainteresowania</label>
<textarea name="interests" maxlength=1000></textarea>
</div>
<div class="form-row"> <div class="form-row">
<label>Opowiedz coś na swój temat</label> <label>Opowiedz coś na swój temat</label>
<textarea name="who" rows=8 maxlength=1000"></textarea> <textarea name="who" rows=8 maxlength=1000"></textarea>
@@ -79,8 +79,10 @@ Poniższy formularz trafi do naszych administratorów, którzy go ocenią. Potra
<button type="submit">Submit</button> <button type="submit">Submit</button>
</div> </div>
</form> </form>
</article>
<?php <?php
} }
?> ?>

48
static/css/main.css
View File

@@ -1,9 +1,3 @@
@media only screen and (max-width: 850px) {
header#menu {
flex-direction: column !important;
}
}
:root { :root {
--main: #dd9a1a; --main: #dd9a1a;
--bg: #111; --bg: #111;
@@ -23,18 +17,25 @@ body {
font-family: "Helvetica", "Arial", sans-serif; font-family: "Helvetica", "Arial", sans-serif;
} }
h1 {
margin-bottom: 1rem;
}
h2, h3, h4, h5, h6 {
margin: 0.5rem 0;
}
div.main-content { div.main-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 60%;
margin: 0 auto; margin: 0 auto;
padding: 1rem; padding: 1rem;
} }
header#menu { header#menu {
display: flex; display: flex;
flex-direction: row; flex-direction: column;
height: 3rem;
border-width: 5px; border-width: 5px;
border-color: var(--main); border-color: var(--main);
border-style: double; border-style: double;
@@ -74,7 +75,7 @@ article#content {
border-radius: 5px; border-radius: 5px;
margin-top: 2rem; margin-top: 2rem;
padding: 1rem; padding: 1rem;
gap: 8px; gap: .5rem;
padding-block: 2rem; padding-block: 2rem;
} }
@@ -104,7 +105,8 @@ footer#footer > *:not(:last-child)::after {
pre.ascii { pre.ascii {
margin-bottom: 2rem; margin-bottom: 2rem;
font-size: 15px; font-size: 1rem;
overflow: auto;
} }
.user_home { .user_home {
@@ -116,6 +118,7 @@ pre.ascii {
.form-row { .form-row {
display: flex; display: flex;
flex-direction: column;
justify-content: flex-end; justify-content: flex-end;
padding: .5em; padding: .5em;
} }
@@ -151,3 +154,26 @@ ul li {
padding: 0.5rem; padding: 0.5rem;
margin-left: 2rem; margin-left: 2rem;
} }
@media only screen and (min-width: 900px) {
div.main-content {
width: 60%;
}
}
@media only screen
and (min-width: 480px)
and (max-width: 900px) {
header#menu {
flex-direction: row;
}
.form-row {
flex-direction: row;
}
}
@media only screen and (max-device-width: 480px) {
article {
font-size: 1em;
}
}

20
users.php Normal file
View File

@@ -0,0 +1,20 @@
<?php
include 'header.php';
?>
<h1>> Users </h1>
<article id="content">
Lista użytkowników i linki do ich blogów
<ul>
<?php
$host=htmlspecialchars($_SERVER['SERVER_NAME']);
//$host="";
foreach (scandir("/home/") as $file) {
if (in_array($file, array('.', '..'))) continue;
echo "<li><a href=\"/~$file\">~$file</a></li>";
}
?>
</ul>
</article>