added reviews section to website

This commit is contained in:
Ell 2024-09-07 12:20:53 +02:00
parent 6ea3e9b2e0
commit cb60ba71fd
3 changed files with 68 additions and 12 deletions

32
web/_data/reviews.json Normal file
View file

@ -0,0 +1,32 @@
[
{
"description": "The best game like The Sims to play right now.",
"name": "Lauren Morton",
"website": "PC Gamer",
"link": "https://www.pcgamer.com/games/life-sim/with-life-by-you-canceled-and-paralives-not-out-until-2025-this-lo-fi-life-sim-is-the-best-game-like-the-sims-to-play-right-now/"
},
{
"description": "A viable alternative for The Sims that captures the simple joy of the life simulator genre.",
"name": "Leah J. Williams",
"website": "GamesHub",
"link": "https://www.gameshub.com/news/features/the-sims-rival-life-simulators-2642288/"
},
{
"description": "You'll be in your nostalgic element with this delightful little indie.",
"name": "Katharine Castle",
"website": "Rock Paper Shotgun",
"link": "https://www.rockpapershotgun.com/our-101-most-anticipated-games-of-2023"
},
{
"description": "An excellent alternative for fans of the genre both in its visual style and more open design.",
"name": "Will Nelson",
"website": "PCGamesN",
"link": "https://www.pcgamesn.com/tiny-life/demo-the-sims-4"
},
{
"description": "I had a really great time playing with this. This very much makes me feel the way that The Sims 1 did.",
"name": "Plumbella",
"website": "YouTube",
"link": "https://www.youtube.com/watch?v=MKYHTuTpTYQ"
}
]

View file

@ -19,8 +19,19 @@
</div> </div>
{% endfor %} {% endfor %}
<h2>Watch the Trailer</h2> <h2 id="trailer">📺 Watch the Trailer</h2>
<div class="video-embed"> <div class="video-embed">
<iframe src="https://www.youtube.com/embed/dl4JCzOpnGE" title="Tiny Life Trailer" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe src="https://www.youtube.com/embed/dl4JCzOpnGE" title="Tiny Life Trailer" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div> </div>
<h2 id="reviews">🏆 Praise for Tiny Life</h2>
{% for review in site.data.reviews %}
<div class="review">
{% capture quote %}"{{ review.description }}"{% endcapture %}
<blockquote>{{ quote | smartify }}</blockquote>
<span class="text-muted review-author">
{{ review.name }}, <a href="{{ review.link }}">{{ review.website }}</a>
</span>
</div>
{% endfor %}
</div> </div>

View file

@ -190,6 +190,7 @@ a:visited.wide-link {
width: 100%; width: 100%;
height: 0; height: 0;
padding-bottom: 56.25%; padding-bottom: 56.25%;
margin-bottom: 40px;
} }
.video-embed iframe { .video-embed iframe {
@ -247,6 +248,18 @@ a:visited.wide-link {
height: 600px !important; height: 600px !important;
} }
.review {
margin-top: 20px;
margin-bottom: 20px;
}
.review blockquote {
margin-left: 0;
margin-bottom: 0.5em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
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;
} }