Ellpeck/TinyLifeWeb
1
0
Fork 0
mirror of https://github.com/Ellpeck/TinyLifeWeb.git synced 2024-11-22 03:13:30 +01:00
Code Issues Projects Releases Wiki Activity

improved styling & made subsites less wide

Browse source
This commit is contained in:
Ell 2024-04-17 20:10:06 +02:00
parent 8711a857e0
commit 697c45e361
8 changed files with 13 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/_layouts/blog.html
View file

@ -11,7 +11,7 @@ nav: blognav.html
})); }));
</script> </script>
<div class="section blog-section"> <div class="section top-margin full-width-images less-wide">
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>
<p>📖 You can also read this post <a href="{{ page.itch }}">on itch</a> or <a href="{{ page.steam }}">on Steam</a>, or you can subscribe to <a href="../../#subscribe">the mailing list</a> or <a href="/feed.xml">the Atom feed</a>.</p> <p>📖 You can also read this post <a href="{{ page.itch }}">on itch</a> or <a href="{{ page.steam }}">on Steam</a>, or you can subscribe to <a href="../../#subscribe">the mailing list</a> or <a href="/feed.xml">the Atom feed</a>.</p>

2
web/changelog.html
View file

@ -5,7 +5,7 @@ title: Tiny Life Changelog
summary: The full changelog for Tiny Life summary: The full changelog for Tiny Life
--- ---
<div class="section isolated-site"> <div class="section top-margin full-width-images">
<h1>Tiny Life Changelog</h1> <h1>Tiny Life Changelog</h1>
<p>This is the full changelog for the game, as seen in the bottom-right corner of its main menu.</p> <p>This is the full changelog for the game, as seen in the bottom-right corner of its main menu.</p>

2
web/common_issues.html
View file

@ -5,7 +5,7 @@ title: Troubleshooting Common Issues with Tiny Life
summary: Information on commonly faced issues in and around Tiny Life, and how to fix them summary: Information on commonly faced issues in and around Tiny Life, and how to fix them
--- ---
<div class="section isolated-site"> <div class="section top-margin full-width-images less-wide">
<h1>Troubleshooting Common Issues</h1> <h1>Troubleshooting Common Issues</h1>
{% capture raw_content %}{% include common_issues.md %}{% endcapture %} {% capture raw_content %}{% include common_issues.md %}{% endcapture %}

2
web/community.html
View file

@ -6,7 +6,7 @@ summary: A fun simulation game where you mess with people's lives
--- ---
<div class="section"> <div class="section">
<div class="community-top"> <div class="top-margin">
<h1>💬 Community Showcase</h1> <h1>💬 Community Showcase</h1>
<p>Ever since Tiny Life released into Early Access, the game's community has been growing steadily, and you all have been absolutely amazing. You've released videos, livestreamed gameplay, created mods, households, lots and other custom content, and you've even drawn fan art of pre-made Tinies! We love community contributions, and so we want to dedicate this section to our community and showcase some of the awesome stuff you've created.</p> <p>Ever since Tiny Life released into Early Access, the game's community has been growing steadily, and you all have been absolutely amazing. You've released videos, livestreamed gameplay, created mods, households, lots and other custom content, and you've even drawn fan art of pre-made Tinies! We love community contributions, and so we want to dedicate this section to our community and showcase some of the awesome stuff you've created.</p>
<p>As far as we're aware, all content on this page abides by the <a href="https://docs.tinylifegame.com/articles/content_policy.html">Tiny Life Content and Community Policy</a>, and you can consider content on this page to be officially endorsed. Nevertheless, please always take care when downloading and installing custom content and mods for Tiny Life.</p> <p>As far as we're aware, all content on this page abides by the <a href="https://docs.tinylifegame.com/articles/content_policy.html">Tiny Life Content and Community Policy</a>, and you can consider content on this page to be officially endorsed. Nevertheless, please always take care when downloading and installing custom content and mods for Tiny Life.</p>

2
web/content_policy.html
View file

@ -5,7 +5,7 @@ title: Tiny Life Content and Community Policy
summary: Rules for custom content and community engagement for Tiny Life summary: Rules for custom content and community engagement for Tiny Life
--- ---
<div class="section isolated-site"> <div class="section top-margin full-width-images less-wide">
<h1>Tiny Life Content and Community Policy</h1> <h1>Tiny Life Content and Community Policy</h1>
{% capture raw_content %}{% include content_policy.md %}{% endcapture %} {% capture raw_content %}{% include content_policy.md %}{% endcapture %}

2
web/ingamenews.html
View file

@ -5,7 +5,7 @@ title: Tiny Life In-Game News
summary: Tiny Life's in-game news, but displayed on the web summary: Tiny Life's in-game news, but displayed on the web
--- ---
<div class="section isolated-site"> <div class="section top-margin full-width-images">
<h1>Tiny Life In-Game News</h1> <h1>Tiny Life In-Game News</h1>
<p>This is a web version of the in-game news that sometimes appear in the bottom-left corner of the main menu.</p> <p>This is a web version of the in-game news that sometimes appear in the bottom-left corner of the main menu.</p>

2
web/preview.html
View file

@ -5,7 +5,7 @@ title: About Tiny Life Preview Versions
summary: Information on preview versions of Tiny Life and how to access them summary: Information on preview versions of Tiny Life and how to access them
--- ---
<div class="section isolated-site"> <div class="section top-margin full-width-images less-wide">
<h1>About Preview Versions</h1> <h1>About Preview Versions</h1>
{% capture raw_content %}{% include preview.md %}{% endcapture %} {% capture raw_content %}{% include preview.md %}{% endcapture %}

14
web/style.css
View file

@ -60,13 +60,15 @@ a:visited.wide-link {
margin: 50px auto; margin: 50px auto;
} }
.blog-section { .top-margin {
max-width: 700px;
margin-top: 70px; margin-top: 70px;
} }
.blog-section img, .less-wide {
.isolated-site img { max-width: 700px;
}
.full-width-images img {
width: 100%; width: 100%;
height: auto; height: auto;
} }
@ -231,10 +233,6 @@ a:visited.wide-link {
font-style: italic; font-style: italic;
} }
.community-top, .isolated-site {
margin-top: 70px;
}
h1 .anchor-heading, h2 .anchor-heading, h3 .anchor-heading, h4 .anchor-heading, h5 .anchor-heading, h6 .anchor-heading { h1 .anchor-heading, h2 .anchor-heading, h3 .anchor-heading, h4 .anchor-heading, h5 .anchor-heading, h6 .anchor-heading {
visibility: hidden; visibility: hidden;
} }