add cold storage

src/templates/watch.eta

@@ -61,6 +61,11 @@
             <p>This video has been removed.</p>
             <p class="deletion-note">Storage is limited, so I occasionally clear out things like 10-hour blank screens and similar content.</p>
           </div>
+        <% } else if (it.deletion_stage === 'cold_storage') { %>
+          <div class="video-placeholder coldstorage">
+            <p>This video has been moved to cold-storage.</p>
+            <p class="deletion-note">Videos that aren't watched often are moved to cold storage as a cost-saving measure. <br><br>They can still be retrieved. Please email me at <a href="mailto:admin@preservetube.com">admin@preservetube.com</a>.</p>
+          </div>
         <% } else { %>
           <div class="video-loading hidden" id="video-loading">Loading...</div>
           <video id="video-player" src="<%= it.source %>" poster="<%= it.thumbnail %>" controls preload="metadata"></video>
@@ -292,6 +297,11 @@
     border: 2px dashed #dc3545;
   }
 
+  .video-placeholder.coldstorage {
+    background-color: #e8f4fd;
+    border: 2px dashed #4da3d9;
+  }
+
   .video-placeholder p {
     font-size: 1.2rem;
     margin: 0.5rem 0;

src/types.ts

@@ -26,7 +26,7 @@ export interface VideosTable {
   playlist?: string | null
   disabled: boolean
   hasBeenReported: boolean,
-  deletion_stage: 'pending_delete' | 'soft_delete' | 'deleted' | null
+  deletion_stage: 'pending_delete' | 'soft_delete' | 'cold_storage' | 'deleted' | null
 }
 
 export type Video = Selectable<VideosTable>