add db assets

build.sh

@@ -0,0 +1,15 @@
+#!/bin/bash
+TARGET="/opt/cunnyborea" # Where pleroma’s repository is sitting
+
+yarn install -D
+
+rm -rf dist/*
+npm run build
+
+rsync -ra  public/ "${TARGET}/instance/static"
+cp dist/index.html  "${TARGET}/instance/static/index.html"
+rsync --delete -ra dist/static/ "${TARGET}/instance/static/static"
+rsync --delete -ra images/ "${TARGET}/instance/static/images"
+rsync --delete -ra sounds/ "${TARGET}/instance/static/sounds"
+rsync -ra instance/ "${TARGET}/instance/static/instance"
+rsync --delete -ra static/favicon.png "${TARGET}/instance/static/favicon.png"

images/logo.svg

@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg4485"
+   width="512"
+   height="512"
+   viewBox="0 0 512 512"
+   sodipodi:docname="logo.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata4491">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs4489" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1274"
+     inkscape:window-height="1410"
+     id="namedview4487"
+     showgrid="false"
+     inkscape:zoom="1.2636719"
+     inkscape:cx="305.99333"
+     inkscape:cy="304.30809"
+     inkscape:window-x="1280"
+     inkscape:window-y="22"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g4612"
+     inkscape:document-rotation="0" />
+  <g
+     id="g4612">
+    <g
+       id="g850"
+       transform="matrix(0.99659595,0,0,0.99659595,0.37313949,0.87143746)">
+      <path
+         style="opacity:1;fill:#fba457;fill-opacity:1;stroke:#009bff;stroke-width:0;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.175879"
+         d="m 194.75841,124.65165 a 20.449443,20.449443 0 0 0 -20.44944,20.44945 v 242.24725 h 65.28091 v -262.6967 z"
+         id="path4497" />
+      <path
+         style="fill:#fba457;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="M 272.6236,124.65165 V 256 h 45.61799 a 20.449443,20.449443 0 0 0 20.44944,-20.44945 v -110.8989 z"
+         id="path4516" />
+      <path
+         style="opacity:1;fill:#fba457;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 272.6236,322.06744 v 65.28091 h 45.61799 a 20.449443,20.449443 0 0 0 20.44944,-20.44945 v -44.83146 z"
+         id="path4516-5" />
+    </g>
+  </g>
+</svg>

images/pleroma-logo.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" id="svg4485" width="209.00002" height="334" viewBox="0 0 209.00002 334" sodipodi:docname="pleroma_logo_vector_nobg_nopad.svg" inkscape:version="0.92.1 r15371">
+  <metadata id="metadata4491">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+        <dc:title/>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs id="defs4489"/>
+  <sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="2560" inkscape:window-height="1387" id="namedview4487" showgrid="false" inkscape:zoom="2" inkscape:cx="49.747283" inkscape:cy="227.83408" inkscape:window-x="1912" inkscape:window-y="-8" inkscape:window-maximized="1" inkscape:current-layer="svg4485"/>
+  <g id="g4612" transform="translate(-152,-89)">
+    <path sodipodi:nodetypes="cccccc" inkscape:connector-curvature="0" id="path4495" d="M 235,89 V 423 H 152 V 115 l 26,-26 z" style="opacity:1;fill:#fba457;fill-opacity:1;stroke:#009bff;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.17587938"/>
+    <circle r="26" cx="178" cy="115" id="path4497" style="opacity:1;fill:#fba457;fill-opacity:1;stroke:#009bff;stroke-width:0;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.17587938"/>
+    <circle r="26" cx="335" cy="230" id="path4497-0" style="opacity:1;fill:#fba457;fill-opacity:1;stroke:#009bff;stroke-width:0;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.17587938"/>
+    <path sodipodi:nodetypes="cccccc" inkscape:connector-curvature="0" id="path4516" d="M 277,256 V 89 l 84,3e-6 L 361.00002,230 335,256 Z" style="fill:#fba457;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/>
+    <circle r="26" cx="335" cy="397" id="path4497-0-6" style="opacity:1;fill:#fba457;fill-opacity:1;stroke:#009bff;stroke-width:0;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.17587938"/>
+    <path sodipodi:nodetypes="cccccc" inkscape:connector-curvature="0" id="path4516-5" d="m 277,423 v -83 h 84 l 2e-5,57 L 335,423 Z" style="opacity:1;fill:#fba457;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/>
+  </g>
+<script xmlns="" public-path="moz-extension://5731ecb4-5a08-4b61-a368-248163495d51/"/></svg>

images/soapbox-logo.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg height="100px" width="100px" fill="#000000" version="1.1" x="0px" y="0px" viewBox="0 0 95 95" enable-background="new 0 0 95 95" xml:space="preserve" id="svg4" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata id="metadata10"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/></cc:Work></rdf:RDF></metadata><defs id="defs8"/><path d="M 94.908544,19.37409 C 94.908544,8.673974 86.234574,0 75.534459,0 64.88769,0 56.253997,8.59123 56.169077,19.217312 L 40.538068,21.307689 C 38.577252,15.301122 32.939766,10.958145 26.279956,10.958145 c -8.284207,0 -15.00172,6.716424 -15.00172,15.001721 0,6.64239 4.321202,12.266808 10.302727,14.239602 L 19.376269,56.255087 C 8.716437,56.304077 0.091456,64.955192 0.091456,75.624823 0.091456,86.324936 8.765429,95 19.465544,95 30.142797,95 38.797176,86.361955 38.83528,75.695589 l 18.092647,-2.50083 c 1.979326,5.971729 7.598302,10.285306 14.234162,10.285306 8.284204,0 15.001715,-6.716424 15.001715,-15.001719 0,-6.890622 -4.65218,-12.681619 -10.983188,-14.441019 l 1.36528,-15.339228 C 86.774584,38.167884 94.908544,29.73234 94.908544,19.37409 Z M 56.194119,67.800063 38.078608,70.305248 C 36.245174,63.882785 31.191253,58.833215 24.766611,57.005226 l 2.204694,-16.077393 c 7.712621,-0.353838 13.892294,-6.516095 14.270087,-14.222184 l 15.654962,-2.093642 c 1.894404,6.756707 7.351157,12.008781 14.22545,13.612489 l -1.365279,15.321809 c -7.400151,0.688083 -13.223811,6.753442 -13.562406,14.253758 z" id="path2" style="fill:#0482d8;fill-opacity:1;stroke-width:1.08873796"/><script xmlns="" public-path="moz-extension://5731ecb4-5a08-4b61-a368-248163495d51/"/></svg>

instance/panel.html

@@ -0,0 +1,80 @@
+<style>
+    table {
+        border-collapse: collapse;
+    }
+
+    table,
+    th,
+    td {
+        padding: 5px;
+        border: 1px solid rgba(124, 133, 146, 0.5);
+    }
+
+    .cunny-img {
+    width: 70%;
+  }
+
+  .blur-img {
+    filter: blur(120px);
+    width: 100%;
+    height: 100%;
+  }
+
+  .cunny-img:hover {
+    filter: blur(0);
+  }
+
+  .cunny-overflow {
+    overflow: hidden;
+  }
+
+  .random-cunny {
+    width: auto;
+    height: auto;
+    max-width: 200px;
+    max-height: 200px;
+    display: block;
+    margin: auto;
+  }
+
+  .cunny-uoh {
+    width: auto;
+    height: auto;
+    max-width: 500px;
+  }
+</style>
+
+<div style="margin-left:12px; margin-right:12px">
+    <h3 style="text-align:center">
+        <p>Links and Wotnot</p>
+    </h3>
+    <p>
+    <table style="width:100%;table-layout:fixed;">
+        <!-- <tr>
+                <td colspan="4" style="font-weight:bold">Hub/Landing</td>
+                <td colspan="8" style="text-align:center"><a href="https://hub.cunnyborea.space" target="_blank">Cunnyborea
+                        Hub</a></td>
+            </tr> -->
+        <tr><td  colspan="12" style="font-weight: bold; text-align: center;">Welcome to Cunnyborea 😭💢</td></tr>
+        <tr>
+            <td colspan="12" class="cunny-row cunny-overflow">
+                <div id="cunny-container" clas="random-cunny-container cunny-overflow">
+                    <img src="https://luv.cunnyborea.space/get_random_cunny" class="cunny-img random-cunny blur-img" id="fav-cunny"
+                        alt="Reload for more cunny!">
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="4" style="font-weight: bold;">Simple and Clean FE</td>
+            <td colspan="8" style="text-align: center;"><a href="https://bloat.cunnyborea.space"
+                    target="_blank">Bloat</a></td>
+        </tr>
+        <tr>
+            <td colspan="4" style="font-weight: bold;">Twatter-eque Soy FE</td>
+            <td colspan="8" style="text-align: center;"><a href="https://coalbox.cunnyborea.space"
+                    target="_blank">Coalbox</a></td>
+        </tr>
+
+    </table>
+    </p>
+</div>

public/robots.txt

@@ -0,0 +1,11 @@
+# See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file
+ User-agent: *
+ Disallow: /web
+ Disallow: /settings
+ Disallow: /login
+ Disallow: /user-search
+ Disallow: /registration
+ Disallow: /cgi-bin
+ Disallow: /pages/DMCA.html
+ Disallow: /oauth
+ Disallow: /search

public/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

static/config.json

@@ -1,29 +1,35 @@
+
 {
   "alwaysShowSubjectInput": true,
-  "background": "/static/aurora_borealis.jpg",
+  "background": "/static/cunnyborea-laurab-bg2.jpg",
   "collapseMessageWithSubject": false,
-  "greentext": false,
-  "hideFilteredStatuses": false,
-  "hideMutedPosts": false,
+  "disableUpdateNotification": false,
+  "greentext": true,
+  "hideFilteredStatuses": true,
+  "hideMutedPosts": true,
   "hidePostStats": false,
   "hideSitename": false,
   "hideUserStats": false,
   "loginMethod": "password",
-  "logo": "/static/logo.svg",
+  "logo": "/static/favicon.png",
   "logoMargin": ".1em",
-  "logoMask": true,
+  "logoMask": false,
   "logoLeft": false,
   "minimalScopesMode": false,
-  "disableUpdateNotification": false,
-  "nsfwCensorImage": "",
+  "nsfwCensorImage": "/static/img/nsfw-filter.png",
   "postContentType": "text/plain",
   "redirectRootLogin": "/main/friends",
-  "redirectRootNoLogin": "/main/all",
-  "scopeCopy": true,
+  "redirectRootNoLogin": "/about",
+  "scopeCopy": false,
   "showFeaturesPanel": true,
-  "showInstanceSpecificPanel": false,
+  "showInstanceSpecificPanel": true,
   "sidebarRight": false,
-  "subjectLineBehavior": "email",
-  "theme": "pleroma-dark",
-  "webPushNotifications": false
+  "subjectLineBehavior": "noop",
+  "theme": "fauux-cunnyborea",
+  "useContainFit": true,
+  "webPushNotifications": false,
+  "scopeOptionsEnabled": true,
+  "formattingOptionsEnabled": true,
+  "noAttachmentLinks": false,
+  "bannerUrl": "https://luv.cunnyborea.space"
 }

static/cunnyclick.js

@@ -0,0 +1,7 @@
+function loadRandomImage() {
+    const randomNumber = Math.floor(Math.random() * 60);
+    const randomImage = "https://media.cunny.center/fedi-assets/random-cunny/" + randomNumber + ".png";
+    document.getElementById("fav-cunny").src = randomImage;
+  }
+
+window.onload = loadRandomImage();

static/error/404/404.conf

@@ -0,0 +1,13 @@
+error_page 403 =404 /404.html;
+error_page 404 /404.html;
+location = /404.html {
+        root /opt/cunnyborea/instance/static/static/error/404;
+        internal;
+        add_header Strict-Transport-Security "max-age=31536000; includeSubdomains; preload";
+        add_header X-Content-Type-Options "nosniff";
+        add_header X-XSS-Protection "1; mode=block";
+        add_header X-Permitted_Cross-Domain-Policies none;
+        add_header X-Frame-Options "self";
+        add_header Referrer-Policy "same-origin";
+        add_header X-Download-Options noopen;
+}

static/error/404/404.html

@@ -0,0 +1,510 @@
+<style>
+    body {
+        color: #ccc;
+        background: #111;
+        font-family: sans-serif;
+    }
+
+    h1,
+    h2 {
+        margin: 0;
+    }
+
+    a {
+        color: #ccc;
+    }
+
+    section {
+        padding: 20px;
+    }
+
+    .hero {
+        font-size: clamp(40px, 10vw, 100px);
+        line-height: 1;
+        display: inline-block;
+        color: #fff;
+        z-index: 2;
+        letter-spacing: 10px;
+
+        /* Bright things in dark environments usually cast that light, giving off a glow */
+        filter: drop-shadow(0 1px 3px);
+    }
+
+    .demo {
+        height: 100px;
+        background: #fff;
+    }
+
+    .layers {
+        position: relative;
+    }
+
+    .layers::before,
+    .layers::after {
+        content: attr(data-text);
+        position: absolute;
+        width: 110%;
+        z-index: -1;
+    }
+
+    .layers::before {
+        top: 10px;
+        left: 15px;
+        color: #e0287d;
+    }
+
+    .layers::after {
+        top: 5px;
+        left: -10px;
+        color: #1bc7fb;
+    }
+
+    .single-path {
+        clip-path: polygon(0% 12%,
+                53% 12%,
+                53% 26%,
+                25% 26%,
+                25% 86%,
+                31% 86%,
+                31% 0%,
+                53% 0%,
+                53% 84%,
+                92% 84%,
+                92% 82%,
+                70% 82%,
+                70% 29%,
+                78% 29%,
+                78% 65%,
+                69% 65%,
+                69% 66%,
+                77% 66%,
+                77% 45%,
+                85% 45%,
+                85% 26%,
+                97% 26%,
+                97% 28%,
+                84% 28%,
+                84% 34%,
+                54% 34%,
+                54% 89%,
+                30% 89%,
+                30% 58%,
+                83% 58%,
+                83% 5%,
+                68% 5%,
+                68% 36%,
+                62% 36%,
+                62% 1%,
+                12% 1%,
+                12% 34%,
+                60% 34%,
+                60% 57%,
+                98% 57%,
+                98% 83%,
+                1% 83%,
+                1% 53%,
+                91% 53%,
+                91% 84%,
+                8% 84%,
+                8% 83%,
+                4% 83%);
+    }
+
+    .paths {
+        animation: paths 5s step-end infinite;
+    }
+
+    @keyframes paths {
+        0% {
+            clip-path: polygon(0% 43%,
+                    83% 43%,
+                    83% 22%,
+                    23% 22%,
+                    23% 24%,
+                    91% 24%,
+                    91% 26%,
+                    18% 26%,
+                    18% 83%,
+                    29% 83%,
+                    29% 17%,
+                    41% 17%,
+                    41% 39%,
+                    18% 39%,
+                    18% 82%,
+                    54% 82%,
+                    54% 88%,
+                    19% 88%,
+                    19% 4%,
+                    39% 4%,
+                    39% 14%,
+                    76% 14%,
+                    76% 52%,
+                    23% 52%,
+                    23% 35%,
+                    19% 35%,
+                    19% 8%,
+                    36% 8%,
+                    36% 31%,
+                    73% 31%,
+                    73% 16%,
+                    1% 16%,
+                    1% 56%,
+                    50% 56%,
+                    50% 8%);
+        }
+
+        5% {
+            clip-path: polygon(0% 29%,
+                    44% 29%,
+                    44% 83%,
+                    94% 83%,
+                    94% 56%,
+                    11% 56%,
+                    11% 64%,
+                    94% 64%,
+                    94% 70%,
+                    88% 70%,
+                    88% 32%,
+                    18% 32%,
+                    18% 96%,
+                    10% 96%,
+                    10% 62%,
+                    9% 62%,
+                    9% 84%,
+                    68% 84%,
+                    68% 50%,
+                    52% 50%,
+                    52% 55%,
+                    35% 55%,
+                    35% 87%,
+                    25% 87%,
+                    25% 39%,
+                    15% 39%,
+                    15% 88%,
+                    52% 88%);
+        }
+
+        30% {
+            clip-path: polygon(0% 53%,
+                    93% 53%,
+                    93% 62%,
+                    68% 62%,
+                    68% 37%,
+                    97% 37%,
+                    97% 89%,
+                    13% 89%,
+                    13% 45%,
+                    51% 45%,
+                    51% 88%,
+                    17% 88%,
+                    17% 54%,
+                    81% 54%,
+                    81% 75%,
+                    79% 75%,
+                    79% 76%,
+                    38% 76%,
+                    38% 28%,
+                    61% 28%,
+                    61% 12%,
+                    55% 12%,
+                    55% 62%,
+                    68% 62%,
+                    68% 51%,
+                    0% 51%,
+                    0% 92%,
+                    63% 92%,
+                    63% 4%,
+                    65% 4%);
+        }
+
+        45% {
+            clip-path: polygon(0% 33%,
+                    2% 33%,
+                    2% 69%,
+                    58% 69%,
+                    58% 94%,
+                    55% 94%,
+                    55% 25%,
+                    33% 25%,
+                    33% 85%,
+                    16% 85%,
+                    16% 19%,
+                    5% 19%,
+                    5% 20%,
+                    79% 20%,
+                    79% 96%,
+                    93% 96%,
+                    93% 50%,
+                    5% 50%,
+                    5% 74%,
+                    55% 74%,
+                    55% 57%,
+                    96% 57%,
+                    96% 59%,
+                    87% 59%,
+                    87% 65%,
+                    82% 65%,
+                    82% 39%,
+                    63% 39%,
+                    63% 92%,
+                    4% 92%,
+                    4% 36%,
+                    24% 36%,
+                    24% 70%,
+                    1% 70%,
+                    1% 43%,
+                    15% 43%,
+                    15% 28%,
+                    23% 28%,
+                    23% 71%,
+                    90% 71%,
+                    90% 86%,
+                    97% 86%,
+                    97% 1%,
+                    60% 1%,
+                    60% 67%,
+                    71% 67%,
+                    71% 91%,
+                    17% 91%,
+                    17% 14%,
+                    39% 14%,
+                    39% 30%,
+                    58% 30%,
+                    58% 11%,
+                    52% 11%,
+                    52% 83%,
+                    68% 83%);
+        }
+
+        76% {
+            clip-path: polygon(0% 26%,
+                    15% 26%,
+                    15% 73%,
+                    72% 73%,
+                    72% 70%,
+                    77% 70%,
+                    77% 75%,
+                    8% 75%,
+                    8% 42%,
+                    4% 42%,
+                    4% 61%,
+                    17% 61%,
+                    17% 12%,
+                    26% 12%,
+                    26% 63%,
+                    73% 63%,
+                    73% 43%,
+                    90% 43%,
+                    90% 67%,
+                    50% 67%,
+                    50% 41%,
+                    42% 41%,
+                    42% 46%,
+                    50% 46%,
+                    50% 84%,
+                    96% 84%,
+                    96% 78%,
+                    49% 78%,
+                    49% 25%,
+                    63% 25%,
+                    63% 14%);
+        }
+
+        90% {
+            clip-path: polygon(0% 41%,
+                    13% 41%,
+                    13% 6%,
+                    87% 6%,
+                    87% 93%,
+                    10% 93%,
+                    10% 13%,
+                    89% 13%,
+                    89% 6%,
+                    3% 6%,
+                    3% 8%,
+                    16% 8%,
+                    16% 79%,
+                    0% 79%,
+                    0% 99%,
+                    92% 99%,
+                    92% 90%,
+                    5% 90%,
+                    5% 60%,
+                    0% 60%,
+                    0% 48%,
+                    89% 48%,
+                    89% 13%,
+                    80% 13%,
+                    80% 43%,
+                    95% 43%,
+                    95% 19%,
+                    80% 19%,
+                    80% 85%,
+                    38% 85%,
+                    38% 62%);
+        }
+
+        1%,
+        7%,
+        33%,
+        47%,
+        78%,
+        93% {
+            clip-path: none;
+        }
+    }
+
+    .movement {
+        /* Normally this position would be absolute & on the layers, set to relative here so we can see it on the div */
+        position: relative;
+        animation: movement 8s step-end infinite;
+    }
+
+    @keyframes movement {
+        0% {
+            top: 0px;
+            left: -20px;
+        }
+
+        15% {
+            top: 10px;
+            left: 10px;
+        }
+
+        60% {
+            top: 5px;
+            left: -10px;
+        }
+
+        75% {
+            top: -5px;
+            left: 20px;
+        }
+
+        100% {
+            top: 10px;
+            left: 5px;
+        }
+    }
+
+    .opacity {
+        animation: opacity 5s step-end infinite;
+    }
+
+    @keyframes opacity {
+        0% {
+            opacity: 0.1;
+        }
+
+        5% {
+            opacity: 0.7;
+        }
+
+        30% {
+            opacity: 0.4;
+        }
+
+        45% {
+            opacity: 0.6;
+        }
+
+        76% {
+            opacity: 0.4;
+        }
+
+        90% {
+            opacity: 0.8;
+        }
+
+        1%,
+        7%,
+        33%,
+        47%,
+        78%,
+        93% {
+            opacity: 0;
+        }
+    }
+
+    .font {
+        animation: font 7s step-end infinite;
+    }
+
+    @keyframes font {
+        0% {
+            font-weight: 100;
+            color: #e0287d;
+            filter: blur(3px);
+        }
+
+        20% {
+            font-weight: 500;
+            color: #fff;
+            filter: blur(0);
+        }
+
+        50% {
+            font-weight: 300;
+            color: #1bc7fb;
+            filter: blur(2px);
+        }
+
+        60% {
+            font-weight: 700;
+            color: #fff;
+            filter: blur(0);
+        }
+
+        90% {
+            font-weight: 500;
+            color: #e0287d;
+            filter: blur(6px);
+        }
+    }
+
+    .glitch span {
+        animation: paths 5s step-end infinite;
+    }
+
+    .glitch::before {
+        animation: paths 5s step-end infinite, opacity 5s step-end infinite,
+            font 8s step-end infinite, movement 10s step-end infinite;
+    }
+
+    .glitch::after {
+        animation: paths 5s step-end infinite, opacity 5s step-end infinite,
+            font 7s step-end infinite, movement 8s step-end infinite;
+    }
+
+    .hero-container {
+        position: relative;
+        text-align: center;
+        height: 100vh;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        padding: 0;
+        /* Remove padding */
+        margin: 0;
+        /* Remove margin */
+        overflow: hidden;
+    }
+
+    .environment {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        opacity: 0.5;
+        filter: blur(5px);
+        background: url(https://s3.ap-northeast-1.wasabisys.com/cunnysafe/the-perfect-girl-2.jpg) center no-repeat;
+        background-size: cover;
+
+    }
+</style>
+<div class="hero-container">
+    <div class="environment"></div>
+    <h2 class="hero glitch layers" data-text="404"><span>404</span></h2><br><br>
+    <p class="glitch">Oy gevalt! Page not found!</p>
+</div>

static/error/500/500.conf

@@ -0,0 +1,18 @@
+error_page 500 502 503 504 /500.html;
+location = /500.html {
+  root /opt/cunnyborea/instance/static/static/error/500;
+  internal;
+    add_header Strict-Transport-Security "max-age=31536000; includeSubdomains; preload";
+    add_header X-Content-Type-Options "nosniff";
+    add_header X-XSS-Protection "1; mode=block";
+    add_header X-Permitted_Cross-Domain-Policies none;
+    add_header X-Frame-Options "self";
+    add_header Referrer-Policy "same-origin";
+    add_header X-Download-Options noopen;
+
+    # CSP
+    add_header Content-Security-Policy "default-src 'none'; connect-src 'self'; font-src 'self'; img-src 'self' https: data:; media-src 'self' https:; script-src 'self'; style-src 'self' 'unsafe-inline'; worker-src 'self'; frame-ancestors 'self'";
+}
+#location = /static/sjw.asc {
+#      alias /opt/pleroma/instance/static/static/sjw.asc;
+#}

static/error/500/500.html

@@ -0,0 +1,510 @@
+<style>
+  body {
+    color: #ccc;
+    background: #111;
+    font-family: sans-serif;
+  }
+
+  h1,
+  h2 {
+    margin: 0;
+  }
+
+  a {
+    color: #ccc;
+  }
+
+  section {
+    padding: 20px;
+  }
+
+  .hero {
+    font-size: clamp(40px, 10vw, 100px);
+    line-height: 1;
+    display: inline-block;
+    color: #fff;
+    z-index: 2;
+    letter-spacing: 10px;
+
+    /* Bright things in dark environments usually cast that light, giving off a glow */
+    filter: drop-shadow(0 1px 3px);
+  }
+
+  .demo {
+    height: 100px;
+    background: #fff;
+  }
+
+  .layers {
+    position: relative;
+  }
+
+  .layers::before,
+  .layers::after {
+    content: attr(data-text);
+    position: absolute;
+    width: 110%;
+    z-index: -1;
+  }
+
+  .layers::before {
+    top: 10px;
+    left: 15px;
+    color: #e0287d;
+  }
+
+  .layers::after {
+    top: 5px;
+    left: -10px;
+    color: #1bc7fb;
+  }
+
+  .single-path {
+    clip-path: polygon(0% 12%,
+        53% 12%,
+        53% 26%,
+        25% 26%,
+        25% 86%,
+        31% 86%,
+        31% 0%,
+        53% 0%,
+        53% 84%,
+        92% 84%,
+        92% 82%,
+        70% 82%,
+        70% 29%,
+        78% 29%,
+        78% 65%,
+        69% 65%,
+        69% 66%,
+        77% 66%,
+        77% 45%,
+        85% 45%,
+        85% 26%,
+        97% 26%,
+        97% 28%,
+        84% 28%,
+        84% 34%,
+        54% 34%,
+        54% 89%,
+        30% 89%,
+        30% 58%,
+        83% 58%,
+        83% 5%,
+        68% 5%,
+        68% 36%,
+        62% 36%,
+        62% 1%,
+        12% 1%,
+        12% 34%,
+        60% 34%,
+        60% 57%,
+        98% 57%,
+        98% 83%,
+        1% 83%,
+        1% 53%,
+        91% 53%,
+        91% 84%,
+        8% 84%,
+        8% 83%,
+        4% 83%);
+  }
+
+  .paths {
+    animation: paths 5s step-end infinite;
+  }
+
+  @keyframes paths {
+    0% {
+      clip-path: polygon(0% 43%,
+          83% 43%,
+          83% 22%,
+          23% 22%,
+          23% 24%,
+          91% 24%,
+          91% 26%,
+          18% 26%,
+          18% 83%,
+          29% 83%,
+          29% 17%,
+          41% 17%,
+          41% 39%,
+          18% 39%,
+          18% 82%,
+          54% 82%,
+          54% 88%,
+          19% 88%,
+          19% 4%,
+          39% 4%,
+          39% 14%,
+          76% 14%,
+          76% 52%,
+          23% 52%,
+          23% 35%,
+          19% 35%,
+          19% 8%,
+          36% 8%,
+          36% 31%,
+          73% 31%,
+          73% 16%,
+          1% 16%,
+          1% 56%,
+          50% 56%,
+          50% 8%);
+    }
+
+    5% {
+      clip-path: polygon(0% 29%,
+          44% 29%,
+          44% 83%,
+          94% 83%,
+          94% 56%,
+          11% 56%,
+          11% 64%,
+          94% 64%,
+          94% 70%,
+          88% 70%,
+          88% 32%,
+          18% 32%,
+          18% 96%,
+          10% 96%,
+          10% 62%,
+          9% 62%,
+          9% 84%,
+          68% 84%,
+          68% 50%,
+          52% 50%,
+          52% 55%,
+          35% 55%,
+          35% 87%,
+          25% 87%,
+          25% 39%,
+          15% 39%,
+          15% 88%,
+          52% 88%);
+    }
+
+    30% {
+      clip-path: polygon(0% 53%,
+          93% 53%,
+          93% 62%,
+          68% 62%,
+          68% 37%,
+          97% 37%,
+          97% 89%,
+          13% 89%,
+          13% 45%,
+          51% 45%,
+          51% 88%,
+          17% 88%,
+          17% 54%,
+          81% 54%,
+          81% 75%,
+          79% 75%,
+          79% 76%,
+          38% 76%,
+          38% 28%,
+          61% 28%,
+          61% 12%,
+          55% 12%,
+          55% 62%,
+          68% 62%,
+          68% 51%,
+          0% 51%,
+          0% 92%,
+          63% 92%,
+          63% 4%,
+          65% 4%);
+    }
+
+    45% {
+      clip-path: polygon(0% 33%,
+          2% 33%,
+          2% 69%,
+          58% 69%,
+          58% 94%,
+          55% 94%,
+          55% 25%,
+          33% 25%,
+          33% 85%,
+          16% 85%,
+          16% 19%,
+          5% 19%,
+          5% 20%,
+          79% 20%,
+          79% 96%,
+          93% 96%,
+          93% 50%,
+          5% 50%,
+          5% 74%,
+          55% 74%,
+          55% 57%,
+          96% 57%,
+          96% 59%,
+          87% 59%,
+          87% 65%,
+          82% 65%,
+          82% 39%,
+          63% 39%,
+          63% 92%,
+          4% 92%,
+          4% 36%,
+          24% 36%,
+          24% 70%,
+          1% 70%,
+          1% 43%,
+          15% 43%,
+          15% 28%,
+          23% 28%,
+          23% 71%,
+          90% 71%,
+          90% 86%,
+          97% 86%,
+          97% 1%,
+          60% 1%,
+          60% 67%,
+          71% 67%,
+          71% 91%,
+          17% 91%,
+          17% 14%,
+          39% 14%,
+          39% 30%,
+          58% 30%,
+          58% 11%,
+          52% 11%,
+          52% 83%,
+          68% 83%);
+    }
+
+    76% {
+      clip-path: polygon(0% 26%,
+          15% 26%,
+          15% 73%,
+          72% 73%,
+          72% 70%,
+          77% 70%,
+          77% 75%,
+          8% 75%,
+          8% 42%,
+          4% 42%,
+          4% 61%,
+          17% 61%,
+          17% 12%,
+          26% 12%,
+          26% 63%,
+          73% 63%,
+          73% 43%,
+          90% 43%,
+          90% 67%,
+          50% 67%,
+          50% 41%,
+          42% 41%,
+          42% 46%,
+          50% 46%,
+          50% 84%,
+          96% 84%,
+          96% 78%,
+          49% 78%,
+          49% 25%,
+          63% 25%,
+          63% 14%);
+    }
+
+    90% {
+      clip-path: polygon(0% 41%,
+          13% 41%,
+          13% 6%,
+          87% 6%,
+          87% 93%,
+          10% 93%,
+          10% 13%,
+          89% 13%,
+          89% 6%,
+          3% 6%,
+          3% 8%,
+          16% 8%,
+          16% 79%,
+          0% 79%,
+          0% 99%,
+          92% 99%,
+          92% 90%,
+          5% 90%,
+          5% 60%,
+          0% 60%,
+          0% 48%,
+          89% 48%,
+          89% 13%,
+          80% 13%,
+          80% 43%,
+          95% 43%,
+          95% 19%,
+          80% 19%,
+          80% 85%,
+          38% 85%,
+          38% 62%);
+    }
+
+    1%,
+    7%,
+    33%,
+    47%,
+    78%,
+    93% {
+      clip-path: none;
+    }
+  }
+
+  .movement {
+    /* Normally this position would be absolute & on the layers, set to relative here so we can see it on the div */
+    position: relative;
+    animation: movement 8s step-end infinite;
+  }
+
+  @keyframes movement {
+    0% {
+      top: 0px;
+      left: -20px;
+    }
+
+    15% {
+      top: 10px;
+      left: 10px;
+    }
+
+    60% {
+      top: 5px;
+      left: -10px;
+    }
+
+    75% {
+      top: -5px;
+      left: 20px;
+    }
+
+    100% {
+      top: 10px;
+      left: 5px;
+    }
+  }
+
+  .opacity {
+    animation: opacity 5s step-end infinite;
+  }
+
+  @keyframes opacity {
+    0% {
+      opacity: 0.1;
+    }
+
+    5% {
+      opacity: 0.7;
+    }
+
+    30% {
+      opacity: 0.4;
+    }
+
+    45% {
+      opacity: 0.6;
+    }
+
+    76% {
+      opacity: 0.4;
+    }
+
+    90% {
+      opacity: 0.8;
+    }
+
+    1%,
+    7%,
+    33%,
+    47%,
+    78%,
+    93% {
+      opacity: 0;
+    }
+  }
+
+  .font {
+    animation: font 7s step-end infinite;
+  }
+
+  @keyframes font {
+    0% {
+      font-weight: 100;
+      color: #e0287d;
+      filter: blur(3px);
+    }
+
+    20% {
+      font-weight: 500;
+      color: #fff;
+      filter: blur(0);
+    }
+
+    50% {
+      font-weight: 300;
+      color: #1bc7fb;
+      filter: blur(2px);
+    }
+
+    60% {
+      font-weight: 700;
+      color: #fff;
+      filter: blur(0);
+    }
+
+    90% {
+      font-weight: 500;
+      color: #e0287d;
+      filter: blur(6px);
+    }
+  }
+
+  .glitch span {
+    animation: paths 5s step-end infinite;
+  }
+
+  .glitch::before {
+    animation: paths 5s step-end infinite, opacity 5s step-end infinite,
+      font 8s step-end infinite, movement 10s step-end infinite;
+  }
+
+  .glitch::after {
+    animation: paths 5s step-end infinite, opacity 5s step-end infinite,
+      font 7s step-end infinite, movement 8s step-end infinite;
+  }
+
+  .hero-container {
+    position: relative;
+    text-align: center;
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    padding: 0;
+    /* Remove padding */
+    margin: 0;
+    /* Remove margin */
+    overflow: hidden;
+  }
+
+  .environment {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    opacity: 0.5;
+    filter: blur(5px);
+    background: url(https://s3.ap-northeast-1.wasabisys.com/cunnysafe/the-perfect-girl-3.jpg) center no-repeat;
+    background-size: cover;
+
+  }
+</style>
+<div class="hero-container">
+  <div class="environment"></div>
+  <h2 class="hero glitch layers" data-text="500"><span>500</span></h2><br><br>
+  <p class="glitch">Oy vey! This is borked! Spam Yano to see wot happened!</p>
+</div>