Add frontpage
This commit is contained in:
parent
c709f9695a
commit
5e34263288
28
homepage/html/index.html
Normal file
28
homepage/html/index.html
Normal file
|
|
@ -0,0 +1,28 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>play.geekify.de Minecraftserver</title>
|
||||||
|
<meta name="description" content="play.geekify.de Minecraftserver">
|
||||||
|
<link rel="stylesheet" href="css/styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="content">
|
||||||
|
<div class="player_count">Players Online: {{player_count}}/{{max_players}}</div>
|
||||||
|
<div class="items">
|
||||||
|
<a class="row news" href="/news">
|
||||||
|
<div class="icon"></div>
|
||||||
|
<div class="text">News</div>
|
||||||
|
</a>
|
||||||
|
<a class="row map" href="https://play.geekify.de">
|
||||||
|
<div class="icon"></div>
|
||||||
|
<div class="text">Map</div>
|
||||||
|
</a>
|
||||||
|
<a class="row whitelist" href="/request">
|
||||||
|
<div class="icon"></div>
|
||||||
|
<div class="text">Request Invite</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -1,2 +1,35 @@
|
||||||
#!/usr/bin/env python3
|
#!/usr/bin/env python3
|
||||||
import bottle
|
from bottle import route, run, static_file, template
|
||||||
|
from os import listdir
|
||||||
|
from os.path import join as pathjoin
|
||||||
|
from random import random, choice
|
||||||
|
|
||||||
|
# echo -n "["; ls | xargs -I{} echo -n \"{}\",; echo "]"
|
||||||
|
BG_IMAGES = listdir("./static/img/background")
|
||||||
|
|
||||||
|
@route("/")
|
||||||
|
def index():
|
||||||
|
return template("html/index.html", **{"player_count": int(random()*20), "max_players": 20})
|
||||||
|
|
||||||
|
@route("/request")
|
||||||
|
def request_whitelist():
|
||||||
|
return "ok"
|
||||||
|
|
||||||
|
@route("/img/bg.png")
|
||||||
|
def random_bg_image():
|
||||||
|
bg_file = choice(BG_IMAGES)
|
||||||
|
print(bg_file)
|
||||||
|
response = static_file(bg_file, root="static/img/background")
|
||||||
|
response.set_header("Cache-Control", "no-cache")
|
||||||
|
response.set_header("Cache-Control", "no-store")
|
||||||
|
response.set_header("Pragma-Directive", "no-cache")
|
||||||
|
response.set_header("Cache-Directive", "no-cache")
|
||||||
|
response.set_header("Pragma", "no-cache")
|
||||||
|
response.set_header("Expires", "0")
|
||||||
|
return response
|
||||||
|
|
||||||
|
@route("/<path:path>")
|
||||||
|
def callback(path):
|
||||||
|
return static_file(path, root="static")
|
||||||
|
|
||||||
|
run(host="localhost", port=8080)
|
||||||
|
|
|
||||||
94
homepage/static/css/styles.css
Normal file
94
homepage/static/css/styles.css
Normal file
|
|
@ -0,0 +1,94 @@
|
||||||
|
* {
|
||||||
|
font-family: "minecraft", "monospace";
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
background-image: url("/img/bg.png");
|
||||||
|
image-rendering: crisp-edges;
|
||||||
|
background-size: 100px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
margin: auto;
|
||||||
|
width: 50%;
|
||||||
|
/*border: 3px solid green;*/
|
||||||
|
padding: 10px;
|
||||||
|
height: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.player_count {
|
||||||
|
text-align: center;
|
||||||
|
margin: 3pt;
|
||||||
|
font-size: 40pt;
|
||||||
|
text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.items {
|
||||||
|
width: 70%;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.news .icon {
|
||||||
|
content:url('/img/birch_sign.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
.map .icon {
|
||||||
|
content:url('/img/map.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
.whitelist .icon {
|
||||||
|
content:url('/img/writable_book.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
display: flex;
|
||||||
|
background-color: gray;
|
||||||
|
margin-bottom: 10pt;
|
||||||
|
padding: 2pt;
|
||||||
|
color: #d7d7d7;
|
||||||
|
border: 5px solid black;
|
||||||
|
background-image: url("/img/redstone_lamp.png");
|
||||||
|
background-size: 55px;
|
||||||
|
text-decoration: none;
|
||||||
|
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
|
||||||
|
box-shadow: 5px 5px 15px black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row:hover {
|
||||||
|
background-color: red;
|
||||||
|
cursor: pointer;
|
||||||
|
background-image: url("/img/redstone_lamp_on.png");
|
||||||
|
background-size: 55px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.items :last-child {
|
||||||
|
margin-bottom: 0pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row .icon {
|
||||||
|
width: 50pt;
|
||||||
|
height: auto;
|
||||||
|
image-rendering: crisp-edges;
|
||||||
|
padding: 10pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row .text {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 25pt;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'minecraft';
|
||||||
|
src: URL('/fonts/Minecraft.ttf') format('truetype');
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue