Compare commits

..

2 commits

22 changed files with 6 additions and 279 deletions

View file

@ -1,5 +1,5 @@
# Community Modding Tutorials # Community Modding Tutorials
Similarly to how the [Community Showcase](https://tinylifegame.com/community/) is dedicated to showing off some of the amazing content that the Tiny Life community has created for the game, we want to use this section to showcase some of the tutorials and helpful bits of content that Tiny Life modders have created. We want to use this section to showcase some of the tutorials and helpful bits of content that Tiny Life modders have created.
Of course, please take care when using these resources, as their content may be incorrect or outdated. That being said, as far as we're aware, all of these resources abide by the [Tiny Life Content and Community Policy](https://docs.tinylifegame.com/articles/content_policy.html). Of course, please take care when using these resources, as their content may be incorrect or outdated. That being said, as far as we're aware, all of these resources abide by the [Tiny Life Content and Community Policy](https://docs.tinylifegame.com/articles/content_policy.html).

View file

@ -13,6 +13,7 @@ RewriteBase /
# legacy redirects # legacy redirects
RewriteRule ^translate/?$ "https://link.tinylifegame.com/translate" [R=301,L] RewriteRule ^translate/?$ "https://link.tinylifegame.com/translate" [R=301,L]
RewriteRule ^raw(/.*)?$ "https://link.tinylifegame.com/raw$1" [R=301,L] RewriteRule ^raw(/.*)?$ "https://link.tinylifegame.com/raw$1" [R=301,L]
RewriteRule ^community/?$ "https://steamcommunity.com/app/1651490/workshop/" [R=301,L]
# anchor redirects # anchor redirects
RewriteRule ^about/?$ "#about" [R=301,L,NE] RewriteRule ^about/?$ "#about" [R=301,L,NE]

View file

@ -1,117 +0,0 @@
[
{
"name": "Grape Sorbet",
"desc": "Residential, 15x15",
"author": "Owlynn",
"section": "lots",
"links": {
"Workshop": "https://steamcommunity.com/sharedfiles/filedetails/?id=2978242814"
}
},
{
"name": "Vista Blue",
"desc": "Residential, 10x15. Works as a starter home!",
"author": "Owlynn",
"section": "lots",
"links": {
"Workshop": "https://steamcommunity.com/sharedfiles/filedetails/?id=2978242996"
}
},
{
"name": "Field Iris",
"desc": "Residential, 25x25",
"author": "Owlynn",
"section": "lots",
"links": {
"Workshop": "https://steamcommunity.com/sharedfiles/filedetails/?id=2978243159"
}
},
{
"name": "Swift Brew Coffee",
"desc": "Café, 15x15",
"author": "Owlynn",
"section": "lots",
"links": {
"Workshop": "https://steamcommunity.com/sharedfiles/filedetails/?id=2978243292"
}
},
{
"name": "Tiny Design Study",
"desc": "Legit Liny Tife brand, Not so slightly brewed, Coffee break. Design studies.",
"author": "Owlynn",
"section": "fanart",
"carousel": ["study-brand", "study-brewed", "study-cafe"]
},
{
"name": "Business Rivals",
"desc": "We love you, barista boys",
"author": "Owlynn",
"section": "fanart"
},
{
"name": "Tinies in the Nineties",
"desc": "A small set of clothing inspired by various fashion styles of the 90s, including grunge and neon!",
"author": "AriArtsy",
"section": "mods",
"links": {
"Workshop": "https://steamcommunity.com/sharedfiles/filedetails/?id=2973959166"
}
},
{
"name": "Itty for Tiny Life",
"desc": "Adds social media to your Tiny Life! Surely this won't backfire.",
"author": "ssblur",
"section": "mods",
"links": {
"Workshop": "https://steamcommunity.com/sharedfiles/filedetails/?id=2965803577",
"GitHub Releases": "https://github.com/ssblur/IttyMod/releases"
}
},
{
"name": "Cute Tinies in Love",
"desc": "Yellore's Tiny has started a relationship with Liam, the Barista of Bluebird Café",
"author": "Yellore",
"section": "fanart",
"links": {
"Website": "https://yellore.carrd.co/"
}
},
{
"name": "Yellore's Cottage",
"desc": "This is a house Yellore built on stream, testing out the new update where you are able to build more than one floor!",
"author": "Yellore",
"section": "lots",
"links": {
"Workshop": "https://steamcommunity.com/sharedfiles/filedetails/?id=3049696183"
}
},
{
"name": "Simple Object Loader",
"desc": "A mod to make it easier to make new items for Tiny Life. Create new versions of existing item types through configuration files and textures, without having to write any code!",
"author": "Fenrir",
"section": "mods",
"links": {
"Workshop": "https://steamcommunity.com/sharedfiles/filedetails/?id=3117181034",
"GitHub Releases": "https://github.com/Sir-Fenrir/simple-object-loader/releases"
}
},
{
"name": "Paradise Island",
"desc": "A small island connected to quite a few more islands by the multiple bridges. This town is well known for its fishing boats! However, in recent years, fishing and boating have been banned.",
"author": "AriArtsy",
"section": "worlds",
"links": {
"Workshop": "https://steamcommunity.com/sharedfiles/filedetails/?id=2972617069"
}
},
{
"name": "Market Town",
"desc": "Welcome to Market Town! Nestled in the old forests of Tiny Isle lives this small town. In years gone by it was a hot spot for trade and produce, now youll find a quiet canal town with cute cafes and plenty of historical monuments.",
"author": "Gindew",
"section": "worlds",
"links": {
"Workshop": "https://steamcommunity.com/sharedfiles/filedetails/?id=3202106859",
"itch": "https://itch.io/t/3620338/new-world-market-town-"
}
}
]

View file

@ -1,38 +0,0 @@
[
{
"name": "🔨 Mods",
"slug": "mods",
"desc": "Mods allow Tiny Life to be built upon through the addition of new actions, build mode items, personalities, and more. For more info on how to install mods, check out the <a href=\"https://docs.tinylifegame.com/articles/getting.html\">Getting Custom Content article</a>. If you want to make your own mod, the <a href=\"https://docs.tinylifegame.com/articles/mod_basics.html\">Modding Basics article</a> will help you get started.",
"images": true
},
{
"name": "🫂 Households",
"slug": "households",
"desc": "When playing Tiny Life, you can export and share households from within the characater creator. After getting households from the community, you can add them to your saves from the household selection. For more info on how to get custom households, check out the <a href=\"https://docs.tinylifegame.com/articles/getting.html\">Getting Custom Content article</a>.",
"images": true
},
{
"name": "🏪 Lots",
"slug": "lots",
"desc": "When playing Tiny Life, you can export and share lots you've built from build mode. After getting lots from the community, you can add them to your saves in build mode as well. For more info on how to get custom lots, check out the <a href=\"https://docs.tinylifegame.com/articles/getting.html\">Getting Custom Content article</a>.",
"images": true
},
{
"name": "🌍 Worlds",
"slug": "worlds",
"desc": "When playing Tiny Life, you can add custom worlds to your game and add as many as you want to each of your saves. To get started with creating your own custom worlds, check out the <a href=\"https://docs.tinylifegame.com/articles/custom_maps.html\">Creating Custom Maps article</a>. For more info on how to get custom maps, check out the <a href=\"https://docs.tinylifegame.com/articles/getting.html\">Getting Custom Content article</a>.",
"images": true
},
{
"name": "📽️ Media",
"slug": "media",
"desc": "Have you created a Let's Play, gameplay video or review of Tiny Life? This is the perfect place to share it! If you have VODs of livestreams where you played Tiny Life, they can also be shared here.",
"embeds": true
},
{
"name": "🎨 Art",
"slug": "fanart",
"desc": "Recently, people have started creating fan art for Tiny Life, usually involving some of the game's pre-made Tinies. These artists are incredibly talented, so please make sure to check out their other work as well!",
"images": true
}
]

View file

@ -3,5 +3,4 @@
<a class="nav-item nav-link" href="#social">🔗 Social</a> <a class="nav-item nav-link" href="#social">🔗 Social</a>
<a class="nav-item nav-link" href="#devlogs">📢 News</a> <a class="nav-item nav-link" href="#devlogs">📢 News</a>
<a class="nav-item nav-link" href="#roadmap">🛣️ Roadmap</a> <a class="nav-item nav-link" href="#roadmap">🛣️ Roadmap</a>
<a class="nav-item nav-link" href="community">💬 Showcase</a>
<a class="nav-item nav-link" href="https://wiki.tinylifegame.com">🌐 Wiki</a> <a class="nav-item nav-link" href="https://wiki.tinylifegame.com">🌐 Wiki</a>

View file

@ -1,85 +0,0 @@
---
layout: default
nav: communitynav.html
title: Tiny Life Community Showcase
summary: A fun simulation game where you mess with people's lives
---
<div class="section">
<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>
<p><strong>If you're interested in having your content added to this page, please let us know on <a href="https://link.tinylifegame.com/discordweb">the Discord server</a> or <a href="https://github.com/Ellpeck/TinyLifeWeb/blob/main/web/_data/community_content.json">submit a pull request</a>.</strong></p>
</div>
{% assign sorted_content = site.data.community_content | sort_natural: "name" %}
{% for section in site.data.community_sections %}
<div class="community-section">
<h2 id="{{ section.slug }}">{{ section.name }}</h2>
<p>{{ section.desc }}</p>
{% assign any = false %}
{% for content in sorted_content %}
{% if content.section == section.slug %}
{% assign slug = content.name | slugify %}
<div class="community-content-box">
<a id="{{ slug }}"></a>
{% if section.images %}
{% if content.carousel %}
<div id="{{ slug }}-carousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
{% for item in content.carousel %}
<li data-target="#{{ slug }}-carousel" data-slide-to="{{ forloop.index0 }}" {% if forloop.first %}class="active"{% endif %}></li>
{% endfor %}
</ol>
<div class="carousel-inner">
{% for item in content.carousel %}
<div class="carousel-item {% if forloop.first %}active{% endif %}">
<img class="d-block w-100" src="/media/community/{{ item }}.png" alt="A carousel slide showing off {{ content.name }}">
</div>
{% endfor %}
</div>
<a class="carousel-control-prev" href="#{{ slug }}-carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#{{ slug }}-carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
{% else %}
<img src="/media/community/{{ slug }}.png" alt="An image showing off {{ content.name }}" width="100%">
{% endif %}
{% endif %}
{% if section.embeds %}
<div class="video-embed">
<iframe src="{{ content.embed }}" title="{{ content.name }} Embed" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
{% endif %}
<div class="community-content-box-content">
<h4 class="community-title">{{ content.name }}</h4>
<div class="text-muted">Created by {{ content.author }}</div>
{% if content.desc %}
<div class="community-desc">{{ content.desc }}</div>
{% endif %}
{% if content.links %}
<div>
{% for link in content.links %}
<a class="wide-link" href="{{ link[1] }}">{{ link[0] }}</a>
{% endfor %}
</div>
{% endif %}
</div>
</div>
{% assign any = true %}
{% endif %}
{% endfor %}
{% unless any %}
<em>There's nothing in this section yet.</em>
{% endunless %}
</div>
{% endfor %}
</div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 834 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 294 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 257 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 181 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 157 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 528 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 565 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 659 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 713 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 199 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 450 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 385 KiB

View file

@ -102,8 +102,7 @@ a:visited.wide-link {
margin-bottom: 40px; margin-bottom: 40px;
} }
.feature-banner, .feature-banner {
.community-content-box {
position: relative; position: relative;
} }
@ -111,8 +110,7 @@ a:visited.wide-link {
margin-top: 1rem; margin-top: 1rem;
} }
.feature-title, .feature-title {
.community-content-box-content {
margin-top: 10px; margin-top: 10px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -128,32 +126,6 @@ a:visited.wide-link {
max-width: 75%; max-width: 75%;
} }
.community-content-box-content {
margin-bottom: 50px;
top: auto;
bottom: 0;
}
.community-content-box {
margin-top: 15px;
margin-bottom: 15px;
}
.community-section {
margin-top: 25px;
margin-bottom: 25px;
}
.community-title {
white-space: nowrap;
}
.community-desc {
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.feature-title h2 { .feature-title h2 {
margin-bottom: 0; margin-bottom: 0;
} }
@ -181,8 +153,7 @@ a:visited.wide-link {
margin-bottom: 10px; margin-bottom: 10px;
} }
.devlog-title, .devlog-title {
.community-title {
margin-bottom: 0; margin-bottom: 0;
} }
@ -305,13 +276,9 @@ body.dark-mode hr {
margin-right: auto; margin-right: auto;
} }
.feature-title, .feature-title {
.community-content-box-content {
max-width: 95%; max-width: 95%;
margin-bottom: 20px; margin-bottom: 20px;
} }
.community-desc {
display: none;
}
} }