-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhomepage1.html
106 lines (96 loc) · 4.64 KB
/
homepage1.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<html>
<head>
<title>new tab</title>
<link rel="stylesheet" type="text/css" href="homepage1.css">
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="mascots/mascots.js"></script>
<script type="text/javascript" src="js/search.js"></script>
<script>
function setMascot(mascot)
{
$("#main").css("background-image", "url('mascots/" + mascot + "')");
}
function hideMascot()
{
$("#main").css("background-image", "none");
}
$(document).ready(function() {
$("h1#a").click(function() {
var mascot = mascots[Math.floor(Math.random()*mascots.length)];
setMascot(mascot);
});
$("h1#b").click(hideMascot);
var d = new Date();
if(!(d.getDay() >= 0 && d.getDay < 5 && d.getHours() >= 9 && d.getHours() <= 5))
{
var mascot = mascots[Math.floor(Math.random()*mascots.length)];
setMascot(mascot);
}
});
</script>
<!--
<script>
var countDownDate = new Date("Jan 5, 2018 00:00:00").getTime();
var x = setInterval(function() {
var now = new Date().getTime();
var distance = countDownDate - now;
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("timer").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";
if (distance < 0) {
clearInterval(x);
document.getElementById("timer").innerHTML = "";
}
}, 1000);
</script>
-->
</head>
<body>
<div class="container">
<div class="child" id="main">
<div class="titles">
<h1 id="a">new</h1>
<h1 id="b">tab</h1>
</div>
<div class="links">
<ul>
<li><a href="https://www.reddit.com">reddit</a></li>
<li><a href="https://www.twitter.com">twitter</a></li>
<br>
<li><a href="https://8ch.net/leftypol/catalog.html">/leftypol/</a></li>
<li><a href="https://8ch.net/leftpol/catalog.html">/leftpol/</a></li>
<li><a href="https://8ch.net/leftyweebpol/catalog.html">/leftyweebpol/</a></li>
<br>
<li><a href="https://bank.barclays.co.uk">barclays</a></li>
<li><a href="https://portal.lancaster.ac.uk/student_portal">moodle</a></li>
</ul>
<ul>
<li><a href="https://boards.4chan.org/a/">/a/</a></li>
<li><a href="https://boards.4chan.org/c/">/c/</a></li>
<li><a href="https://boards.4chan.org/jp/">/jp/</a></li>
<li><a href="https://boards.4chan.org/lit/">/lit/</a></li>
<li><a href="https://boards.4chan.org/o/">/o/</a></li>
<li><a href="https://boards.4chan.org/u/">/u/</a></li>
<li><a href="https://boards.4chan.org/w/">/w/</a></li>
<li><a href="https://boards.4chan.org/wg/">/wg/</a></li>
<li><a href="https://boards.4chan.org/y/">/y/</a></li>
</ul>
</div>
</div>
<div class="child" id="searchbox">
<form name="form1" onSubmit="parseAndSearch(); return false;">
<input type="text" autocomplete="off" placeholder="where shall we go today..." name="q" class="searchinput"/>
<input type="button" value="cs student" onClick="setMascot('mascot38.png');" style="float: right;"/>
<input type="button" value="felix" onClick="setMascot('mascot39.png');" style="float: right;"/>
<input type="button" value="madohomu" onClick="setMascot('mascot41.png');" style="float: right;"/>
<input type="button" value="yui" onClick="setMascot('mascot33.png');" style="float: right;"/>
<input type="button" value="hanako" onClick="setMascot('mascot7.png');" style="float: right;"/>
</form>
</div>
</div>
</body>
</html>