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

some style improvements

Browse source
This commit is contained in:
Ell 2023-08-12 12:37:06 +02:00
parent 017e97deff
commit ba486e0e9c
3 changed files with 42 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
web/_data/community-content.json
View file

@ -1,15 +1,4 @@
[ [
{
"name": "Itty for Tiny Life",
"slug": "itty",
"desc": "Itty adds a social media site (called Itty) that allows your Tinies to interact digitally!",
"author": "ssblur",
"section": "mods",
"links": {
"Steam": "https://steamcommunity.com/sharedfiles/filedetails/?id=2965803577",
"YouTube": "https://www.youtube.com/channel/UC87-8FM-U9OSUYCzIqlhztA"
}
},
{ {
"name": "Itty for Tiny Life", "name": "Itty for Tiny Life",
"slug": "itty", "slug": "itty",

68
web/community.html
View file

@ -5,37 +5,39 @@ title: Tiny Life
summary: A fun simulation game where you mess with people's lives summary: A fun simulation game where you mess with people's lives
--- ---
<div class="section community-top"> <div class="section">
<h1>💬 Community Showcase</h1> <div class="community-top">
Tiny Life's community is awesome, blah blah blah <h1>💬 Community Showcase</h1>
</div> Tiny Life's community is awesome, blah blah blah
{% for section in site.data.community-sections %}
<div class="section">
<h2 id="{{ section.slug }}">{{ section.name }}</h2>
<p>{{ section.desc }}</p>
{% for content in site.data.community-content %}
{% if content.section == section.slug %}
<div class="community-content">
<div class="community-content-box">
<div class="community-content-box-content">
<h4 class="community-title">{{ content.name }}</h4>
<div class="community-author text-muted">Created by {{ content.author }}</div>
<div class="community-desc">{{ content.desc }}</div>
<div>
{% for link in content.links %}
<a href="{{ link[1] }}">{{ link[0] }}</a>
{% unless forloop.last %}
&ndash;
{% endunless %}
{% endfor %}
</div>
</div>
<img id="{{ content.slug }}" src="/media/community/{{ content.slug }}.png" alt="An image showing off {{ content.name }}" width="100%">
</div>
</div>
{% endif %}
{% endfor %}
</div> </div>
{% endfor %}
{% for section in site.data.community-sections %}
<div class="community-section">
<h2 id="{{ section.slug }}">{{ section.name }}</h2>
<p>{{ section.desc }}</p>
{% for content in site.data.community-content %}
{% if content.section == section.slug %}
<div class="community-content">
<div class="community-content-box">
<div class="community-content-box-content">
<h4 class="community-title">{{ content.name }}</h4>
<div class="community-author text-muted">Created by {{ content.author }}</div>
<div class="community-desc">{{ content.desc }}</div>
<div>
{% for link in content.links %}
<a href="{{ link[1] }}">{{ link[0] }}</a>
{% unless forloop.last %}
&ndash;
{% endunless %}
{% endfor %}
</div>
</div>
<img id="{{ content.slug }}" src="/media/community/{{ content.slug }}.png" alt="An image showing off {{ content.name }}" width="100%">
</div>
</div>
{% endif %}
{% endfor %}
</div>
{% endfor %}
</div>

8
web/style.css
View file

@ -110,7 +110,13 @@ pre.highlight {
} }
.community-content { .community-content {
margin: 25px auto; margin-top: 15px;
margin-bottom: 15px;
}
.community-section {
margin-top: 25px;
margin-bottom: 25px;
} }
.community-title { .community-title {