ryg/royalnet
ryg/royalnet
1
Fork 0
mirror of https://github.com/RYGhub/royalnet.git synced 2024-11-23 19:44:20 +00:00
Code Activity

Style improvements

Browse source
This commit is contained in:
Steffo 2019-01-08 19:43:26 +01:00
parent 80630247b3
commit 2359c1cd4b
9 changed files with 110 additions and 125 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

79
static/nryg.less
View file

@ -18,10 +18,6 @@ h1, h2, h3, h4, h5, h6 {
color: @accent-color; color: @accent-color;
} }
h1 .whatsthis {
font-size: large;
}
a { a {
color: @link-color; color: @link-color;
text-decoration: none; text-decoration: none;
@ -216,6 +212,11 @@ table {
ul { ul {
list-style: none; list-style: none;
.multicolumn {
column-width: 192px;
word-wrap: break-word;
}
li { li {
&::before { &::before {
content: "•"; content: "•";
@ -232,21 +233,23 @@ ul {
} }
} }
img {
max-width: 100%;
@media (max-width:792px) {
max-width: initial;
}
}
.whatsthis {
font-size: large;
}
.omnicontainer { .omnicontainer {
width: 380px; width: 100%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@media (min-width: 792px)
{
width: 776px;
}
@media (min-width: 1180px)
{
width: 1164px;
}
@media (min-width: 1568px) { @media (min-width: 1568px) {
width: 1552px; width: 1552px;
} }
@ -273,11 +276,6 @@ ul {
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
padding: 8px; padding: 8px;
} }
ul {
column-width: 200px;
word-wrap: break-word;
}
} }
.input-grid { .input-grid {
@ -294,28 +292,6 @@ ul {
} }
} }
.super-title {
font-size: 64px;
text-align: center;
img {
height: 128px;
vertical-align: middle;
}
}
@media (min-width:601px) {
.mobile-only {
display: none;
}
}
@media (max-width:600px) {
.desktop-only {
display: none;
}
}
.game-panel { .game-panel {
display: inline-block; display: inline-block;
margin: 4px; margin: 4px;
@ -934,7 +910,7 @@ ul {
.two-columns { .two-columns {
display: grid; display: grid;
@media (min-width:601px) { @media (min-width:791px) {
//Desktop //Desktop
grid-template-columns: 50% 50%; grid-template-columns: 50% 50%;
@ -948,7 +924,7 @@ ul {
} }
} }
@media (max-width:600px) { @media (max-width:792px) {
//Mobile //Mobile
grid-template-columns: 100%; grid-template-columns: 100%;
@ -1009,7 +985,6 @@ ul {
} }
} }
.quest { .quest {
padding: 8px; padding: 8px;
color: @accent-color; color: @accent-color;
@ -1055,6 +1030,20 @@ ul {
} }
} }
#royal-games {
font-size: 64px;
text-align: center;
@media (max-width:792px) {
font-size: 32px;
}
img {
height: 128px;
vertical-align: middle;
}
}
#debug-mode { #debug-mode {
color: red; color: red;
font-weight: bold; font-weight: bold;

4
templates/base.html
View file

@ -32,6 +32,8 @@
</span> </span>
</div> </div>
</nav> </nav>
{% block body %}{% endblock %} <div class="omnicontainer">
{% block body %}{% endblock %}
</div>
</body> </body>
</html> </html>

2
templates/components/gamestatsbox.html
View file

@ -3,7 +3,7 @@
Noi in vari giochi Noi in vari giochi
</div> </div>
<div class="lower-box"> <div class="lower-box">
<ul> <ul class="multicolumn">
<li><a href="{{ url_for("page_game", name="ryg") }}">Royal Games</a></li> <li><a href="{{ url_for("page_game", name="ryg") }}">Royal Games</a></li>
<li><a href="{{ url_for("page_game", name="halloween2018") }}">Halloween 2018</a></li> <li><a href="{{ url_for("page_game", name="halloween2018") }}">Halloween 2018</a></li>
<li><a href="{{ url_for("page_game", name="tg") }}">Telegram</a></li> <li><a href="{{ url_for("page_game", name="tg") }}">Telegram</a></li>

2
templates/components/memberbox.html
View file

@ -3,7 +3,7 @@
Membri Membri
</div> </div>
<div class="lower-box"> <div class="lower-box">
<ul> <ul class="multicolumn">
{% for royal in royals %} {% for royal in royals %}
<li class="{% if royal.role == "Admin" %}admin{% endif %}"><a href="/profile/{{ royal.username }}">{{ royal.username }}</a></li> <li class="{% if royal.role == "Admin" %}admin{% endif %}"><a href="/profile/{{ royal.username }}">{{ royal.username }}</a></li>
{% endfor %} {% endfor %}

2
templates/components/wikibox.html
View file

@ -9,7 +9,7 @@
Pagine Wiki Pagine Wiki
</div> </div>
<div class="lower-box"> <div class="lower-box">
<ul> <ul class="multicolumn">
{% for page in wiki_pages %} {% for page in wiki_pages %}
<li><a href="/wiki/{{ page.key }}">{{ page.key }}</a></li> <li><a href="/wiki/{{ page.key }}">{{ page.key }}</a></li>
{% endfor %} {% endfor %}

10
templates/diario.html
View file

@ -12,11 +12,9 @@
<h1> <h1>
Diario <a href="{{ url_for("page_wiki", key="Diario") }}" class="whatsthis">Cos'è?</a> Diario <a href="{{ url_for("page_wiki", key="Diario") }}" class="whatsthis">Cos'è?</a>
</h1> </h1>
<div class="omnicontainer"> <div class="diario">
<div class="diario"> {% for entry in entries %}
{% for entry in entries %} {% include "components/diarioentry.html" %}
{% include "components/diarioentry.html" %} {% endfor %}
{% endfor %}
</div>
</div> </div>
{% endblock %} {% endblock %}

16
templates/game.html
View file

@ -13,15 +13,13 @@
<h1> <h1>
Royal Games su {{ game_name }} Royal Games su {{ game_name }}
</h1> </h1>
<div class="omnicontainer"> <div class="game">
<div class="game"> <div class="game-panels">
<div class="game-panels"> {% for mini in minis %}
{% for mini in minis %} {% with record = mini %}
{% with record = mini %} {% include "minis/" + game_short_name + ".html" %}
{% include "minis/" + game_short_name + ".html" %} {% endwith %}
{% endwith %} {% endfor %}
{% endfor %}
</div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}

2
templates/main.html
View file

@ -9,7 +9,7 @@
{% endblock %} {% endblock %}
{% block body %} {% block body %}
<h1 class="super-title"> <h1 id="royal-games">
<img src="{{ url_for('static', filename='FixMeRYGLogo.jpg') }}" alt=""> Royal Games <img src="{{ url_for('static', filename='FixMeRYGLogo.jpg') }}" alt=""> Royal Games
</h1> </h1>
<div class="two-columns"> <div class="two-columns">

118
templates/profile.html
View file

@ -23,68 +23,66 @@
<h1> <h1>
Profilo di {{ ryg.username }} {% if session.get('user_id', '') == ryg.id %}<a href="{{ url_for('page_editprofile') }}" id="edit-css">Modifica</a>{% endif %} Profilo di {{ ryg.username }} {% if session.get('user_id', '') == ryg.id %}<a href="{{ url_for('page_editprofile') }}" id="edit-css">Modifica</a>{% endif %}
</h1> </h1>
<div class="omnicontainer"> <div class="profile">
<div class="profile"> {% if css.bio %}
{% if css.bio %} <div class="box bio">
<div class="box bio"> <div class="upper-box">
<div class="upper-box"> Bio
Bio </div>
</div> <div class="lower-box">
<div class="lower-box"> {{ bio }}
{{ bio }}
</div>
</div> </div>
{% endif %}
<div class="game-panels">
{% with record = ryg %}
{% include "minis/ryg.html" %}
{% endwith %}
{% if halloween %}
{% with record = halloween %}
{% include "minis/halloween2018.html" %}
{% endwith %}
{% endif %}
{% if tg %}
{% with record = tg %}
{% include "minis/tg.html" %}
{% endwith %}
{% endif %}
{% if discord %}
{% with record = discord %}
{% include "minis/discord.html" %}
{% endwith %}
{% endif %}
{% if steam %}
{% with record = steam %}
{% include "minis/steam.html" %}
{% endwith %}
{% endif %}
{% if dota %}
{% with record = dota %}
{% include "minis/dota.html" %}
{% endwith %}
{% endif %}
{% if osu %}
{% with record = osu %}
{% include "minis/osu.html" %}
{% endwith %}
{% endif %}
{% if lol %}
{% with record = lol %}
{% include "minis/lol.html" %}
{% endwith %}
{% endif %}
{% if ow %}
{% with record = ow %}
{% include "minis/ow.html" %}
{% endwith %}
{% endif %}
{% if terraria13 %}
{% with record = terraria13 %}
{% include "minis/terraria13.html" %}
{% endwith %}
{% endif %}
</div> </div>
{% endif %}
<div class="game-panels">
{% with record = ryg %}
{% include "minis/ryg.html" %}
{% endwith %}
{% if halloween %}
{% with record = halloween %}
{% include "minis/halloween2018.html" %}
{% endwith %}
{% endif %}
{% if tg %}
{% with record = tg %}
{% include "minis/tg.html" %}
{% endwith %}
{% endif %}
{% if discord %}
{% with record = discord %}
{% include "minis/discord.html" %}
{% endwith %}
{% endif %}
{% if steam %}
{% with record = steam %}
{% include "minis/steam.html" %}
{% endwith %}
{% endif %}
{% if dota %}
{% with record = dota %}
{% include "minis/dota.html" %}
{% endwith %}
{% endif %}
{% if osu %}
{% with record = osu %}
{% include "minis/osu.html" %}
{% endwith %}
{% endif %}
{% if lol %}
{% with record = lol %}
{% include "minis/lol.html" %}
{% endwith %}
{% endif %}
{% if ow %}
{% with record = ow %}
{% include "minis/ow.html" %}
{% endwith %}
{% endif %}
{% if terraria13 %}
{% with record = terraria13 %}
{% include "minis/terraria13.html" %}
{% endwith %}
{% endif %}
</div> </div>
</div> </div>
{% endblock %} {% endblock %}