punkfairie/startpage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor

Browse source
This commit is contained in:
Kainoa Kanter 2022-03-05 19:01:27 -08:00
parent b5b6ef5006
commit 4ca9dd5ce9
3 changed files with 56 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
icon/buildings (1).png → favicon.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

104
index.html
View file

@ -1,52 +1,60 @@
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<meta charset ="UTF-8">
<link rel="stylesheet" type="text/css" href="style/style.css">
<link rel="shortcut icon" href="icon/buildings (1).png">
</head>
<body>
<div class="everything">
<div id="time" class="time"></div>
<form action="https://gowogle.voring.me/search" method="GET">
<input autofocus name="q" class="search" type="search" id="search-bar-input" placeholder="" autofocus>
</form>
<div class="box">
<div class="link">
<ul>
<li><a href="https://stop.voring.me">misskey</a></li>
<li><a href="https://pixelfed.social/i/web">pixelfed</a></li>
<li><a href="https://github.com">github</a></li>
<li><a href="https://reddit.com">reddit</a></li>
</ul>
</div>
<div class="link">
<ul>
<li><a href="https://youtube.com">youtube</a></li>
<li><a href="https://soundcloud.com/">soundcloud</a></li>
<li><a href="https://zoro.to">zoro</a></li>
<li><a href="https://tilvids.com">peertube</a></li>
</ul>
</div>
<!-- Feel free to add more divs here -->
</div>
</div>
<script>
function updateClock() {
let date = new Date();
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);
}
<head>
<title>Home</title>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="style/style.css" />
<link rel="shortcut icon" href="favicon.png" />
</head>
<body>
<div class="everything">
<div id="time" class="time"></div>
<form action="https://gowogle.voring.me/search" method="GET">
<input
autofocus
name="q"
class="search"
type="search"
id="search-bar-input"
placeholder=""
autofocus
/>
</form>
<div class="box">
<div class="link">
<ul>
<li><a href="https://stop.voring.me">misskey</a></li>
<li><a href="https://pixelfed.social/i/web">pixelfed</a></li>
<li><a href="https://github.com">github</a></li>
<li><a href="https://reddit.com">reddit</a></li>
</ul>
</div>
<div class="link">
<ul>
<li><a href="https://youtube.com">youtube</a></li>
<li><a href="https://soundcloud.com/">soundcloud</a></li>
<li><a href="https://zoro.to">zoro</a></li>
<li><a href="https://tilvids.com">peertube</a></li>
</ul>
</div>
<!-- Feel free to add more divs here -->
</div>
</div>
<script>
function updateClock() {
let date = new Date();
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();
</script>
</body>
updateClock();
</script>
</body>
</html>

0
style/style.css → style.css
View file