added a roadmap to the website

web/.htaccess

@@ -9,6 +9,10 @@ Options -Indexes
 RewriteEngine On
 RewriteBase /
 
+RewriteRule ^about/?$ "#about" [R=301,L,NE]
+RewriteRule ^devlogs/?$ "#devlogs" [R=301,L,NE]
+RewriteRule ^roadmap/?$ "#roadmap" [R=301,L,NE]
+
 RewriteRule ^translate/?$ "https://docs.tinylifegame.com/articles/localization.html" [R=301,L]
 RewriteRule ^raw(/.*)?$ "https://raw.githubusercontent.com/Ellpeck/TinyLifeWeb/main$1" [R=301,L]
 

web/_data/roadmap.json

@@ -0,0 +1,61 @@
+[{
+    "name": "🎮 Gamepad Controls",
+    "desc": "The full game will be playable with controllers of various kinds.",
+    "stage": "Soon"
+}, {
+    "name": "☕ Cafés",
+    "desc": "A new public lot type where you can order coffee, food, and hang out with people!",
+    "stage": "Soon"
+}, {
+    "name": "🔙 Undo/Redo for Build Mode",
+    "desc": "The ability to undo and redo the things you did to easily fix your mistakes.",
+    "stage": "Before Release"
+}, {
+    "name": "🤰 Pregnancy",
+    "desc": "Tinies will be able to get pregnant through fooling around, and give birth to babies.",
+    "stage": "Before Release"
+}, {
+    "name": "🧓 Aging",
+    "desc": "Tinies will be able to age up, from babies, to children, to adults. An Elder life stage and death by natural causes are also planned.",
+    "stage": "Before Release"
+}, {
+    "name": "🍷 Bars and Other Public Lots",
+    "desc": "There will be a lot more public lot types in the future, including bars, museums, festival spots, and more!",
+    "stage": "Before Release"
+}, {
+    "name": "🎉 Official Release",
+    "desc": "After release, the game won't be free anymore, but you'll still be able to play a demo with a limited amount of content for free.",
+    "important": true
+}, {
+    "name": "📱 Phones",
+    "desc": "Phones will include the ability to call people, ask them to visit your lot, organize social events, and more!",
+    "stage": "Long-Term"
+}, {
+    "name": "💃 Social Events",
+    "desc": "Social events will include birthday parties, dinner parties, weddings, and more. You'll be able to organize them in advance, invite the people you want to attend, and earn rewards for events that go well.",
+    "stage": "Long-Term"
+}, {
+    "name": "🏢 Working from Home",
+    "desc": "Select jobs will allow the option to work from home, giving a Tiny daily tasks to complete. There'll also be an option to take vacation days.",
+    "stage": "Long-Term"
+}, {
+    "name": "⚒️ More Map-Wide Employments",
+    "desc": "We plan on adding pizza deliverers, repairpeople, housekeepers and other people that you can hire to help you out.",
+    "stage": "Long-Term"
+}, {
+    "name": "🤹 Tons More Skills",
+    "desc": "We have specific plans for sills like mischief, knitting, gardening, and foraging, but more skills are on the horizon, of course!",
+    "stage": "Long-Term"
+}, {
+    "name": "🎄 Seasons",
+    "desc": "Eventually, we want to add seasons, weather, and holidays into the game.",
+    "stage": "Long-Term"
+}, {
+    "name": "🐕 Pets",
+    "desc": "Pets like cats, dogs, and possibly others, will be available in the future to join your household and make your Tinies happy.",
+    "stage": "Long-Term"
+}, {
+    "name": "🧐 So Much More",
+    "desc": "This list isn't exhaustive by any means. Not only are there way more things that we'll want to add in the future, but there are also a couple of secret features that we don't want to tell you about yet. Stay tuned!",
+    "important": true
+}]

web/_includes/roadmap.html

@@ -0,0 +1,37 @@
+<div class="section">
+    <span id="roadmap"></span>
+    <h1>Roadmap</h1>
+    <p>
+        There's a lot of stuff planned for the game! All of the stuff on this list will be part of free updates in the future, provided that you buy the game once it's purchaseable. Right now, the game is still in public beta, so everything is free!<br>
+        <span class="text-muted">This list is not exhaustive! There are a lot of planned and work-in-progress featuresd that we want to keep secret for now.</span>
+    </p>
+
+    <div class="roadmap">
+        {% assign dir = "left" %}
+        {% for item in site.data.roadmap %}
+        <div class="roadmap-entry roadmap-entry-{{ dir }}{% if item.important %} roadmap-entry-important{% endif %}">
+            <h4><span>{{ item.name }}</span></h4>
+
+            {% if item.important %}
+            <hr>
+            {% endif %}
+
+            <p>
+                {{ item.desc }}
+                {% if item.stage %}
+                <br><span class="text-muted">{{ item.stage }}</span>
+                {% endif %}
+            </p>
+        </div>
+
+        {%- if item.important != true -%}
+        {%- if dir == "right" -%}
+        {%- assign dir = "left" -%}
+        {%- else -%}
+        {%- assign dir = "right" -%}
+        {%- endif -%}
+        {%- endif -%}
+
+        {% endfor %}
+    </div>
+</div>

web/index.html

@@ -7,3 +7,4 @@ summary: A fun simulation game where you mess with people's lives
 {% include top.html %}
 {% include about.html %}
 {% include devlogs.html %}
+{% include roadmap.html %}

web/style.css

@@ -109,3 +109,30 @@
     width: 100%;
     height: 100%;
 }
+
+.roadmap {
+    width: 75%;
+    min-width: 250px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.roadmap-entry {
+    margin: 20px;
+    margin-top: 40px;
+    margin-bottom: 40px;
+}
+
+.roadmap-entry-left {
+    text-align: left;
+}
+
+.roadmap-entry-right {
+    text-align: right;
+}
+
+.roadmap-entry-important {
+    text-align: center;
+    margin-top: 60px;
+    margin-bottom: 60px;
+}