-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
161 lines (143 loc) · 8.61 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--
Template 2018 Notebook
http://www.tooplate.com/view/2018-notebook
-->
<title>znon - the official website</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="tooplate_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/coda-slider.css" type="text/css" charset="utf-8" />
<script src="https://cdn.jsdelivr.net/combine/npm/tone@14.7.58,npm/@magenta/music@1.23.1/es6/core.js,npm/focus-visible@5,npm/html-midi-player@1.5.0"></script>
<script src="js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
<script src="js/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="slider">
<div id="tooplate_wrapper">
<div id="tooplate_sidebar">
<div id="menu">
<ul class="navigation">
<li><a href="#home" class="selected menu_01">Home</a></li>
<li><a href="#aboutus" class="menu_02">About znon</a></li>
<li><a href="#services" class="menu_03">Gaming</a></li>
<li><a href="#gallery" class="menu_04">Web Pages</a></li>
<li><a href="#contactus" class="menu_05">midi player</a></li>
</ul>
</div>
</div> <!-- end of sidebar -->
<div id="content">
<div class="scroll">
<div class="scrollContainer">
<div class="panel" id="home">
<div class="content_section">
<h2>znon official website</h2>
<img src="https://github.com/htmlcsssjava/htmlcsssjava.github.io/blob/main/images/Untitled%20(4).png?raw=true" alt="your browser is broken" width="200" height="150" class="image_wrapper image_fl" />
<p><em>Here you'll find loads of great songs, interesting blogs, a cool website and other cool things here. Have fun!</em></p>
<p>See, this website would be more useful if znon actually released a song, hasn't happened yet though. You can <a rel="nofollow" href="https://soundcloud.com/aandwc">subscribe to znon's soundcloud</a>. You should also <a rel="nofollow" href="https://www.youtube.com/channel/UC8Q9O2-SHQC_aYx9nb6MsqA">subsribe to Foshwave on youtube</a>, You should also do the same to <a rel="nofollow" href="https://www.youtube.com/channel/UCwq3TRBI6hc5Eafc04jBf5A">znon's youtube channel</a>, no music there but znon make some ytp's and they might encite a laugh or two.</p>
</div>
<div class="content_section last_section">
<h2>What znon does</h2>
<ul class="service_list">
<li><a href="#" class="service_two">Play games on steam</a></li>
<li><a href="#" class="service_three">Write blogs</a></li>
<li><a href="#" class="service_four">Make music</a></li>
<li><a href="https://ukhousing.fandom.com/wiki/Main_Page" class="service_five">Admin of The UK Housing Wiki!!</a></li>
</ul>
</div>
</div> <!-- end of home -->
<div class="panel" id="aboutus">
<div class="content_section">
<h1>About znon</h1>
<img src="https://static.wikia.nocookie.net/surrealmemes/images/c/c3/Commander_Jerma.jpg/revision/latest?cb=20210618105847" alt="Probably for the best you don't see this" class="image_wrapper image_fl" />
<p><em>This tab will have info about znon</em></p>
<p>znon is a soon to-be producer. He will post music on Foshwave when he gets round to producing one and releasing it. he's a bit busy right now but
he will do it eventually. I pretty much only export to .flac, but .ogg versions can also be found.
</a>.</p>
</div>
<div class="content_section last_section">
<h2>Blogs</h2>
<blockquote>
<p>One day znon will do blogs, as stated before he's a bit busy and life's a bit boring for him right now. i hope someone cares about
them when i do make blogs eventually...
</p>
<cite>znon - <span>to-be programmer, wiki editor and music producer</span></cite> </blockquote>
</div>
</div> <!-- end of aboutus -->
<div class="panel" id="services">
<h1>znon gaming</h1>
<p><em>This tab is about znon's gaming stuff i guess</em></p>
<img src="https://play-lh.googleusercontent.com/52_DMY5417awaEgJf3_9mWgEuO2t1JfkGab8kM-LD6l5u6cGm_1-GsoQ_IyWFHdbkA" alt="Image" width="200" height="200" class="image_wrapper image_fr" />
<p>znon plays video games, some of his favourites currently are:
</p>
<p>Airmech Strike</p>
<p>Minecraft</p>
<p>Gmod</p>
<p>Overwatch 2</p>
<p>Supremacy 1914</p>
<p>Stardew Valley (sometimes)</p>
<p>osu!</p>
<p>And Team Fortress 2!<p>
<div class="cleaner_h20"></div>
<ul class="service_list">
</ul>
</div> <!-- end of services -->
<div class="panel" id="gallery">
<h1>Our Pages</h1>
<div id="gallery_container">
<div class="gallery_box float_l">
<h4>Songs</h4>
<a href="https://htmlcsssjava.github.io/music.html"><img src="https://cdn.openai.com/research-covers/jukebox/2x-no-mark.jpg" alt="Project 1" /></a> </div>
<div class="gallery_box float_r">
<h4>completely unrelated midi</h4>
<a href="https://htmlcsssjava.github.io/midi"><img src="https://content.instructables.com/ORIG/FX1/XP14/H4I7VOGP/FX1XP14H4I7VOGP.jpg?auto=webp&frame=1&fit=bounds&md=6c5f16c23589cc62cdb303a531da5cc9" alt="Project 2" /></a> </div>
<div class="gallery_box float_l">
<h4>placeholder</h4>
<a href="#"><img src="images/gallery/image_03.jpg" alt="Project 3" /></a> </div>
<div class="gallery_box float_r">
<h4>placeholder</h4>
<a href="#"><img src="images/gallery/image_04.jpg" alt="Project 4" /></a> </div>
<div class="gallery_box float_l">
<h4>PLACEHOLDER</h4>
<a href="#"><img src="images/gallery/image_05.jpg" alt="Project 5" /></a> </div>
<div class="gallery_box float_r">
<h4>Programming</h4>
<a href="#"><img src="images/gallery/image_06.jpg" alt="Project 6" /></a> </div>
<div class="cleaner"></div>
</div>
</div>
<div class="panel" id="contactus">
<h1>A built in midi player</h1>
<p>midi player</p>
<div class="cleaner_h10"></div>
<midi-player
src="https://raw.githubusercontent.com/htmlcsssjava/htmlcsssjava.github.io/main/midi/Daddy_DJ_-_Daddy_DJ.mid"
sound-font visualizer="#myVisualizer">
</midi-player>
<midi-visualizer type="piano-roll" id="myVisualizer"></midi-visualizer>
</div>
</div>
</div><!-- end of scroll -->
</div>
</div> <!-- end of content -->
</div>
<div id="footer">
<div id="social_box">
<a href="https://htmlcsssjava.github.io/nope.html"><img src="images/facebook.png" alt="facebook" /></a>
<a href="https://htmlcsssjava.github.io/nope.html"><img src="images/flickr.png" alt="flickr" /></a>
<a href="https://htmlcsssjava.github.io/nope.html"><img src="images/myspace.png" alt="myspace" /></a>
<a href="https://htmlcsssjava.github.io/nope.html"><img src="images/twitter.png" alt="twitter" /></a>
<a href="https://www.youtube.com/channel/UC8Q9O2-SHQC_aYx9nb6MsqA"><img src="images/youtube.png" alt="youtube" /></a>
<div align='center'><img src='https://www.free-website-hit-counter.com/c.php?d=5&id=137204&s=1'>
</div>
<div class="cleaner"></div>
</div>
</body>
</html>