Merge pull request #52 from randovania/feature/extract-from-rdv

updates for 7.4.1

.gitignore

@@ -3,7 +3,11 @@ venv/*
 build/*
 
 # Generated data
-# _includes/_readme/*
+_videos/
+_includes/_readme/
+_data/rdv.yml
+_games/
+assets/games
 
 # Local Site Directories
 _site/

README.md

@@ -1,3 +1,3 @@
-This is the repository for the website at https://randovania.github.io/.
+This is the repository for the website at https://randovania.org/.
 
-It's created from html files at `static_website`, with the exported logic videos from the current Randovania release.
+It's built using Jekyll. To build and test locally, first run `ci.sh` then follow the [Github Pages instructions for local testing](https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/testing-your-github-pages-site-locally-with-jekyll).

_config.yml

@@ -19,6 +19,7 @@ nav_exclude:                                            # The following paths ar
   - pages/tags.html
   - pages/404.html
   - pages/index.md
+  - pages/experimental-games.md
 
 
 ### Social Media Info ###
@@ -39,6 +40,9 @@ collections:
   redirects:
     output: true
     permalink: /:path
+  videos:
+    output: true
+    permalink: /games/:path/videos
 
 
 ### Analytics ###
@@ -60,6 +64,11 @@ defaults:
       type: "redirects"
     values:
       layout: "redirect"
+  - scope:
+      path: ""
+      type: "videos"
+    values:
+      layout: "video_db"
   - scope:
       path: ""
       type: "posts"
@@ -76,3 +85,5 @@ exclude:
   - ci.sh
   - Gemfile
   - Gemfile.lock
+  - venv/
+  - build/

_includes/blog/single-tag.html

@@ -1,10 +1,12 @@
 {% assign tag = include.tag %}
 
+{% assign any-posts = false %}
+
 <div class="py-3">
   {% if include.show-header == true %}
     {% assign tag-name = tag | capitalize %}
     {% for game in site.games %}
-      {% if game.short-name == tag %}
+      {% if game.game-id == tag %}
         {% assign tag-name = game.long-name %}
       {% endif %}
     {% endfor %}
@@ -13,6 +15,7 @@ <h4 id="{{ tag | slugify }}">{{ tag-name }}</h4>
   <ul>
     {% for post in site.posts %}
       {%- if post.tags contains tag -%}
+        {%- assign any-posts = true -%}
         {%- if post.external_url -%}
           {%- assign url = post.external_url -%}
         {%- else -%}
@@ -26,5 +29,8 @@ <h4 id="{{ tag | slugify }}">{{ tag-name }}</h4>
         <br/>
       {%- endif -%}
     {% endfor %}
+    {% if any-posts == false %}
+      <li>No guides for this game</li>
+    {% endif %}
   </ul>
 </div>

_includes/games.html

@@ -1,9 +1,16 @@
 <div class="container text-center">
-  <div class="row align-items-center justify-content-center">
+  <div class="row align-items-center justify-content-center row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-5">
     {% for game in site.games %}
-      <div class="col-lg col-12">
+
+      {% unless game.development-state == "stable" or include.show-experimental %}
+        {% continue %}
+      {% endunless %}
+      <div class="col">
         <a href="{{ game.url }}" title="{{ game.long-name }}">
-          <img src="/assets/games/{{ game.short-name }}.png" />
+          <img
+            src="/assets/games/{{ game.game-id }}.png"
+            width="264"
+            height="352" />
         </a>
       </div>
     {% endfor %}

_includes/videos/region.html

@@ -0,0 +1,46 @@
+{% assign region = include.region %}
+
+<!-- table of contents -->
+<div class="card">
+  <h3 class="card-header" id="toc">Table of Contents</h3>
+  <div class="card-body card-text">
+    {% for area in region.value %}
+      <strong>{{ area.key }}</strong>
+      <ul style="list-style: none;">
+        {% for node in area.value %}
+          {% for connection in node.value %}
+            {%- capture connection-name -%}
+              {{ node.key }} &rarr; {{ connection.key }}
+            {%- endcapture -%}
+            <li>
+              <a href="#{{ connection-name | slugify }}">
+                {{ connection-name }}
+              </a>
+            </li>
+          {% endfor %}
+        {% endfor %}
+      </ul>
+    {% endfor %}
+  </div>
+</div>
+
+{% for area in region.value %}
+  <div class="card my-2">
+    <h3 class="card-header">{{ area.key }}</h3>
+    <div class="card-body card-text">
+      {% for node in area.value %}
+        {% for connection in node.value %}
+          {%- capture connection-name -%}
+            {{ node.key }} &rarr; {{ connection.key }}
+          {%- endcapture -%}
+          <h5 class="card-title" id="{{ connection-name | slugify }}">{{ connection-name }}</h4>
+          {% for video in connection.value %}
+            <p class="fst-italic">{{ video.difficulty }}</p>
+            {% include videos/video-embed.html yt-id=video.video_id start-time=video.start_time %}
+            <p class="fst-italic"><a href="#top">Back to top</a></p>
+          {% endfor %}
+        {% endfor %}
+      {% endfor %}
+    </div>
+  </div>
+{% endfor %}