improved styling & made subsites less wide

web/_layouts/blog.html

@@ -11,7 +11,7 @@ nav: blognav.html
     }));
 </script>
 
-<div class="section blog-section">
+<div class="section top-margin full-width-images less-wide">
     <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>
 

web/changelog.html

@@ -5,7 +5,7 @@ title: Tiny Life Changelog
 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>
     <p>This is the full changelog for the game, as seen in the bottom-right corner of its main menu.</p>
 

web/common_issues.html

@@ -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
 ---
 
-<div class="section isolated-site">
+<div class="section top-margin full-width-images less-wide">
     <h1>Troubleshooting Common Issues</h1>
 
     {% capture raw_content %}{% include common_issues.md %}{% endcapture %}

web/community.html

@@ -6,7 +6,7 @@ summary: A fun simulation game where you mess with people's lives
 ---
 
 <div class="section">
-    <div class="community-top">
+    <div class="top-margin">
         <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>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>

web/content_policy.html

@@ -5,7 +5,7 @@ title: Tiny Life Content and Community Policy
 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>
 
     {% capture raw_content %}{% include content_policy.md %}{% endcapture %}

web/ingamenews.html

@@ -5,7 +5,7 @@ title: Tiny Life In-Game News
 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>
     <p>This is a web version of the in-game news that sometimes appear in the bottom-left corner of the main menu.</p>
 

web/preview.html

@@ -5,7 +5,7 @@ title: About Tiny Life Preview Versions
 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>
 
     {% capture raw_content %}{% include preview.md %}{% endcapture %}

web/style.css

@@ -60,13 +60,15 @@ a:visited.wide-link {
     margin: 50px auto;
 }
 
-.blog-section {
-    max-width: 700px;
+.top-margin {
     margin-top: 70px;
 }
 
-.blog-section img,
-.isolated-site img {
+.less-wide {
+    max-width: 700px;
+}
+
+.full-width-images img {
     width: 100%;
     height: auto;
 }
@@ -231,10 +233,6 @@ a:visited.wide-link {
     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 {
     visibility: hidden;
 }