Along with every major update, we publish a devlog that features additional information as well as some screenshots. You can read them on itch or on Steam. You can also read the full changelog.
\ No newline at end of file
diff --git a/web/_includes/social.html b/web/_includes/social.html
index 3f1b98f..a810274 100644
--- a/web/_includes/social.html
+++ b/web/_includes/social.html
@@ -1,17 +1,36 @@
-
-
🔗 Social
-
- If you want to stay up to date with Tiny Life's development, you should follow the game on Twitter. You can also join the Discord to ask questions or share your gameplay!
-
-
-
-
+
+
🔗 Social
+
+ If you want to stay up to date with Tiny Life's development, you should follow the game on Twitter or subscribe to the mailing list below. You can also join the Discord to ask questions or share your gameplay!
+
+
+
+
+
+
📫 Subscribe
+
You can also subscribe to the mailing list, which means you will be notified about future news and devlog posts via email. We promise not to send too many emails, but you can always unsubscribe easily, too.
+
+
+
\ No newline at end of file
diff --git a/web/style.css b/web/style.css
index 8c0350e..7ca4382 100644
--- a/web/style.css
+++ b/web/style.css
@@ -1,141 +1,150 @@
-html {
- scroll-padding-top: 70px;
-}
-
-body {
- position: relative;
- font-family: Lato, sans-serif;
-}
-
-.navbar-container {
- max-width: 950px;
-}
-
-.top {
- background-image: url("media/large_background.png");
- background-size: 400%;
- color: white;
-}
-
-.top a:link,
-.top a:visited {
- color: lightsteelblue;
-}
-
-.top-content {
- text-align: center;
- padding-top: 70px;
-}
-
-.section {
- width: 95%;
- max-width: 950px;
- margin-top: 50px;
- margin-bottom: 50px;
- margin-left: auto;
- margin-right: auto;
-}
-
-.site {
- padding-bottom: 20px;
-}
-
-.top-container {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 5px;
- margin-bottom: 30px;
- margin-top: 120px;
- padding: 20px;
-}
-
-.link {
- display: inline-block;
- width: 150px;
-}
-
-.screenshot {
- position: relative;
- margin-top: 40px;
- margin-bottom: 40px;
-}
-
-.feature {
- margin: 10px;
- padding: 10px;
- max-width: 60%;
- color: white;
- background: rgb(0, 0, 0, 0.7);
- border-radius: 8px;
- position: absolute;
- top: 0;
-}
-
-.feature p {
- margin-bottom: 0;
-}
-
-.feature-0 {
- text-align: left;
- left: 0;
-}
-
-.feature-1 {
- text-align: right;
- right: 0;
-}
-
-.footer {
- text-align: center;
- padding: 15px;
-}
-
-.devlog {
- margin-bottom: 20px;
- min-width: 250px;
- width: 45%;
- display: inline-block;
-}
-
-.trailer {
- margin-top: 60px;
- margin-bottom: 40px;
- position: relative;
- width: 100%;
- height: 0;
- padding-bottom: 56.25%;
-}
-
-.trailer iframe {
- position: absolute;
- top: 0;
- left: 0;
- 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;
+html {
+ scroll-padding-top: 70px;
+}
+
+body {
+ position: relative;
+ font-family: Lato, sans-serif;
+}
+
+.navbar-container {
+ max-width: 950px;
+}
+
+.top {
+ background-image: url("media/large_background.png");
+ background-size: 400%;
+ color: white;
+}
+
+.top a:link,
+.top a:visited {
+ color: lightsteelblue;
+}
+
+.top-content {
+ text-align: center;
+ padding-top: 70px;
+}
+
+.section {
+ width: 95%;
+ max-width: 950px;
+ margin-top: 50px;
+ margin-bottom: 50px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.site {
+ padding-bottom: 20px;
+}
+
+.top-container {
+ background-color: rgba(0, 0, 0, 0.4);
+ border-radius: 5px;
+ margin-bottom: 30px;
+ margin-top: 120px;
+ padding: 20px;
+}
+
+.link {
+ display: inline-block;
+ width: 150px;
+}
+
+.screenshot {
+ position: relative;
+ margin-top: 40px;
+ margin-bottom: 40px;
+}
+
+.feature {
+ margin: 10px;
+ padding: 10px;
+ max-width: 60%;
+ color: white;
+ background: rgb(0, 0, 0, 0.7);
+ border-radius: 8px;
+ position: absolute;
+ top: 0;
+}
+
+.feature p {
+ margin-bottom: 0;
+}
+
+.feature-0 {
+ text-align: left;
+ left: 0;
+}
+
+.feature-1 {
+ text-align: right;
+ right: 0;
+}
+
+.footer {
+ text-align: center;
+ padding: 15px;
+}
+
+.devlog {
+ margin-bottom: 20px;
+ min-width: 250px;
+ width: 45%;
+ display: inline-block;
+}
+
+.trailer {
+ margin-top: 60px;
+ margin-bottom: 40px;
+ position: relative;
+ width: 100%;
+ height: 0;
+ padding-bottom: 56.25%;
+}
+
+.trailer iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ 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;
+}
+
+.mailing-list {
+ width: 80%;
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: 40px;
+ padding: 20px;
+ border-radius: 5px;
}
\ No newline at end of file