From bcca5c9a874205b967c95ccb4544d0d3583a8792 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <ste.pigozzi@gmail.com>
Date: Mon, 1 Oct 2018 18:09:22 +0200
Subject: [PATCH] More spoopy stuff

---
 static/nryg.less   |  28 +-
 static/spoopy.less | 911 +++++++++++++++++++++++++++++++++++++++++++++
 webserver.py       |  29 +-
 3 files changed, 921 insertions(+), 47 deletions(-)
 create mode 100644 static/spoopy.less

diff --git a/static/nryg.less b/static/nryg.less
index cc49aadc..6b1fd6b0 100644
--- a/static/nryg.less
+++ b/static/nryg.less
@@ -1,9 +1,9 @@
-@background-color: #0d0303;
-@text-color: #ff8080;
+@background-color: #0d193b;
+@text-color: #a0ccff;
+@accent-color: white;
 @quote-color: #a0ffcc;
 @spoiler-color: #ffa0cc;
 @highlight-color: #ffff95;
-@accent-color: #ffcccc;
 @link-color: #00aaff;
 @visited-color: #aa66ff;
 
@@ -878,28 +878,6 @@ ntry {
     }
 }
 
-@keyframes shake {
-    0%, 100% {
-        transform: translate(2px, 2px);
-    }
-
-    20%, 80% {
-        transform: translate(-2px, -2px);
-    }
-
-    40% {
-        transform: translate(2px, -2px);
-    }
-
-    60% {
-        transform: translate(-2px, 2px);
-    }
-
-    10%, 30%, 50%, 70%, 90% {
-        transform: translate(0px, 0px);
-    }
-}
-
 #debug-mode {
     color: red;
     font-weight: bold;
