10 年之前 · 737e2150fa
--- a/pub/close.svg
+++ b/pub/close.svg
@@ -0,0 +1 @@
 
															+<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path d="M28.5 9.62L26.38 7.5 18 15.88 9.62 7.5 7.5 9.62 15.88 18 7.5 26.38l2.12 2.12L18 20.12l8.38 8.38 2.12-2.12L20.12 18z"/></svg>
														
--- a/pub/index.css
+++ b/pub/index.css
@@ -9,12 +9,17 @@ form {
 
															   text-align: center;
														
 
															 }
														
 
															+#bar {
														
 
															+  width: 652px;
														
 
															+  margin: 0 auto;
														
 
															+  position: relative;
														
 
															+}
														
 
															+
														
 
															 #url {
														
 
															   font-family: 'Raleway', sans-serif;
														
 
															   font-size: 32px;
														
 
															   font-weight: 300;
														
 
															   width: 600px;
														
 
															-  margin: 0 auto;
														
 
															   padding: 25px;
														
 
															   color: #999;
														
 
															   border-radius: 4px;
														
@@ -53,4 +58,22 @@ form {
 
															 #cmp > a {
														
 
															   color: #09f;
														
 
															   text-decoration: none;
														
 
															-}
														
 
															+}
														
 
															+
														
 
															+#cls {
														
 
															+  position: absolute;
														
 
															+  top: 0;
														
 
															+  right: 0;
														
 
															+  bottom: 0;
														
 
															+  width: 64px;
														
 
															+  background-image: url("/s/close.svg");
														
 
															+  background-position: center center;
														
 
															+  background-repeat: no-repeat;
														
 
															+  background-size: 48px 48px;
														
 
															+  cursor: pointer;
														
 
															+  opacity: 0.3;
														
 
															+}
														
 
															+
														
 
															+#cls:hover {
														
 
															+  opacity: 0.6;
														
 
															+}
														
--- a/pub/index.html
+++ b/pub/index.html
@@ -5,17 +5,18 @@
 
															     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
														
 
															     <link href="/s/index.css"
														
 
															         rel="stylesheet"
														
 
															-        type="text/css"> 
														
 
															+        type="text/css">
														
 
															     <link href="http://fonts.googleapis.com/css?family=Raleway:400,300"
														
 
															         rel="stylesheet"
														
 
															         type="text/css">
														
 
															   </head>
														
 
															   <body>
														
 
															     <form autocomplete="off">
														
 
															-      <input type="text" id="url" placeholder="Enter the url to shorten"></input>
														
 
															-      <div id="cmp">
														
 
															-      Hello
														
 
															+      <div id="bar">
														
 
															+        <div id="cls"></div>
														
 
															+        <input type="text" id="url" placeholder="Enter the url to shorten"></input>
														
 
															       </div>
														
 
															+      <div id="cmp"></div>
														
 
															     </form>
														
 
															     <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
														
--- a/web/bindata.go
+++ b/web/bindata.go