Aggiunti tema tf2 e supporto temi

royalnet/database/tables/wikipages.py

@@ -27,3 +27,7 @@ class WikiPage:
     @declared_attr
     def format(self):
         return Column(String, nullable=False, default="markdown")
+
+    @declared_attr
+    def css(self):
+        return Column(String)

royalnet/web/blueprints/wikiview/__init__.py

@@ -35,9 +35,15 @@ def prepare_page_markdown(page):
 
 def prepare_page(page):
     if page.format == "markdown":
-        return f.render_template("wikiview_page.html", page=page, parsed_content=f.Markup(prepare_page_markdown(page)))
+        return f.render_template("wikiview_page.html",
+                                 page=page,
+                                 parsed_content=f.Markup(prepare_page_markdown(page)),
+                                 css=page.css)
     elif page.format == "html":
-        return f.render_template("wikiview_page.html", page=page, parsed_content=f.Markup(page.content))
+        return f.render_template("wikiview_page.html",
+                                 page=page,
+                                 parsed_content=f.Markup(page.content),
+                                 css=page.css)
     else:
         return "Format not available", 500
 
@@ -45,7 +51,7 @@ def prepare_page(page):
 @bp.route("/")
 def wikiview_index():
     from ...alchemyhandler import alchemy, alchemy_session
-    pages = alchemy_session.query(alchemy.WikiPage).all()
+    pages = sorted(alchemy_session.query(alchemy.WikiPage).all(), key=lambda page: page.title)
     return f.render_template("wikiview_index.html", pages=pages)
 
 

royalnet/web/blueprints/wikiview/templates/wikiview_page.html

@@ -8,19 +8,14 @@
     <div class="doublebox">
         <div class="top">
             <span class="left">
-                Wiki page
+                {{ page.title }}
             </span>
             <span class="right">
                 <a class="permalink no-icon" href="{{ url_for("wikiview.wikiview_by_id", page_id=page.page_id|string) }}">#</a>
             </span>
         </div>
         <div class="bot">
-            <h1>
+            {{ parsed_content }}
-                {{ page.title }}
-            </h1>
-            <div>
-                {{ parsed_content }}
-            </div>
         </div>
     </div>
 {% endblock %}

royalnet/web/static/ryg.css

@@ -407,4 +407,4 @@ nav .nav-login-unavailable {
 .faded {
   opacity: 0.3;
 }
-/*# sourceMappingURL=styling.css.map */
+/*# sourceMappingURL=ryg.css.map */

royalnet/web/static/ryg.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ryg.less"],"names":[],"mappings":"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","file":"ryg.css"}

royalnet/web/static/styling.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["styling.less"],"names":[],"mappings":"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","file":"styling.css"}

royalnet/web/static/tf2.less

