refactored website

.gitignore

@@ -1,2 +1,3 @@
-wiki
-wiki_old
+dynmap/
+MundusCrassus.zip
+.well-known/

.htaccess

@@ -0,0 +1,29 @@
+RewriteEngine On
+
+<IfModule mod_rewrite.c>
+
+    # 1. Redirect HTTP to HTTPS
+    RewriteCond %{HTTPS} off
+    RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
+
+    # 2. Trim URL to the first element
+    RewriteCond %{REQUEST_URI} ^/([^/]+)(/.*|\.php.*)$
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteCond %{REQUEST_FILENAME} !-f
+    RewriteRule .* /%1 [R=301,L]
+
+    # 3. Handle directories (add trailing slash)
+    RewriteCond %{REQUEST_FILENAME} -d
+    RewriteRule ^([^/]+)$ /$1/ [R=301,L]
+
+    # 4. Handle PHP files (remove .php and serve if file exists)
+    RewriteCond %{REQUEST_FILENAME}.php -f
+    RewriteRule ^([^/]+)$ /$1.php [NC,L]
+
+    # 5. Deny access to
+    RewriteRule ^\.git/ - [R=403,L]
+
+</IfModule>
+
+# Custom error pages
+ErrorDocument 404 /error.php

base.php

@@ -0,0 +1,40 @@
+<?php
+
+$navData = [
+	"home" => 		["name" => "Home", 			"show" => true, "dropdown" => ""],
+	"news" => 		["name" => "Gameplay", 		"show" => true, "dropdown" => "gameplayData"],
+	"survival" => 	["name" => "Survival", 		"show" => false, "dropdown" => ""],
+	"games" => 		["name" => "Minigames", 	"show" => false, "dropdown" => ""],
+	"creative" => 	["name" => "Creative", 		"show" => false, "dropdown" => ""],
+	"ranks" => 		["name" => "Ranks", 		"show" => true, "dropdown" => ""],
+	"team" => 		["name" => "Team", 			"show" => true, "dropdown" => ""],
+	"snuvi" => 		["name" => "SnuviScript", 	"show" => true, "dropdown" => "snuviData"],
+	"jokes" => 		["name" => "Jokes", 		"show" => true, "dropdown" => ""],
+	"dynmap" => 	["name" => "Dynmap", 		"show" => true, "dropdown" => ""],
+];
+
+$gameplayData = [
+	"survival" => 		["name" => "Survival", 		"icon" => ""],
+	"games" => 			["name" => "Minigames", 	"icon" => ""],
+	"creative" => 		["name" => "Creative", 		"icon" => ""],
+];
+
+$snuviData = [
+	"snuvi_core" => 		["name" => "Core", 			"icon" => ""],
+	"snuvi_minecraft" => 	["name" => "Minecraft", 	"icon" => ""],
+];
+
+$includePath = "error.php";
+
+if(isset($_GET["site"])) {
+    $name = $_GET["site"];
+    if(array_key_exists($name, $navData)) {
+        $includePath = "$name.php";
+        $navData[$name]["class"] = "active";
+    }
+} else {
+    $includePath = "home.php";
+    $navData["home"]["class"] = "active";
+}
+
+include "views/base.view.php";

contact.php

