Commit before transfer

creative.php

@@ -2,7 +2,7 @@
     <hr class="featurette-divider"/>
 	<div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Gamemode Creative</h2>
+            <h2 class="featurette-heading">Creative World</h2>
             <p class="lead">
                 Our creative world is the perfect platform to use gamemode creative and to share your buildings with other players. You can also create plots for a lower price.<br>
             </p>

games.php

@@ -1,270 +1,322 @@
 <div class="container mt-4">
-	<h1 class="featurette-heading">Multiplayer</h1>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Among Us</h2>
-            <p class="lead">
-                Classic Among Us. But we did it in Minecraft!<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_amongus.jpg" alt="Games Among Us">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">BedWars</h2>
-            <p class="lead">
-                Each team needs to defend their bed and to destroy the enemies beds.<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_bedwars.jpg" alt="Games BedWars">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">RageMode</h2>
-            <p class="lead">
-                Kill other players by shooting at them. Each kill is a point. Throw an axe to reduce points of other players.<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_ragemode.jpg" alt="Games RageMode">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">ShoppingChaos</h2>
-            <p class="lead">
-                How fast are you at crafting? Train your skills and compete with other players by giving the customers what they want in time. If you don't know a crafting recipe, don't panic. There's a helpful human right beside you.<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_shoppingchaos.jpg" alt="ShoppingChaos">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Hide and Seek</h2>
-            <p class="lead">
-                Are you the runner or the hunter? Either way: Run fast! Get points to win the game by breaking the diamond block in the middle or hiding as long as possible.<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_hideandseek.jpg" alt="Games Hide and Seek">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">KnockFight</h2>
-            <p class="lead">
-                Knock other players off the platform by using your knockback-stick. Use skills by pressing function-keys to get advantages or to make it more complicated for other players to knock you off. But remember: You only have a limited amount of lifes.<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_knockfight.jpg" alt="Games KnockFight">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Spleef</h2>
-            <p class="lead">
-                Click the blocks below other players to remove them. If they fall, you win!<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_spleef.jpg" alt="Games Spleef">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">3D-TicTacToe</h2>
-            <p class="lead">
-                It's like Tictactoe, but 3D! Use your type of block to get 3 in a row.<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_3dtictactoe.jpg" alt="Games 3D-TicTacToe">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Chinese Checkers (Halma)</h2>
-            <p class="lead">
-                This game can be played by 2-6 players. It's your goal to get all your tokens to the opposite site of your color. In your turn you can only move one token. The token can move one step in all directions. You can jump over multiple tokens to get to the other site faster. Be strategic and smart!<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_halma.jpg" alt="Games Chinese Checkers">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">FastBridge</h2>
-            <p class="lead">
-                Every few seconds new blocks spawn. Use these blocks to fastbridge faster than the others. Don't fall down or you will be slowed down for a few seconds. Remember, time is running!<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_fastbridge.jpg" alt="Games FastBridge">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Rebuild</h2>
-            <p class="lead">
-                Try to rebuild the given pattern as fast as possible.<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_rebuild.jpg" alt="Games Rebuild">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Snowfight</h2>
-            <p class="lead">
-                It's a snowball fight! Throw snowballs at your enemies to eliminate their team. But be careful, you only have a limited amount of lifes.<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_snowgame.jpg" alt="Games Snowfight">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">MengerRun</h2>
-            <p class="lead">
-                You can be runner or catcher. Each player has the same amount of game time. If you're the catcher try to catch other players while your available game time shrinks. If you run out of time, you lose. Use function-keys to jump higher and further. If you're the runner, try to escape!!! But don't fall down or you'll automatically be the catcher again.<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_mengerrun.jpg" alt="Games MengerRun">
-        </div>
-    </div>
-	
-	<hr class="featurette-divider"/>
-	<h1 class="featurette-heading">Singleplayer</h1>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Buttons</h2>
-            <p class="lead">
-                Click the correct button in time. Available time per click is shrinking constantly.<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_buttons.jpg" alt="Games Buttons">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Letters</h2>
-            <p class="lead">
-				Find the letters in alphabetical order on the map. Try to be strategic and fast. If you have a good memory this should be no problem after a few tries.<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_letters.jpg" alt="Games Letters">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Inverting</h2>
-            <p class="lead">
-                Toggle a pattern of blocks by clicking. Make the whole game field single colored.<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_inverting.jpg" alt="Games Inverting">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Jump'n'Run</h2>
-            <p class="lead">
-                Get through some obstacles to reach the goal. Try to reach checkpoints so you don't loose your progress.<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_jumpnrun.jpg" alt="Games Jump'n'Run">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">4D-Jump'n'Run</h2>
-            <p class="lead">
-                Experience a Jump'n'Run, but in 4D! Use function keys to jump trough 3D space, while controlling the 4th dimension and turn strategically to switch the 3 main space axis to your will.<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_4djumpnrun.jpg" alt="Games 4D-Jump'n'Run">
-        </div>
-    </div>
-	<!--<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">4D-Labyrinth</h2>
-            <p class="lead">
-                Jump trough space layers or switch space axis in our 4D-Labyrinth.<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_4dlabyrinth.jpg" alt="Games 4D-Labyrinth">
-        </div>
-    </div>-->
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Parcour</h2>
-            <p class="lead">
-                Jump through Parcours. Every millisecond counts.<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_parcour.jpg" alt="Games Parcour">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Sammelfieber</h2>
-            <p class="lead">
-                Collect the displayed items to get the highest score possible in the given time.<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_sammelfieber.jpg" alt="Games Sammelfieber">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Leapfrog</h2>
-            <p class="lead">
-                The goal is to remove as many tokens as possible. Jump over other tokens to remove them from the board. If the last token is standing in the middle, you get an extra point!<br>
-            </p>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/games_leapfrog.jpg" alt="Games Leapfrog">
-        </div>
-    </div>
+    <section id="games-multiplayer">
+        <h1 class="featurette-heading">Multiplayer</h1>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">Among Us</h2>
+                <p class="lead">
+                    Classic Among Us. But we did it in Minecraft!<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_amongus.jpg" alt="Games Among Us">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">BedWars</h2>
+                <p class="lead">
+                    Each team needs to defend their bed and to destroy the enemies beds.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_bedwars.jpg" alt="Games BedWars">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">RageMode</h2>
+                <p class="lead">
+                    Kill other players by shooting at them. Each kill is a point. Throw an axe to reduce points of other players.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_ragemode.jpg" alt="Games RageMode">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">ShoppingChaos</h2>
+                <p class="lead">
+                    How fast are you at crafting? Train your skills and compete with other players by giving the customers what they want in time. If you don't know a crafting recipe, don't panic. There's a helpful human right beside you.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_shoppingchaos.jpg" alt="ShoppingChaos">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">Hide and Seek</h2>
+                <p class="lead">
+                    Are you the runner or the hunter? Either way: Run fast! Get points to win the game by breaking the diamond block in the middle or hiding as long as possible.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_hideandseek.jpg" alt="Games Hide and Seek">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">KnockFight</h2>
+                <p class="lead">
+                    Knock other players off the platform by using your knockback-stick. Use skills by pressing function-keys to get advantages or to make it more complicated for other players to knock you off. But remember: You only have a limited amount of lifes.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_knockfight.jpg" alt="Games KnockFight">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">Spleef</h2>
+                <p class="lead">
+                    Click the blocks below other players to remove them. If they fall, you win!<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_spleef.jpg" alt="Games Spleef">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">3D-TicTacToe</h2>
+                <p class="lead">
+                    It's like Tictactoe, but 3D! Use your type of block to get 3 in a row.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_3dtictactoe.jpg" alt="Games 3D-TicTacToe">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">Chinese Checkers (Halma)</h2>
+                <p class="lead">
+                    This game can be played by 2-6 players. It's your goal to get all your tokens to the opposite site of your color. In your turn you can only move one token. The token can move one step in all directions. You can jump over multiple tokens to get to the other site faster. Be strategic and smart!<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_halma.jpg" alt="Games Chinese Checkers">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">FastBridge</h2>
+                <p class="lead">
+                    Every few seconds new blocks spawn. Use these blocks to fastbridge faster than the others. Don't fall down or you will be slowed down for a few seconds. Remember, time is running!<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_fastbridge.jpg" alt="Games FastBridge">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">Rebuild</h2>
+                <p class="lead">
+                    Try to rebuild the given pattern as fast as possible.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_rebuild.jpg" alt="Games Rebuild">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">Snowfight</h2>
+                <p class="lead">
+                    It's a snowball fight! Throw snowballs at your enemies to eliminate their team. But be careful, you only have a limited amount of lifes.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_snowgame.jpg" alt="Games Snowfight">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">MengerRun</h2>
+                <p class="lead">
+                    You can be runner or catcher. Each player has the same amount of game time. If you're the catcher try to catch other players while your available game time shrinks. If you run out of time, you lose. Use function-keys to jump higher and further. If you're the runner, try to escape!!! But don't fall down or you'll automatically be the catcher again.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_mengerrun.jpg" alt="Games MengerRun">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+    </section>
+    
+    <section id="games-singleplayer">
+        <h1 class="featurette-heading">Singleplayer</h1>
+		<hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">3D-Snake</h2>
+                <p class="lead">
+                    Move the snake around and eat some red apples. Don’t touch the walls.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_snake.jpg" alt="Games Snake">
+            </div>
+        </div>
+		<hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">Portal</h2>
+                <p class="lead">
+                    Jump and run extended with portals and movement boost areas.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_portal.jpg" alt="Games Snake">
+            </div>
+        </div>
+		<hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">Gravity</h2>
+                <p class="lead">
+                    Change the gravity as you want while heading for the target!<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_gravity.jpg" alt="Games Snake">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">Buttons</h2>
+                <p class="lead">
+                    Click the correct button in time. Available time per click is shrinking constantly.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_buttons.jpg" alt="Games Buttons">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">Letters</h2>
+                <p class="lead">
+                    Find the letters in alphabetical order on the map. Try to be strategic and fast. If you have a good memory this should be no problem after a few tries.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_letters.jpg" alt="Games Letters">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">Inverting</h2>
+                <p class="lead">
+                    Toggle a pattern of blocks by clicking. Make the whole game field single colored.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_inverting.jpg" alt="Games Inverting">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">Jump'n'Run</h2>
+                <p class="lead">
+                    Get through some obstacles to reach the goal. Try to reach checkpoints so you don't loose your progress.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_jumpnrun.jpg" alt="Games Jump'n'Run">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">4D-Jump'n'Run</h2>
+                <p class="lead">
+                    Experience a Jump'n'Run, but in 4D! Use function keys to jump trough 3D space, while controlling the 4th dimension and turn strategically to switch the 3 main space axis to your will.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_4djumpnrun.jpg" alt="Games 4D-Jump'n'Run">
+            </div>
+        </div>
+        <!--<hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">4D-Labyrinth</h2>
+                <p class="lead">
+                    Jump trough space layers or switch space axis in our 4D-Labyrinth.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_4dlabyrinth.jpg" alt="Games 4D-Labyrinth">
+            </div>
+        </div>-->
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">Parcour</h2>
+                <p class="lead">
+                    Jump through Parcours. Every millisecond counts.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_parcour.jpg" alt="Games Parcour">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">ItemHunt</h2>
+                <p class="lead">
+                    Collect the displayed items to get the highest score possible in the given time.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_itemhunt.jpg" alt="Games ItemHunt">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">Sammelfieber</h2>
+                <p class="lead">
+                    Collect as many different items as possible.<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_sammelfieber.jpg" alt="Games Sammelfieber">
+            </div>
+        </div>
+        <hr class="featurette-divider"/>
+        <div class="row featurette">
+            <div class="col-lg-7 vertical-center">
+                <h2 class="featurette-heading">Leapfrog</h2>
+                <p class="lead">
+                    The goal is to remove as many tokens as possible. Jump over other tokens to remove them from the board. If the last token is standing in the middle, you get an extra point!<br>
+                </p>
+            </div>
+            <div class="col-lg-5">
+                <img class="img-fluid rounded" src="images/games/games_leapfrog.jpg" alt="Games Leapfrog">
+            </div>
+        </div>
+    </section>
 </div>

