Add press page with print resources (#295)

_data/press.yml

@@ -0,0 +1,32 @@
+resources:
+  - title: Flyer / Poster
+    author: Zughy
+    img: flyer.png
+    para: A flyer to promote Minetest.
+    url: https://gitlab.com/marco_a/minetest-flyer-poster
+
+  - title: Education Leaflet
+    author: Lemente and Thomate
+    img: edu_leaflet.png
+    fit: cover
+    para: A leaflet to promote Minetest in Education.
+    url: https://gitlab.com/rubenwardy/fosdem24/-/tree/main/edu_leaflet?ref_type=heads
+
+  - title: Roller banner
+    author: Thomate and Lemente
+    img: roller_banner.jpg
+    fit: cover
+    para: A rollup banner to use at conferences
+    url: https://gitlab.com/rubenwardy/fosdem24/-/tree/main/rollup_banner?ref_type=heads
+
+  - title: Stickers
+    author: erlehmann and Lemente
+    img: sticker.png
+    para: A Minetest sticker.
+    url: https://gitlab.com/rubenwardy/fosdem24/-/tree/main/stickers?ref_type=heads
+
+  - title: Presentation Flipbook
+    author: rubenwardy
+    img: showcase.png
+    para: A showcase of the content Minetest has to offer.
+    url: https://gitlab.com/rubenwardy/fosdem24/-/tree/main/flipbook?ref_type=heads

_includes/footer.html

@@ -5,12 +5,12 @@
       <div class="column is-6-mobile">
         <h5 class="footer-title">Minetest</h5>
         <ul class="list-unstyled">
-          <li><a href="{{ '/#features' | relative_url }}">Features</a></li>
           <li><a href="{{ '/downloads/' | relative_url }}">Downloads</a></li>
           <li><a href="https://blog.minetest.net/">News</a></li>
           <li><a href="{{ '/credits/' | relative_url }}">Credits</a></li>
           <li><a href="{{ '/education/' | relative_url }}">For Education</a></li>
           <li><a href="/app-privacy-policy/">Privacy Policy</a></li>
+          <li><a href="/press/">Press Kit / Posters</a></li>
         </ul>
       </div>
 

_sass/_home.scss

@@ -39,3 +39,12 @@
   margin-top: 2.25rem;
   margin-bottom: 0.9rem;
 }
+
+dl.is-horizontal {
+  display: grid;
+  grid-template-columns: auto 1fr;
+
+  dt, dd {
+    display: block;
+  }
+}

education.html

@@ -4,7 +4,7 @@
 layout: default
 ---
 
-<h1 class="title main-title">Minetest for Education</h1>
+<h1 class="title main-title">{{ page.title }}</h1>
 
 <section class="section">
   <div class="container">
@@ -85,6 +85,22 @@ <h2 class="title is-4">Minetest Edu Discord (unofficial)</h2>
   </div>
 </section>
 
+<section class="section">
+  <div class="container">
+    <h2 id="leaflet" class="title">Leaflet</h2>
+    <p class="my-4">
+      Need a print version of this page? See the "Minetest in Education"
+      leaflet.
+    </p>
+    <p>
+      <a class="button is-primary"
+          href="https://gitlab.com/rubenwardy/fosdem24/-/tree/main/edu_leaflet?ref_type=heads">
+        "Minetest in Education" leaflet
+      </a>
+    </p>
+  </div>
+</section>
+
 <section class="section">
   <div class="container">
     <h2 id="resources" class="title">Working on an edu project?</h2>

press.html

@@ -0,0 +1,62 @@
+---
+title: Press Kit / Posters
+layout: default
+---
+
+<h1 class="title main-title">{{ page.title }}</h1>
+
+<section class="section">
+  <div class="container">
+    <h2 id="branding" class="title">Branding</h2>
+    <div class="columns">
+      <div class="column content">
+        <h3 id="colors">Colors</h3>
+        <dl class="is-horizontal">
+          <dt>Primary</dt>
+          <dd><span class="tag is-black" style="background-color: #53ac56;">#53ac56</span></dd>
+        </dl>
+      </div>
+      <div class="column content">
+        <h3 id="logo">Logo</h3>
+        <ul>
+          <li>
+            <a href="https://raw.githubusercontent.com/minetest/minetest/master/misc/minetest.svg">
+              Color .SVG
+            </a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="section" style="background-color: #f0f0f0;">
+  <div class="container">
+    <h2 id="resources" class="title">Resources</h2>
+
+    <div class="columns is-multiline">
+      {% for point in site.data.press.resources %}
+        <a class="column is-one-third hover-enlarge" href="{{ point.url }}" rel="nofollow">
+          <div class="card">
+            {% assign fit = point.fit | default: 'contain' %}
+            <div class="card-image">
+              <figure class="image is-4by3">
+                <img src="/media/press/{{ point.img }}"
+                  class="{% if fit == 'contain' %}p-4{% endif %}"
+                  style="object-fit: {{ fit }}; background: #333;"
+                  alt="{{ point.img_alt | default: point.title }}">
+              </figure>
+            </div>
+            <div class="card-content">
+              <h3 class="title is-4">{{ point.title }}</h3>
+              <h6 class="subtitle is-6">{{ point.author }}</h6>
+              <p>
+                {{ point.para }}
+              </p>
+            </div>
+          </div>
+        </a>
+      {% endfor %}
+    </div>
+  </div>
+</section>