This commit is contained in:
Julian Appel 2024-05-06 21:51:13 +02:00
parent a3e98a0207
commit 340ab1236e
4 changed files with 18 additions and 23 deletions

View File

@ -2,10 +2,8 @@ const moment = require('moment');
const io = require('./socketio') const io = require('./socketio')
let timerInterval; let timerInterval;
// let duration = moment.duration(7, 'minutes'); // Initial duration let duration = moment.duration(7, 'minutes'); // Initial duration
// let durationLeft = moment.duration(7, 'minutes'); // durationLeft after the timer has been started let durationLeft = moment.duration(7, 'minutes'); // durationLeft after the timer has been started
let duration = moment.duration(7, 'seconds');
let durationLeft = moment.duration(10, 'seconds');
let isPaused = true; // Status of the timer let isPaused = true; // Status of the timer

View File

@ -6,6 +6,7 @@ html, body {
body { body {
/* padding: 50px; */ /* padding: 50px; */
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
background-color: #47BAEA;
} }
a { a {
@ -17,7 +18,8 @@ a {
font-family: 'Seven Segment', sans-serif; font-family: 'Seven Segment', sans-serif;
font-weight: bold; font-weight: bold;
height: 100%; height: 100%;
font-size: 50vh font-size: 50vh;
} }
.score { .score {

View File

@ -3,9 +3,6 @@ var router = express.Router();
let io = require('../controllers/socketio') let io = require('../controllers/socketio')
const timer = require('../controllers/timer') const timer = require('../controllers/timer')
/* GET home page. */ /* GET home page. */
router.get('/', function(req, res, next) { router.get('/', function(req, res, next) {
res.render('index', { durationLeft: timer.print()}); res.render('index', { durationLeft: timer.print()});
@ -18,8 +15,6 @@ io.on('connection', (socket) => {
socket.on('message', (message) => { socket.on('message', (message) => {
console.log(message) console.log(message)
}) })
}) })

View File

@ -8,19 +8,19 @@
</head> </head>
<body> <body>
<div class="d-flex flex-column align-items-center justify-content-center box-time" style="background-color:brown; "> <div class="d-flex flex-column align-items-center justify-content-center box-time">
<div id="durationLeft" class="durationLeft">{{ durationLeft }}</div> <div id="durationLeft" class="durationLeft">{{ durationLeft }}</div>
</div> </div>
<div class="d-flex flex-sm-wrap flex-md-wrap text-center align-items-center justify-content-around box-etc" style="background-color:blueviolet;"> <div class="d-flex flex-sm-wrap flex-md-wrap text-center align-items-center justify-content-around box-etc">
<div style="background-color:crimson;" class="flex-fill order-sm-1 order-md-1 order-lg-0"> <div class="flex-fill order-xs-1 order-sm-1 order-md-1 order-lg-0">
<h1>L<br/>LLLLLLLLLLLLLL<br/>L<br/></h> <h1>Team A</h>
</div> </div>
<div style="background-color: darkgreen" class="flex-fill order-sm-0 order-md-0 order-lg-1"> <div class="flex-fill order-xs-0 order-sm-0 order-md-0 order-lg-1">
<div id="score" class="score">5:2</div> <div id="score" class="score">5:2</div>
</div> </div>
<div style="background-color:coral" class="flex-fill order-sm-2 order-md-2 order-lg-2"> <div class="flex-fill order-xs-2 order-sm-2 order-md-2 order-lg-2">
<h1>R<br/>R<br/>RRRRRRRRRRRRR<br/></h> <h1>Team B</h>
</div> </div>
</div> </div>