minetest.github.io/index.html
Hugo Locurcio cd5181b3e1 Switch from Bootstrap to Bulma (#166)
The design has been slightly modernized in the process.
jQuery was also removed as it is no longer required, resulting in
faster page loading times.

Gallery thumbnails were regenerated at an higher resolution to match
the new design.
2019-06-20 01:12:12 +01:00

82 lines
2.6 KiB
HTML

---
title: Open source voxel game engine
layout: default
homepage: true
redirect_from:
- /screenshots/
---
<section class="section section-home">
<div class="container">
<div class="columns is-centered">
<div class="column is-10 is-9-desktop is-8-widescreen is-7-fullhd">
<h1 class="title">Minetest</h1>
<p class="home-paragraph">
An open source voxel game engine.
Play one of our many games, mod a game to your liking, make your own game,
or play on a multiplayer server.
</p>
<p class="home-paragraph">
Available for Windows, macOS, GNU/Linux, FreeBSD, OpenBSD, DragonFly BSD, and Android.
</p>
<div class="home-buttons">
<a class="button is-info is-size-5" href="#features">Tell me more</a>
<a class="button is-primary is-size-5" href="/downloads/">Download</a>
</div>
<p class="is-size-6">
<span class="has-text-weight-bold">News:</span> 5.0.1 released. (March 31<sup>st</sup> 2019)
</p>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2 id="features" class="title section-title">Features</h2>
<div class="columns is-centered">
{% for category_hash in site.data.features %}
{% comment %}
The assignment below is required to be able to iterate on the nested hash.
{% endcomment %}
{% assign category = category_hash[1] %}
<div class="column is-6 is-5-widescreen is-4-fullhd">
<h3 class="title is-size-3 has-text-centered">{{ category.title }}</h3>
{% for feature in category.features %}
<h4 class="title feature-title">{{ feature.title }}</h4>
<p>{{ feature.description | markdownify }}</p>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2 id="gallery" class="title section-title">Gallery</h2>
<div class="columns is-multiline">
{% comment %}
Thumbnail file names are inferred from the image name.
For example, the thumbnail for `foo.jpg` will be `foo-thumb.jpg`.
{% endcomment %}
{% for image in site.data.gallery %}
<div class="column is-6">
<div class="card">
<div class="card-image">
<figure class="image is-16by9">
<a href="{{ image.image | relative_url }}">
<img src="{{ image.image | replace: ".", "-thumb." | relative_url }}" alt="{{ image.title }}">
</a>
</figure>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</section>