@@ -1,24 +1,31 @@
-<div class="container mt-4">
-    <h4>
-        Legal owner of Mundus Crassus
-    </h4>
-    <p>
-        Name: Kajetan Johannes Hammerle<br>
-        Address: Vienna, Austria<br>
-        Email: <img src="images/mail.png" height="22"><br>
-    </p>
-    <p>
-		You can get the full address on request per mail.
-    </p>
-	<h4>
-        Donate
-    </h4>
-    <p>
-		Please tell us your ingame username, so we can give you the <b>Sponsor</b> rank.<br>
-		<form action="https://www.paypal.com/donate" method="post" target="_top">
-			<input type="hidden" name="hosted_button_id" value="AEY42KXVE6VV2" />
-			<input type="image" src="https://www.paypalobjects.com/en_US/AT/i/btn/btn_donateCC_LG.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
-			<img alt="" border="0" src="https://www.paypal.com/en_AT/i/scr/pixel.gif" width="1" height="1" />
-		</form>
-    </p>
-</div>
+<template id="main">
+	<div class="textwall-container">
+		<div class="page-header">
+			<h2 class="page-header-content">Contact</h2>
+		</div>
+		<h4>
+			Legal owner of Mundus Crassus
+		</h4>
+		<p>
+			Name: Marvin<br>
+			Address: Graz, Austria<br>
+			Email: <img src="images/mail.png" height="22" style="vertical-align:middle"><br>
+		</p>
+		<p>
+			You can get the full address on request per mail.
+		</p>
+		<h4>
+			Donate
+		</h4>
+		<p>
+			Please tell us your ingame username, so we can give you the <b>Sponsor</b> rank.<br>
+			<form action="https://www.paypal.com/donate" method="post" target="_top">
+				<input type="hidden" name="hosted_button_id" value="AEY42KXVE6VV2" />
+				<input type="image" src="https://www.paypalobjects.com/en_US/AT/i/btn/btn_donateCC_LG.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
+				<img alt="" border="0" src="https://www.paypal.com/en_AT/i/scr/pixel.gif" width="1" height="1" />
+			</form>
+		</p>
+	</div>
+</template>
+
+<?php include "base.php"; ?>

creative.php

@@ -1,15 +1,17 @@
-<div class="container mt-4">
-    <hr class="featurette-divider"/>
-	<div class="row featurette">
-        <div class="col-lg-7 vertical-center">
-            <h2 class="featurette-heading">Gamemode Creative</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>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/creative_gamemode.jpg" alt="Creative Gamemode">
-        </div>
-    </div>
-	
-</div>
+<template id="main">
+	<div class="textwall-container">
+		<div class="page-header">
+			<h2 class="page-header-content">Creative</h2>
+		</div>
+		
+		<div class="feature_containers">
+			<div class="feature_container">
+				<h2 class="feature_heading">Creative World</h2>
+				<img class="feature_image" src="images/creative_gamemode.jpg" alt="Creative Gamemode">
+				<p class="feature_text">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>
+			</div>
+		</div>
+	</div>
+</template>
+
+<?php include "base.php"; ?>

css/snuviscript.css

@@ -0,0 +1,159 @@
+body {
+	background-color: #303030;
+}
+
+.textwall-container {
+	text-align: justify;
+	font-family: sans-serif;
+	margin-left: 20%;
+	margin-right: 20%;
+	flex: 1;
+}
+
+@media only screen and (max-width: 1000px) {
+	.textwall-container {
+		margin-left: 2%;
+		margin-right: 2%;
+	}
+}
+
+#snuviscript table
+{
+    margin-top: 10px;
+    margin-bottom: 10px;
+    width: 100%;
+    table-layout: fixed;
+    overflow-wrap: break-word;
+}
+
+.bold
+{
+    font-weight: bold !important;
+    text-align: right;
+}
+
+.command
+{
+    font-weight: bold !important;
+    width: 30%;
+    text-align: left;
+    color: #D0D0D0;
+}
+
+.desc
+{
+    font-weight: bold !important;
+    text-align: left;
+    color: #D0D0D0;
+}
+
+#snuviscript table, #snuviscript th, #snuviscript td
+{
+    border-width: 2px;
+    border-color: #202020;
+    border-style: solid;	
+    border-collapse: collapse;
+    font-weight: normal;
+	font-family: "Montserrat", sans-serif;
+}
+
+#snuviscript td
+{
+    background-color: #707070;
+    padding: 5px;
+}
+
+#snuviscript th
+{
+    background-color: #505050;
+    padding: 5px;
+}
+
+.menu
+{
+    background-color: #602020;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    
+    padding: 5px;
+    
+    border-width: 2px;
+    border-color: #202020;
+    border-style: solid;
+	
+	font-family: "Montserrat", sans-serif;
+}
+
+#snuviscript table a
+{
+    text-decoration: none;
+    color: #801010;
+}
+
+#snuviscript table a:hover
+{
+    color: #700000;
+}
+
+.menu a
+{
+    color: #FFFFFF;
+    text-decoration: none;
+    display: inline-block;
+}
+
+.whitePipe
+{
+    padding-right: 8px;
+    margin-right: 8px;
+
+    border-right-width: 1px;
+    border-right-color: #FFFFFF;
+    border-right-style: solid;
+}
+
+.menu a:hover
+{
+    color: #CCCCCC;
+}
+
+.snuviTitle
+{
+    background-color: #602020;
+
+    padding-top: 8px;
+    padding-bottom: 8px;
+    
+    text-align: center;
+    
+    color: #FFFFFF;
+    
+    border-width: 2px;
+    border-color: #202020;
+    border-style: solid;
+    
+    font-weight: bold;
+	font-family: "Montserrat", sans-serif;
+}
+
+#snuviscript section
+{
+    margin-bottom: 50px;   
+    margin-left: auto;
+    margin-right: auto;
+    overflow: hidden;
+}
+
+@media(max-width: 788px) 
+{
+    .command
+    {
+        width: 40%;
+        font-size: 14px;
+    }
+    
+    #snuviscript td, #snuviscript th, .menu a
+    {
+        font-size: 12px;
+    }
+}

