new game 3

2026-05-16 21:41:42 +01:00
parent e436fe532c
commit e6a8f7b1e9
4 changed files with 72 additions and 43 deletions
--- a/gitea-build-monitor.log
+++ b/gitea-build-monitor.log
@@ -132,3 +132,11 @@
 2026-05-16T21:24:54.3273234+01:00 [INFO] Running authoring server tests with /home/zaine/master-folder/projects/authoring-service/.venv/bin/python.
 2026-05-16T21:24:54.3960740+01:00 [INFO] Authoring server tests passed: ran=0, failures=0, errors=0, skipped=0, exit=0
 2026-05-16T21:24:54.6805224+01:00 [INFO] Sent authoring server test notification.
+2026-05-16T21:30:03.7940773+01:00 [INFO] Prepared current build status for zaine/org_web: severity=Info, status=success
+2026-05-16T21:30:03.8021143+01:00 [INFO] Fetching recent Gitea Actions runs for zaine/org_web.
+2026-05-16T21:30:04.0584229+01:00 [ERROR] Failed to analyze job 292: Cannot bind argument to parameter 'LogText' because it is an empty string.
+2026-05-16T21:30:04.0639253+01:00 [ERROR] Failed to analyze job 291: Cannot bind argument to parameter 'LogText' because it is an empty string.
+2026-05-16T21:30:04.6826712+01:00 [INFO] Sent build status notification with 1 embed(s).
+2026-05-16T21:30:04.7018732+01:00 [INFO] Running authoring server tests with /home/zaine/master-folder/projects/authoring-service/.venv/bin/python.
+2026-05-16T21:30:04.7703299+01:00 [INFO] Authoring server tests passed: ran=0, failures=0, errors=0, skipped=0, exit=0
+2026-05-16T21:30:05.0481484+01:00 [INFO] Sent authoring server test notification.
--- a/play/the-rain-index.org
+++ b/play/the-rain-index.org
@@ -5,7 +5,30 @@

 #+BEGIN_EXPORT html
 <style>