diff --git a/static/spoopy.less b/static/spoopy.less
new file mode 100644
index 00000000..f8a3bd7c
--- /dev/null
+++ b/static/spoopy.less
@@ -0,0 +1,911 @@
+@background-color: #1a0606;
+@text-color: #ffa1a1;
+@accent-color: #ffcccc;
+@quote-color: #a0ffcc;
+@spoiler-color: #ffa0cc;
+@highlight-color: #ffff95;
+@link-color: #66aacc;
+@visited-color: #9870cc;
+
+body {
+    font-family: sans-serif;
+    color: @text-color;
+    background-color: @background-color;
+    box-sizing: border-box;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    color: @accent-color;
+}
+
+a {
+    color: @link-color;
+    text-decoration: none;
+
+    &:hover, &:active {
+        color: @link-color;
+        text-decoration: underline;
+    }
+
+    &:visited {
+        color: @visited-color;
+    }
+}
+
+blockquote {
+    color: @quote-color;
+    border-left: 3px solid @quote-color;
+    background-color: rgba(red(@quote-color), green(@quote-color), blue(@quote-color), 0.1);
+    padding: 2px 4px 2px 8px;
+    margin-left: 8px;
+
+    p {
+        padding-top: 2px;
+        margin: 4px 0;
+    }
+
+    &.spoiler {
+        color: transparent;
+        border-color: @spoiler-color;
+        background-color: rgba(red(@spoiler-color), green(@spoiler-color), blue(@spoiler-color), 0.1);
+
+        &:hover {
+            color: @spoiler-color;
+        }
+    }
+
+    &:target {
+        color: @highlight-color;
+        border-color: @highlight-color;
+        background-color: rgba(red(@highlight-color), green(@highlight-color), blue(@highlight-color), 0.1);
+    }
+}
+
+pre {
+    margin: 0;
+}
+
+code {
+    font-family: "Consolas", "Source Code Pro", monospace;
+}
+
+input[type="text"], input[type="password"] {
+    background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.1);
+    color: @text-color;
+    border: none;
+    border-bottom: 1px dashed @text-color;
+    padding: 2px;
+    margin: 1px;
+    font-size: medium;
+    font-family: sans-serif;
+    width: 100%;
+}
+
+textarea {
+    background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.1);
+    color: @text-color;
+    font-size: small;
+    font-family: "Consolas", "Source Code Pro", monospace;
+    padding: 2px;
+    margin: 1px;
+    border: 1px dotted @text-color;
+    width: 100%;
+    height: 300px;
+}
+
+button, input[type="submit"], .btn {
+    background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.1);
+    border-radius: 0;
+    border: 1px solid @text-color;
+    color: @text-color !important;
+    padding: 2px 8px;
+    margin: 1px;
+    font-size: medium;
+    font-family: sans-serif;
+    text-decoration: none;
+    cursor: default;
+
+    &:hover {
+        background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.3);
+        border: 1px solid @accent-color;
+    }
+
+    &:active {
+        background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.5);
+        color: @accent-color !important;
+        border: 1px solid @accent-color;
+    }
+}
+
+nav {
+    border-bottom: 1px solid rgba(red(@text-color), green(@text-color), blue(@text-color), 0.1);
+    padding: 8px;
+    display: grid;
+
+    .ryg-logo {
+        width: 32px;
+        height: 32px;
+        vertical-align: middle;
+        border-radius: 32px;
+    }
+
+    .left
+    {
+        grid-column: 1;
+        text-align: left;
+    }
+
+    .right
+    {
+        grid-column: 2;
+        text-align: right;
+    }
+}
+
+table {
+    border-collapse: collapse;
+
+    thead {
+        margin-top: 4px;
+        margin-left: 4px;
+        margin-right: 4px;
+        padding: 8px;
+
+        th {
+            background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.2);
+            color: @accent-color;
+            padding-left: 4px;
+            padding-right: 4px;
+            text-align: left;
+            font-size: small;
+            font-weight: bold;
+        }
+
+        tr:first-child {
+            th:first-child {
+                border-radius: 4px 0 0 0;
+            }
+
+            th:last-child {
+                border-radius: 0 4px 0 0;
+            }
+        }
+    }
+
+    tbody {
+        margin-bottom: 4px;
+        margin-left: 4px;
+        margin-right: 4px;
+        padding: 8px;
+
+        td {
+            background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.1);
+            padding-left: 4px;
+            padding-right: 4px;
+        }
+
+        tr {
+            border-bottom: 1px solid rgba(red(@text-color), green(@text-color), blue(@text-color), 0.2);;
+
+            &:last-child {
+                border-bottom: none;
+
+                td:first-child {
+                    border-radius: 0 0 0 4px;
+                }
+
+                td:last-child {
+                    border-radius: 0 0 4px 0;
+                }
+            }
+        }
+    }
+}
+
+.box {
+    .upper-box {
+        margin-top: 4px;
+        border-radius: 4px 4px 0 0;
+        background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.2);
+        color: @accent-color;
+        font-size: small;
+        font-weight: bold;
+        margin-left: 4px;
+        margin-right: 4px;
+        padding: 8px;
+    }
+
+    .lower-box {
+        background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.1);
+        margin-bottom: 4px;
+        margin-left: 4px;
+        margin-right: 4px;
+        border-radius: 0 0 4px 4px;
+        padding: 8px;
+    }
+}
+
+.input-grid {
+    display: grid;
+
+    label {
+        margin: 3px;
+        grid-column: 1;
+        max-width: 120px;
+    }
+
+    input {
+        grid-column: 2;
+    }
+}
+
+@media (min-width:601px) {
+    .mobile-only {
+        display: none;
+    }
+}
+
+@media (max-width:600px) {
+    .desktop-only {
+        display: none;
+    }
+}
+
+.game-panel {
+    display: inline-block;
+    margin: 4px;
+    vertical-align: top;
+    width: 380px;
+}
+
+.game-grid {
+    display: grid;
+    height: 100px;
+    border-radius: 10px;
+    position: relative;
+
+    .game-title {
+        grid-row: 2;
+        font-size: smaller;
+    }
+
+    .game-score {
+        grid-row: 3;
+    }
+
+    .game-extra {
+        grid-row: 4;
+        font-size: smaller;
+    }
+
+    .player {
+        grid-row: 1;
+        font-size: large;
+
+        a {
+            text-decoration: none;
+        }
+
+        .player-image {
+            width: 32px;
+            height: 32px;
+            vertical-align: middle;
+        }
+    }
+}
+
+//Dirtiest hack ever
+.game-panels {
+    font-size: 0;
+
+    .game-panel {
+        font-size: medium;
+    }
+
+    .osu {
+        font-family: 'Exo 2', 'Helvetica Neue', 'Arial', sans-serif;
+        font-style: italic;
+        border: 8px solid #ffffff;
+        color: #ffffff;
+        padding: 10px;
+        grid-row-gap: 5px;
+        grid-template-columns: 25% 25% 25% 25%;
+
+        .background-image {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            left: 0;
+            top: 0;
+            background-image: url("https://osu.ppy.sh/images/layout/nav-backgrounds/triangles-combined.png");
+            z-index: -2;
+        }
+
+        .background-color {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            left: 0;
+            top: 0;
+            background-color: rgba(187, 17, 119, 0.9);
+            z-index: -1;
+        }
+
+        .player {
+            grid-row: 1;
+            grid-column-start: 1;
+            grid-column-end: 4;
+
+            .player-image {
+                border-radius: 16px;
+            }
+
+            .player-name {
+                color: #ffffff;
+            }
+        }
+
+        .game-title {
+            font-style: normal;
+        }
+
+        .standard {
+            grid-column: 1;
+        }
+
+        .taiko {
+            grid-column: 2;
+        }
+
+        .catch {
+            grid-column: 3;
+        }
+
+        .mania {
+            grid-column: 4;
+        }
+
+        .number {
+            font-size: large;
+        }
+
+        .pp {
+            font-size: x-small;
+        }
+    }
+
+    .rl {
+        background-image: linear-gradient(to bottom, rgba(35, 91, 139, .5), rgba(16, 54, 84, .5)),
+        linear-gradient(to right, rgba(35, 91, 139, .7), rgba(16, 54, 84, .7));
+        grid-template-columns: 25% 25% 25% 25%;
+        padding: 18px;
+        grid-row-gap: 5px;
+
+        .player {
+            grid-row: 1;
+            grid-column-start: 1;
+            grid-column-end: 4;
+
+            .player-name {
+                color: #ffffff;
+                text-shadow: 2px 2px 8px #359ef2, -2px 2px 8px #359ef2, 2px -2px 8px #359ef2, -2px -2px 8px #359ef2;
+            }
+        }
+
+        .game-title {
+            text-align: center;
+            color: #41abfa;
+            text-shadow: 2px 2px 8px #235b8b, -2px 2px 8px #235b8b, 2px -2px 8px #235b8b, -2px -2px 8px #235b8b;
+        }
+
+        .game-score img {
+            height: 36px;
+            display: block;
+            margin: auto;
+        }
+
+        .duel {
+            grid-column: 1;
+        }
+
+        .doubles {
+            grid-column: 2;
+        }
+
+        .standard {
+            grid-column: 3;
+        }
+
+        .solostd {
+            grid-column: 4;
+        }
+
+    }
+
+    .dota {
+        padding: 15px;
+        border: 3px solid #000000;
+        grid-row-gap: 5px;
+        grid-template-columns: 25% 75%;
+        font-family: "Radiance", sans-serif;
+        background-image: linear-gradient(to bottom, #440b0b, #631013);
+        color: #ffffff;
+
+        .player {
+            grid-row: 1;
+            grid-column-start: 1;
+            grid-column-end: 3;
+
+            .player-name {
+                color: #ffffff;
+            }
+        }
+
+        .game-score.wins {
+            font-size: x-large;
+        }
+
+        .wins {
+            grid-column: 1;
+            text-align: center;
+        }
+
+        .rank {
+            grid-column: 2;
+            grid-row-start: 2;
+            grid-row-end: 4;
+            margin-top: auto;
+            margin-bottom: auto;
+
+            img {
+                vertical-align: middle;
+            }
+
+            img.stars {
+                position: relative;
+                height: 60px;
+                left: -60px;
+                margin-right: -60px;
+                z-index: 1;
+            }
+
+            img.medal {
+                height: 60px;
+            }
+        }
+    }
+
+    .lol {
+        font-family: "BeaufortLoL", "Times New Roman", serif;
+        padding: 15px;
+        color: #c9aa71;
+        border: 3px solid #463714;
+        background-color: #010a13;
+        grid-row-gap: 5px;
+        grid-template-columns: 20% 20% 20% 20% 20%;
+
+        .player {
+            grid-row: 1;
+            grid-column-start: 1;
+            grid-column-end: 4;
+
+            .player-image {
+                border-radius: 16px;
+            }
+        }
+
+        .level {
+            grid-column: 1;
+        }
+
+        .game-score.level {
+            font-size: x-large;
+        }
+
+        .mastery {
+            grid-column: 2;
+        }
+
+        .game-score.mastery {
+            border-radius: 40px;
+        }
+
+        .soloq {
+            grid-column: 3;
+        }
+
+        .flexq {
+            grid-column: 4;
+        }
+
+        .twtrq {
+            grid-column: 5;
+        }
+
+        .game-title {
+            text-align: center;
+        }
+
+        .game-score {
+            text-align: center;
+            margin: auto;
+        }
+
+        .rank {
+            height: 40px;
+        }
+    }
+
+    .steam {
+        font-family: "Motiva Sans", sans-serif;
+        padding: 18px;
+        background: url("https://steamstore-a.akamaihd.net/public/images/v6/colored_body_top2.png?v=2") center;
+
+        .player .player-name {
+            grid-row: 1;
+            grid-column: 1;
+            color: #ffffff;
+        }
+
+        .buttons {
+            grid-row: 2;
+            grid-column-start: 1;
+            grid-column-end: 3;
+        }
+
+        .game-banner {
+            grid-row: 1;
+            grid-column: 2;
+            text-align: right;
+
+            img {
+                height: 58px;
+                border-radius: 4px;
+            }
+        }
+
+        a {
+            text-decoration: none;
+            display: inline-block;
+        }
+
+        .button {
+            background-color: rgba(0, 0, 0, 0.4);
+            color: #9e9d9b;
+            width: 32px;
+            height: 32px;
+            border-radius: 4px;
+            text-align: center;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+
+        .button:hover, .button:active {
+            background-color: rgba(102, 192, 244, 0.4);
+            color: #ffffff;
+        }
+    }
+
+    .ow {
+        padding: 16px;
+        font-family: "FuturaNo2D", sans-serif;
+        background-color: #371b00;
+        border: 2px solid #ff9c00;
+        grid-row-gap: 5px;
+        grid-template-columns: 25% 75%;
+        color: #ffffff;
+        text-transform: uppercase;
+
+        .player {
+            grid-row: 1;
+            grid-column-start: 1;
+            grid-column-end: 3;
+
+            .player-image {
+                border-radius: 2px;
+                vertical-align: middle;
+            }
+
+            .player-name {
+                color: #ffffff;
+            }
+        }
+
+        .game-title {
+            color: #ff9c00;
+        }
+
+        .game-score.level {
+            font-size: x-large;
+        }
+
+        .level {
+            grid-column: 1;
+            text-align: center;
+        }
+
+        .rank {
+            grid-column: 2;
+            grid-row-start: 2;
+            grid-row-end: 4;
+            margin-top: auto;
+            margin-bottom: auto;
+
+            .icon {
+                background-color: rgba(0, 0, 0, 0.1);
+                border-radius: 8px;
+                height: 60px;
+                width: 60px;
+                display: inline-block;
+                vertical-align: middle;
+                margin-right: 8px;
+            }
+
+            .ranked.text {
+                font-size: x-large;
+            }
+        }
+    }
+
+    .ryg {
+        background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.1);
+        padding: 18px;
+        grid-template-columns: 80% 20%;
+
+        .player {
+            grid-row: 1;
+            grid-column-start: 1;
+            grid-column-end: 3;
+            font-weight: bold;
+        }
+
+        .member-status {
+            grid-column: 1;
+            grid-row-start: 2;
+            grid-row-end: 4;
+            font-size: x-large;
+            margin-top: auto;
+            margin-bottom: auto;
+        }
+
+        .fiorygi {
+            grid-column: 2;
+        }
+
+        .fiorygi.game-score {
+            font-size: x-large;
+        }
+    }
+
+    .telegram {
+        font-family: "Lucida Sans Unicode", sans-serif;
+        background-color: #32afed;
+        border: 6px solid white;
+        padding: 12px;
+        color: black;
+
+        a, a:hover, a:active, a:visited {
+            color: black;
+        }
+
+        .player {
+            font-weight: bold;
+        }
+
+        .useless-stuff {
+            grid-column: 1;
+        }
+    }
+
+    .discord {
+        background-color: #7289da;
+        padding: 18px;
+        color: white;
+        font-family: "Whitney", sans-serif;
+        grid-template-columns: 50% 50%;
+
+        a, a:hover, a:active, a:visited {
+            color: white;
+        }
+
+        .player-image {
+            border-radius: 16px;
+        }
+
+        .game-score {
+            overflow: hidden;
+        }
+
+        .last-video {
+            grid-column: 1;
+        }
+
+        .fav-video {
+            grid-column: 2;
+        }
+
+        .none {
+            color: rgba(255, 255, 255, 0.3);
+        }
+    }
+
+    .gamelog {
+        background-color: #00ffc8;
+        padding: 18px;
+        color: black;
+        font-family: "Arial", sans-serif;
+        grid-template-columns: 33.3% 33.4% 33.3%;
+
+        .games-owned {
+            grid-column: 1;
+        }
+
+        .games-beaten {
+            grid-column: 2;
+        }
+
+        .games-completed {
+            grid-column: 3;
+        }
+    }
+}
+
+.wiki {
+
+    .wiki-log {
+        font-family: "Consolas", "Source Code Pro", monospace;
+        margin-bottom: 12px;
+
+        .last-reason {
+            font-style: italic;
+        }
+    }
+
+    .wiki-edit {
+        border-top: 1px solid rgba(red(@text-color), green(@text-color), blue(@text-color), 0.3);
+
+        h4 {
+            padding: 0;
+        }
+    }
+
+    //Text generated by the Markdown extension
+    .codehilite {
+        border-radius: 4px;
+        padding: 4px;
+    }
+}
+
+ntry {
+    display: grid;
+
+    .left {
+        grid-column: 1;
+    }
+
+    .right {
+        grid-column: 2;
+        text-align: right;
+        margin-top: auto;
+    }
+
+    cite {
+        font-size: smaller;
+    }
+
+    .entry-id {
+        text-align: right;
+    }
+}
+
+.main-page {
+    display: grid;
+
+    @media (min-width:601px) {
+        //Desktop
+
+        grid-template-columns: 50% 50%;
+
+        .left {
+            grid-column: 1;
+        }
+
+        .right {
+            grid-column: 2;
+        }
+    }
+
+    @media (max-width:600px) {
+        //Mobile
+
+        grid-template-columns: 100%;
+
+        .left {
+            grid-row: 1;
+        }
+
+        .right {
+            grid-row: 2;
+        }
+    }
+}
+
+.event {
+    display: grid;
+    padding-top: 4px;
+    padding-bottom: 4px;
+    grid-template-columns: 28% 50% 22%;
+
+    .time {
+        grid-column: 1;
+        grid-row: 1;
+    }
+
+    .name {
+        grid-column: 2;
+        grid-row: 1;
+        font-weight: bold;
+        color: @accent-color;
+    }
+
+    .author {
+        grid-column: 3;
+        grid-row: 1;
+        text-align: right;
+    }
+
+    .description {
+        grid-row: 2;
+        grid-column-start: 1;
+        grid-column-end: 4;
+    }
+}
+
+.profile {
+    width: 380px;
+    margin-left: auto;
+    margin-right: auto;
+
+    @media (min-width: 792px)
+    {
+        width: 776px;
+    }
+
+    @media (min-width: 1180px)
+    {
+        width: 1164px;
+    }
+}
+
+@keyframes shake {
+    0%, 100% {
+        transform: translate(2px, 2px);
+    }
+
+    20%, 80% {
+        transform: translate(-2px, -2px);
+    }
+
+    40% {
+        transform: translate(2px, -2px);
+    }
+
+    60% {
+        transform: translate(-2px, 2px);
+    }
+
+    10%, 30%, 50%, 70%, 90% {
+        transform: translate(0px, 0px);
+    }
+}
+
+#debug-mode {
+    color: red;
+    font-weight: bold;
+    background-color: darkred;
+}
+
+#edit-css {
+    font-size: medium;
+}
diff --git a/webserver.py b/webserver.py
index 4b2a29fc..61cc1fdc 100644
--- a/webserver.py
+++ b/webserver.py
@@ -137,6 +137,8 @@ def page_logout():
 
 @app.route("/password", methods=["GET", "POST"])
 def page_password():
