1995/layout.js at main · jsg0000/1995 · GitHub

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
export function getHTML(count) {
  return `<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<title>Welcome to My Awesome Homepage!!!</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
body {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 20px;
}
.container {
  width: 800px;
  max-width: 100%;
}
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">

<div class="container">
<center>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FF00FF">
<center>
<font size="+3" color="#FFFF00" face="Arial, Helvetica"><b>
*** WELCOME TO MY HOMEPAGE ***
</b></font>
</center>
</td>
</tr>
</table>

<br>

<table width="100%" border="3" cellpadding="10" cellspacing="0" bgcolor="#00FFFF">
<tr>
<td>
<center>
<img src="https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExaGF6ZGN0YjB5aGZ1cnVjdWVoZ2k3MWJkMnQ4MjdlY2FsbGV5ZXRhMSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/njYrp176NQsHS/giphy.gif" alt="Gandalf welcomes you!" width="300" border="2">
<br>
<font size="2" face="Arial" color="#000080"><i>"A visitor is never late, nor is he early. He arrives precisely when he means to!"</i></font>
<br><br>
<img src="/counter.gif" alt="Visitor Counter" border="2">
<br>
<font size="-1" face="Arial"><b>You are visitor #${count}!</b></font>
</center>
</td>
</tr>
</table>

<br>

<table width="100%" border="5" cellpadding="15" cellspacing="0" bordercolor="#FF0000">
<tr>
<td bgcolor="#FFFF00">
<center>
<font size="+2" color="#FF0000" face="Comic Sans MS, Arial"><b>
<blink>*** UNDER CONSTRUCTION ***</blink>
</b></font>
<br>
<font size="+1">🚧 👷 🚧</font>
</center>
</td>
</tr>
</table>

<br>

<table width="100%" border="2" cellpadding="10" cellspacing="5" bgcolor="#CCCCCC">
<tr>
<td bgcolor="#FFFFFF">
<font face="Times New Roman" size="+1">
<center><b>About Me</b></center>
</font>
<hr size="3" color="#0000FF">
<font face="Arial" size="2">
Hi there! Welcome to my personal homepage on the World Wide Web!
My name is WebMaster3000 and I'm totally stoked you stopped by!
<br><br>
I created this site to share my interests with the world.
Right now it's still under construction but check back soon for
updates!
<br><br>
<b>My Interests:</b>
<ul>
<li>Surfing the Information Superhighway 🌐
<li>Collecting cool GIFs and backgrounds
<li>HTML programming (I'm learning!)
<li>90s music and pop culture
<li>Making new friends online
<li>Lord of the Rings fan fiction
</ul>
</font>
</td>
</tr>
</table>

<br>

<table width="100%" border="0" cellpadding="8" cellspacing="0">
<tr>
<td bgcolor="#00FF00" width="33%" align="center">
<font face="Arial Black" size="3" color="#FF0000">
<a href="#cool"><font color="#0000FF"><b>Cool Links</b></font></a>
</font>
</td>
<td bgcolor="#FF00FF" width="34%" align="center">
<font face="Arial Black" size="3">
<a href="#guestbook"><font color="#FFFF00"><b>Guestbook</b></font></a>
</font>
</td>
<td bgcolor="#00FFFF" width="33%" align="center">
<font face="Arial Black" size="3">
<a href="#email"><font color="#FF0000"><b>Email Me!</b></font></a>
</font>
</td>
</tr>
</table>

<br>

<table width="100%" border="3" cellpadding="15" cellspacing="0" bgcolor="#FFFFCC">
<tr>
<td>
<a name="cool"></a>
<center>
<font face="Impact, Arial Black" size="+2" color="#0000FF">
<marquee behavior="alternate" width="80%">
✨ My Favorite Links ✨
</marquee>
</font>
</center>
<hr size="2" color="#FF00FF">
<font face="Verdana" size="2">
<ul>
<li><a href="https://web.archive.org">The Internet Archive</a> - Wayback Machine!
<li><a href="https://www.google.com">Yahoo!</a> - My favorite search engine
<li><a href="https://www.wikipedia.org">Online Encyclopedia</a> - Learn stuff!
<li><a href="https://www.lotr.com">Lord of the Rings Official Site</a> - One ring to rule them all!
<li><a href="#">My Friend's Homepage</a> - Check it out!
</ul>
</font>
</td>
</tr>
</table>

<br>

<table width="100%" border="3" cellpadding="10" cellspacing="0" bgcolor="#FF99CC">
<tr>
<td align="center">
<a name="guestbook"></a>
<font face="Comic Sans MS" size="+1" color="#000080">
<b>📖 Sign My Guestbook! 📖</b>
</font>
<br><br>
<font face="Arial" size="2">
Please sign my guestbook and let me know you were here!<br>
<i>(Guestbook coming soon!)</i>
</font>
</td>
</tr>
</table>

<br>

<table width="100%" border="5" cellpadding="10" cellspacing="0" bordercolor="#0000FF" bgcolor="#E0E0E0">
<tr>
<td>
<a name="email"></a>
<center>
<font face="Arial" size="+1" color="#FF0000">
<b>📧 Contact Me! 📧</b>
</font>
<br><br>
<font face="Courier" size="2">
Email: webmaster@coolsite.com<br>
ICQ: 12345678<br>
AIM: WebMaster3000
</font>
</center>
</td>
</tr>
</table>

<br>

<table width="100%" border="0" cellpadding="5" cellspacing="0" bgcolor="#000000">
<tr>
<td>
<center>
<font face="Arial" size="1" color="#00FF00">
Best viewed with Netscape Navigator 2.0 or higher<br>
800x600 resolution or better<br>
<br>
Last Updated: ${new Date().toLocaleDateString('en-US', { month: 'long', day: 'numeric', year: 'numeric' })}<br>
<br>
<font color="#FFFFFF">Copyright © ${new Date().getFullYear()} WebMaster3000. All rights reserved.</font><br>
<br>
<font color="#FFFF00">
<blink>⭐ This site is best experienced with the sound ON! ⭐</blink>
</font>
</center>
</td>
</tr>
</table>

<br>

<font size="1">
<center>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="88" height="31" alt="Netscape Now!" title="Netscape Now!">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="88" height="31" alt="Best viewed in 800x600" title="Best viewed in 800x600">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="88" height="31" alt="HTML 3.2" title="Made with HTML 3.2">
</center>
</font>

</center>
</div>

</body>
</html>`;
}