This commit is contained in:
Lukas Bachschwell 2017-03-13 10:44:39 +01:00
parent 5acb389383
commit 9d2ab052a4
5 changed files with 27 additions and 13 deletions

View File

@ -4,4 +4,7 @@ This is a funny universal scoreboard originally developed for the
beerpong tournament at a scoutparty beerpong tournament at a scoutparty
This thing is based on Express with handlebars, socketio and some other fun This thing is based on Express with handlebars, socketio, bootstrap and some other fun
This app is intended to be simple, the initial loaing of the state is done using the handlebar templates, after that actions and state changes are performed using websocket requests, no forther reloads are required as long as you are not changing between the main 2 views.

View File

@ -1,8 +1,14 @@
body { body {
padding: 50px;
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
} }
a { a {
color: #00B7FF; color: #00B7FF;
} }
.team-box {
border-width:1px;
border-color: black;
border-style: solid;
border-radius: 3px;
}

View File

@ -1,8 +0,0 @@
body {
padding: 50px;
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}
a {
color: #00B7FF;
}

View File

@ -4,6 +4,9 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>Admin Interface</title> <title>Admin Interface</title>
<link rel='stylesheet' href='/css/style.css' /> <link rel='stylesheet' href='/css/style.css' />
<link rel='stylesheet' href='/css/bootstrap.min.css' />
<script type='text/javascript' src='/js/jquery-3.1.1.min.js'></script>
<script type='text/javascript' src='/js/bootstrap.min.js'></script>
</head> </head>
<body> <body>

View File

@ -4,11 +4,21 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>Spielstand</title> <title>Spielstand</title>
<link rel='stylesheet' href='/css/style.css' /> <link rel='stylesheet' href='/css/style.css' />
<link rel='stylesheet' href='/css/bootstrap.min.css' />
<script type='text/javascript' src='/js/jquery-3.1.1.min.js'></script>
<script type='text/javascript' src='/js/bootstrap.min.js'></script>
</head> </head>
<body> <body>
<h1>Aktueller Spielstand</h1>
<h1>{{title}}</h1> <div class="team-box">
<p>Welcome to {{title}}</p> <h3>Team1</h3>
<div class="playername1">
Player 1
</div>
<div class="playername1">
Player 2
</div>
</div>
</body> </body>
</html> </html>