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>
<html>
<head>
<!-- home is where the ~ is -->
<title>~</title>
<!-- meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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 {
position: absolute;
width: 100%;
@@ -23,11 +41,6 @@
text-align: center;
}
input {
border: 0;
-webkit-appearance: none;
}
.wrapper {
position: relative;
top: 40%;
@@ -54,21 +67,18 @@
color: #fff;
font-size: 1.1rem;
}
.search__text:focus{
outline: 0;
}
</style>
</head>
<body>
<!-- markup -->
<div class="wrapper">
<time class="time" id="js-time"></time>
<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>
</div>
<!-- script -->
<script type="text/javascript">
;(function() {
var Clock = {
@@ -85,7 +95,7 @@
setTime: function() {
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;
}
@@ -124,5 +134,3 @@
]);
}());
</script>
</body>
</html>