Add a news block

Author: formorer

pastebin.css

@@ -285,3 +285,63 @@ pre { display: inline; }
 
 }
 
+/* News Block Styles */
+.news-block {
+    border: 1px solid #3d8ea8;
+    background-color: #f9f9f9;
+    margin-bottom: 15px;
+    padding: 0;
+}
+
+.news-header {
+    background-color: #DF0451;
+    color: white;
+    padding: 5px 10px;
+    cursor: pointer;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.news-header h3 {
+    margin: 0;
+    font-size: 12px;
+    font-weight: bold;
+}
+
+.toggle-icon {
+    font-size: 10px;
+}
+
+.news-content {
+    padding: 10px;
+}
+
+.news-block.collapsed .news-content {
+    display: none;
+}
+
+.news-block.collapsed .toggle-icon {
+    transform: rotate(-90deg);
+}
+
+/* Layout for News Positioning */
+.paste-layout-container {
+    display: flex;
+    flex-direction: column;
+}
+
+.news-section {
+    order: 1; /* top by default */
+}
+
+.form-section {
+    order: 2;
+}
+
+@media (max-width: 600px) {
+    .news-section {
+        order: 99; /* move to bottom on mobile */
+        margin-top: 20px;
+    }
+}

templates/news_block

@@ -0,0 +1,17 @@
+<div id="news-block" class="news-block collapsed">
+    <div class="news-header" onclick="toggleNews()">
+        <h3>Latest News</h3>
+        <span class="toggle-icon">▼</span>
+    </div>
+    <div class="news-content">
+        <p><strong>2026-01-05:</strong> Comprehensive Service Overhaul. We have modernized the backend using <strong>Mojolicious</strong> and integrated <strong>Debian/Salsa authentication</strong>. Authenticated users now enjoy relaxed rate limits and spam validation.</p>
+        <p>To enhance privacy, <strong>public indexing is disabled</strong> (all pastes are hidden by default) and the legacy <strong>XML-RPC API</strong> has been retired. We have also deployed <strong>iocaine</strong> to protect against AI scrapers. Please note that paste retention is now strictly capped at <strong>90 days</strong>.</p>
+    </div>
+</div>
+
+<script>
+function toggleNews() {
+    var block = document.getElementById('news-block');
+    block.classList.toggle('collapsed');
+}
+</script>

templates/paste

@@ -4,7 +4,21 @@
 
 <h1>New paste:</h1>
 
-[% IF status %]
+<noscript>
+    <style>
+        .news-section { order: 99 !important; margin-top: 20px; }
+        .news-block.collapsed .news-content { display: block !important; } /* force expand */
+        .toggle-icon { display: none; }
+    </style>
+</noscript>
+
+<div class="paste-layout-container">
+    <div class="news-section">
+        [% INCLUDE news_block %]
+    </div>
+
+    <div class="form-section">
+        [% IF status %]
 <div class=status> 
 [% status %]
 </div>
@@ -46,6 +60,8 @@ Include comments to indicate what you need feedback on.</label><br />
 <input type="file" name="upload" /><input type="submit" name="paste" value="Send"/>
 
 </form>
+    </div>
+</div>
 
 [% END %]
 [%# vim: syntax=html sw=4 ts=4 noet shiftround