foo/tilde
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

a little clean up

Browse Source
This commit is contained in:
Cade Scroggins
2016-02-01 00:41:16 -08:00
parent 9297bddb7e
commit 78c21a283b
1 changed files with 128 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+28 -20
View File
@@ -1,15 +1,33 @@
<!doctype html> <!doctype html>
<html>
<head> <!-- home is where the ~ is -->
<title>~</title>
<!-- meta -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Tilde</title> <!-- fonts -->
<script type="text/javascript">WebFontConfig={google:{families:['Lato:300:latin']}};</script>
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js" type="text/javascript" async></script>
<link href="https://fonts.googleapis.com/css?family=Lato:300" rel="stylesheet" type="text/css"> <!-- styles -->
<style type="text/css">
input,
input:focus {
border: 0;
outline: 0;
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
<style>
body { body {
position: absolute; position: absolute;
width: 100%; width: 100%;
@@ -23,11 +41,6 @@
text-align: center; text-align: center;
} }
input {
border: 0;
-webkit-appearance: none;
}
.wrapper { .wrapper {
position: relative; position: relative;
top: 40%; top: 40%;
@@ -54,21 +67,18 @@
color: #fff; color: #fff;
font-size: 1.1rem; font-size: 1.1rem;
} }
.search__text:focus{
outline: 0;
}
</style> </style>
</head>
<body> <!-- markup -->
<div class="wrapper"> <div class="wrapper">
<time class="time" id="js-time"></time> <time class="time" id="js-time"></time>
<form class="search" id="js-search" autocomplete="off"> <form class="search" id="js-search" autocomplete="off">
<input class="search__text" id="js-search-text" type="text" autofocus> <input class="search__text" id="js-search-text" type="search" autofocus>
</form> </form>
</div> </div>
<!-- script -->
<script type="text/javascript"> <script type="text/javascript">
;(function() { ;(function() {
var Clock = { var Clock = {
@@ -85,7 +95,7 @@
setTime: function() { setTime: function() {
var date = new Date(); var date = new Date();
var time = date.getHours() + ' ' + Clock.zeros(date.getMinutes()); var time = Clock.zeros(date.getHours()) + ' ' + Clock.zeros(date.getMinutes());
Clock.el.innerHTML = time; Clock.el.innerHTML = time;
} }
@@ -124,5 +134,3 @@
]); ]);
}()); }());
</script> </script>
</body>
</html>