refactor
This commit is contained in:
parent
b5b6ef5006
commit
4ca9dd5ce9
3 changed files with 56 additions and 48 deletions
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
104
index.html
104
index.html
|
@ -1,52 +1,60 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Home</title>
|
<title>Home</title>
|
||||||
<meta charset ="UTF-8">
|
<meta charset="UTF-8" />
|
||||||
<link rel="stylesheet" type="text/css" href="style/style.css">
|
<link rel="stylesheet" type="text/css" href="style/style.css" />
|
||||||
<link rel="shortcut icon" href="icon/buildings (1).png">
|
<link rel="shortcut icon" href="favicon.png" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="everything">
|
<div class="everything">
|
||||||
<div id="time" class="time"></div>
|
<div id="time" class="time"></div>
|
||||||
<form action="https://gowogle.voring.me/search" method="GET">
|
<form action="https://gowogle.voring.me/search" method="GET">
|
||||||
<input autofocus name="q" class="search" type="search" id="search-bar-input" placeholder="" autofocus>
|
<input
|
||||||
</form>
|
autofocus
|
||||||
<div class="box">
|
name="q"
|
||||||
<div class="link">
|
class="search"
|
||||||
<ul>
|
type="search"
|
||||||
<li><a href="https://stop.voring.me">misskey</a></li>
|
id="search-bar-input"
|
||||||
<li><a href="https://pixelfed.social/i/web">pixelfed</a></li>
|
placeholder=""
|
||||||
<li><a href="https://github.com">github</a></li>
|
autofocus
|
||||||
<li><a href="https://reddit.com">reddit</a></li>
|
/>
|
||||||
</ul>
|
</form>
|
||||||
</div>
|
<div class="box">
|
||||||
<div class="link">
|
<div class="link">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="https://youtube.com">youtube</a></li>
|
<li><a href="https://stop.voring.me">misskey</a></li>
|
||||||
<li><a href="https://soundcloud.com/">soundcloud</a></li>
|
<li><a href="https://pixelfed.social/i/web">pixelfed</a></li>
|
||||||
<li><a href="https://zoro.to">zoro</a></li>
|
<li><a href="https://github.com">github</a></li>
|
||||||
<li><a href="https://tilvids.com">peertube</a></li>
|
<li><a href="https://reddit.com">reddit</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<!-- Feel free to add more divs here -->
|
<div class="link">
|
||||||
</div>
|
<ul>
|
||||||
</div>
|
<li><a href="https://youtube.com">youtube</a></li>
|
||||||
<script>
|
<li><a href="https://soundcloud.com/">soundcloud</a></li>
|
||||||
function updateClock() {
|
<li><a href="https://zoro.to">zoro</a></li>
|
||||||
let date = new Date();
|
<li><a href="https://tilvids.com">peertube</a></li>
|
||||||
let hours = date.getHours();
|
</ul>
|
||||||
let minutes = date.getMinutes();
|
</div>
|
||||||
let ampm = hours >= 12 ? 'pm' : 'am';
|
<!-- Feel free to add more divs here -->
|
||||||
hours = hours % 12;
|
</div>
|
||||||
hours = hours ? hours : 12;
|
</div>
|
||||||
minutes = minutes < 10 ? '0'+minutes : minutes;
|
<script>
|
||||||
let time = hours + ':' + minutes + ' ' + ampm;
|
function updateClock() {
|
||||||
document.getElementById('time').innerHTML = time;
|
let date = new Date();
|
||||||
setTimeout(updateClock, 1000);
|
let hours = date.getHours();
|
||||||
}
|
let minutes = date.getMinutes();
|
||||||
|
let ampm = hours >= 12 ? "pm" : "am";
|
||||||
|
hours = hours % 12;
|
||||||
|
hours = hours ? hours : 12;
|
||||||
|
minutes = minutes < 10 ? "0" + minutes : minutes;
|
||||||
|
let time = hours + ":" + minutes + " " + ampm;
|
||||||
|
document.getElementById("time").innerHTML = time;
|
||||||
|
setTimeout(updateClock, 1000);
|
||||||
|
}
|
||||||
|
|
||||||
updateClock();
|
updateClock();
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in a new issue