@@ -0,0 +1,363 @@
+@bg: #2e2a28; //Background color
+@fg: #d2cdc8; //Foreground color
+@li: #9a4713; //Link
+@ec: #ffffff; //Extra color
+
+
+@font-face {
+    font-family: 'TF2';
+    src: url('https://scaleway.steffo.eu/tf2.ttf');
+}
+
+@font-face {
+    font-family: 'TF2 Build';
+    src: url('https://scaleway.steffo.eu/tf2build.ttf');
+}
+
+@font-face {
+    font-family: 'TF2 Professor';
+    src: url('https://scaleway.steffo.eu/tf2professor.ttf');
+}
+
+@font-face {
+    font-family: 'TF2 Secondary';
+    src: url('https://scaleway.steffo.eu/tf2secondary.ttf');
+}
+
+@main-fonts: "TF2 Secondary", sans-serif;
+@monospace-fonts: "Consolas", "Source Code Pro", monospace;
+
+//General
+body {
+    font-family: @main-fonts;
+    background-color: @bg;
+    color: @fg;
+    box-sizing: border-box;
+}
+
+a {
+    color: @li;
+    text-decoration: none;
+
+    &:hover {
+        color: lighten(@li, 25%);
+    }
+
+    &:active {
+        color: white;
+    }
+
+    //Icon link
+    //noinspection CssNoGenericFontName
+    &:not(.no-icon) {
+        //External link
+        &::before {
+            font-family: "Font Awesome 5 Free";
+            font-weight: bold;
+            content: "\f0c1";
+            margin-right: 4px;
+        }
+
+        //Telegram link
+        &[href^="https://t.me"]::before {
+            font-family: "Font Awesome 5 Brands";
+            font-weight: bold;
+            content: "\f2c6";
+            margin-right: 3px;
+        }
+
+        //YouTube link
+        &[href^="https://www.youtube.com"]::before, &[href^="https://youtu.be"]::before {
+            font-family: "Font Awesome 5 Brands";
+            font-weight: bold;
+            content: "\f167";
+            margin-right: 3px;
+        }
+
+        //Vimeo link
+        &[href^="https://vimeo.com"]::before, &[href^="https://player.vimeo.com"]::before {
+            font-family: "Font Awesome 5 Brands";
+            font-weight: bold;
+            content: "\f27d";
+            margin-right: 4px;
+        }
+
+        //GitHub link
+        &[href^="https://github.com"]::before, &[href^="https://gist.github.com"]::before {
+            font-family: "Font Awesome 5 Brands";
+            font-weight: bold;
+            content: "\f09b";
+            margin-right: 4px;
+        }
+
+        //Itchio link
+        &[href^="https://itch.io"]::before, &[href^="https://steffo.itch.io"]::before {
+            font-family: "Font Awesome 5 Brands";
+            font-weight: bold;
+            content: "\f83a";
+            margin-right: 3px;
+        }
+
+        //Kickstarter link
+        &[href^="https://www.kickstarter.com"]::before {
+            font-family: "Font Awesome 5 Brands";
+            font-weight: bold;
+            content: "\f3bb";
+            margin-right: 4px;
+        }
+
+        //Reddit link
+        &[href^="https://reddit.com"]::before, &[href^="https://new.reddit.com"]::before, &[href^="https://old.reddit.com"]::before, &[href^="https://redd.it"]::before {
+            font-family: "Font Awesome 5 Brands";
+            font-weight: bold;
+            content: "\f281";
+            margin-right: 3px;
+        }
+
+        //Twitch link
+        &[href^="https://www.twitch.tv"]::before, &[href^="https://clips.twitch.tv"]::before {
+            font-family: "Font Awesome 5 Brands";
+            font-weight: bold;
+            content: "\f1e8";
+            margin-right: 4px;
+        }
+
+        //Steam link
+        &[href^="https://store.steampowered.com"]::before, &[href^="https://steamcommunity.com"]::before, &[href^="https://partner.steamgames.com"]::before, &[href^="steam:"]::before {
+            font-family: "Font Awesome 5 Brands";
+            font-weight: bold;
+            content: "\f1b6";
+            margin-right: 4px;
+        }
+
+        //Twitter link
+        &[href^="https://twitter.com"]::before {
+            font-family: "Font Awesome 5 Brands";
+            font-weight: bold;
+            content: "\f099";
+            margin-right: 3px;
+        }
+
+        //Wikipedia link
+        &[href^="https://it.wikipedia.org"]::before, &[href^="https://en.wikipedia.org"]::before {
+            font-family: "Font Awesome 5 Brands";
+            font-weight: bold;
+            content: "\f266";
+            margin-right: 3px;
+        }
+
+        //Anchor
+        &[href^="#"]::before {
+            font-family: "Font Awesome 5 Free";
+            font-weight: bold;
+            content: "\f13d";
+            margin-right: 3px;
+        }
+
+        //Unsafe link
+        &[href^="http:"]::before {
+            font-family: "Font Awesome 5 Free";
+            font-weight: bold;
+            content: "\f09c";
+            margin-right: 4px;
+        }
+
+        //Magnet link
+        &[href^="magnet:"]::before {
+            font-family: "Font Awesome 5 Free";
+            font-weight: bold;
+            content: "\f076";
+            margin-right: 4px;
+        }
+    }
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-family: "TF2 Build", sans-serif;
+    color: @ec;
+    margin-top: 0;
+    margin-bottom: 0;
+    font-weight: normal;
+}
+
+code {
+    font-family: @monospace-fonts;
+}
+
+blockquote {
+    color: @fg;
+    border-left: 3px solid @fg;
+    background-color: fade(@fg, 10%);
+    padding: 2px 4px 2px 8px;
+    margin: 8px;
+}
+
+textarea {
+    background-color: fade(@fg, 10%);
+    color: @fg;
+    border: 1px solid @fg;
+    padding: 2px;
+    margin: 1px;
+    font-size: small;
+    font-family: @monospace-fonts;
+    width: 100%;
+    height: 300px;
+}
+
+button, input[type="submit"], .btn {
+    background-color: fade(@fg, 10%);
+    color: @fg !important;
+    border: 1px solid @fg;
+    border-radius: 0;
+    padding: 2px 8px;
+    margin: 1px;
+    font-size: medium;
+    font-family: sans-serif;
+    text-decoration: none;
+    cursor: default;
+
+    &:hover {
+        background-color: fade(@fg, 20%);
+        color: lighten(@fg, 25%);
+        border-color: lighten(@fg, 25%);
+    }
+
+    &:active {
+        background-color: fade(@fg, 30%);
+        color: white;
+        border-color: white;
+    }
+}
+
+pre {
+    margin: 0;
+}
+
+img {
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+    max-width: 100%;
+}
+
+nav {
+    display: flex;
+    justify-content: space-between;
+    height: 50px;
+    line-height: 50px;
+
+    .nav-left {
+        text-align: left;
+    }
+
+    .nav-center {
+        text-align: center;
+    }
+
+    .nav-right {
+        text-align: right;
+    }
+
+    .nav-image {
+        height: 50px;
+        display: none;
+        vertical-align: middle;
+    }
+
+    .nav-sitename {
+        color: @ec;
+        font-weight: bold;
+    }
+
+    .nav-login-unavailable {
+        opacity: 0.25;
+    }
+}
+
+//Elements
+
+.h-container {
+    display: flex;
+    justify-content: center;
+    align-content: center;
+    flex-direction: column;
+
+    @media (min-width: 800px)
+    {
+        flex-direction: row;
+    }
+}
+
+.main-container {
+    width: 100%;
+
+    @media (min-width: 800px)
+    {
+        width: 800px;
+    }
+
+    @media (min-width: 1200px)
+    {
+        width: 1200px;
+    }
+}
+
+.box {
+    background-color: @fg;
+    color: black;
+    border-radius: 2px;
+    padding: 4px;
+    margin: 8px;
+}
+
+.doublebox {
+    margin: 8px;
+
+    .top {
+        display: flex;
+        justify-content: space-between;
+        background-color: @li;
+        padding: 8px;
+        border-radius: 4px 4px 0 0;
+        color: @ec;
+        font-family: "TF2 Build", sans-serif;
+        font-weight: normal;
+
+        .left {
+            align-self: flex-start;
+        }
+
+        .right {
+            align-self: flex-end;
+        }
+
+        a {
+            color: #00caca;
+        }
+    }
+
+    .bot {
+        background-color: @fg;
+        color: black;
+        padding: 8px;
+        border-radius: 0 0 4px 4px;
+
+        h1, h2, h3, h4, h5, h6 {
+            color: black;
+        }
+    }
+}
+
+.spoiler {
+    color: rgba(0, 0, 0, 0);
+    border: 1px solid fade(@fg, 10%);
+    border-radius: 2px;
+
+    &:hover {
+        color: @fg;
+    }
+}
+
+.faded {
+    opacity: 0.3;
+}

royalnet/web/templates/base.html

@@ -10,7 +10,11 @@
     <meta property="og:site_name" content="Royal Games">
     <title>{% block title %}{% endblock %}</title>
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
-    <link rel="stylesheet" href="{{ url_for("static", filename="styling.css") }}">
+    {% if css %}
+        <link rel="stylesheet" href="{{ url_for("static", filename=css) }}">
+    {% else %}
+        <link rel="stylesheet" href="{{ url_for("static", filename="ryg.css") }}">
+    {% endif %}
     <link rel="icon" href="{{ url_for("static", filename="logo.png") }}" type="image/png">
 </head>
 <body>