32 lines
1.3 KiB
Handlebars
32 lines
1.3 KiB
Handlebars
<!DOCTYPE html>
|
|
<html>
|
|
<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/seven-segment.css' />
|
|
</head>
|
|
<body>
|
|
|
|
<div class="d-flex flex-column align-items-center justify-content-center box-time" style="background-color:brown; ">
|
|
<div id="durationLeft" class="durationLeft">{{ durationLeft }}</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 style="background-color:crimson;" class="flex-fill order-sm-1 order-md-1 order-lg-0">
|
|
<h1>L<br/>LLLLLLLLLLLLLL<br/>L<br/></h>
|
|
</div>
|
|
<div style="background-color: darkgreen" class="flex-fill order-sm-0 order-md-0 order-lg-1">
|
|
<div id="score" class="score">5:2</div>
|
|
</div>
|
|
<div style="background-color:coral" class="flex-fill order-sm-2 order-md-2 order-lg-2">
|
|
<h1>R<br/>R<br/>RRRRRRRRRRRRR<br/></h>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
<script src='/javascripts/bootstrap/bootstrap.bundle.min.js'></script>
|
|
<script src="/javascripts/socket.io.min.js"></script>
|
|
<script src="/javascripts/moment.js"></script>
|
|
<script src="/javascripts/index.js"></script>
|
|
</html> |