-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIndex.html
265 lines (246 loc) · 13.4 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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!DOCTYPE html>
<html>
<head>
<title>Home (index) </title>
<meta name="viewport" content="width=1900, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-teal.css">
</div>
<div class="navigation">
<div class="w3-bar w3-theme w3-xlarge">
<span class="w3-bar-item">Welcome</span>
<div class=MysteryIncorporated>
<iframe src="mystery.html" width="471" height="85" frameborder="no"></iframe></div>
</div>
<div class="w3-bar w3-theme">
<a href="Index.html" class="w3-bar-item w3-button w3-hover-white">Home(Index)</a>
<a href="htmltutorial.html" class="w3-bar-item w3-button w3-hover-white">HTML Tutorial</a>
<a href="csstutorial.html" class="w3-bar-item w3-button w3-hover-white">CSS Tutorial</a>
<a href="myfavoriteassignment.html" class="w3-bar-item w3-button w3-hover-white">My Favorite Assignment</a>
<a href="https://www.reddit.com/r/TheMysteriousSong/" class="w3-bar-item w3-button w3-hover-white">TMS Subreddit</a>
<a href="https://discord.gg/zZnGvCe" class="w3-bar-item w3-button w3-hover-white">The Most Mysterious Song discord</a>
<a href="uaptc.edu" class="w3-bar-item w3-button w3-hover-white">UAPTC</a>
</div>
</div>
</head>
<script type="text/javascript">
/***********************************************
* Memory Scroller script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var memorywidth="1913px" //scroller width
var memoryheight="18px" //scroller height
var memorybgcolor="#CC0000" //scroller background
var memorypadding="0" //padding applied to the scroller. 0 for non.
var borderCSS="border: 0px solid black;" //Border CSS, applied to scroller to give border.
var memoryspeed="2" //Scroller speed (larger is faster 1-10)
var pauseit=1 //Pause scroller onMousever (0=no. 1=yes)?
var persistlastviewedmsg=1 //should scroller's position persist after users navigate away (1=yes, 0=no)?
var persistmsgbehavior="onload" //set to "onload" or "onclick".
//Specify the scroller's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
var memorycontent='<nobr><font color="#FFFF33"><b>Welcome to my site! </b><a href="/weather/warning_display.aspx?id=7332" class="<messsage>"><font color="#FFFF33">This is a simple scroller banner using script from a site that is archived. </font></a>, <a href="/weather/warning_display.aspx?id=7341" class="messsage"><font color="#FFFF33"></font></a>, | <a href="/weather/warning_display.aspx?id=7336" class="messsage"><font color="#FFFF33">This site was made for a final assingment for CIS 1183 Intro to Computing. It contains CSS, HTML, External CSS, a few images here and there, and alot of work done to it as well. </font></a> <a href="/weather/warning_display.aspx?id=7342" class="messsage"><font color="#FFFF33">.....</font></a> | <a href="/weather/warning_display.aspx?id=7337" class="messsage"><font color="#FFFF33">Join my discord server! discord.link/Kitten</font></a> | <a href="/weather/warning_display.aspx?id=7337" class="messsage"><font color="#FFFF33"></font></a>|<a href="/weather/warning_display.aspx?id=7338" class="messsage"><font color="#FFFF33">Wi nøt trei a høliday in Sweden this yër? See the løveli lakes The wøndërful telephøne system And mäni interesting furry animals any elements, or history of any person or event is entirely accidental and unintentional. Signed RICHARD M. NIXON . Including the majestik møøse A Møøse once bit my sister... No realli! She was Karving her initials on the møøse with the sharpened end of an interspace tøøthbrush given to her by Svenge - her brother-in-law - an Oslo dentist and star of many Norwegian møvies: "The Høt Hands of an Oslo Dentist", "Fillings of Passion", "The Huge Mølars of Horst Nordfink"..</font></a></font> | <a href="/weather/warning_display.aspx?id=7337" class="messsage"><font color="#FFFF33"> Well class, the history of our country has changed again, to correspond with </font></a> <a href="/weather/warning_display.aspx?id=7337" class="messsage"><font color="#FFFF33">Barts answers on yesterdays test. America was now discovered in 1942 by some guy. And our country is not called America anymore. Its called Bonerland. *insert laughter of Barts class here*</font></a> | | <a href="/weather/warning_display.aspx?id=7337" class="messsage"><font color="#FFFF33">Join my discord server! https://discord.io/TheLighthouse</font></a> | <a href="/weather/warning_display.aspx?id=7337" class="messsage"><font color="#FFFF33">JThe US has ordered nine tech companies including Amazon, Facebook and TikTok to hand over information as part of a new review of consumer privacy. The study is intended to help regulators understand what data the companies collect and how that information is used, especially to target children. It is the latest effort by the US government to respond to concerns about tech giants influence. The companies have 45 days to comply. Officials on the Federal Trade Commission (FTC), a federal regulator focused on consumers, voted 4-1 to launch the inquiry. It is alarming that we still know so little about companies that know so much about us, the four commissioners supporting the move said in a statement Given how much these companies rely on the organization and analysis of data as a core underpinning of their business models, we expect that compliance with this order will be expeditious and comprehensive. </font></a> <a href="/weather/warning_display.aspx?id=7337" class="messsage"><font color="#FFFF33">Join my discord server! discord.link/Kitten</font></a></nobr>'
var combinedcssTable="width:"+(parseInt(memorywidth)+6)+"px;background-color:"+memorybgcolor+";padding:"+memorypadding+";"+borderCSS+";"
var combinedcss="width:"+memorywidth+";height:"+memoryheight+";"
var divonclick=(persistlastviewedmsg && persistmsgbehavior=="onclick")? 'onClick="savelastmsg()" ' : ''
memoryspeed=(document.all)? memoryspeed : Math.max(1, memoryspeed-1) //slow speed down by 1 for NS
var copyspeed=memoryspeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-10000px;left:-10000px">'+memorycontent+'</span>')
var actualwidth=''
var memoryscroller
if (window.addEventListener)
window.addEventListener("load", populatescroller, false)
else if (window.attachEvent)
window.attachEvent("onload", populatescroller)
else if (document.all || document.getElementById)
window.onload=populatescroller
function populatescroller(){
memoryscroller=document.getElementById? document.getElementById("memoryscroller") : document.all.memoryscroller
memoryscroller.style.left=parseInt(memorywidth)+28+"px"
if (persistlastviewedmsg && get_cookie("lastscrollerpos")!="")
revivelastmsg()
memoryscroller.innerHTML=memorycontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
lefttime=setInterval("scrollmarquee()",20)
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function savelastmsg(){
document.cookie="lastscrollerpos="+memoryscroller.style.left
}
function revivelastmsg(){
lastscrollerpos=parseInt(get_cookie("lastscrollerpos"))
memoryscroller.style.left=parseInt(lastscrollerpos)+"px"
}
if (persistlastviewedmsg && persistmsgbehavior=="onload")
window.onunload=savelastmsg
function scrollmarquee(){
if (parseInt(memoryscroller.style.left)>(actualwidth*(-1)+8))
memoryscroller.style.left=parseInt(memoryscroller.style.left)-copyspeed+"px"
else
memoryscroller.style.left=parseInt(memorywidth)+8+"px"
}
if (iedom){
with (document){
document.write('<table class="text_white" border="0" cellspacing="0" cellpadding="0" style="'+combinedcssTable+'"><td>')
write('<div style="position:relative;overflow:hidden;'+combinedcss+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=memoryspeed">')
write('<div id="memoryscroller" style="position:absolute;left:0px;top:0px;" '+divonclick+'></div>')
write('</div>')
document.write('</td></table>')
}
}
</script>
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
document.body.style.backgroundColor = "rgba(0,0,0,0.4)";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginLeft= "0";
document.body.style.backgroundColor = "white";
}
</script>
<style>
body {
background-color: #1f232e;
text-size-adjust: 20;
text-align: initial;
}
h1 {
color: #2BDCD8
}
p style{
@font-face {
font-family:XfinityStandard;
src:url(https://static.cimcontent.net/common-web-assets/fonts/xfinity-standard-optimized/xfinitystandard-exlt.woff2) format("woff2"),
url(https://static.cimcontent.net/common-web-assets/fonts/xfinity-standard-optimized/xfinitystandard-exlt.woff) format("woff");
font-weight:200;
font-style:normal
}
}
.widget{
position: fixed;
bottom: 0;
right: 1px;
width: 300;
height: 500px;
}
body {
font-family: "Lato", sans-serif;
transition: background-color .5s;
}
.MysteryIncorporated{
position: fixed;
top: 50;
right: 1px;
width: 1900;
height: 510px;}
.main{
width: 68px;
height: 60px;
background-color: #6a2588;
display: flex;
flex-direction: row;
font-family: 'PT Sans', sans-serif;
color: #f5f5f5;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);
}
a {
text-decoration: none;
color: #A0C5FA;
}
.info {
display: flex;
padding: 4px;
flex-direction: row;
justify-content: center;
align-items: center;
}
.button {
background-color: rgba(255, 255, 255, 0.8);
line-height: 18px;
font-size: 18px;
padding: 4px;
border-radius: 4px;
margin-right: 2px;
cursor: pointer;
}
.button a {
color: rgba(0, 0, 0, 0.9);
text-shadow: none;
}
.audiojs {
height: 12px;
background: rgba(0, 0, 0, 0.2);
box-shadow: none;
width: 100%
}
.audiojs .play-pause {
width: 15px;
height: 20px;
padding: 0px 8px 0px 0px;
}
.audiojs p {
width: 25px;
height: 20px;
margin: -3px 0px 0px -1px;
}
.audiojs .scrubber {
background: #5a5a5a;
width: 310px;
height: 10px;
margin: 5px;
}
.audiojs .progress {
height: 10px;
width: 5px;
background: #ccc;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%);
}
.audiojs .loaded {
height: 10px;
background: #000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%);
}
.audiojs .time {
float: left;
height: 25px;
line-height: 25px;
}
.audiojs .error-message {
height: 24px;
line-height: 24px;
}
</style>
<body>
<h1>Welcome to my site!</h1>
<pstyle=;color:rgb(78,195,211)>This site contains many html things. alongside a link to a page that links to all assingments. Like the banner says, feel free to poke around as one might say.
</pstyle=;color:rgb>
</body>
<div class="widget">
<div><iframe src="https://discord.com/widget?id=769639393924481044&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe></div>
</div>
</body>
</html>
<iframe width="1042" height="586" src="https://www.youtube.com/embed/4jXEuIHY9ic" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=true></iframe>