Merge branch 'main' into imgbot

1 files changed, 79 insertions, 5 deletions

diff --git a/static/css/main.css b/static/css/main.css
index 47ba85a3..4b6fde36 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -1,5 +1,5 @@
 body {
-    background-image: url("../images/bg.jpeg");
+    background-image: url("../images/site/bg.jpeg");
     background-size: cover;
     background-repeat: no-repeat;
     background-attachment: fixed;
@@ -12,7 +12,7 @@ body {
 }
 
 .header {
-    background-image: url("../images/banner.png");
+    background-image: url("../images/site/banner.png");
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
@@ -53,9 +53,9 @@ a:visited {
     color: #b894dc;
 } */
 
-svg {
+/* svg {
     filter: invert(1);
-}
+} */
 
 fieldset, legend {
     color: #cecece;
@@ -81,7 +81,7 @@ fieldset, legend {
     padding: 9px 20px 20px 20px;
     overflow-x: hidden;
     overflow-y: auto;
-    min-height: calc(100vh - 40px);
+    /* min-height: calc(100vh - 40px); */
 }
 
 .title:visited {
@@ -366,3 +366,77 @@ li.new::before{
     border-radius: 0 0 0 5px;
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
+
+.file {
+    padding: 4px 0px;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    width: 100%;
+}
+
+.file > div {
+    color: #cecece;
+}
+
+.file > a {
+    color: #cecece;
+    text-decoration: none;
+}
+
+.ft-file {
+    width: 32px;
+    background-image: url('../images/icons/file.ico');
+    background-repeat: no-repeat;
+    background-position: center;
+    margin-right: 10px;
+    background-size: contain;
+}
+
+.ft-dir {
+    width: 32px;
+    background-image: url('../images/icons/Folder.ico');
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    margin-right: 10px;
+}
+
+.file-name:hover {
+    cursor: pointer;
+    text-decoration: underline;
+}
+
+.file-meta.file-meta-dark {
+    display: none;
+}
+
+.hljs-style-github-dark-dimmed .hljs {
+    background: rgb(34 39 46 / 0%) !important;
+}
+
+pre {
+    color: white;
+    background-color: rgba(40, 48, 59, 0.317);
+    border: 1px solid #cecece;
+    padding: 10px;
+    border-radius: 5px;
+}
+
+.announcements {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.announcements > li::before {
+    content: '📢';
+    margin-right: 5px;
+    height: 16px;
+}
+
+.announcements > li.newac::before {
+    content: url('../images/gifs/new_announcement.gif');
+    margin-right: 5px;
+    height: 16px;
+}