index.php

@@ -51,13 +51,11 @@ $slogan = $slogans[rand(0, count($slogans) - 1)];
 foreach($recent as $user => $date) {
     echo "<a class=\"link\" href=\"/~".$user."/\"><p class=\"user_home\"><span>drwxr-xr-x</span><span>".rand(1,9)."</span><span>".$user."</span><span>".$user."</span><span>".rand(1,19)."</span><span>".date("M d H:i", $date)."</span><span>".$user."</span></p></a>";
 }
-
 ?>
 </article>
 
 <?php
 
-include 'news.php';
 include 'footer.php';
 
 ?>

news.php

@@ -1,60 +1,69 @@
+<?php
+include 'header.php' 
+?>
 
-<h1>> Niusy </h1>
+<h1>> News </h1>
 <article id="content">
 
     <h2> 2025/10/09 </h2>
     <p>
-        <ul>
-            <li>Założyliśmy instancję <a href="https://cloud.tylda.org">nextcloud</a>. Powoli odzywamy się do środowiska linuxowego i fediverse promując inicjatywę.</li>
-            <li>Niusy dodane na główną</li>
-        </ul>
+	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>
-	Nowa strona listująca wszystkich <a href="/users.php">użytkowników</a>.
+	Introduced <a href="/users.php">users page</a>, which lists all user's web pages.
     </p>    
     
     <h2> 2025/10/03 </h2>
     <p>
-	Poprawiony interaktywny layout strony. Głównie css @media.
+	Work on interactive layout for web. Mostly css @media stuff.
     </p>
     
     <h2> 2025/09/30 </h2>
     <p>
-	Formularz rejestracji wymusza podanie klucza SSH.
+        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>Podstawowe wsparcie gemini protocol. Używamy serwera satellite</li>
-            <li>Strona wiki</li>
+            <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 dołącza do tyldy jako wolontariusz, developer i admin</li>
-	    <li>Dodany podstawowy formularz rejestracji</li>
+	    <li>
+		Smoorg joins tylda volunteering as admin and developer.
+	    </li>
+	    <li>
+		Registration form foundation
+	    </li>
 	</ul>
     </p>
 
     
     <h2> 2025/09/18 </h2>
     <p>
-	v0id1st stworzył podwaliny serwera
+	v0id1st introduced basic setup
 	<ul>
-    	    <li>skrypt dodający użytkowników</li>
-    	    <li>konfiguracja irc</li>
-    	    <li>podstawowa strona html+php</li>
+    	    <li>script to invite users</li>
+    	    <li>irc configuration</li>
+    	    <li>basic html webpage</li>
     	</ul>
     </p>
 
     <h2> 2025/07/22 </h2>
     <p>
-	Początek prac.
+	Early work is getting done. VPS hosted, zfs volumes per user.
     </p>
     
+
 </article>
+
+<?php
+include 'footer.php' 
+?>

static/css/main.css

@@ -35,6 +35,7 @@ div.main-content {
 
 header#menu {
     display: flex;
+    flex-direction: column;
     border-width: 5px;
     border-color: var(--main);
     border-style: double;
@@ -72,7 +73,7 @@ article#content {
     border-color: var(--main);
     border-style: double;
     border-radius: 5px;
-    margin: 2rem 0;
+    margin-top: 2rem;
     padding: 1rem;
     gap: .5rem;
     padding-block: 2rem;
@@ -153,67 +154,26 @@ ul li {
   padding: 0.5rem;
   margin-left: 2rem;
 }
-@media only screen and (min-width: 1200px) {
+@media only screen and (min-width: 900px) {
     div.main-content {
         width: 60%;
     }
 }
 
 @media only screen 
-    and (min-width: 576px) 
-    and (max-width: 768px) {
+    and (min-width: 480px) 
+    and (max-width: 900px) {
     header#menu {
-        flex-direction: column;
-    }
-    .form-row {
         flex-direction: row;
     }
-    pre.ascii {
-	    font-size: 0.8rem;
-    }
-}
-@media only screen 
-    and (min-width: 768px) 
-    and (max-width: 992px) {
-    header#menu {
-        flex-direction: column;
-    }
-    .form-row {
-        flex-direction: row;
-    }
-}
-@media only screen 
-    and (min-width: 992px) 
-    and (max-width: 1200px) {
-}
-
-@media only screen 
-    and (min-width: 1200px) 
-    and (max-width: 1400px) {
-    header#menu {
-        flex-direction: column;
-    }
     .form-row {
         flex-direction: row;
     }
 }
 
-@media only screen and (max-width: 576px) {
-    header#menu {
-        flex-direction: column;
-        margin-bottom: 2rem;
-    }
-    article#content {
+@media only screen and (max-device-width: 480px) {
+    article {
 	font-size: 1em;
-        border: none;
-        border-color: none;
-        border-style: none;
-        border-radius: 0;
-        padding: 0rem;
     }
-    pre.ascii {
-	    font-size: 0.5rem;
-    }
-
 }