Reimar/popup-timer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add welcome message

Browse Source
This commit is contained in:
Reimar 2025-08-05 18:14:00 +02:00
parent 4f2c1fb07d
commit 673e75903c
Signed by: Reimar
GPG Key ID: 93549FA07F0AE268
3 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@ -27,6 +27,14 @@
<br><br> <br><br>
<div id="welcome">
<h5>Welcome to Popup Timer!</h5>
Begin by clicking above whether you want to start a timer or a stopwatch.
After configuring, the timer/stopwatch will show as a popup-window you can
move around while doing other tasks.
</div>
<div id="input-timer"> <div id="input-timer">
<label style="float: left;">Time:</label> <label style="float: left;">Time:</label>
<div id="time-input-container"> <div id="time-input-container">

1
script.js
View File

@ -98,6 +98,7 @@ function showBookmarkAdded() {
} }
document.getElementById("input-common").style.display = "block"; document.getElementById("input-common").style.display = "block";
document.getElementById("welcome").style.display = "none";
var linkElem = document.getElementById("link"); var linkElem = document.getElementById("link");
linkElem.innerText = createLink("link"); linkElem.innerText = createLink("link");

16
style.css
View File

@ -123,4 +123,20 @@ input[type=checkbox] {
cursor: pointer; cursor: pointer;
word-break: break-all; word-break: break-all;
} }
#welcome {
background-color: #EEE;
font-size: 12px;
padding: 24px;
border-radius: 4px;
text-align: left;
line-height: 1.4;
margin-top: 50px;
}
#welcome > h5 {
font-size: 14px;
text-align: center;
font-weight: normal;
margin-bottom: 14px;
margin-top: 0;
}