Save

.gitignore

@@ -361,3 +361,12 @@ MigrationBackup/
 
 # Fody - auto-generated XML schema
 FodyWeavers.xsd
+
+/CatherineLynwood/wwwroot/videos/
+/CatherineLynwood/wwwroot/audio/
+*.mp4
+*.mov
+*.avi
+*.mp3
+*.wav
+*.m4a

CatherineLynwood/Views/Reckoning/Index.cshtml

@@ -192,7 +192,7 @@
 
                 openTimer = setTimeout(() => {
                     openCaseFile();
-                }, 5000);
+                }, 3000);
             }
 
             function onAssetLoaded() {

CatherineLynwood/Views/Reckoning/IndexMobile.cshtml

@@ -24,21 +24,23 @@
                                   class="img-polaroid"
                                   alt="The Alpha Flame: Reckoning book cover"
                                   display-width-percentage="50"></responsive-image>
+                <span class="photo-caption">The Alpha Flame: Reckoning - Book Cover</span>
             </div>
 
-
             <div class="reckoning-mobile-polaroid polaroid-tilt-right">
                 <responsive-image src="sophie-jones-nightclub.png"
                                   class="img-polaroid"
                                   alt="Sophie Jones"
                                   display-width-percentage="50"></responsive-image>
+                <span class="photo-caption">Jones, Sophie - Person of Interest</span>
             </div>
 
             <div class="reckoning-mobile-polaroid polaroid-tilt-slight">
-                <responsive-image src="flyover-at-night.png"
+                <responsive-image src="mrs-pattersons-front-room.png"
                                   class="img-polaroid"
-                                  alt="The Rubery flyover at night time"
+                                  alt="Mrs Patterson's Front Room'"
                                   display-width-percentage="50"></responsive-image>
+                <span class="photo-caption">Mrs Patterson's Front Room</span>
             </div>
         </div>
     </section>

CatherineLynwood/Views/Shared/Components/BuyPanel/Default.cshtml

@@ -37,7 +37,7 @@
                 </div>
             </div>
             <div class="row g-2 align-items-stretch">
-                @foreach (var link in group.Links.OrderBy(x => x.Text))
+                @foreach (var link in group.Links.OrderBy(x => x.Price))
                 {
                     <div class="col-12 col-sm d-flex">
                         <a class="btn btn-dark w-100 h-100 d-flex justify-content-center align-items-center text-center"

CatherineLynwood/Views/Shared/Components/BuyPanel/Reckoning.cshtml

@@ -32,7 +32,7 @@
                 }
 
                 <div class="buybox-casefile-links">
-                    @foreach (var link in group.Links.OrderBy(x => x.Text))
+                    @foreach (var link in group.Links.OrderBy(x => x.Price))
                     {
                         <a class="buybox-casefile-link"
                                href="@link.Target"

CatherineLynwood/wwwroot/css/reckoning-mobile.css

@@ -94,6 +94,23 @@
     transform: rotate(-2deg);
 }
 
+    .photo-caption {
+        display: block;
+        font-family: 'Permanent Marker', cursive;
+        /* swap to 'Shadows Into Light' if you want softer */
+
+        font-size: 1.25rem;
+        text-align: center;
+        line-height: 1.3;
+        font-weight: normal; /* handwritten fonts don't need bold */
+
+        letter-spacing: 0.5px;
+        word-spacing: 2px;
+        color: #2e2614;
+        padding-top: 10px;
+        text-shadow: 0.5px 0.5px 0 rgba(0,0,0,0.15); /* subtle ink bleed */
+    }
+
 .polaroid-tilt-left {
     transform: rotate(-4deg);
 }