DylanHannaScience · Fabbernat · Jan 8, 2025 · Jan 8, 2025 · Jan 8, 2025 · Jan 10, 2025
diff --git a/README.md b/README.md
@@ -1,11 +1,48 @@
-## Read Me:
+For the frontend see [github.com/Fabbernat/Polytopia-frontend](https://github.com/Fabbernat/Polytopia-frontend)
+
+ # Read Me:
 
-Welcome to the `polytopia_python` repo! Have a look around and familiarise yourself with some of the code that's already here. 
+Welcome to the `polytopia_python` repo! Have a look around and familiarise yourself with some of the code that's already
+here.
 
-You'll notice that there's a `game_map.py` file -- this is where all of the logic for generating/interacting with the *map* will be.
+You'll notice that there's a `game_map.py` file -- this is where all of the logic for generating/interacting with the
+*map* will be.
 
 The `game_simulator.py` script is mostly empty so far, and is where the main game logic will eventually go.
 
-The `map_renderer.py` script is a separate component that you can mostly ignore, and will be responsible for creating a visual representation of the current game state. This won't be necessary for deep learning, and will purely be for debugging and QA purposes.
+The `map_renderer.py` script is a separate component that you can mostly ignore, and will be responsible for creating a
+visual representation of the current game state. This won't be necessary for deep learning, and will purely be for
+debugging and QA purposes.
 
-The `settings.py` file contains some some settings variables that are mostly unused as of now, but the most important of these is the `CHANNEL_ATTRIBUTES` object, which contains descriptions of what each 'channel' in the game state array will correspond to.
+The `settings.py` file contains some settings variables that are mostly unused as of now, but the most important of
+these is the `CHANNEL_ATTRIBUTES` object, which contains descriptions of what each 'channel' in the game state array
+will correspond to.
+
+---
+# Fabbernat's contribution:
+# <img width="1914" height="1152" alt="image" src="https://github.com/user-attachments/assets/e063eb02-6bdc-4e72-b2ac-7750755d4ca2" />
+### The "Lakes" map type and some insight to the code in IntelliJ IDEA 👆
+---
+
+# <img width="580" height="586" alt="image" src="https://github.com/user-attachments/assets/0de15548-015f-4e6a-88dc-d970d7dffb5b" />
+### The "Drylands" map type 👆
+---
+
+# <img width="577" height="585" alt="image" src="https://github.com/user-attachments/assets/f7925ea4-0645-4c31-9a99-101994bde225" />
+### The "Continents" map type 👆
+---
+
+# <img width="577" height="583" alt="image" src="https://github.com/user-attachments/assets/6fe27709-9ed7-45ba-a4a2-9c5ef99873b0" />
+### The "Archipelagos" map type 👆
+---
+
+# <img width="1920" height="1160" alt="image" src="https://github.com/user-attachments/assets/6d13d709-33d4-4002-bd22-1e60bd52de0e" />
+### The "Continents" map type, but BIGGER 👆
+---
+
+- I made a frontend to this at [github.com/Fabbernat/Polytopia-frontend](https://github.com/Fabbernat/Polytopia-frontend) built in ASP.NET
+- I added a COMPLETE terrain generation module
+- I added a score counter Python module and a Java console consoleApp
+
+## Java console consoleApp
+This is intended to be the main consoleApp at some point and will simulate the core logic of the gameplay like map generation, tech tree and even combat
diff --git a/app/__init__.py b/app/__init__.py
diff --git a/app/hall_of_fame.html b/app/hall_of_fame.html
diff --git a/app/static/css/styles.css b/app/static/css/styles.css
diff --git a/app/static/favicon.ico b/app/static/favicon.ico
diff --git a/app/static/images/polyhead_ancient.jpg b/app/static/images/polyhead_ancient.jpg
diff --git a/app/static/images/polytopia-background.jpg b/app/static/images/polytopia-background.jpg
diff --git a/app/static/images/polytopia-main-menu.webp b/app/static/images/polytopia-main-menu.webp
diff --git a/app/static/images/soundfx-ico.png b/app/static/images/soundfx-ico.png
diff --git a/app/templates/about.html b/app/templates/about.html
@@ -0,0 +1,203 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>About Us</title>
+</head>
+<body>
+
+@{
+	ViewData["Title"] = "About";
+}
+<h1>@ViewData["Title"]</h1>
+
+<div class="icons">
+	<img src="~/css/images/Fabbernat-polyhead-icon.jpg" alt="Fabbernat Polyhead Icon" title="Fabbernat Polyhead Icon" />
+</div>
+<div class="about-section">
+	<p><strong>Fabian Team:</strong> A passionate team of developers dedicated to creating engaging and immersive experiences for Polytopia fans.</p>
+
+	<h2>Polysseum</h2>
+	<p>The Polysseum is a platform where strategic minds meet, showcasing the best players and their achievements. It's the ultimate hall of fame for Polytopia enthusiasts.</p>
+
+	<h2>Meet the Team</h2>
+	<p><s>~Midji Team~</s> Fabian Team:</p>
+	<ul>
+		<li><strong>Fabian Bernát:</strong> Lead Developer and visionary behind the project.</li>
+		<li><strong>Midjiwan:</strong> Creator and leader of Polytopia</li>
+		<li><strong>Zoythrus:</strong>Lead Community Manager, Community Member</li>
+		<li>
+			<strong>Midjitone:</strong>Sound, music and ambience. Check out Polytopia music at
+			<ul>
+				<li><a href="https://polytopia.io/polytopia-music/">This link,</a></li>
+				<li><a href="https://polytopia.fandom.com/wiki/Polytopia_Music">and this link!</a></li>
+
+			</ul>
+
+		</li>
+	</ul>
+
+	<h2>Our Mission</h2>
+	<p>To create a space where players can share strategies, celebrate victories, and grow the Polytopia community.</p>
+
+</div>
+<div class="contact">
+	<h3>Contact us!</h3>
+	<ul>
+		<li>Facebook <a href="https://Facebook.com/Fabbernat">https://Facebook.com/Fabbernat</a></li>
+		<li>X (Twitter) <a href="https://x.com/Fabbernat">https://x.com/Fabbernat</a></li>
+		<li>Github: <a href="https://github.com/Fabbernat">https://github.com/Fabbernat</a></li>
+	</ul>
+</div>
+<style>
+	html, body, h1, h2, p, button {
+		margin: 0;
+		padding: 0;
+		border: 0;
+		box-sizing: border-box;
+	}
+
+
+	html {
+		font-size: 14px;
+	}
+
+	html {
+		font-size: 16px;
+	}
+
+
+
+	.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
+		box-shadow: 0 0 0 0.1rem black, 0 0 0 0.25rem #258cfb;
+	}
+
+	html {
+		position: relative;
+		min-height: 100%;
+	}
+
+	body {
+		margin-bottom: 60px;
+		background-color: rgb(36,36,36);
+		color: rgb(231,231,231);
+		font-size: 12px;
+		line-height: 1.6;
+		font-family: "Curlz MF",cursive, serif; /* Goofy font */
+		color: lightyellow; /* Base text color */
+	}
+
+	.pet-description {
+		font-size: 1.2em;
+		color: lemonchiffon;
+	}
+
+	.pet-age {
+		font-style: italic;
+		color: lightgoldenrodyellow;
+	}
+
+	/* Category-related styles */
+	.category-name {
+		font-size: 2.5em;
+		color: black;
+		font-weight: bold;
+		text-decoration: underline wavy yellow; /* Wavy underline */
+		padding: 10px;
+		border: 3px dashed yellow; /* Dashed border */
+	}
+
+	.category-description {
+		font-size: 1.5em;
+		color: lightyellow;
+		margin-bottom: 20px;
+	}
+
+	/* General styles for common elements */
+	a {
+		color: yellow;
+		text-decoration: none;
+		font-weight: bold;
+		transition: all 0.2s ease-in-out; /* Smooth transition for hover effect */
+	}
+
+		a:hover {
+			color: lightyellow;
+			text-shadow: 0 0 5px yellow;
+			transform: scale(1.1); /* Slight zoom on hover */
+		}
+
+	h1, h2, h3, h4, h5, h6 {
+		color: black;
+	}
+
+	h1 {
+		font-family: "Curlz MF",cursive, serif; /* Goofy font */
+	}
+
+	h2, h3, h4, h5, h6 {
+		font-family: Impact, Charcoal, sans-serif;
+	}
+
+	main {
+		padding: 20px;
+	}
+
+	div {
+		margin-bottom: 15px;
+	}
+
+	p {
+		line-height: 1.5;
+	}
+
+	table {
+		border-collapse: collapse;
+		width: 100%;
+		margin-top: 20px;
+	}
+
+	th, td {
+		border: 1px solid yellow;
+		padding: 8px;
+		text-align: left;
+	}
+
+	th {
+		background-color: rgb(50, 50, 50);
+		color: black;
+	}
+
+	ul {
+		list-style-position: inside; /* This brings the bullets inside the list item */
+		padding-left: 0; /* Removes default padding that can create extra space */
+	}
+
+	li {
+		margin-left: 0; /* Removes any default margin that might be present */
+	}
+
+	form {
+		padding: 20px;
+		margin: 20px;
+		border: 1px solid #ddd; /* Add a border to the form */
+	}
+
+		form div {
+			padding: 10px; /* Reduce padding within the form's div */
+			margin: 5px; /* Reduce margin within the form's div */
+		}
+
+	label {
+		display: block; /* Make labels stack vertically */
+		margin-bottom: 5px; /* Add space between labels */
+	}
+
+	.no-categories {
+		text-align: center; /* Center the message */
+		margin-bottom: 20px; /* Add space below the message */
+	}
+</style>
+
+</body>
+</html>
diff --git a/app/templates/base.html b/app/templates/base.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ title }}</title>
+</head>
+<body>
+    <nav>
+        <a href="/">Index</a> |
+        <a href="/privacy">Privacy</a> |
+        <a href="/dashboard">Dashboard</a> |
+        <a href="/about">About</a> |
+        <a href="/settings">Settings</a> |
+        <a href="/hall-of-fame">Hall of Fame</a> |
+        <a href="/throne-room">Throne Room</a>
+    </nav>
+    <hr>
+    <div>
+        {% block content %}
+        {% endblock %}
+    </div>
+</body>
+</html>
diff --git a/app/templates/dashboard.html b/app/templates/dashboard.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Dashboard</title>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/app/templates/hall_of_fame.html b/app/templates/hall_of_fame.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Hall of Fame</title>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/app/templates/home.html b/app/templates/home.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Home</title>
+</head>
+<body>
+{% header("Location:index.html?redirect=True") %}
+</body>
+</html>
diff --git a/app/templates/index.html b/app/templates/index.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Index</title>
+</head>
+<body>
+{% extends "base.html" %}
+
+{% block content %}
+<h1>the Battle of Polytopia</h1>
+<p>This is the Index page. Explore other sections using the navigation above.</p>
+{% endblock %}
+@{
+	ViewData["Title"] = "Home Page";
+}
+
+<div class="text-center">
+	<h1 class="display-4">The Battle of Polytopia</h1>
+	<form action="Game/Index.cshtml" method="post">
+		<label for="my-games" class="toggle">
+			<input type="submit" name="my-games" value="My games" />
+			<span class="toggle-btn">
+
+			</span>
+
+		</label>
+	</form>
+
+</div>
+<style>
+	.toggle .toggle-btn {
+		display: inline-block;
+		width: 60px;
+		text-align: center;
+		padding: 5px 0;
+		font-size: 14px;
+		font-weight: bold;
+		color: white;
+		background-color: lightblue;
+		border-radius: 5px;
+		user-select: none;
+		transition: all 0.3s ease;
+	}
+
+	.toggle .toggle-btn:hover {
+		background-color: white;
+		color: black;
+		border: 1px solid black;
+	}
+</style>
+</body>
+</html>
diff --git a/app/templates/privacy.html b/app/templates/privacy.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+{% extends "base.html" %}
+
+{% block content %}
+<h1>Privacy Policy</h1>
+<p>This is the Privacy page content.</p>
+{% endblock %}
+
+</body>
+</html>