css/style.css

@@ -1,93 +1,458 @@
-body {
-    padding-top: 3rem;
-    color: #5a5a5a;
-}
-
-.carousel-item {
-    max-height: 30rem;
-}
-
-.vertical-center {
-    margin-top: auto;
-    margin-bottom: auto;
-}
-
-.spacer {
-    margin-top: 20px;
-}
-
-.box-padding {
-    padding-bottom: 10px;
-}
-
-.box {
-    /*border-width: 1px;
-    border-style: solid;*/
-    border-radius: 6px;
-
-    padding-top: 10px;
-    padding-bottom: 10px;
-    padding-left: 3px;
-    padding-right: 3px;
-
-    height: 100%;
-}
-
-.rank-1 {
-    background-color: #00AAAA;
-    color: black;
-}
-
-.rank-2 {
-    background-color: #FFFF55;
-    color: black;
-}
-
-.rank-3 {
-    background-color: #FFAA00;
-    color: black;
-}
-
-.rank-4 {
-    background-color: #00AA00;
-    color: black;
-}
-
-.rank-owner {
-    background-color: #AA0000;
-    color: white;
-}
-
-.rank-admin {
-    background-color: #FF5555;
-    color: black;
-}
-
-.rank-builder-dev {
-    background-color: #AA00AA;
-    color: white;
-}
-
-.rank-mod {
-    background-color: #5555FF;
-    color: white;
-}
-
-.rank-supporter {
-    background-color: #55FFFF;
-    color: black;
-}
-
-.rank-vip {
-    background-color: #FF55FF;
-    color: black;
-}
-
-.rank-name {
-    font-weight: bold;
-    font-size: 1em;
-}
-
-.rank-description {
-    font-size: 0.75em;
-}
+.home_background_container {
+	width: 100%;
+	text-align: center;
+	overflow: hidden;
+}
+
+.home_background_image {
+	width: 100%;
+	object-fit: cover;
+}
+
+.logo {
+	max-width:40vw;
+}
+
+@media only screen and (min-width: 851px){
+	.home_background_header {
+		left: 50%;
+	}
+}
+
+@media only screen and (max-width: 850px){
+	.home_background_image {
+		height: 500px;
+		width: auto;
+	}
+	
+	.home_background_header {
+		left: 70%;
+	}
+}
+
+
+.home_background_header {
+	position: absolute;
+	top: 40%;
+	transform: translate(-50%, -50%);
+	color: darkred;
+	font-weight: 500;
+	font-size: 4.5em;
+	font-weight: bold;
+	font-family: "Montserrat", sans-serif;
+	
+	padding: 20px;
+}
+
+.page-header {
+	background: darkred;
+	color: #eeeeee;
+	width: 100%;
+	left: 0;
+	padding-top: 10px;
+	padding-bottom: 10px;
+	font-family: sans-serif;
+}
+
+.page-header-content {
+	margin-left: 5%;
+	margin-right: 5%;
+}
+
+.textwall-container {
+	text-align: justify;
+	font-family: sans-serif;
+	margin-left: 25%;
+	margin-right: 25%;
+	flex: 1;
+}
+
+.feature_containers {
+	display: flex;
+	flex-flow: row wrap;
+}
+
+.feature_container {
+	width: 49%;
+	padding: 0.5%;
+}
+
+.feature_heading {
+	
+}
+
+.feature_text {
+	
+}
+
+.feature_image {
+	width: 100%;
+}
+
+.nav-list-item {
+	display: flex;
+	align-items: center;
+}
+
+.nav-list-item a {
+	color: #000;
+	text-decoration: none;
+	padding: 0 10px;
+	height: 100%;
+	display: flex;
+	align-items: center;
+}
+
+.dropdown-helper {
+	display: none;
+}
+
+.dropdown-menu {
+	display: none;
+	position: absolute;
+	z-index: 10;
+	padding: 0;
+	top: 100%;
+	min-width: 10rem;
+	border: 1px solid lightgrey;
+}
+
+.dropdown-menu .nav-list-item {
+	display: block;
+	height: auto;
+	background: #fff;
+}
+
+.dropdown-menu .nav-list-item a {
+	padding: 10px;
+}
+
+.navbar {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	position: fixed; 
+	background: #fff;
+	width: 100%;
+	height: 5rem;
+	z-index: 10;
+	top: 0;
+	left: 0;
+}
+
+.navbar-title {
+	color: darkred;
+	font-size: 20px;
+	font-weight: bold;
+	font-family: "Montserrat", sans-serif;
+	padding-left: 10px;
+}
+
+.navbar-logo {
+	height: 34px;
+}
+
+.navbar-nav {
+	display: flex;
+	justify-content: space-between;
+}
+
+.nav-item {
+	font-family: "Montserrat", sans-serif;
+	font-weight: 500;
+	font-size: 16px;
+	text-decoration: none;
+	padding-left: 20px;
+	padding-top: 2rem;
+	padding-bottom: 1.9rem;
+}
+
+.menu-icon {
+	vertical-align: middle;
+	width: 25px;
+	height: 25px;
+	z-index: 11;
+	float: right;
+	line-height: 5rem;
+	cursor: pointer;
+	display: none;
+}
+
+#check {
+	display:none;
+}
+
+.collapsible:hover, .collapsible:focus {
+	background: #c00417;
+}
+
+.nav-link:hover {
+	color: #c00417;
+}
+
+.dropdown-item:hover {
+	color: #c00417;
+}
+
+.footer-bar {
+	font-size: 16px;
+	font-family: "Montserrat", sans-serif;
+	color: black;
+	align-items: right;
+	padding: 5px;
+	display: flex;
+	flex-flow: row wrap;
+	justify-content: space-between;
+}
+
+.footer-bar a {
+	color: darkred;
+	text-decoration: none;
+}
+
+body {
+   margin: 0px;
+   padding-top: 5rem;
+   display: flex;
+   flex-direction: column;
+   justify-content: space-between;
+   height: calc(100% - 5rem);
+}
+
+body::-webkit-scrollbar {
+	width: 0.8rem;
+	height: 0.4rem;
+}
+
+body::-webkit-scrollbar-track {
+	background: #1e1e24;
+}
+
+body::-webkit-scrollbar-thumb {
+	background: #c00417;
+}
+
+
+/* 100% Image Width on Smaller Screens */
+@media only screen and (max-width: 700px){
+  .feature_container {
+	width: 100%;
+  }
+}
+
+/* Style the button that is used to open and close the collapsible content */
+.collapsible {
+	background-color: #eee;
+	cursor: pointer;
+	padding: 5px;
+	border: none;
+	vertical-align: center;
+	outline: none;
+}
+
+@media only screen and (max-width: 1000px) {
+	.textwall-container {
+		margin-left: 2%;
+		margin-right: 2%;
+	}
+}
+
+@media only screen and (min-width: 851px) {
+	.dropdown:hover .dropdown-menu {
+		display: block;
+		border-top: 3px solid #c00417;
+	}
+}
+
+@media only screen and (max-width: 850px) {
+	.navbar {
+		justify-content: space-around;
+	}
+	
+	.menu-icon {
+		display: block;
+	}
+	
+	.navbar-nav {
+		position: fixed;
+		width: 100%;
+		background: white;
+		top: 4rem;
+		left: 0;
+		text-align: center;
+		display: none;
+		border: 1px solid lightgrey;
+		padding-inline-start: 0px;
+	}
+	
+	.nav-item {
+		padding-top: 1rem;
+		padding-bottom: 1rem;
+		padding-left: 0px;
+		border-bottom: 1px solid lightgrey;
+		display: flex;
+		flex-direction: column;
+	}
+	
+	#check:checked ~ .navbar-nav {
+		display: block;
+	}
+	
+	.dropdown-helper {
+		display: block;
+		position: absolute;
+		right: 0;
+		font-family: "Montserrat", sans-serif;
+		font-weight: bold;
+		border-left: 1px solid lightgrey;
+		width: 45px;
+	}
+	
+	.nav-link-container {
+		display: flex;
+	}
+	
+	.dropdown {
+		padding-top: 0rem;
+		padding-bottom: 0rem;
+	}
+	
+	.dropdown:active .dropdown-menu,
+	.dropdown:focus .dropdown-menu {
+		display: block;
+		width: 100%;
+		border-top: 1px solid #c00417;
+		border-bottom: 1px solid #c00417;
+		position: static;
+	}
+	
+	.dropdown-menu .nav-list-item {
+		background: #F6F5F5;
+	}
+}
+
+.rank-spacer {
+    margin-top: 20px;
+}
+
+.box-padding {
+	padding-top: 10px;
+	padding-bottom: 10px;
+}
+
+.box {
+    border-radius: 6px;
+
+    padding-top: 10px;
+    padding-left: 3px;
+    padding-right: 3px;
+	
+	margin-left: 5px;
+	margin-right: 5px;
+	
+    height: 100%;
+	line-height: 1.5rem;
+}
+
+.rank-1 {
+    background-color: #00AAAA;
+    color: black;
+}
+
+.rank-2 {
+    background-color: #FFFF55;
+    color: black;
+}
+
+.rank-3 {
+    background-color: #FFAA00;
+    color: black;
+}
+
+.rank-4 {
+    background-color: #00AA00;
+    color: black;
+}
+
+.rank-owner {
+    background-color: #AA0000;
+    color: white;
+}
+
+.rank-admin {
+    background-color: #FF5555;
+    color: black;
+}
+
+.rank-builder-dev {
+    background-color: #AA00AA;
+    color: white;
+}
+
+.rank-mod {
+    background-color: #5555FF;
+    color: white;
+}
+
+.rank-supporter {
+    background-color: #55FFFF;
+    color: black;
+}
+
+.rank-vip {
+    background-color: #FF55FF;
+    color: black;
+}
+
+.rank-name {
+    font-weight: bold;
+    font-size: 1em;
+}
+
+.rank-description {
+    font-size: 0.75em;
+}
+
+.text-center {
+	text-align: center;
+}
+
+.justify-content-center {
+	justify-content: center;
+}
+
+.row {
+    display: flex;
+    flex-flow: row wrap;
+}
+
+.col-md {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%;
+}
+  
+.col-12 {
+    width: 100%;
+}
+
+@media (max-width: 768px) {
+  .team-container {
+    flex: 0 0 100%; /* Column occupies 100% of the parent container's width */
+    max-width: 100%; /* Column does not exceed 100% of the parent container's width */
+  }
+}
+
+@media (min-width: 768px) {
+  .team-container {
+    flex: 0 0 50%; /* Column occupies 50% of the parent container's width */
+    max-width: 50%; /* Column does not exceed 50% of the parent container's width */
+  }
+}
+
+@media (min-width: 992px) {
+  .team-container {
+    flex: 0 0 33.333333%; /* Column occupies 1/3 (4 out of 12) of the parent container's width */
+    max-width: 33.333333%; /* Column does not exceed 1/3 of the parent container's width */
+  }
+}

