mirror of
https://github.com/RYGhub/royalnet.git
synced 2024-11-27 13:34:28 +00:00
More spoopy stuff
This commit is contained in:
parent
7d59664c48
commit
bcca5c9a87
3 changed files with 921 additions and 47 deletions
|
|
@ -1,9 +1,9 @@
|
||||||
@background-color: #0d0303;
|
@background-color: #0d193b;
|
||||||
@text-color: #ff8080;
|
@text-color: #a0ccff;
|
||||||
|
@accent-color: white;
|
||||||
@quote-color: #a0ffcc;
|
@quote-color: #a0ffcc;
|
||||||
@spoiler-color: #ffa0cc;
|
@spoiler-color: #ffa0cc;
|
||||||
@highlight-color: #ffff95;
|
@highlight-color: #ffff95;
|
||||||
@accent-color: #ffcccc;
|
|
||||||
@link-color: #00aaff;
|
@link-color: #00aaff;
|
||||||
@visited-color: #aa66ff;
|
@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 {
|
#debug-mode {
|
||||||
color: red;
|
color: red;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
|
||||||
911
static/spoopy.less
Normal file
911
static/spoopy.less
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
29
webserver.py
29
webserver.py
|
|
@ -137,6 +137,8 @@ def page_logout():
|
||||||
|
|
||||||
@app.route("/password", methods=["GET", "POST"])
|
@app.route("/password", methods=["GET", "POST"])
|
||||||
def page_password():
|
def page_password():
|
||||||
|
if not fl_session.get("user_id"):
|
||||||
|
return redirect(url_for("page_login"))
|
||||||
user_id = fl_session.get("user_id")
|
user_id = fl_session.get("user_id")
|
||||||
if request.method == "GET":
|
if request.method == "GET":
|
||||||
if user_id is None:
|
if user_id is None:
|
||||||
|
|
@ -160,16 +162,14 @@ def page_password():
|
||||||
@app.route("/editprofile", methods=["GET", "POST"])
|
@app.route("/editprofile", methods=["GET", "POST"])
|
||||||
def page_editprofile():
|
def page_editprofile():
|
||||||
user_id = fl_session.get("user_id")
|
user_id = fl_session.get("user_id")
|
||||||
|
if not user_id:
|
||||||
|
return redirect(url_for("page_login"))
|
||||||
db_session = db.Session()
|
db_session = db.Session()
|
||||||
profile_data = db_session.query(db.ProfileData).filter_by(royal_id=user_id).join(db.Royal).one_or_none()
|
profile_data = db_session.query(db.ProfileData).filter_by(royal_id=user_id).join(db.Royal).one_or_none()
|
||||||
if request.method == "GET":
|
if request.method == "GET":
|
||||||
db_session.close()
|
db_session.close()
|
||||||
if user_id is None:
|
|
||||||
return redirect(url_for("page_login"))
|
|
||||||
return render_template("profileedit.html", data=profile_data, rygconf=config)
|
return render_template("profileedit.html", data=profile_data, rygconf=config)
|
||||||
elif request.method == "POST":
|
elif request.method == "POST":
|
||||||
if user_id is None:
|
|
||||||
return redirect(url_for("page_login"))
|
|
||||||
css = request.form.get("css", "")
|
css = request.form.get("css", "")
|
||||||
bio = request.form.get("bio", "")
|
bio = request.form.get("bio", "")
|
||||||
if "</style" in css:
|
if "</style" in css:
|
||||||
|
|
@ -317,30 +317,15 @@ def page_wiki(key: str):
|
||||||
|
|
||||||
@app.route("/diario")
|
@app.route("/diario")
|
||||||
def page_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()
|
db_session = db.Session()
|
||||||
diario_entries = db_session.query(db.Diario).order_by(db.Diario.timestamp.desc()).all()
|
diario_entries = db_session.query(db.Diario).order_by(db.Diario.timestamp.desc()).all()
|
||||||
db_session.close()
|
db_session.close()
|
||||||
return render_template("diario.html", rygconf=config, entries=diario_entries)
|
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__":
|
if __name__ == "__main__":
|
||||||
try:
|
try:
|
||||||
app.run(host="0.0.0.0", port=1235, debug=__debug__)
|
app.run(host="0.0.0.0", port=1235, debug=__debug__)
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue