mirror of
https://github.com/LucasVbr/timer.git
synced 2026-05-13 17:22:04 +00:00
Edit Font
This commit is contained in:
@@ -4,7 +4,7 @@ Objective : Make a timer in JavaScript
|
|||||||
|
|
||||||
## Installation
|
## Installation
|
||||||
|
|
||||||
- Go to the [Website](https://lucasvbr.github.io/JavascriptTimer/?minutes=5)
|
- Go to the [Website](https://lucasvbr.github.io/timer/?minutes=5)
|
||||||
- To set time, you need to add parameters in the URL :
|
- To set time, you need to add parameters in the URL :
|
||||||
URL syntax : `<URL>?[param1]&[param2]&[...]`
|
URL syntax : `<URL>?[param1]&[param2]&[...]`
|
||||||
Parameter syntax : `<type>=<value>`
|
Parameter syntax : `<type>=<value>`
|
||||||
@@ -14,5 +14,5 @@ Objective : Make a timer in JavaScript
|
|||||||
|
|
||||||
Example :
|
Example :
|
||||||
```url
|
```url
|
||||||
https://lucasvbr.github.io/JavascriptTimer/?hours=10&minutes=10&seconds=10
|
https://lucasvbr.github.io/timer/?hours=10&minutes=10&seconds=10
|
||||||
```
|
```
|
||||||
|
|||||||
@@ -1,8 +1,21 @@
|
|||||||
|
/* Reset CSS */
|
||||||
|
html {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
height: 90vh;
|
||||||
background-color: whitesmoke;
|
background-color: whitesmoke;
|
||||||
|
|
||||||
|
display: grid;
|
||||||
|
place-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
|
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||||
|
|
||||||
font-size: 200px;
|
font-size: 200px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
@@ -8,6 +8,7 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<p id="timer"></p>
|
<p id="timer"></p>
|
||||||
|
|
||||||
<audio id="ding" src="./sounds/ding.mp3"></audio>
|
<audio id="ding" src="./sounds/ding.mp3"></audio>
|
||||||
<script src="./js/url.js"></script>
|
<script src="./js/url.js"></script>
|
||||||
<script src="./js/timer.js"></script>
|
<script src="./js/timer.js"></script>
|
||||||
Reference in New Issue
Block a user