disclaimer.php

@@ -1,55 +0,0 @@
-<div class="container mt-4">
-    <h4>
-        Disclaimer
-    </h4>
-	<h6>
-        Links
-    </h6>
-    <p>
-        We can not take responsibility for the content of other websites to which it refers to by link (<a href="https://www.jusline.at/gesetz/ecg/paragraf/17">§ 17 ECG</a>).
-    </p>
-	<h4>
-        Privacy Policy
-    </h4>
-	<p>
-        For calming: We do not eat your data. No data will be transferred to third parties.
-    </p>
-	<h6>
-        Website
-    </h6>
-    <p>
-        On using our website - or generally "the internet" - you must be aware of data which we receive and save due to technical reasons in logs.
-		This includes:
-		<ul>
-			<li>your IP address</li>
-			<li>version and type of your browser and operating system</li>
-			<li>visited sites</li>
-			<li>date and time of the retrieval</li>
-		</ul>
-    </p>
-    <p>
-		We do not use this data for further processing. These logs are deleted after 4 weeks.
-    </p>
-	<h6>
-        Minecraft
-    </h6>
-    <p>
-		If you play on our Minecraft server we store
-		<ul>
-			<li>your IP address</li>
-			<li>your name and uuid of your Minecraft account</li>
-			<li>date and time of the retrieval</li>
-			<li>every content you create on the server (e.g. your plots)</li>
-		</ul>
-    </p>
-    <p>
-		Your IP address will be deleted after 4 weeks. Other data is stored permanently for statistical purposes and to ensure the best experience for other players.
-		Private messages between users sent via /mail are deleted two weeks after they have been read.
-	</p>
-	<h6>
-        Your rights
-    </h6>
-	<p>
-		If you no longer wish us to process and store your personal data, you may exercise your right to deletion of your personal data. To ensure the best experience for other players some data will only be anonymised.
-	</p>
-</div>

