media chaos

* dodane media na desktop (900+) * dodane media na 480px * dodane media dla telefonow (max-device-width)
avoid hardcoding height for flex purposes
2025-10-03 22:42:17 +02:00 · 2025-10-03 21:23:10 +02:00 · 2025-09-30 17:47:38 +02:00 · 2025-09-30 14:37:00 +02:00 · 2025-09-30 14:35:08 +02:00 · 2025-09-30 14:33:43 +02:00
4 changed files with 58 additions and 37 deletions
--- a/header.php
+++ b/header.php
@@ -1,5 +1,6 @@
 <html lang="pl">
 <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/static/css/main.css">
    <meta charset="utf-8">
    <title>~tylda.org~ polskie tildeverse</title>
--- a/index.php
+++ b/index.php
@@ -35,6 +35,7 @@ $slogan = $slogans[rand(0, count($slogans) - 1)];
 </div>

 <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>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>
--- a/register.php
+++ b/register.php
@@ -1,7 +1,7 @@
 <?php
 include 'header.php';

-if($_POST['email'] && $_POST['nick'] && $_POST['how']) {
+if($_POST['email'] && $_POST['nick'] && $_POST['pubkey']) {
 ?>

 <article>
@@ -19,17 +19,17 @@ Otrzymaliśmy twój formularz rejestracji. Oczekuj na dalsze informacje na swoje
    $email=htmlspecialchars($_POST["email"]);
    $url=htmlspecialchars($_POST["url"]);
    $who=htmlspecialchars($_POST["who"]);
-    $how=htmlspecialchars($_POST["how"]);
    $interests=htmlspecialchars($_POST["interests"]);
+    $pubkey=htmlspecialchars($_POST["pubkey"]);

    $to      = 'smoorg@tylda.org';
    $subject = 'Rejestracja usera ' . "$nick";
-    $message = "Nick: $nick\n" . 
-	"Email: $email\n" .
-	"Url: $url\n" .
-	"Opowiedz coś na swój temat: $who\n" .
-	"Jak do nas trafiłeś?: $how\n" .
-	"Zainteresowania: $interests\n"
+    $message = "Nick:\t\t$nick\n" . 
+	"Email:\t\t$email\n" .
+	"Url:\t\t$url\n" .
+	"SSH:\t\t$pubkey\n" .
+	"Opowiedz coś na swój temat:\t\t$who\n" .
+	"Zainteresowania:\t\t$interests\n"
 	;
    $headers = array(
        'From' => 'noreply@tylda.org',
@@ -41,36 +41,36 @@ Otrzymaliśmy twój formularz rejestracji. Oczekuj na dalsze informacje na swoje
 } 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.
 <form action="register.php" method="POST">
 <div class="form-row">
-    <label>Email*</label>
+    <label>
+	Email
+	<span color=red>*</span>
+    </label>
    <input name="email" type="email" required>
 </div>
 <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>
 </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">
    <label>Strona WWW</label>
    <input name="url" type="url">
 </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">
    <label>Opowiedz coś na swój temat</label>
    <textarea name="who" rows=8 maxlength=1000"></textarea>
@@ -79,6 +79,7 @@ Poniższy formularz trafi do naszych administratorów, którzy go ocenią. Potra
 <button type="submit">Submit</button>
 </div>
 </form>
+</article>
 <?php

 }
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -1,9 +1,3 @@
-@media only screen and (max-width: 850px) {
-    header#menu {
-        flex-direction: column !important;
-    }
-}
-
 :root {
    --main: #dd9a1a;
    --bg: #111;
@@ -23,18 +17,17 @@ body {
    font-family: "Helvetica", "Arial", sans-serif;
 }

+
 div.main-content {
    display: flex;
    flex-direction: column;
-    width: 60%;
    margin: 0 auto;
    padding: 1rem;
 }

 header#menu {
    display: flex;
-    flex-direction: row;
-    height: 3rem;
+    flex-direction: column;
    border-width: 5px;
    border-color: var(--main);
    border-style: double;
@@ -74,7 +67,7 @@ article#content {
    border-radius: 5px;
    margin-top: 2rem;
    padding: 1rem;
-    gap: 8px;
+    gap: .5rem;
    padding-block: 2rem;
 }

@@ -104,7 +97,8 @@ footer#footer > *:not(:last-child)::after {

 pre.ascii {
    margin-bottom: 2rem;
-    font-size: 15px;
+    font-size: 1rem;
+    overflow: auto;
 }

 .user_home {
@@ -116,6 +110,7 @@ pre.ascii {

 .form-row {
  display: flex;
+  flex-direction: column;
  justify-content: flex-end;
  padding: .5em;
 }
@@ -151,3 +146,26 @@ ul li {
  padding: 0.5rem;
  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;
+    }
+}
+
Author	SHA1	Message	Date
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