From 4dba0ba9959dab23d11280073c6d063f114ffa53 Mon Sep 17 00:00:00 2001 From: Ellpeck Date: Mon, 11 Jul 2022 19:50:49 +0200 Subject: [PATCH] added (experimental) mailing list --- web/_includes/devlogs.html | 28 ++-- web/_includes/social.html | 51 +++++-- web/style.css | 289 +++++++++++++++++++------------------ 3 files changed, 198 insertions(+), 170 deletions(-) diff --git a/web/_includes/devlogs.html b/web/_includes/devlogs.html index e5c692c..e73184d 100644 --- a/web/_includes/devlogs.html +++ b/web/_includes/devlogs.html @@ -1,15 +1,15 @@ -
-

📝 Devlogs

-

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.

- -
- {% for item in site.data.devlogs %} -
-

{{ item.name }}

-
- Read on itch – Read on Steam -
-
- {% endfor %} -
+
+

📝 Devlogs

+

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 or subscribe to the mailing list.

+ +
+ {% for item in site.data.devlogs %} +
+

{{ item.name }}

+
+ Read on itch – Read on Steam +
+
+ {% endfor %} +
\ 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