error.php

@@ -1,3 +1,7 @@
-<div class="container mt-4">
-    This site does not exist.
-</div>
+<template id="main">
+	<div class="textwall-container">
+		<p>This site does not exist.</p>
+	</div>
+</template>
+
+<?php include "base.php"; ?>

games.php

@@ -1,270 +1,164 @@
-<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>
-</div>
+<template id="main">
+	<div class="textwall-container">
+		<div class="page-header">
+			<h2 class="page-header-content">Multiplayer</h2>
+		</div>
+		
+		<div class="feature_containers">
+			<div class="feature_container">
+				<h2 class="feature_heading">Among Us</h2>
+                <img class="feature_image" src="images/games/games_amongus.jpg" alt="Games Among Us">
+                <p>Classic Among Us. But we did it in Minecraft!<br></p>
+			</div>
+			<div class="feature_container">
+				<h2 class="feature_heading">BedWars</h2>
+                <img class="feature_image" src="images/games/games_bedwars.jpg" alt="Games BedWars">
+                <p>Each team needs to defend their bed and to destroy the enemies beds.<br></p>
+			</div>
+			<div class="feature_container">
+				<h2 class="feature_heading">RageMode</h2>
+                <img class="feature_image" src="images/games/games_ragemode.jpg" alt="Games RageMode">
+                <p>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="feature_container">
+				<h2 class="feature_heading">ShoppingChaos</h2>
+                <img class="feature_image" src="images/games/games_shoppingchaos.jpg" alt="ShoppingChaos">
+                <p>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="feature_container">
+				<h2 class="feature_heading">Hide and Seek</h2>
+                <img class="feature_image" src="images/games/games_hideandseek.jpg" alt="Games Hide and Seek">
+                <p>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="feature_container">
+				<h2 class="feature_heading">KnockFight</h2>
+                <img class="feature_image" src="images/games/games_knockfight.jpg" alt="Games KnockFight">
+                <p>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="feature_container">
+				<h2 class="feature_heading">Spleef</h2>
+                <img class="feature_image" src="images/games/games_spleef.jpg" alt="Games Spleef">
+                <p>Click the blocks below other players to remove them. If they fall, you win!<br></p>
+			</div>
+			<div class="feature_container">
+				<h2 class="feature_heading">3D-TicTacToe</h2>
+                <img class="feature_image" src="images/games/games_3dtictactoe.jpg" alt="Games 3D-TicTacToe">
+                <p>It's like Tictactoe, but 3D! Use your type of block to get 3 in a row.<br></p>
+			</div>
+			<div class="feature_container">
+				<h2 class="feature_heading">Chinese Checkers (Halma)</h2>
+                <img class="feature_image" src="images/games/games_halma.jpg" alt="Games Chinese Checkers">
+                <p>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="feature_container">
+				<h2 class="feature_heading">FastBridge</h2>
+                <img class="feature_image" src="images/games/games_fastbridge.jpg" alt="Games FastBridge">
+                <p>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="feature_container">
+				<h2 class="feature_heading">Rebuild</h2>
+                <img class="feature_image" src="images/games/games_rebuild.jpg" alt="Games Rebuild">
+                <p>Try to rebuild the given pattern as fast as possible.<br></p>
+			</div>
+			<div class="feature_container">
+				<h2 class="feature_heading">Snowfight</h2>
+                <img class="feature_image" src="images/games/games_snowgame.jpg" alt="Games Snowfight">
+                <p>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="feature_container">
+				<h2 class="feature_heading">MengerRun</h2>
+                <img class="feature_image" src="images/games/games_mengerrun.jpg" alt="Games MengerRun">
+                <p>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="feature_container">
+				<h2 class="feature_heading">CaptureTheFlag</h2>
+                <img class="feature_image" src="images/games/games_capturetheflag.jpg" alt="Games CaptureTheFlag">
+                <p>Eliminate an opponent team by bringing their flag into your base while your flag is also in your base.<br></p>
+			</div>
+			<div class="feature_container">
+				<h2 class="feature_heading">Cores</h2>
+                <img class="feature_image" src="images/games/games_cores.jpg" alt="Games Cores">
+                <p>Destroy other cores and protect your own!<br></p>
+			</div>
+			<div class="feature_container">
+				<h2 class="feature_heading">Don’t get angry</h2>
+                <img class="feature_image" src="images/games/games_donotgetangry.jpg" alt="Games Don’t get angry">
+                <p>Play against others or AI.<br></p>
+			</div>
+			<div class="feature_container">
+				<h2 class="feature_heading">Checkers</h2>
+                <img class="feature_image" src="images/games/games_checkers.jpg" alt="Games Checkers">
+                <p>Eliminate all opponent game pieces.<br></p>
+			</div>
+		</div>
+		
+		<div class="page-header">
+			<h2 class="page-header-content">Singleplayer</h2>
+		</div>
+		
+		<div class="feature_containers">
+			<div class="feature_container">
+				<h2 class="feature_heading">3D-Snake</h2>
+                <img class="feature_image" src="images/games/games_snake.jpg" alt="Games Snake">
+                <p>Move the snake around and eat some red apples. Don’t touch the walls.<br></p>
+			</div>
+			<div class="feature_container">
+				<h2 class="feature_heading">Portal</h2>
+                <img class="feature_image" src="images/games/games_portal.jpg" alt="Games Snake">
+                <p>Jump and run extended with portals and movement boost areas.<br></p>
+			</div>
+			<div class="feature_container">
+				<h2 class="feature_heading">Gravity</h2>
+                <img class="feature_image" src="images/games/games_gravity.jpg" alt="Games Snake">
+                <p>Change the gravity as you want while heading for the target!<br></p>
+			</div>
+			<div class="feature_container">
+				<h2 class="feature_heading">Buttons</h2>
+                <img class="feature_image" src="images/games/games_buttons.jpg" alt="Games Buttons">
+                <p>Click the correct button in time. Available time per click is shrinking constantly.<br></p>
+			</div>
+			<div class="feature_container">
+				<h2 class="feature_heading">Letters</h2>
+                <img class="feature_image" src="images/games/games_letters.jpg" alt="Games Letters">
+                <p>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="feature_container">
+				<h2 class="feature_heading">Inverting</h2>
+                <img class="feature_image" src="images/games/games_inverting.jpg" alt="Games Inverting">
+                <p>Toggle a pattern of blocks by clicking. Make the whole game field single colored.<br></p>
+			</div>
+			<div class="feature_container">
+				<h2 class="feature_heading">Jump'n'Run</h2>
+                <img class="feature_image" src="images/games/games_jumpnrun.jpg" alt="Games Jump'n'Run">
+                <p>Get through some obstacles to reach the goal. Try to reach checkpoints so you don't loose your progress.<br></p>
+			</div>
+			<div class="feature_container">
+				<h2 class="feature_heading">4D-Jump'n'Run</h2>
+                <img class="feature_image" src="images/games/games_4djumpnrun.jpg" alt="Games 4D-Jump'n'Run">
+                <p>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="feature_container">
+				<h2 class="feature_heading">Parcour</h2>
+                <img class="feature_image" src="images/games/games_parcour.jpg" alt="Games Parcour">
+                <p>Jump through Parcours. Every millisecond counts.<br></p>
+			</div>
+			<div class="feature_container">
+				<h2 class="feature_heading">ItemHunt</h2>
+                <img class="feature_image" src="images/games/games_itemhunt.jpg" alt="Games ItemHunt">
+                <p>Collect the displayed items to get the highest score possible in the given time.<br></p>
+			</div>
+			<div class="feature_container">
+				<h2 class="feature_heading">Sammelfieber</h2>
+                <img class="feature_image" src="images/games/games_sammelfieber.jpg" alt="Games Sammelfieber">
+                <p>Collect as many different items as possible.<br></p>
+			</div>
+			<div class="feature_container">
+				<h2 class="feature_heading">Leapfrog</h2>
+                <img class="feature_image" src="images/games/games_leapfrog.jpg" alt="Games Leapfrog">
+                <p>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>
+	</div>
+</template>
+
+<?php include "base.php"; ?>

