mirror of
https://github.com/Ellpeck/TinyLifeWeb.git
synced 2024-11-22 11:23:29 +01:00
some style improvements
This commit is contained in:
parent
017e97deff
commit
ba486e0e9c
3 changed files with 42 additions and 45 deletions
|
@ -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",
|
||||||
|
|
|
@ -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 %}
|
|
||||||
–
|
|
||||||
{% 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 %}
|
||||||
|
–
|
||||||
|
{% 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>
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue