raphael/calenderwatch_client
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

updates font

Browse Source
This commit is contained in:
Raphael Maenle 2020-08-13 21:40:31 +02:00
parent dfdcc1780a
commit 84687f3c73
3 changed files with 27 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
css/JetBrainsMono-Bold.ttf Normal file
View File

Binary file not shown.

24
css/style.css
View File

@ -1,12 +1,23 @@
@font-face{
font-family: roboto;
src: url('JetBrainsMono-Bold.ttf');
}
.Roboto{
font-family: roboto;
}
html, body { html, body {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0; margin: 0;
overflow-y: hidden; overflow-y: hidden;
font-family: "Courier New", Courier, monospace; font-family: "roboto";
} }
#container { #container {
display: -webkit-flex; display: -webkit-flex;
-webkit-align-items: center; -webkit-align-items: center;
@ -34,7 +45,7 @@ hour&minutes
*/ */
#digital-body { #digital-body {
position: absolute; position: absolute;
width: 50%; width: 70%;
width: 360px; width: 360px;
height: 360px; height: 360px;
top: 0px; top: 0px;
@ -54,29 +65,28 @@ hour&minutes
} }
#str-hours { #str-hours {
font-size: 450%; font-size: 370%;
font-style: bold; font-style: bold;
float: left; float: left;
color: white; color: white;
} }
#str-console { #str-console {
font-size: 450%; font-size: 370%;
font-style: bold; font-style: bold;
float: left; float: left;
color: white; color: white;
} }
#str-minutes { #str-minutes {
font-size: 450%; font-size: 370%;
font-style: bold; font-style: bold;
float: left; float: left;
color: white; color: white;
font-family: "Courier New", Courier, monospace;
} }
#str-ampm { #str-ampm {
font-size: 200%; font-size: 280%;
color: white; color: white;
padding-top: 20%; padding-top: 20%;
} }

10
index.html
View File

@ -11,11 +11,21 @@
<body> <body>
<div id="digital-body">
<div id="rec-time">
<div id="str-hours"></div>
<div id="str-console">:</div>
<div id="str-minutes"></div>
</div>
</div>
<div id="container"> <div id="container">
<canvas id="canvas-layout"></canvas> <canvas id="canvas-layout"></canvas>
<canvas id="canvas-content"></canvas> <canvas id="canvas-content"></canvas>
</div> </div>
<script src="js/app.js"></script> <script src="js/app.js"></script>
</body> </body>