-:root {
+.content:has(.game),
+    #content.rain-index-content {
+      max-width: none !important;
+      width: 100% !important;
+      margin: 0 !important;
+      padding: 0 !important;
+    }
+
+    body:has(.game),
+    body.rain-index-page {
+      margin: 0;
+      overflow-x: hidden;
+      background:
+        radial-gradient(circle at 8% 16%, rgba(163, 111, 44, 0.2), transparent 26rem),
+        radial-gradient(circle at 82% 12%, rgba(38, 56, 74, 0.22), transparent 24rem),
+        linear-gradient(125deg, #1e1a17, #473424 46%, #151c20);
+    }
+
+    body:has(.game) #postamble,
+    body.rain-index-page #postamble {
+      display: none;
+    }
+
+    .game {
      --ink: #211b16;
      --brown: #5f4631;
      --paper: #e8ddc3;
@@ -20,34 +43,37 @@
      --crt: rgba(143, 202, 164, 0.18);
      color-scheme: light;
      font-family: Georgia, "Times New Roman", serif;
-    }
-
-    * {
-      box-sizing: border-box;
-    }
-
-    html,
-    body {
-      min-height: 100%;
-      margin: 0;
+      position: relative;
+      width: 100%;
+      min-height: 680px;
+      height: 100dvh;
+      max-height: 100dvh;
      overflow: hidden;
+      isolation: isolate;
+      cursor: none;
+      color: var(--ink);
      background:
        radial-gradient(circle at 8% 16%, rgba(163, 111, 44, 0.2), transparent 26rem),
        radial-gradient(circle at 82% 12%, rgba(38, 56, 74, 0.22), transparent 24rem),
        linear-gradient(125deg, #1e1a17, #473424 46%, #151c20);
-      color: var(--ink);
    }

-    body::before,
-    body::after {
+    .game *,
+    .game *::before,
+    .game *::after {
+      box-sizing: border-box;
+    }
+
+    .game::before,
+    .game::after {
      content: "";
-      position: fixed;
+      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 40;
    }

-    body::before {
+    .game::before {
      opacity: 0.32;
      background:
        repeating-linear-gradient(0deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 4px),
@@ -55,7 +81,7 @@
      mix-blend-mode: soft-light;
    }

-    body::after {
+    .game::after {
      opacity: 0.34;
      background-image:
        linear-gradient(90deg, transparent 0 12px, rgba(255,255,255,0.05) 13px, transparent 14px),
@@ -65,24 +91,15 @@
      animation: rain 1.8s linear infinite;
    }

-    button,
-    input {
+    .game button,
+    .game input {
      font: inherit;
    }

-    button {
+    .game button {
      color: inherit;
    }

-    .game {
-      position: relative;
-      width: 100vw;
-      height: 100dvh;
-      min-height: 560px;
-      isolation: isolate;
-      cursor: none;
-    }
-
    .desk {
      position: absolute;
      inset: clamp(10px, 2vw, 28px);
@@ -240,7 +257,7 @@

    .room {
      position: absolute;
-      width: clamp(210px, 26vw, 330px);
+      width: clamp(205px, 23vw, 310px);
      min-height: 245px;
      padding: 1rem 1rem 0.95rem;
      border: 1px solid rgba(69, 52, 36, 0.36);
@@ -732,9 +749,10 @@
    }

    @media (prefers-reduced-motion: reduce) {
-      *,
-      *::before,
-      *::after {
+      .game,
+      .game *,
+      .game *::before,
+      .game *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
@@ -776,7 +794,7 @@
      </aside>

      <section class="rooms" id="rooms" aria-label="movable archive rooms">
-        <article class="room" data-id="window" data-mark="I" data-word="rain" style="--x:18vw;--y:31vh;--r:-2deg">
+        <article class="room" data-id="window" data-mark="I" data-word="rain" style="--x:15vw;--y:31vh;--r:-2deg">
          <h2>South Window</h2>
          <p class="code">specimen 04 / condensation script</p>
          <div class="diagram window" aria-hidden="true"><span></span><span></span><span></span></div>
@@ -784,7 +802,7 @@
          <span class="stamp">not yet<br>indexed</span>
        </article>

-        <article class="room" data-id="library" data-mark="II" data-word="borge" style="--x:43vw;--y:39vh;--r:1.5deg">
+        <article class="room" data-id="library" data-mark="II" data-word="borge" style="--x:39vw;--y:39vh;--r:1.5deg">
          <h2>Borrowed Library</h2>
          <p class="code">specimen 11 / recursive shelf</p>
          <div class="diagram books" aria-hidden="true"><span></span><span></span><span></span><span></span></div>
@@ -792,7 +810,7 @@
          <span class="stamp">not yet<br>indexed</span>
        </article>

-        <article class="room" data-id="tape" data-mark="III" data-word="mother" style="--x:66vw;--y:28vh;--r:-1deg">
+        <article class="room" data-id="tape" data-mark="III" data-word="mother" style="--x:62vw;--y:28vh;--r:-1deg">
          <h2>Cassette Kitchen</h2>
          <p class="code">specimen 19 / domestic magnetic</p>
          <div class="diagram tape" aria-hidden="true"><span></span><span></span><span></span></div>
@@ -800,7 +818,7 @@
          <span class="stamp">not yet<br>indexed</span>
        </article>

-        <article class="room" data-id="stairs" data-mark="IV" data-word="below" style="--x:25vw;--y:61vh;--r:1deg">
+        <article class="room" data-id="stairs" data-mark="IV" data-word="below" style="--x:22vw;--y:61vh;--r:1deg">
          <h2>Reverse Stairwell</h2>
          <p class="code">specimen 27 / impossible municipal</p>
          <div class="diagram stairs" aria-hidden="true"><span></span><span></span><span></span><span></span></div>
@@ -808,7 +826,7 @@
          <span class="stamp">not yet<br>indexed</span>
        </article>

-        <article class="room" data-id="desklet" data-mark="V" data-word="zaine" style="--x:55vw;--y:63vh;--r:-1.8deg">
+        <article class="room" data-id="desklet" data-mark="V" data-word="zaine" style="--x:51vw;--y:63vh;--r:-1.8deg">
          <h2>Young Desk</h2>
          <p class="code">specimen 32 / pencil pressure</p>
          <div class="diagram table" aria-hidden="true"><span></span><span></span><span></span></div>
@@ -845,8 +863,11 @@
      </div>
    </section>
  </main>
-<script>
-(() => {
+  <script>
+    (() => {
+      document.body.classList.add("rain-index-page");
+      document.getElementById("content")?.classList.add("rain-index-content");
+
      const game = document.getElementById("game");
      const desk = document.getElementById("desk");
      const roomsWrap = document.getElementById("rooms");
--- a/posts/posts-list.org
+++ b/posts/posts-list.org
@@ -4,7 +4,7 @@
 See the categories: @@html:<a href="../home/categories.html">Categories</a>@@

 * Posts:
- [[file:career/career-list.org][Career List]] @@html:<span class="post-date">16-05-2026 21:24</span>@@ 
+- [[file:career/career-list.org][Career List]] @@html:<span class="post-date">16-05-2026 21:32</span>@@ 
 - [[file:career/ha-dr.org][High Availability, Disaster Recovery and Business Continuity]] @@html:<span class="post-date">11-03-2026 17:18</span>@@ @@html:<a href="/tags/learning.html"><span class="post-tag">learning</span></a>@@ @@html:<a href="/tags/notes.html"><span class="post-tag">notes</span></a>@@
 - [[file:career/javascript.org][Understands the Javascript language]] @@html:<span class="post-date">11-03-2026 16:52</span>@@ @@html:<a href="/tags/learning.html"><span class="post-tag">learning</span></a>@@ @@html:<a href="/tags/notes.html"><span class="post-tag">notes</span></a>@@
 - [[file:career/restful-api.org][Restful API]] @@html:<span class="post-date">15-02-2026 23:00</span>@@ @@html:<a href="/tags/learning.html"><span class="post-tag">learning</span></a>@@ @@html:<a href="/tags/notes.html"><span class="post-tag">notes</span></a>@@
--- a/sitemap.org
+++ b/sitemap.org
@@ -35,10 +35,10 @@
  - [[file:tags/notes.org][Tag: notes]]
  - [[file:tags/review.org][Tag: review]]
  - [[file:tags/website.org][Tag: website]]
-  - [[file:tags/life.org][Tag: life]]
  - [[file:tags/update.org][Tag: update]]
-  - [[file:tags/insights.org][Tag: insights]]
+  - [[file:tags/life.org][Tag: life]]
  - [[file:tags/education.org][Tag: education]]
+  - [[file:tags/insights.org][Tag: insights]]
  - [[file:tags/reading.org][Tag: reading]]
  - [[file:tags/emacs.org][Tag: emacs]]
  - [[file:tags/maths.org][Tag: maths]]