-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
208 lines (200 loc) · 10.2 KB
/
index.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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<html>
<head>
<meta charset="UTF-8" />
<title>ようこそ、ジョン</title>
<link rel="icon" type="image/png" href="./img/favicon.png" />
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
$(document).ready(function(){
//URL of the RSS feed
var feed_url = 'http://www.gamespot.com/feeds/news/';
$.ajax({
url : 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(feed_url),
dataType : 'json',
success : function (data) {
if (data.responseData.feed && data.responseData.feed.entries) {
$.each(data.responseData.feed.entries, function (i, e) {
$("#news1").append('<a target="_blank" class="mlink" href="' + e.link + '">' + e.title + '.</a> ');
});
}
}
});
$("#cat1-container").click(function(){
$("div.cat1-container").css("background-color","#FFFFFF");
$("div.cat2-container").css("background-color","#F4F4F4");
$("div.cat3-container").css("background-color","#F4F4F4");
$("div.cat4-container").css("background-color","#F4F4F4");
$("div.cat5-container").css("background-color","#F4F4F4");
$("div.cat1-container").css("border-left-width","0px");
$("div.cat2-container").css("border-left-width","1px");
$("div.cat3-container").css("border-left-width","1px");
$("div.cat4-container").css("border-left-width","1px");
$("div.cat5-container").css("border-left-width","1px");
$("#selected-cat-container1").show();
$("#selected-cat-container2").hide();
$("#selected-cat-container3").hide();
$("#selected-cat-container4").hide();
$("#selected-cat-container5").hide();
});
$("#cat2-container").click(function(){
$("div.cat1-container").css("background-color","#F4F4F4");
$("div.cat2-container").css("background-color","#FFFFFF");
$("div.cat3-container").css("background-color","#F4F4F4");
$("div.cat4-container").css("background-color","#F4F4F4");
$("div.cat5-container").css("background-color","#F4F4F4");
$("div.cat1-container").css("border-left-width","1px");
$("div.cat2-container").css("border-left-width","0px");
$("div.cat3-container").css("border-left-width","1px");
$("div.cat4-container").css("border-left-width","1px");
$("div.cat5-container").css("border-left-width","1px");
$("#selected-cat-container1").hide();
$("#selected-cat-container2").show();
$("#selected-cat-container3").hide();
$("#selected-cat-container4").hide();
$("#selected-cat-container5").hide();
});
$("#cat3-container").click(function(){
$("div.cat1-container").css("background-color","#F4F4F4");
$("div.cat2-container").css("background-color","#F4F4F4");
$("div.cat3-container").css("background-color","#FFFFFF");
$("div.cat4-container").css("background-color","#F4F4F4");
$("div.cat5-container").css("background-color","#F4F4F4");
$("div.cat1-container").css("border-left-width","1px");
$("div.cat2-container").css("border-left-width","1px");
$("div.cat3-container").css("border-left-width","0px");
$("div.cat4-container").css("border-left-width","1px");
$("div.cat5-container").css("border-left-width","1px");
$("#selected-cat-container1").hide();
$("#selected-cat-container2").hide();
$("#selected-cat-container3").show();
$("#selected-cat-container4").hide();
$("#selected-cat-container5").hide();
});
$("#cat4-container").click(function(){
$("div.cat1-container").css("background-color","#F4F4F4");
$("div.cat2-container").css("background-color","#F4F4F4");
$("div.cat3-container").css("background-color","#F4F4F4");
$("div.cat4-container").css("background-color","#FFFFFF");
$("div.cat5-container").css("background-color","#F4F4F4");
$("div.cat1-container").css("border-left-width","1px");
$("div.cat2-container").css("border-left-width","1px");
$("div.cat3-container").css("border-left-width","1px");
$("div.cat4-container").css("border-left-width","0px");
$("div.cat5-container").css("border-left-width","1px");
$("#selected-cat-container1").hide();
$("#selected-cat-container2").hide();
$("#selected-cat-container3").hide();
$("#selected-cat-container4").show();
$("#selected-cat-container5").hide();
});
$("#cat5-container").click(function(){
$("div.cat1-container").css("background-color","#F4F4F4");
$("div.cat2-container").css("background-color","#F4F4F4");
$("div.cat3-container").css("background-color","#F4F4F4");
$("div.cat4-container").css("background-color","#F4F4F4");
$("div.cat5-container").css("background-color","#FFFFFF");
$("div.cat1-container").css("border-left-width","1px");
$("div.cat2-container").css("border-left-width","1px");
$("div.cat3-container").css("border-left-width","1px");
$("div.cat4-container").css("border-left-width","1px");
$("div.cat5-container").css("border-left-width","0px");
$("#selected-cat-container1").hide();
$("#selected-cat-container2").hide();
$("#selected-cat-container3").hide();
$("#selected-cat-container4").hide();
$("#selected-cat-container5").show();
});
});
</script>
</head>
<body>
<div class="main">
<div class="bump"><p class="bump-text-left">ようこそ、ANON</p><p class="bump-text-right">(っ˘൧͑˘ς)</p></div>
<!-- Transparent Image -->
<img class="shinobu" src="./img/shinobu.png"></img>
<div id="mview-container" class="mview-container"></div>
<div class="search-container">
<form name="form1" action="http://google.com/search" target="_blank" method="get" >
<input type="text" placeholder="google search..." name="q" class="ggs" ></input>
<input type="submit" value="web" class="ggweb"></input><input hidden type="text" value="" name="tbm"></input>
<input type="submit" value="img" class="ggimg" onclick="javascript: form1.tbm.value='isch';"></input>
</form>
</div>
<!-- Hotlink Categories -->
<div id="cat1-container" class="cat1-container">
<a href="#" class="hlink">media</a>
</div>
<div id="cat2-container" class="cat2-container">
<a href="#" class="hlink">social</a>
</div>
<div id="cat3-container" class="cat3-container">
<a href="#" class="hlink">shopping</a>
</div>
<div id="cat4-container" class="cat4-container">
<a href="#" class="hlink">boards</a>
</div>
<div id="cat5-container" class="cat5-container">
<a href="#" class="hlink">games</a>
</div>
<!-- Hotlink Lists -->
<div id="selected-cat-container1" class="selected-cat-container">
<a href="http://youtube.com" class="clink" target="_blank">youtube</a><br>
<a href="http://soundcloud.com" class="clink" target="_blank">soundcloud</a><br>
<a href="http://twitch.tv" class="clink" target="_blank">twitch</a><br>
<a href="http://newgrounds.com" class="clink" target="_blank">newgrounds</a><br>
<a href="http://dagobah.net/flash/" class="clink" target="_blank">dagobah</a><br>
<a href="http://www.homestarrunner.com/" class="clink" target="_blank">homestar</a><br>
</div>
<div id="selected-cat-container2" class="selected-cat-container">
<a href="http://facebook.com" class="clink" target="_blank">facebook</a><br>
<a href="http://gmail.com" class="clink" target="_blank">gmail</a><br>
<a href="http://tumblr.com" class="clink" target="_blank">tumblr</a><br>
<a href="http://instagram.com" class="clink" target="_blank">instagram</a><br>
<a href="http://society6.com" class="clink" target="_blank">society6</a><br>
</div>
<div id="selected-cat-container3" class="selected-cat-container">
<a href="http://amazon.com" class="clink" target="_blank">amazon</a><br>
<a href="http://ebay.com" class="clink" target="_blank">ebay</a><br>
<a href="http://massdrop.com" class="clink" target="_blank">massdrop</a><br>
<a href="http://craigslist.com" class="clink" target="_blank">craigslist</a><br>
<a href="http://j-list.com" class="clink" target="_blank">j-list</a><br>
<a href="http://amiami.com" class="clink" target="_blank">amiami</a><br>
<a href="http://redbubble.com" class="clink" target="_blank">redbubble</a><br>
<a href="http://aliexpress.com" class="clink" target="_blank">aliexpress</a><br>
</div>
<div id="selected-cat-container4" class="selected-cat-container">
<a href="http://4chan.org/wg/" class="clink" target="_blank">/wg/</a><br>
<a href="http://4chan.org/w/" class="clink" target="_blank">/w/</a><br>
<a href="http://4chan.org/f/" class="clink" target="_blank">/f/</a><br>
<a href="http://4chan.org/g/" class="clink" target="_blank">/g/</a><br>
<a href="http://4chan.org/gd/" class="clink" target="_blank">/gd/</a><br>
<a href="http://neo-geo.com/forums/" class="clink" target="_blank">neogeo</a><br>
<a href="http://shmups.system11.org" class="clink" target="_blank">shmups</a><br>
<a href="http://darkumbra.net/forums/" class="clink" target="_blank">darkumbra</a><br>
</div>
<div id="selected-cat-container5" class="selected-cat-container">
<a href="http://humblebundle.com" class="clink" target="_blank">humblebundle</a><br>
<a href="http://gog.com" class="clink" target="_blank">gog</a><br>
<a href="http://store.steampowered.com" class="clink" target="_blank">steam</a><br>
<a href="http://gaiaonline.com" class="clink" target="_blank">gaiaonline</a><br>
<a href="http://hce.halomaps.org" class="clink" target="_blank">halomaps</a><br>
<a href="http://www.stickpage.com/" class="clink" target="_blank">stickpage</a><br>
</div>
<div id="marquee-container" class="marquee-container">
<marquee behavior="scroll" direction="left" id="news1" class="marquee-text"></marquee>
</div>
<script type="text/javascript" src="mview.js"></script>
<script type="text/javascript">
var settings = {
target: '#mview-container',
source: 'http://www.typefrag.com/server-status/mumble/ChannelViewerProtocol.aspx?ReturnType=json&HostName=YOUR-MUMBLE-HOSTNAME&PortNumber=YOUR-MUMBLE-PORT',
resurl: '',
refreshinterval: 10
};
mv = new MView(settings);
mv.load();
</script>
</div>
</body>
</html>