Add links to youtube and github

index.css

@@ -11,11 +11,11 @@
 }
 
 canvas {
-    padding-left: 0;
-    padding-right: 0;
-    margin-left: auto;
-    margin-right: auto;
-    display: block;
+  padding-left: 0;
+  padding-right: 0;
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
 }
 
 .slidecontainer {
@@ -29,8 +29,8 @@ canvas {
   background: #d3d3d3;
   outline: none;
   opacity: 0.7;
-  -webkit-transition: .2s;
-  transition: opacity .2s;
+  -webkit-transition: 0.2s;
+  transition: opacity 0.2s;
 }
 
 .slider:hover {
@@ -42,14 +42,14 @@ canvas {
   appearance: none;
   width: 25px;
   height: 25px;
-  background: #04AA6D;
+  background: #04aa6d;
   cursor: pointer;
 }
 
 .slider::-moz-range-thumb {
   width: 25px;
   height: 25px;
-  background: #04AA6D;
+  background: #04aa6d;
   cursor: pointer;
 }
 
@@ -75,4 +75,5 @@ canvas {
 
 .tooltip:hover .tooltiptext {
   visibility: visible;
-}
+}
+

index.html

@@ -6,7 +6,11 @@
 			rel="stylesheet"
 			href="https://www.w3schools.com/w3css/4/w3.css"
 		/>
-		<link rel="icon" href="./demo.png">
+		<link
+			rel="stylesheet"
+			href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+		/>
+		<link rel="icon" href="./demo.png" />
 	</head>
 
 	<title>qr_image</title>
@@ -19,7 +23,20 @@
 				background.
 			</h2>
 
-			<br />
+			<a
+				href="https://www.youtube.com/watch?v=hA4TKV2Lbx8"
+				target="_blank"
+				><i
+					class="fa fa-youtube-play"
+					style="font-size: 36px; color: red"
+				></i
+			></a>
+
+			<a href="https://github.com/hughchen/qr_image" target="_blank"
+				><i class="fa fa-github" style="font-size: 36px"></i
+			></a>
+
+			<br /><br />
 
 			<label>Image File (optional):</label>
 			<input type="file" id="imageLoader" name="imageLoader" />
@@ -115,8 +132,12 @@
 
 			<br />
 
-			<input type="checkbox" id="whitebackground" name="whitebackground">
-			<label for="whitebackground">White background</label><br>
+			<input
+				type="checkbox"
+				id="whitebackground"
+				name="whitebackground"
+			/>
+			<label for="whitebackground">White background</label><br />
 
 			<br />
 
@@ -143,8 +164,6 @@
 			</button>
 
 			<br /><br />
-
-			<p style="color:#FF0000";>Add youtube video link</p>
 		</div>
 
 		<a id="link"></a>