From 57e179c27ff1805debf4618769f166b0d146a3fc Mon Sep 17 00:00:00 2001
From: Alexander Popov <iiiypuk@iiiypuk.me>
Date: Sat, 8 Dec 2018 15:11:00 +0300
Subject: [PATCH] w3c fix

---
 index.html | 11 ++++++-----
 styles.css | 19 +++++++++++++++++++
 2 files changed, 25 insertions(+), 5 deletions(-)
diff --git a/index.html b/index.html
index be35b17..19e297a 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html>
+<html lang="en">
 <!--
  /_     ...   _    /_
 /_//_/ ////_//_//_//\
@@ -13,8 +13,8 @@
   <link rel="icon" href="//youtube.com/yts/img/favicon_48-vflVjB_Qk.png" sizes="48x48">
   <link rel="icon" href="//youtube.com/yts/img/favicon_96-vflW9Ec0w.png" sizes="96x96">
   <link rel="icon" href="//youtube.com/yts/img/favicon_144-vfliLAfaB.png" sizes="144x144">
-  <script type="text/javascript" src="youtubeID.js"></script>
-  <script type="text/javascript" src="ytcg.js"></script>
+  <script src="youtubeID.js"></script>
+  <script src="ytcg.js"></script>
 </head>
 <body>
   <div class="header">
@@ -28,7 +28,8 @@
   <div class="content">
     <div class="wrap" id="ytImage">
     </div>
+    <p>Thanks: <a href="https://github.com/takien">@takien</a> for youtubeID.js script.<br>
+      <a href="https://github.com/iiiypuk/YTCget">View on GitHub</a></p>
   </div>
-  <script type="text/javascript" src="/y.js"></script> 
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/styles.css b/styles.css
index 94d2ad5..869b3c4 100644
--- a/styles.css
+++ b/styles.css
@@ -26,6 +26,15 @@ div.content {
 div.content img {
   border: 1px solid #808080;
   max-width: 100%;
+  border-radius: 8px;
+}
+div.content p {
+  color: #808080;
+  text-align: center;
+}
+div.content a {
+  color: #ffffff;
+  text-decoration: none;
 }
 
 input, button {
@@ -34,19 +43,23 @@ input, button {
   background-color: #232323;
   font-size: 1rem;
   padding: 8px;
+  transition: 250ms all;
 }
 
 input {
   width: calc(100% - 100px);
   color: #808080;
+  border-radius: 8px 0 0 8px;
 }
 
 input::placeholder {
   color: #818181;
+  transition: 250ms all;
 }
 input:focus {
   background-color: #606060;
   color: #ffffff;
+  transition: 250ms all;
 }
 
 button {
@@ -54,7 +67,13 @@ button {
   color: #606060;
   border-left: 0;
   width: 100px;
+  border-radius: 0 8px 8px 0;
 }
 button:hover {
   color: #808080;
+  color: #ffffff;
+  transition: 250ms all;
+}
+button:active {
+  background-color: #606060;
 }
