Configured and redid the base website structure

2025-05-25 20:58:24 +02:00 · 2025-05-25 20:58:24 +02:00 · b639061481
commit b639061481
parent 37944288be
9 changed files with 300 additions and 0 deletions
--- a/html/assets/mobile.css
+++ b/html/assets/mobile.css
@ -0,0 +1,68 @@
+/*
+ * Freed.place
+ * Version 3.0
+ * Copyright (c) 2025 FreedTapestry21
+ */
+
+/* Responsive layout for mobile */
+@media (max-width: 768px) {
+    /* Menu */
+    .menu {	
+        width: 90%;
+
+        margin: auto;
+    }
+
+    .menu p {user-select: none; font-size: 20px;}
+
+    .menu a {
+        color: var(--background-color);
+        text-decoration: none; 
+    }
+
+    .menu a:hover {
+        color: var(--accent-color-dark);
+        background-color: var(--background-color);
+    }
+
+    .name {
+        text-align: center; width: 100%;
+
+        background-color: var(--accent-color);
+        color: var(--text-color);
+    }
+    .index {
+        text-align: center; width: 100%;
+
+        background-color: var(--accent-color-dark);
+        color: var(--text-color);
+    }
+
+    /* Footer */
+    .footer {	
+        background-color: var(--accent-color);
+        color: var(--background-color);
+    
+        width: 100%;
+    
+        margin: auto;
+    }
+    
+    .footer p {font-size:12px;}
+    
+    .info {text-align: center; width: 100%;}
+    
+    /* Boxes */
+    .box {
+        width: 100%;
+    
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+    }
+    
+    .item {
+        padding: 10px;
+        width: 80%;
+    }
+}