jappel/scoreboard-js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Seperate style files for admin and index, admin interface formatting and design

Browse Source
This commit is contained in:
Julian Appel 2024-05-09 08:37:08 +02:00
parent 54ca75563a
commit 9f845ea234
4 changed files with 23 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
scoreboard/public/stylesheets/admin.css Normal file
View File

@ -0,0 +1,5 @@
body {
/* padding: 50px; */
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
background-color: #47BAEA;
}

7
scoreboard/public/stylesheets/style.css → scoreboard/public/stylesheets/index.css
View File

@ -2,7 +2,6 @@ html, body {
height: 100%
}
body {
/* padding: 50px; */
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
@ -13,7 +12,6 @@ a {
color: #00B7FF;
}
.durationLeft {
font-family: 'Seven Segment', sans-serif;
font-weight: bold;
@ -28,10 +26,7 @@ a {
font-size: 50vh
}
@media ( min-width: 768px ) {
.box-time {
height:25%
}
@ -43,11 +38,9 @@ a {
.box-etc {
height: 75%
}
}
@media ( min-width: 992px ) {
.box-time {
height:50%
}

35
scoreboard/views/admin.hbs
View File

@ -3,17 +3,17 @@
<head>
<title>Scoreboard Admin</title>
<link rel='stylesheet' href='/stylesheets/bootstrap/bootstrap.min.css' />
<link rel='stylesheet' href='/stylesheets/style.css' />
<link rel='stylesheet' href='/stylesheets/admin.css' />
<link href="/stylesheets/fontawesome/fontawesome.min.css" rel="stylesheet" />
<link href="/stylesheets/fontawesome/brands.min.css" rel="stylesheet" />
<link href="/stylesheets/fontawesome/solid.min.css" rel="stylesheet" />
</head>
<body onload="initialUpdate()">
<div class="container">
<div class="container-md my-4">
<div class="row justify-content-center">
<div class="col-sm-12 col-md-4">
<div class="row mb-4 justify-content-center">
<div class="col-sm-12 col-md-12 col-lg-4">
<div class="card text-center">
<div class="card-body">
<h1 id="durationLeft"></h1>
@ -21,21 +21,22 @@
</div>
</div>
</div>
</br>
<div class="row">
<div class="col-sm-12 col-md-4">
<div class="card text-center">
<div class="row mb-4">
<div class="col-sm-12 col-md-12 col-lg-4">
<div class="h-100 card text-center">
<div class="card-body">
<button class="btn btn-lg btn-success" onclick="timerStart()" id="timerStartBtn"><i class="fa-solid fa-play"></i> Start</button>
<button class="btn btn-lg btn-warning" onclick="timerPause()" id="timerPauseBtn"><i class="fa-solid fa-pause"></i> Pause</button>
<button class="m-2 p-3 btn btn-lg btn-success" onclick="timerStart()" id="timerStartBtn"><i class="fa-solid fa-play"></i> Start</button>
<br>
<button class="m-2 p-3 btn btn-lg btn-warning" onclick="timerPause()" id="timerPauseBtn"><i class="fa-solid fa-pause"></i> Pause</button>
</div>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="card text-center">
<div class="card-body">
<div class="btn-group" role="group" aria-label="Basic example">
<div class="col-sm-12 col-md-12 col-lg-4">
<div class="h-100 card text-center ">
<div class="card-body ">
<div class="btn-group align-middle" role="group" aria-label="Basic example">
<button type="button" class="btn btn-secondary">-1m</button>
<button type="button" class="btn btn-secondary">-10s</button>
<button type="button" class="btn btn-secondary">-1s</button>
@ -47,8 +48,8 @@
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="card text-center">
<div class="py-auto col-sm-12 col-md-12 col-lg-4">
<div class="h-100 card text-center">
<div class="card-body">
<button class="btn btn-lg btn-danger" data-bs-toggle="modal" data-bs-target="#timerResetModal">
<i class="fa-solid fa-rotate-right"></i> Zurücksetzen
@ -58,8 +59,6 @@
</div>
</div>
</br></br></br></br></br></br>
<div class="row text-center">
<div class="col-sm-12 col-md-12 col-lg-12">
<button class="btn btn-lg btn-danger" onclick="scoreSwitch()"><i class="fa-solid fa-rotate"></i> Seitenwechsel</button>

2
scoreboard/views/index.hbs
View File

@ -3,7 +3,7 @@
<head>
<title>Counter</title>
<link rel='stylesheet' href='/stylesheets/bootstrap/bootstrap.min.css' />
<link rel='stylesheet' href='/stylesheets/style.css' />
<link rel='stylesheet' href='/stylesheets/index.css' />
<link rel='stylesheet' href='/stylesheets/seven-segment.css' />
</head>
<body>