Add welcome message

index.html

@@ -27,6 +27,14 @@
 
 			<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">
 				<label style="float: left;">Time:</label>
 				<div id="time-input-container">

script.js

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

style.css

@@ -123,4 +123,20 @@ input[type=checkbox] {
 	cursor: pointer;
 	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;
+}