Add Video Game Section and Tetra Master article

marckruzik · Sep 7, 2023 · 80601ea · 80601ea
1 parent 6d66404
commit 80601ea
Show file tree

Hide file tree

Showing 22 changed files with 1,549 additions and 3 deletions.
diff --git a/content/games.md b/content/games.md
@@ -0,0 +1,21 @@
+---
+title: Jeux vidéo
+description: Articles relatifs aux jeux-vidéos, conception, développement et mécaniques
+synopsis:
+  Même si, depuis 2007, je joue largement moins aux jeux vidéo qu'à l'aube de mon
+  adolescence, je maintiens un intérêt tout particulier pour leur conception et
+  leur analyse. Ces expériences de conception se matérialisant souvent par des
+  embryons de projets destinés à rester à l'état de fœtus, j'ai décidé _d'essayer_
+  de leur donner un peu plus de consistance en les transformant en _notes ou articles_.
+tags:
+  - jeu-vidéo
+  - game-design
+  - programmation
+toc: false
+indexes:
+  - name: Mécaniques de jeux
+    synopsis: Articles décrivant (ou critiquant) des mécaniques de jeux.
+    links:
+      - name: L'infernal Tetra Master dans Final Fantasy 9
+        href: /pages/tetra-master.html
+---
diff --git a/content/index.md b/content/index.md
@@ -20,6 +20,8 @@ indexes:
     links:
       - name: Bribes & Encodages
         href: /tricks.html
+      - name: Jeux vidéo
+        href: /games.html
       - name: Catalogue de dApps
         href: /dapps.html
   - name: Adresses

diff --git a/content/pages/tetra-master.md b/content/pages/tetra-master.md
diff --git a/css/default.css b/css/default.css
@@ -45,6 +45,10 @@ main p a {
   border-bottom: 1px dotted var(--regular-link-color);
 }
 
+a strong {
+  font-weight: 700;
+}
+
 main .table-of-contents a {
   color: var(--regular-link-color);
   text-decoration: unerline;
@@ -239,6 +243,56 @@ article blockquote {
   font-weight: 100;
 }
 
+article table {
+  margin: 64px auto;
+  border-collapse: collapse;
+}
+
+article th {
+  background-color: var(--layout-bg-rev-color);
+}
+
+article th,
+article td {
+  border: 1px solid var(--layout-font-color);
+  padding: 0 12px;
+}
+
+article td:empty {
+  visibility: hidden;
+  border: 0 solid transparent;
+}
+
+article details {
+  padding: 0 8px;
+  cursor: pointer;
+  margin: 48px 0;
+  position: relative;
+}
+
+article details summary {
+  border-bottom: 4px solid var(--layout-bg-rev-color);
+  background-color: var(--layout-bg-color);
+  padding: 8px;
+  color: var(--regular-link-color);
+  font-family: var(--sans-serif-font);
+  position: sticky;
+  top: 0;
+  user-select: none;
+}
+
+article summary::before {
+  content: "Ouvrir ";
+}
+
+article details[open] summary::before {
+  content: "Fermer ";
+}
+
+article details summary article details table {
+  margin: 22px auto;
+}
+
 .indexes > div {
   margin: 32px 0;
   padding-bottom: 12px;
@@ -500,6 +554,11 @@ code {
   padding: 4px 8px;
 }
 
+.centered-fig {
+  display: block;
+  margin: auto;
+}
+
 @media all and (max-width: 960px) {
   .container {
     padding: 20px;
@@ -545,4 +604,8 @@ code {
     flex-direction: column;
     margin-bottom: 6px;
   }
+
+  .centered-fig {
+    width: 100%;
+  }
 }
diff --git a/images/tetra-basic-1.png b/images/tetra-basic-1.png
diff --git a/images/tetra-basic-2.png b/images/tetra-basic-2.png
diff --git a/images/tetra-basic-3.png b/images/tetra-basic-3.png
diff --git a/images/tetra-basic-4.png b/images/tetra-basic-4.png
diff --git a/images/tetra-basic-5.png b/images/tetra-basic-5.png
diff --git a/images/tetra-battle1.png b/images/tetra-battle1.png
diff --git a/images/tetra-battle2.png b/images/tetra-battle2.png
diff --git a/images/tetra-battle3.png b/images/tetra-battle3.png
diff --git a/images/tetra-battle4.png b/images/tetra-battle4.png
diff --git a/images/tetra-board.png b/images/tetra-board.png
diff --git a/images/tetra-card-template.kra b/images/tetra-card-template.kra
diff --git a/images/tetra-card-template.png b/images/tetra-card-template.png
diff --git a/images/tetra-combo.png b/images/tetra-combo.png
diff --git a/images/tetra-multiple-battle.png b/images/tetra-multiple-battle.png
diff --git a/images/tetra-permut.png b/images/tetra-permut.png
diff --git a/images/tetra-type-lattice.png b/images/tetra-type-lattice.png
diff --git a/playground/dune b/playground/dune
diff --git a/playground/exp.ml b/playground/exp.ml