gpvp.php

@@ -1,3 +0,0 @@
-<div class="container mt-4">
-    Gr8 content. Much wow.
-</div>

home.php

@@ -1,16 +1,12 @@
-<?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" =>
-        "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" =>
-        "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" =>
-    //    "Create a guild, build a base and fight together with your friends."]
-];
-
-include "home.view.php";
+<template id="main">
+	<div style="text-align: center;">
+		<div class="home_background_container">
+			<img class="home_background_image" src="images/home_background.jpg">
+			<div class="home_background_header">
+				<img class="logo" src="images/logo2.png">
+			</div>
+		</div>
+	</div>
+</template>
+
+<?php include "base.php"; ?>

home.view.php

@@ -1,106 +0,0 @@
-<div id="gamemodeCarousel" class="carousel slide mb-3" data-ride="carousel">
-    <ol class="carousel-indicators">
-        <?php for($i = 0; $i < count($carouselData); $i++) : ?>
-            <li data-target="#gamemodeCarousel" data-slide-to="<?= $i ?>" class="<?= $i == 0 ? "active" : "" ?>"></li>
-        <?php endfor; ?>
-    </ol>
-    <div class="carousel-inner">
-        <?php foreach($carouselData as $data) : ?>
-            <div class="carousel-item <?= $data["class"] ?>">
-                <img class="d-block w-100" src="images/<?= $data["path"] ?>" alt="<?= $data["alt"] ?>">
-                <div class="carousel-caption d-md-block text-left">
-                    <h1><?= $data["title"] ?></h1>
-                    <p class="lead"><?= $data["text"] ?></p>
-                </div>
-            </div>
-        <?php endforeach; ?>
-    </div>
-    <a class="carousel-control-prev" href="#gamemodeCarousel" role="button" data-slide="prev">
-        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-        <span class="sr-only">Previous</span>
-    </a>
-    <a class="carousel-control-next" href="#gamemodeCarousel" role="button" data-slide="next">
-        <span class="carousel-control-next-icon" aria-hidden="true"></span>
-        <span class="sr-only">Next</span>
-    </a>
-</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"/>
-    <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.
-                All additions were made with care to fit into Vanilla Minecraft. The system also provides protections to
-                secure your land from others.<br>
-				<br>
-            </p>
-            <a class="btn btn-secondary" href="?site=survival">Learn more</a>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/survival.jpg" alt="Survival Spawn">
-        </div>
-    </div>
-    <hr class="featurette-divider"/>
-    <div class="row featurette">
-        <div class="col-lg-7 order-lg-2 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.
-            </p>
-            <a class="btn btn-secondary" href="?site=games">Learn more</a>
-        </div>
-        <div class="col-lg-5 order-lg-1">
-            <img class="img-fluid rounded" src="images/dame.jpg" alt="Games Spawn">
-        </div>
-    </div>
-	<hr class="featurette-divider"/>
-    <div class="row featurette">
-        <div class="col-lg-7 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>
-            </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 class="row featurette">
-        <div class="col-lg-7 order-lg-2 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.
-            </p>
-            <a class="btn btn-secondary" href="?site=creative">Learn more</a>
-        </div>
-        <div class="col-lg-5 order-lg-1">
-            <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?
-            </p>
-            <a class="btn btn-secondary" href="?site=gpvp">Learn more</a>
-        </div>
-        <div class="col-lg-5">
-            <img class="img-fluid rounded" src="images/gpvp_dungeon.jpg" alt="Guild PVP Dungeon">
-        </div>
-    </div>-->
-</div>