-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfun.html
132 lines (127 loc) · 4.01 KB
/
fun.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
<!doctype html>
<meta charset="utf-8" />
<!--
.-'''''-.
.' `.
: :
: :
: _/| :
: =/_/ :
`._/ | .'
( / ,|...-'
\_/^\/||__
_/~ `""~`"` \_
__/ -'/ `-._ `\_\__
/jgs /-'` `\ \ \-.\
https://asciiart.website/index.php?art=animals/wolves
-->
<html lang="en">
<head>
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" href="styles/style.css">
<title>
Flash Games
</title>
<style>
html *{
font-family: Times;
cursor: url(styles/funbluepurple.cur) 0 0, pointer !important;
}
@font-face {
font-family: Times;
}
body {
background-image: url("Images/fun/waterbg.gif")!important;
}
main {
background-image: url("Images/fun/mainbg.gif");
border-style: ridge;
border-width: 5px;
border-color: violet;
max-width: 776px;
}
button {
background-color: lightpink;
padding: 5px 5px 5px 5px;
vertical-align: top;
margin: 4px 5px 4px 4px;
border-width: 5px;
border-color: lightpink;
width: 100%;
}
button:active {
margin: 4px 5px 4px 4px;
background-color: #b58188;
border-color: lightpink;
}
button:hover {
margin: 4px 5px 4px 4px;
background-color: #b58188;
border-color: lightpink;
}
</style>
</head>
<body>
<header>
<A NAME="top"></a>
<img src="Images/fun/funlogo.gif" alt="ZaynWorlds Banner" width="790" height="134">
</header>
<nav>
<ul>
<li class="nav"><form style="display: inline" action="about.html" method="get"><button>About</button></form></li>
<li class="nav"><form style="display: inline" action="projects.html" method="get"><button>Projects</button></form></li>
<li class="nav"><button>Fun</button></li><!--killing zombie links -->
<li class="nav"><form style="display: inline" action="links.html" method="get"><button>Links</button></form></li>
<li class="nav"><form style="display: inline" action="gallery.html" method="get"><button>Gallery</button></form></li>
<li class="nav"><form style="display: inline" action="misc.html" method="get"><button>Misc</button></form></li>
<li class="nav"><form style="display: inline" action="downloads.html" method="get"><button>Downloads</button></form></li>
<li class="nav"><form style="display: inline" action="guestbook.html" method="get"><button>Guestbook</button></form></li>
</ul>
</nav>
<main>
<h1>Flash Games!</h1>
<p>Make sure Flash is supported and enabled in your browser!<br>Toggle Desert Rally to mute the music.</p>
<h4>Warzone Tower Defense</h4>
<object type="application/x-shockwave-flash" data="swf/warzonetowerdefense.swf" width="772" height="562">
<param name="movie" value="swf/warzonetowerdefense.swf" />
<param name="quality" value="high" />
</object>
<A NAME="missile"></a>
<h4>The Missile Game 3D</h4>
<object type="application/x-shockwave-flash" data="swf/missilegame3d.swf" width="772" height="550">
<param name="movie" value="swf/missilegame3d.swf" />
<param name="quality" value="high" />
</object>
<A NAME="warlords"></a>
<h4>Warlords</h4>
<object type="application/x-shockwave-flash" data="swf/warlords.swf" width="772" height="550">
<param name="movie" value="swf/warlords.swf" />
<param name="quality" value="high" />
</object>
<A NAME="rally"></a>
<h4>Desert Rally</h4>
<div id="myDIV">
<object type="application/x-shockwave-flash" data="swf/desertrally.swf" width="772" height="340">
<param name="movie" value="swf/desertrally.swf" />
<param name="quality" value="high" />
</object>
</div>
<p>You can turn off Desert Rally if you'd prefer without the music<br>
<button onclick="myFunction()" style="width:200px"><li> Toggle Desert Rally</li></button>
<script>
function myFunction() {
var x = document.getElementById("myDIV");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}
</script>
</p>
</main>
<footer>
<A HREF="#top">Back to top</A>
</footer>
</body>
</html>