home.php

@@ -1,15 +1,15 @@
 <?php
 
 $carouselData = [
-    ["path" => "survival_tavern.png", "alt" => "Survival", "title" => "Survival", "class" => "active", "text" =>
-        "Play classic Minecraft survival extended by our mod."],
-    ["path" => "bedwars.png", "alt" => "Minigames", "title" => "Minigames", "class" => "", "text" =>
+    ["path" => "survival_tavern.jpg", "alt" => "Survival", "title" => "Survival", "class" => "active", "text" =>
+        "Play classic Minecraft survival extended by our own plugin."],
+    ["path" => "bedwars.jpg", "alt" => "Minigames", "title" => "Minigames", "class" => "", "text" =>
         "Mundus Crassus features own creations like Among Us and Chinese Checkers but also well-known minigames like BedWars and RageMode."],
-	["path" => "story_overview.png", "alt" => "Story", "title" => "Story", "class" => "", "text" =>
-        "Get in contact with humans. Help them with their tasks and get various skills."],
-	["path" => "creative_banner.png", "alt" => "Creative", "title" => "Creative", "class" => "", "text" =>
+	//["path" => "story_overview.jpg", "alt" => "Story", "title" => "Story", "class" => "", "text" =>
+    //    "Get in contact with humans. Help them with their tasks and get various skills."],
+	["path" => "creative_banner.jpg", "alt" => "Creative", "title" => "Creative", "class" => "", "text" =>
         "Build in gamemode creative whatever you want. Protect your structures and impress your friends."],
-    //["path" => "gpvp.png", "alt" => "Guild PVP", "title" => "Guild PVP", "class" => "", "text" =>
+    //["path" => "gpvp.jpg", "alt" => "Guild PVP", "title" => "Guild PVP", "class" => "", "text" =>
     //    "Create a guild, build a base and fight together with your friends."]
 ];
 

home.view.php

@@ -26,20 +26,15 @@
 </div>
 
 <div class="container">
-	<div class="row featurette text-center">
-	    <div class="col-lg-12">
-	        <h2 class="featurette-heading">Join our <a href="https://discord.gg/AjwBpm5">Discord</a> to download the mod.</h2>
-	    </div>
-	</div>
-	<hr class="featurette-divider"/>
+    <hr class="featurette-divider"/>
     <div class="row featurette">
         <div class="col-lg-7 vertical-center">
             <h2 class="featurette-heading">Survival</h2>
             <p class="lead">
-                Mundus Crassus offers a unique survival feeling by our mod. The mod features many new blocks and items.
+                Mundus Crassus offers a unique survival feeling by our own plugin. The plugin implements many new features, items and even our own script language.
                 All additions were made with care to fit into Vanilla Minecraft. The system also provides protections to
                 secure your land from others.<br>
-				<br>
+                <br>
             </p>
             <a class="btn btn-secondary" href="?site=survival">Learn more</a>
         </div>
@@ -49,7 +44,7 @@
     </div>
     <hr class="featurette-divider"/>
     <div class="row featurette">
-        <div class="col-lg-7 order-lg-2 vertical-center">
+        <div class="col-lg-7 vertical-center">
             <h2 class="featurette-heading">Minigames</h2>
             <p class="lead">
                 Need a break from survival? For in between we offer our players a range of different single- and multiplayer games.
@@ -60,23 +55,23 @@
             <img class="img-fluid rounded" src="images/dame.jpg" alt="Games Spawn">
         </div>
     </div>
-	<hr class="featurette-divider"/>
+    <!--<hr class="featurette-divider"/>
     <div class="row featurette">
-        <div class="col-lg-7 vertical-center">
+        <div class="col-lg-7 order-lg-2 vertical-center">
             <h2 class="featurette-heading">Story</h2>
             <p class="lead">
-                Speak with humans in a separate world. They will tell you their story and needs. Complete quests and they will offer you various skills, which can be used in survival world.<br>
-				<br>
+                Speak with humans and they will tell you their story and needs. Complete quests and they will offer you various skills.<br>
+                <br>
             </p>
             <a class="btn btn-secondary" href="?site=story">Learn more</a>
         </div>
         <div class="col-lg-5">
             <img class="img-fluid rounded" src="images/story.jpg" alt="Story Oma">
         </div>
-    </div>
-	<hr class="featurette-divider"/>
+    </div>-->
+    <hr class="featurette-divider"/>
     <div class="row featurette">
-        <div class="col-lg-7 order-lg-2 vertical-center">
+        <div class="col-lg-7 vertical-center">
             <h2 class="featurette-heading">Creative</h2>
             <p class="lead">
                 Let your creativity flow. In gamemode creative you can build whatever you want. Protect your structures and impress your friends.
@@ -87,15 +82,15 @@
             <img class="img-fluid rounded" src="images/creative.jpg" alt="Creative">
         </div>
     </div>
-	
+    
     <!--<hr class="featurette-divider"/>
     <div class="row featurette">
         <div class="col-lg-7 vertical-center">
             <h2 class="featurette-heading">Guild PVP</h2>
             <p class="lead">
-				Guild PVP is all about choosing a class and level to unlock new skills.
-				You can found guilds to play together with your friends and start sieging the guilds of others.
-				Are you ready for the battlefields of Mundus Crassus?
+                Guild PVP is all about choosing a class and level to unlock new skills.
+                You can found guilds to play together with your friends and start sieging the guilds of others.
+                Are you ready for the battlefields of Mundus Crassus?
             </p>
             <a class="btn btn-secondary" href="?site=gpvp">Learn more</a>
         </div>

index.php

@@ -4,12 +4,12 @@ $navData = [
     "home" => ["name" => "Home", "class" => "", "show" => false],
     "survival" => ["name" => "Survival", "class" => "", "show" => true],
     "games" => ["name" => "Minigames", "class" => "", "show" => true],
-    "story" => ["name" => "Story", "class" => "", "show" => true],
+    //"story" => ["name" => "Story", "class" => "", "show" => true],
     "creative" => ["name" => "Creative", "class" => "", "show" => true],
     //"gpvp" => ["name" => "Guild PVP", "class" => "", "show" => true],
     "rules" => ["name" => "Fake Rules", "class" => "", "show" => true],
     "ranks" => ["name" => "Ranks", "class" => "", "show" => true],
-    "team" => ["name" => "Our Team", "class" => "", "show" => true],
+    "team" => ["name" => "Team", "class" => "", "show" => true],
     "contact" => ["name" => "Donate", "class" => "", "show" => true],
     "disclaimer" => ["name" => "Wusi", "class" => "", "show" => false],
     "thanks" => ["name" => "Wusi", "class" => "", "show" => false],

index.view.php

@@ -37,7 +37,7 @@
             <p>
                 Made by Kajetan & Marvin &middot; 
                 <a href="?site=contact">Contact / Donate</a> &middot; 
-				<a href="?site=disclaimer">Disclaimer / Privacy Policy</a>
+                <a href="?site=disclaimer">Disclaimer / Privacy Policy</a>
             </p>
         </footer>
         <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>

ranks.php

@@ -8,24 +8,24 @@
         </div>
     </div>
     <div class="row text-center">
-        <div class="col-md box-padding">
+        <!--<div class="col-md box-padding">
             <div class="box rank-2">
                 <span class="rank-name">Adventurer</span><br>
                 <span class="rank-description">Complete 1 adventure</span>
             </div>
-        </div>
+        </div>-->
         <div class="col-md box-padding">
             <div class="box rank-2">
                 <span class="rank-name">Settler</span><br>
                 <span class="rank-description">Create a private plot</span>
             </div>
         </div>
-        <div class="col-md box-padding">
+        <!--<div class="col-md box-padding">
             <div class="box rank-2">
                 <span class="rank-name">Commander</span><br>
                 <span class="rank-description">Clan with 5 members</span>
             </div>
-        </div>
+        </div>-->
         <div class="col-md box-padding">
             <div class="box rank-2">
                 <span class="rank-name">Volunteer</span><br>
@@ -38,26 +38,32 @@
                 <span class="rank-description">Play 20 hours</span>
             </div>
         </div>
+        <div class="col-md box-padding">
+            <div class="box rank-2">
+                <span class="rank-name">Challenger</span><br>
+                <span class="rank-description">Complete challenge "All Damage Types"</span>
+            </div>
+        </div>
     </div>
     <div class="row text-center">
-        <div class="col-md box-padding">
+        <!--<div class="col-md box-padding">
             <div class="box rank-3">
                 <span class="rank-name">Explorer</span><br>
                 <span class="rank-description">Complete 5 adventures</span>
             </div>
-        </div>
+        </div>-->
         <div class="col-md box-padding">
             <div class="box rank-3">
                 <span class="rank-name">Colonizer</span><br>
                 <span class="rank-description">Create a plot with 900m2</span>
             </div>
         </div>
-        <div class="col-md box-padding">
+        <!--<div class="col-md box-padding">
             <div class="box rank-3">
                 <span class="rank-name">Chief</span><br>
                 <span class="rank-description">Clan with 10 members</span>
             </div>
-        </div>
+        </div>-->
         <div class="col-md box-padding">
             <div class="box rank-3">
                 <span class="rank-name">Friend</span><br>
@@ -70,26 +76,32 @@
                 <span class="rank-description">Play 100 hours</span>
             </div>
         </div>
+        <div class="col-md box-padding">
+            <div class="box rank-3">
+                <span class="rank-name">Mobhunter</span><br>
+                <span class="rank-description">Complete challenge "All Entites"</span>
+            </div>
+        </div>
     </div>
     <div class="row text-center">
-        <div class="col-md box-padding">
+        <!--<div class="col-md box-padding">
             <div class="box rank-4">
                 <span class="rank-name">Pioneer</span><br>
                 <span class="rank-description">Complete 10 adventures</span>
             </div>
-        </div>
+        </div>-->
         <div class="col-md box-padding">
             <div class="box rank-4">
                 <span class="rank-name">Major</span><br>
                 <span class="rank-description">Raise a plot to a city</span>
             </div>
         </div>
-        <div class="col-md box-padding">
+        <!--<div class="col-md box-padding">
             <div class="box rank-4">
                 <span class="rank-name">Lord</span><br>
                 <span class="rank-description">Clan with 15 members</span>
             </div>
-        </div>
+        </div>-->
         <div class="col-md box-padding">
             <div class="box rank-4">
                 <span class="rank-name">Altruist</span><br>
@@ -102,25 +114,23 @@
                 <span class="rank-description">Play 700 hours</span>
             </div>
         </div>
-    </div>
-
-    <div class="row text-center justify-content-center spacer">
         <div class="col-md box-padding">
-            <div class="box rank-owner">
-                <span class="rank-name">Owner</span><br>
-                <span class="rank-description">Shiny like a god</span>
+            <div class="box rank-4">
+                <span class="rank-name">Collector</span><br>
+                <span class="rank-description">Complete challenge "All Items"</span>
             </div>
         </div>
     </div>
-    <div class="row text-center justify-content-center">
+
+    <div class="row text-center justify-content-center spacer">
         <div class="col-md box-padding">
-            <div class="box rank-admin">
-                <span class="rank-name">Admin</span><br>
-                <span class="rank-description">Look more important than they are</span>
+            <div class="box rank-vip">
+                <span class="rank-name">Influencer / Sponsor / VIP</span><br>
+                <span class="rank-description">Be famous, smile and wave ;-)</span>
             </div>
         </div>
     </div>
-    <div class="row text-center justify-content-center">
+    <div class="row text-center justify-content-center spacer">
         <div class="col-md box-padding">
             <div class="box rank-builder-dev">
                 <span class="rank-name">Builder / Developer</span><br>
@@ -130,27 +140,35 @@
         <div class="col-md">
             <div class="row">
                 <div class="col-12 box-padding">
-                    <div class="box rank-mod">
-                        <span class="rank-name">Moderator</span><br>
-                        <span class="rank-description">Never ever apply for that</span>
+                    <div class="box rank-supporter">
+                        <span class="rank-name">Supporter</span><br>
+                        <span class="rank-description">You may apply for that</span>
                     </div>
                 </div>
             </div>
             <div class="row">
                 <div class="col-12 box-padding">
-                    <div class="box rank-supporter">
-                        <span class="rank-name">Supporter</span><br>
-                        <span class="rank-description">You may apply for that</span>
+                    <div class="box rank-mod">
+                        <span class="rank-name">Moderator</span><br>
+                        <span class="rank-description">Never ever apply for that</span>
                     </div>
                 </div>
             </div>
         </div>
     </div>
-    <div class="row text-center justify-content-center spacer">
+    <div class="row text-center justify-content-center">
         <div class="col-md box-padding">
-            <div class="box rank-vip">
-                <span class="rank-name">Influencer / Sponsor / VIP</span><br>
-                <span class="rank-description">Be famous, smile and wave ;-)</span>
+            <div class="box rank-admin">
+                <span class="rank-name">Admin</span><br>
+                <span class="rank-description">Are more important than they look</span>
+            </div>
+        </div>
+    </div>
+	<div class="row text-center justify-content-center">
+        <div class="col-md box-padding">
+            <div class="box rank-owner">
+                <span class="rank-name">Owner</span><br>
+                <span class="rank-description">Shiny as always</span>
             </div>
         </div>
     </div>

rules.php

@@ -47,7 +47,7 @@
     </ol>
     <h3>Rules for Users</h3>
     <ol>
-        <li>Never mess with Snuvi developers. They are like god and have connections to god.</li>
+        <li>Never mess with Snuvi developers. They are OP.</li>
         <li>First rule about permissions don't talk about permissions.</li>
         <li>Wear a girl skin to get presents.</li>
         <li>Wear a girl skin to get attention from desperate boys.</li>

survival.php

@@ -1,206 +1,209 @@
-<div class="container">
+<div class="container mt-4">
+	<h1 class="featurette-heading">Basic</h1>
 	<hr class="featurette-divider"/>
-    <div class="row featurette">
+	<div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Adventures</h2>
+            <h2 class="featurette-heading">Homes</h2>
             <p class="lead">
-                Go on adventures to get rewards. Start without any items and fight your way back to spawn.<br>
+                Create your own home points for faster teleports.<br>
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_adventure.jpg" alt="Survival Adventures">
+            <img class="img-fluid rounded" src="images/survival/survival_homes_warps.jpg" alt="Survival Homes">
         </div>
     </div>
-    <hr class="featurette-divider"/>
+	<hr class="featurette-divider"/>
 	<div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Teleporter</h2>
+            <h2 class="featurette-heading">Quests</h2>
             <p class="lead">
-                Build teleporters to create a teleport network and connect your city. This way you will get more players into your city.<br>
+                Help humans with their tasks and they will offer you varios skills.<br>
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_teleporter.jpg" alt="Survival Teleporter">
+            <img class="img-fluid rounded" src="images/survival/survival_quests.jpg" alt="Survival Quests">
         </div>
     </div>
 	<hr class="featurette-divider"/>
 	<div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Ingame Money: Snuvis</h2>
+            <h2 class="featurette-heading">Ingame Money</h2>
             <p class="lead">
                 Earn snuvis with trading, quests and minigames. Buy items, skills and plots with them.<br>
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_currency.jpg" alt="Survival Currency">
+            <img class="img-fluid rounded" src="images/survival/survival_money.jpg" alt="Survival Currency">
         </div>
     </div>
 	<hr class="featurette-divider"/>
 	<div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Casino</h2>
+            <h2 class="featurette-heading">Market</h2>
             <p class="lead">
-                If you're feeling extra lucky today, gamble with the snuvis you earned to get richer (or poorer).<br>
+                Trade with humans in a dynamic market where supply and demand adjust.<br>
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_casino.jpg" alt="Survival Casino">
+            <img class="img-fluid rounded" src="images/survival/survival_markets.jpg" alt="Survival Market">
         </div>
     </div>
 	<hr class="featurette-divider"/>
 	<div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">ChestShops</h2>
+            <h2 class="featurette-heading">Plots</h2>
             <p class="lead">
-                Sell and buy items at the AdminShop. You can even create your own ChestShops with /shop.<br>
+                Create plots to protect your buildings from other players and creepers. Add your friends to the plot so they can build with you.<br>
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_chestshops.jpg" alt="Survival ChestShops">
+            <img class="img-fluid rounded" src="images/survival/survival_plots.jpg" alt="Survival Plots">
         </div>
     </div>
 	<hr class="featurette-divider"/>
 	<div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Trader</h2>
+            <h2 class="featurette-heading">Mobarena</h2>
             <p class="lead">
-                Trade with humans at the spawn for speacial items.<br>
+                Fight against strong mobs in an arena to get snuvis and gemstones.<br>
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_trader.jpg" alt="Survival Trader">
+            <img class="img-fluid rounded" src="images/survival/survival_mobarena.jpg" alt="Survival Mobarena">
         </div>
     </div>
 	<hr class="featurette-divider"/>
 	<div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Plots</h2>
+            <h2 class="featurette-heading">Skills</h2>
             <p class="lead">
-                Create plots to protect your buildings from other players and creepers. Add your friends to the plot so they can build with you.<br>
+                Use a variety of skills that will help you advance in the game.<br>
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_plots.jpg" alt="Survival Plots">
+            <img class="img-fluid rounded" src="images/survival/survival_skills.jpg" alt="Survival Skills">
         </div>
     </div>
 	<hr class="featurette-divider"/>
-	<div class="row featurette">
+	<h1 class="featurette-heading">Extended</h1>
+	<hr class="featurette-divider"/>
+	<!--<hr class="featurette-divider"/>
+    <div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Cities</h2>
+            <h2 class="featurette-heading">Adventures</h2>
             <p class="lead">
-                Raise your plot to a city and sell subplots to other players to be the biggest city on server.<br>
+                Go on adventures to get rewards. Start without any items and fight your way back to spawn.<br>
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_cities.jpg" alt="Survival Cities">
+            <img class="img-fluid rounded" src="images/survival/survival_adventure.jpg" alt="Survival Adventures">
         </div>
-    </div>
-	<hr class="featurette-divider"/>
+    </div>-->
 	<div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Mobarena</h2>
+            <h2 class="featurette-heading">Teleporter</h2>
             <p class="lead">
-                Fight against strong mobs in an arena to get snuvis and special items.<br>
+                Build teleporters to create a teleport network and connect your city. This way you will get more players into your city.<br>
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_mobarena.jpg" alt="Survival Mobarena">
+            <img class="img-fluid rounded" src="images/survival/survival_teleporter.jpg" alt="Survival Teleporter">
         </div>
     </div>
 	<hr class="featurette-divider"/>
 	<div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Advanced Enchantments</h2>
+            <h2 class="featurette-heading">Casino</h2>
             <p class="lead">
-                Experience a better feeling of enchantments on lectern.<br>
+                If you're feeling extra lucky today, gamble with the snuvis you earned to get richer (or poorer).<br>
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_lectern.jpg" alt="Survival Lectern">
+            <img class="img-fluid rounded" src="images/survival/survival_casino.jpg" alt="Survival Casino">
         </div>
     </div>
 	<hr class="featurette-divider"/>
 	<div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Loom Cloths</h2>
+            <h2 class="featurette-heading">ChestShops</h2>
             <p class="lead">
-                Convert your wool to cloth to get cloth armor.<br>
+                Sell and buy items at ChestShops. You can even create your own ChestShops with /shop.<br>
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_loom.jpg" alt="Survival Loom">
+            <img class="img-fluid rounded" src="images/survival/survival_chestshops.jpg" alt="Survival ChestShops">
         </div>
     </div>
 	<hr class="featurette-divider"/>
 	<div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Skills</h2>
+            <h2 class="featurette-heading">Cities</h2>
             <p class="lead">
-                Use a variety of skills that will help you advance in the game.<br>
+                Raise your plot to a city and sell subplots to other players to be the biggest city on server.<br>
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_skills.jpg" alt="Survival Skills">
+            <img class="img-fluid rounded" src="images/survival/survival_cities.jpg" alt="Survival Cities">
         </div>
     </div>
-	<hr class="featurette-divider"/>
+	<!--<hr class="featurette-divider"/>
 	<div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Mail Text</h2>
+            <h2 class="featurette-heading">Advanced Enchantments</h2>
             <p class="lead">
-                Send your friends a message while they are offline with /mail. This way important messages won't be lost.<br>
+                Experience a better feeling of enchantments on lectern.<br>
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_mail_text.jpg" alt="Survival Mail Text">
+            <img class="img-fluid rounded" src="images/survival/survival_lectern.jpg" alt="Survival Lectern">
         </div>
-    </div>
-	<hr class="featurette-divider"/>
+    </div>-->
+	<!--<hr class="featurette-divider"/>
 	<div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Mail Items</h2>
+            <h2 class="featurette-heading">Loom Cloths</h2>
             <p class="lead">
-                Send items in your mainhand to other players while they are offline.<br>
+                Convert your wool to cloth to get cloth armor.<br>
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_mail_items.jpg" alt="Survival Mail Items">
+            <img class="img-fluid rounded" src="images/survival/survival_loom.jpg" alt="Survival Loom">
         </div>
-    </div>
+    </div>-->
 	<hr class="featurette-divider"/>
 	<div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Moditems</h2>
+            <h2 class="featurette-heading">Mail System</h2>
             <p class="lead">
-                Many items from our mod will improve your gameplay.<br>
+                Send your friends a message (/mail) or items (/mailbox) while they are offline.<br>
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_moditems.jpg" alt="Survival Moditems">
+            <img class="img-fluid rounded" src="images/survival/survival_mail_items.jpg" alt="Survival Mail">
         </div>
     </div>
 	<hr class="featurette-divider"/>
 	<div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Gemstones</h2>
+            <h2 class="featurette-heading">Custom Items</h2>
             <p class="lead">
-                Upgrade your strength and armor by using gemstones at the jewlery smith.<br>
+                Many items from our plugin will improve your gameplay.<br>
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_gemstones.jpg" alt="Survival Gemstones">
+            <img class="img-fluid rounded" src="images/survival/survival_customitems.jpg" alt="Survival Moditems">
         </div>
     </div>
 	<hr class="featurette-divider"/>
 	<div class="row featurette">
         <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Homes and Warps</h2>
+            <h2 class="featurette-heading">Gemstones</h2>
             <p class="lead">
-                Create your own home points for faster teleports and use public warps.<br>
+                Upgrade your strength and armor by using gemstones at the jewlery smith.<br>
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_homes_warps.jpg" alt="Survival Homes and Warps">
+            <img class="img-fluid rounded" src="images/survival/survival_gemstones.jpg" alt="Survival Gemstones">
         </div>
     </div>
 	<hr class="featurette-divider"/>
@@ -212,7 +215,7 @@
             </p>
         </div>
         <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival_selfmade.jpg" alt="Survival Selfmade">
+            <img class="img-fluid rounded" src="images/survival/survival_selfmade.jpg" alt="Survival Selfmade">
         </div>
     </div>
 </div>

team.php

@@ -1,14 +1,12 @@
 <?php
 
 $teamData = [
-    ["name" => "Kajetan", "ingame" => "kajetanjohannes", "text" => "Owner, Developer"],
-    ["name" => "Marvin", "ingame" => "marvinius", "text" => "Admin, Developer"],
-    ["name" => "Luca", "ingame" => "eropster", "text" => "Admin, Builder"],
-    ["name" => "Fabio", "ingame" => "wertibaldi", "text" => "Admin, Builder"],
-    ["name" => "Lucas", "ingame" => "MentorMentos", "text" => "Admin, Influencer"],
-    ["name" => "Jan", "ingame" => "SirTerence7", "text" => "Moderator, Builder"],
+    ["name" => "Marvin", "ingame" => "marvinius", "text" => "Owner, Developer"],
+    ["name" => "Kajetan", "ingame" => "kajetanjohannes", "text" => "Admin, Developer"],
+    ["name" => "Lucas", "ingame" => "MentorMentos", "text" => "Moderator, Influencer"],
+    ["name" => "Jan", "ingame" => "SirTerence7", "text" => "Moderator, Builder, Developer"],
 	["name" => "Mareen", "ingame" => "Mareeeen", "text" => "Moderator, Builder"],
-	["name" => "Nico", "ingame" => "ImKillerKatze", "text" => "Supporter"]
+	["name" => "Piet", "ingame" => "fireeagle013", "text" => "Builder, Developer"]
 ];
 
 include "team.view.php";