CHANGE: fixed up some css, kinda fine with mobile now, might change later tho

README.md

@@ -6,6 +6,8 @@
 
 - THIS BOI IS BEING WORKED AT!!! IT'S COMING BABYYYY!!!
 
+- femboi supremacy UwU
+
 - [layer-8.moe](https://layer-8.moe/)
 
 > stay tuned
@@ -14,10 +16,11 @@
 
 ## roadmap<sub>(sorta)</sub> of shame
 
-- [ ] make css compatible with mobile devices
+- [x] make css compatible with mobile devices
 - [ ] write downloader to mask file paths
 - [ ] fix routing system to mask get parameters (possibly nginx config)
 - [ ] detail views for files of all types
+- [ ] add legal stuff
 - [ ] populate database
 - [ ] invite regina
 - [ ] get things up and running on vps 

public/about.php

@@ -2,17 +2,18 @@
 
 <div style='margin: auto; width: 85vw;'>
   <h2>I am a human. Treat me as such. I will reciprocate.</h2>
-  <div style='display: flex;'>
+  <div class='about_section'>
     <p>
-    This is a hunk of text about me and my website.<br>
-    Very fascinating indeed.<br><br>
+    This is a hunk of text about me and my website.<br><br>
     I endorse free and open software.<br><br>
     This site was created solely by human hands without the use of AI.<br>
-    You could call it 'organic', I guess.<br><br>
+    You could call it 'organic', I guess. <i>(Yeah, that is some pretentious hipster bs)</i><br><br>
     Also, documents are being dynamically built using php, relying on the resources of the server, so to say. 
     That means that the number of simultaneous visitors will be restricted. That way both visiting and running the site is kind of discouraged.<br>
     So, in turn, this site represents my personality traits in the '''real''' world. 
     (People of culture would call this 'edgy tsundere behavior', but what do they know...)<br><br>
+    No one knows who they really are.<br><br>
+    I strive to live in unity with the world and everyone around me. One does not need to employ mind-expanding substances to realise that. Mutual understanding and collaboratively openly working out our fears should suffice.<br><br>
     Let's all love Lain! &#10084;<br>
     - Dani
     </p>

public/resources/stylesheet.css

@@ -28,9 +28,12 @@
   font-family: 'sans';
   color: white;
   background-color: black;
+  background-image: url("./img/bg-tiles-sprite_4x.gif");
+  background-repeat: space round;
 }
 
 footer {
+  user-select: none;
   padding: 0.5rem;
   display: flex;
   align-items: center;
@@ -50,6 +53,7 @@ footer {
                0 11px 0 #17202A, 0 12px 0 #17202A;
   z-index: 999;
   padding-left: 4rem;
+  user-select: none;
 }
 
 .logo_gif {
@@ -64,6 +68,7 @@ footer {
   align-items: center;
   pointer-events: none;
   margin-bottom: -4rem;
+  user-select: none;
 }
 
 .logo_link {
@@ -71,6 +76,7 @@ footer {
 }
 
 .menu_bar {
+  user-select: none;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -160,6 +166,8 @@ footer {
   padding-left: 2rem;
   padding-bottom: 3rem;
   color: #FFF;
+  pointer-events: none;
+  user-select: none;
 }
 
 .blinky_cursor {
@@ -202,12 +210,21 @@ form > label {
   width: 30%;
 }
 
+.about_section {
+  display: flex;
+}
+
+.about_section p {
+  width: 60%;
+  padding: 3rem;
+}
+
 
 @viewport {
     width: device-width;
 }
 
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 900px) {
   footer {
     padding: 0.1rem;
     display: flex;
@@ -284,5 +301,21 @@ form > label {
     padding-left: 0rem;
     padding-bottom: 1rem;
     color: #FFF;
+    pointer-events: none;
+    user-select: none;
+  }
+  
+  .about_section {
+    display: flex;
+    flex-direction: column-reverse;
+  }
+  
+  .about_section p {
+    width: 80%;
+    padding: 0rem;
+  }
+  
+  .about_section img {
+    margin: 0rem;
   }
 }