+    if not fl_session.get("user_id"):
+        return redirect(url_for("page_login"))
     user_id = fl_session.get("user_id")
     if request.method == "GET":
         if user_id is None:
@@ -160,16 +162,14 @@ def page_password():
 @app.route("/editprofile", methods=["GET", "POST"])
 def page_editprofile():
     user_id = fl_session.get("user_id")
+    if not user_id:
+        return redirect(url_for("page_login"))
     db_session = db.Session()
     profile_data = db_session.query(db.ProfileData).filter_by(royal_id=user_id).join(db.Royal).one_or_none()
     if request.method == "GET":
         db_session.close()
-        if user_id is None:
-            return redirect(url_for("page_login"))
         return render_template("profileedit.html", data=profile_data, rygconf=config)
     elif request.method == "POST":
-        if user_id is None:
-            return redirect(url_for("page_login"))
         css = request.form.get("css", "")
         bio = request.form.get("bio", "")
         if "</style" in css:
@@ -317,30 +317,15 @@ def page_wiki(key: str):
 
 @app.route("/diario")
 def page_diario():
+    user_id = fl_session.get("user_id")
+    if not user_id:
+        return redirect(url_for("page_login"))
     db_session = db.Session()
     diario_entries = db_session.query(db.Diario).order_by(db.Diario.timestamp.desc()).all()
     db_session.close()
     return render_template("diario.html", rygconf=config, entries=diario_entries)
 
 
-@app.route("/ee/r", methods=["POST"])
-def ee_r():
-    if fl_session["user_id"] is None:
-        abort(403)
-        return
-    db_session = db.Session()
-    trigger = db_session.query(db.EETrigger).filter_by(royal_id=fl_session["user_id"]).one_or_none()
-    if trigger is None:
-        trigger = db.EETrigger(royal_id=fl_session["user_id"],
-                               stage="R")
-        user = db_session.query(db.Royal).filter_by(id=fl_session["user_id"]).one()
-        db_session.add(trigger)
-        user.fiorygi += 1
-        db_session.commit()
-    db_session.close()
-    return "R"
-
-
 if __name__ == "__main__":
     try:
         app.run(host="0.0.0.0", port=1235, debug=__debug__)