Merge dev to master

README.md

@@ -1,4 +1,15 @@
 5coy-archive
 ============
 
-Source code for the 5coy-archive.org.uk web site
+Source code for the 5coy-archive.org.uk web site.
+
+---
+
+Notes:
+
+* The site is fronted by Cloudflare for caching
+* The archive UI is built as a Blazor WASM application served by an Azure Static WebApp instance.
+* Markdown and json data is static content served from the SWA instance.
+* PDFs are served from a separate url (https://media.5coy-cmc.org.uk) that fronts an Amazon S3 bucket.
+* A Cloudflare Edge Worker pulls from the AWS S3 bucket origin in response to requests for /media/*
+

web/wwwroot/css/app.css

@@ -58,14 +58,26 @@ div.homepage-hero {
 }
 
 div.sidebar-bang-rotated {
-    background-image: url("/images/bang-background-rotated.jpg"); 
+    background-image: url("/images/bang-background.jpg"); 
     background-repeat: no-repeat;
     background-size: cover;
+    background-position: left;
+    background-position-x: -65em;
     width: 250px;
         height: 100vh;
         position: sticky;
         top: 0;
+    animation-name: MOVE-BG;
+    animation-duration: 480s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
 }
+@keyframes MOVE-BG {
+    0% { background-position-x: 0em }
+    50% { background-position-x: 100% }
+    100% { background-position-x: 0em }
+}
+
 
 .callout {
     padding: 1.25rem;

web/wwwroot/data/articles/in-the-line-of-fire.json

@@ -2,51 +2,53 @@
     { "reference": "itlof_2495-01",
       "Title": "In The Line Of Fire - January 2495",
       "ContentUrl": "/content/in-character/in-the-line-of-fire/itlof_2495-01.md",
-      "PdfUrl": ""},
+      "PdfUrl": "/media/In-Character/InTheLineOfFire/InTheLineOfFire_2495-01.pdf"},
     { "reference": "itlof_2495-02",
       "Title": "In The Line Of Fire - February 2495",
       "ContentUrl": "/content/in-character/in-the-line-of-fire/itlof_2495-02.md",
-      "PdfUrl": ""},
+      "PdfUrl": "/media/In-Character/InTheLineOfFire/InTheLineOfFire_2495-02.pdf"},
     { "reference": "itlof_2495-03",
       "Title": "In The Line Of Fire - March 2495",
       "ContentUrl": "/content/in-character/in-the-line-of-fire/itlof_2495-03.md",
-      "PdfUrl": ""},
+      "PdfUrl": "/media/In-Character/InTheLineOfFire/InTheLineOfFire_2495-03.pdf"},
     { "reference": "itlof_2495-04",
       "Title": "In The Line Of Fire - April 2495",
       "ContentUrl": "/content/in-character/in-the-line-of-fire/itlof_2495-04.md",
-      "PdfUrl": ""},
+      "PdfUrl": "/media/In-Character/InTheLineOfFire/InTheLineOfFire_2495-04.pdf"},
     { "reference": "itlof_2495-05",
       "Title": "In The Line Of Fire - May 2495",
       "ContentUrl": "/content/in-character/in-the-line-of-fire/itlof_2495-05.md",
-      "PdfUrl": ""},
+      "PdfUrl": "/media/In-Character/InTheLineOfFire/InTheLineOfFire_2495-05.pdf"},
     { "reference": "itlof_2495-06",
       "Title": "In The Line Of Fire - June 2495",
       "ContentUrl": "/content/in-character/in-the-line-of-fire/itlof_2495-06.md",
-      "PdfUrl": ""},
+      "PdfUrl": "/media/In-Character/InTheLineOfFire/InTheLineOfFire_2495-06.pdf"},
     { "reference": "itlof_2495-07",
       "Title": "In The Line Of Fire - July 2495",
       "ContentUrl": "/content/in-character/in-the-line-of-fire/itlof_2495-07.md",
-      "PdfUrl": ""},
+      "PdfUrl": "/media/In-Character/InTheLineOfFire/InTheLineOfFire_2495-07.pdf"},
     { "reference": "itlof_2495-12",
       "Title": "In The Line Of Fire - December 2495",
       "ContentUrl": "/content/in-character/in-the-line-of-fire/itlof_2495-12.md",
-      "PdfUrl": ""},
+      "PdfUrl": "/media/In-Character/InTheLineOfFire/InTheLineOfFire_2495-12.pdf"},
     { "reference": "itlof_2496-01",
       "Title": "In The Line Of Fire - January 2496",
       "ContentUrl": "/content/in-character/in-the-line-of-fire/itlof_2496-01.md",
-      "PdfUrl": ""},
+      "PdfUrl": "/media/In-Character/InTheLineOfFire/InTheLineOfFire_2496-01.pdf"},
     { "reference": "itlof_2496-03",
       "Title": "In The Line Of Fire - March 2496",
       "ContentUrl": "/content/in-character/in-the-line-of-fire/itlof_2496-03.md",
-      "PdfUrl": ""},
+      "PdfUrl": "/media/In-Character/InTheLineOfFire/InTheLineOfFire_2496-03.pdf"},
       { "reference": "itlof_2496-04",
         "Title": "In The Line Of Fire - April 2496",
         "ContentUrl": "/content/in-character/in-the-line-of-fire/itlof_2496-04.md",
-        "PdfUrl": ""},
+        "PdfUrl": "/media/In-Character/InTheLineOfFire/InTheLineOfFire_2496-04.pdf"},
+
       { "reference": "itlof_2496-05",
         "Title": "In The Line Of Fire - May 2496",
         "ContentUrl": "/content/in-character/in-the-line-of-fire/itlof_2496-05.md",
         "PdfUrl": ""},
+
       { "reference": "itlof_2496-06",
       "Title": "In The Line Of Fire - June 2496",
       "ContentUrl": "/content/in-character/in-the-line-of-fire/itlof_2496-06.md",

web/wwwroot/index.html

@@ -29,7 +29,20 @@
 </head>
 
 <body>
-    <div id="app">Loading...</div>
+    <div id="app">
+        <div style="position:absolute; top:30vh; width:100%; text-align:center">
+            <img src="images/eagle-logo-huge.png" />
+            <h1>5<sup>th</sup> Company</h1>
+            <h3>
+                IV Field Regiment<br />
+                Colonial Marine Corps
+            </h3>
+            <div style="display:flex; gap:10px; justify-content:center; align-items:center; margin-top:2em">
+                <div class="spinner-border" role="status"></div>
+                Loading archive...
+            </div>
+        </div>
+    </div>
 
     <div id="blazor-error-ui">
         An unhandled error has occurred.