gluposti na tarkaleta

GreeningSiren · May 12, 2024 · 7ae3997 · 7ae3997
1 parent dc1fe8e
commit 7ae3997
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 32 deletions.
diff --git a/index.html b/index.html
@@ -8,26 +8,28 @@
 </head>
 
 <body>
-    <!-- <a href="./AmogUS JUMP! - v.3.0/">AmogUS JUMP! - v.3.0</a> -->
-    <div class="container">
-        <a href="https://greeningsiren.itch.io/amogus-jump-gs" class="foldersender">📌AmogUS JUMP!</a>
-        <a href="./agario bez reklami" class="foldersender">AgarIO Remake</a>
-        <a href="./draskai" class="foldersender">Paint</a>
-        <a href="./flai geim 1" class="foldersender">Sus gAME</a>
-        <a href="./kuchepisac" class="foldersender">Dog Write Game</a>
-        <a href="./pucalo sin" class="foldersender">Shooting (sin,cos)</a>
-        <a href="./pucalo sin - opasno    t.w. Ne za shizofrenici" class="foldersender">Shooting (sin,cos) !! WEIRD</a>
-        <!-- <a href="./sneikio - sincus, cosincus, tanus/index.html" class="foldersender">SnakeIO sus SINUS i COSINUS</a> -->
-        <a href="./tumno e" class="foldersender">Lights OuT</a>
-        <a href="./maze s chereshi" class="foldersender">BFS Pathfinder</a>
-        <a href="./Orbitri" class="foldersender">Orbits</a>
-        <a href="./NemaNet" class="foldersender">Dinosaur</a>
-        <a href="./sokoban" class="foldersender">Sokoban</a>
-       <a href="./leveleditor" class="foldersender">Level Editor</a>
-        <!-- <a href="./tupa googleplay igra/" class="foldersender"></a> -->
-        <a href="https://greeningsiren.github.io/" class="foldersender">GO TO MAIN PAGE!</a>
-    </div>
-
+<!-- <a href="./AmogUS JUMP! - v.3.0/">AmogUS JUMP! - v.3.0</a> -->
+<div class="container">
+    <a href="https://greeningsiren.itch.io/amogus-jump-gs" class="foldersender">📌AmogUS JUMP!</a>
+    <a href="./agario bez reklami" class="foldersender">AgarIO Remake</a>
+    <a href="./draskai" class="foldersender">Paint</a>
+    <a href="./flai geim 1" class="foldersender">Sus gAME</a>
+    <a href="./kuchepisac" class="foldersender">Dog Write Game</a>
+    <a href="./pucalo sin" class="foldersender">Shooting (sin,cos)</a>
+    <a href="./pucalo sin - opasno    t.w. Ne za shizofrenici" class="foldersender">Shooting (sin,cos) !! WEIRD</a>
+     <a href="./sneikio - sincus, cosincus, tanus/index.html" class="foldersender">SnakeIO sus SINUS i COSINUS</a>
+    <a href="./tumno e" class="foldersender">Lights OuT</a>
+    <a href="./maze s chereshi" class="foldersender">BFS Pathfinder</a>
+    <a href="./Orbitri" class="foldersender">Orbits</a>
+    <a href="./NemaNet" class="foldersender">Dinosaur</a>
+    <a href="./sokoban" class="foldersender">Sokoban</a>
+    <a href="./leveleditor" class="foldersender">Level Editor</a>
+    <a href="./mnogulsnak" class="foldersender">Hex Snake</a>
+     <a href="./tupa googleplay igra/" class="foldersender"></a>
+</div>
+<div class="maincontainer">
+    <a href="https://greeningsiren.github.io/" class="mainpagelink">GO TO MAIN PAGE!</a>
+</div>
 
 </body>
 

diff --git a/styles.css b/styles.css
@@ -1,23 +1,38 @@
 body {
     background-color: #242424;
 }
-.container{ 
+.container{
     background-color: white;
-    display: grid;
-    grid-template-columns: repeat(4, 1fr); /* This creates three columns */
-    gap: 10px; /* Adjust the space between grid items */
+    /*display: grid;*/
+    /*grid-template-columns: repeat(4, 1fr); !* This creates three columns *!*/
+    /*gap: 10px; !* Adjust the space between grid items *!*/
     /* width: 35%; */
-    text-align: center; 
+    text-align: center;
     font-size: 30px;
+    display: flex;
+    /*justify-content: space-between;*/
+    gap: calc(20%/3 - 18px * 3);
+    flex-direction: row;
+    flex-wrap: wrap;
 }
 .foldersender {
-    padding:0.75em;
-    padding-bottom: 2em;
-    text-align: left;
-    display:grid;
+    text-align: center;
     text-decoration: none;
-    margin-left:2em;
-    margin-top: 0.5em;
-
+    width: 20%;
+    margin: 20px;
+    padding-bottom: 15px;
     /* font-size: ; */
 }
+.mainpagelink{
+    text-decoration: #05dcaa underline dotted;
+    color: whitesmoke;
+    padding: 10px;
+    text-align: center;
+    font-size: large;
+    border-radius: 6px;
+    background-color: #fa2355;
+}
+.maincontainer{
+    margin-top: 15px;
+    text-align: center;
+}