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
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 {
width: 100%;
height: 100%;
margin: 0;
overflow-y: hidden;
font-family: "Courier New", Courier, monospace;
font-family: "roboto";
}
#container {
display: -webkit-flex;
-webkit-align-items: center;
@@ -34,7 +45,7 @@ hour&minutes
*/
#digital-body {
position: absolute;
width: 50%;
width: 70%;
width: 360px;
height: 360px;
top: 0px;
@@ -54,29 +65,28 @@ hour&minutes
}
#str-hours {
font-size: 450%;
font-size: 370%;
font-style: bold;
float: left;
color: white;
}
#str-console {
font-size: 450%;
font-size: 370%;
font-style: bold;
float: left;
color: white;
}
#str-minutes {
font-size: 450%;
font-size: 370%;
font-style: bold;
float: left;
color: white;
font-family: "Courier New", Courier, monospace;
}
#str-ampm {
font-size: 200%;
font-size: 280%;
color: white;
padding-top: 20%;
}

10
index.html
View File

@@ -10,12 +10,22 @@
</head>
<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">
<canvas id="canvas-layout"></canvas>
<canvas id="canvas-content"></canvas>
</div>
<script src="js/app.js"></script>
</body>