-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
161 lines (151 loc) · 9.67 KB
/
index.htm
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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="en-us">
<title>Welcome to my Web site</title>
<script>
function toggleHiddenRow() {
var story = document.all ? document.all['story'] : document.getElementById('story');
if (story.style.display === 'none' || story.style.display === '') {
story.style.display = document.all ? 'block' : 'table-row';
} else {
story.style.display = 'none';
}
}
</script>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="Microsoft Theme" content="none, default">
<!-- Using link element -->
<link rel="stylesheet" type="text/css" href="styles.css">
<!-- Using @import rule in a style tag -->
<style>
@import url('styles.css');
</style>
</head>
<body bgcolor="#FFD0B8" link="#000000" vlink="#000000">
<center>
<table id="pconly" cellpadding="0" cellspacing="0" bgcolor="#FFEBB7" style="max-width: 769px; _width:expression(document.body.clientWidth > 769 ? '769px' : 'auto');">
<tr>
<td align="center" colspan="2">
<img id="headimg" border="0" src="images/banner/banner.png"></td>
<tr>
<tr>
<td align="center" colspan="2">
<p style="margin-left: 20px; margin-right: 20px;">Welcome to my new old-ish personal website that I do almost entirely
on Microsoft FrontPage 2002 (XP) on Windows 11 Based on koinuko.pink
and my modern site mixed together with 80- 90s code style.</p></tr>
<tr>
<td align="center" colspan="2">
<br>
<p align="center" style="margin-left: 20px; margin-right: 20px;">This is the first version of this site, so it
doesn't look that great. but I will try to make it better and still works on
older web browser and oses too.
and if you want to read the whole long story about this site <a a href="javascript:void(0)" onclick="toggleHiddenRow()">
click here</a>. In the meanwhile, enjoy your stay.<p align="center" style="margin-top: 0; margin-bottom: 1">
</tr>
<tr id="story" style="display: none;">
<td align="center" colspan="2">
<p align="justify" style="margin-left: 20px; margin-right: 20px;">
This is first time I write very old site and I need to say,
It's very very hard to make (even I have code many modern site but
not hard like this cause some tutorials on online can't even works
on retro browser so I have to learn a lot of things from this
adventure.)</p>
<p align="justify" style="margin-left: 20px; margin-right: 20px;"> but I admit, I want to do a site like this for a long
time. Cause I want the Ensemble Stars theme one for my site cause I
found IG Story from another tiktoker (@chokunplayz), and now it's
time to do that (after I found koinuko.pink when I tried Michael MJD's neocities site status and it's look very great.) I hope you
like it.<p align="left" style="margin-top: 0; margin-bottom: 1">
</td>
</td>
</tr>
<tr>
<td align="center" align="top" colspan="2">
<p style="margin-top: 0; margin-bottom: 1"><b>
</b>
<p style="margin-top: 0; margin-bottom: 1"><b>Last update
<!--webbot bot="Timestamp" S-Type="EDITED" S-Format="(%d/%m/%Y)" startspan -->(25/05/2024)<!--webbot bot="Timestamp" i-checksum="13172" endspan --> :</b><small> </small>
<font size="2">Finally!, Finish it.</font><p style="margin-top: 0; margin-bottom: 1"> <p style="margin-top: 0">
<font size="2">
<a href="https://github.com/toonnongaeoy/my-other-site/releases">Update Log. (Modern Browser only.)</a></font>
<font size="2">
<br style="margin-top: 0;">
<p><b>The blog is not done atm, but will avaliable soon!</b></p><p style="margin-top: 0">
</td>
</tr>
<tr>
<td align="center" width="97" valign="top">
Emotion
<table cellpadding="0" cellspacing="0" height="20">
<tr>
<td bgcolor="#e34c2d" style="padding: 3px; padding-bottom: 3px; margin-bottom: 1px;" bordercolor="#FFFFFF" height="20">
<a href="http://www.imood.com/users/toonnongaeoy" style="text-decoration: none;"><img src="http://moods.imood.com/display/uname-toonnongaeoy/fg-FFFFFF/bg-CCEEF/trans-1/imood.gif" width="72" height="15"> </a>
</td>
</tr>
</table>
<img border="0" src="images/eichi2.png" width="81"><a href="http://users3.smartgb.com/g/g.php?a=s&i=g36-35743-c3"><img alt="Guestbook" border="0" src="http://extras3.smartgb.com/b/gb_80x40.gif" width="80" height="40"></a></td>
<td valign="top">
<p style="margin-top: 0; margin-bottom: 0">
<br></p>
<p style="margin-top: 0; margin-bottom: 0"><b>Myself | </b>
<font size="1">Every that need to know about me.</font></p>
<hr><p style="margin-top: 1; margin-bottom: 3"><a href="aboutme.htm">About me</a> ---
Blog --- <a href="social.htm">Social List</a>
<span lang="th">--- </span><a href="https://scrapbook.toonstorytime.me">Scrapbook<span lang="th">
(</span>Modern Browser Only<span lang="th">)</span></a></p>
<hr>
<p style="margin-bottom: 0"><b>Archive</b> | <font size="1">Everything
that I want to keep to myself but also want to be public.</font></p>
<hr>
<p style="margin-top: 0; margin-bottom: 0"><a href="download.htm">Download</a> --- <a href="samplaylist.htm">Spotify/Apple
Music Playlist</a> --- <a href="schoolwork/index.htm">Schoolworks</a></p>
<hr>
<p style="margin-bottom: 0"><b>For you</b> | <font size="1">Maybe you
will like this.</font></p>
<hr>
<p style="margin-top: 0"><a href="8831button.htm">88x31 Button</a> --- <a href="wallpaper.htm">Wallpaper</a><p>Collective |
<font size="1">Button linking to my other site (yep! that's
toonstorytime.me) and other, including original one. and also some Thai
site that you should visit. (And mostly require modern browser to browse
it.)</font><hr>
<p style="margin-top: 0">
<a href="http://www.sanook.com">
<img border="0" src="images/buttons/sanook.gif" title="The popular news site of Thailand, Go to your modern web browser to browse it." width="88" height="31"><a href="http://www.pantip.com"><img border="0" src="images/buttons/pantip.gif" title="The most thai popular webboard since 90s. Go to your modern web browser to browse it." width="88" height="31"></a><a href="https://koinuko.pink/"><img border="0" src="images/buttons/koinuko2.gif" title="The site that made my inspired to do it, Go to your modern browser to browse it." width="88" height="31"></a><a href="https://www.toonstorytime.me"><img border="0" src="images/buttons/ToonStoryTime.gif" title="My modern site one, goto your modern browser to see it." width="88" height="31"></a><a href="http://technologicalbyte.com"><img border="0" src="images/buttons/tbsite.gif" title="Another inspiration that makes me do this site on Frontpage, He also a cool guy. So don't forget to viist him." width="88" height="31"></a></p>
<p style="margin-top: 0"> </td>
</tr>
</table>
</center>
<script>
var isPC = !navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry|Mobile)/i);
// Check if the browser is IE5 or newer
var isIE5OrNewer = false;
var ua = window.navigator.userAgent;
var msie = ua.indexOf('MSIE ');
if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
var version = parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);
isIE5OrNewer = version >= 5;
}
// If the user is on a PC and the browser is IE5 or newer, run your code
if (isPC && isIE5OrNewer) {
// document.getElementById('pconly').style.maxWidth = "769px";
} else {
// pconly.style.width = "auto";
// pconly.style.height = "auto";
headimg.style.width = "100%";
headimg.style.height = "auto";
}
</script>
<footer>
<p align="center" style="margin-top: 0; margin-bottom: 0"><small>
<br>
2013 - <!--webbot bot="Timestamp" S-Type="EDITED" S-Format="%Y" startspan -->2024<!--webbot bot="Timestamp" i-checksum="762" endspan --> StoryHouse Production.</small></p>
<p align="center" style="margin-top: 0; margin-bottom: 0"><font size="2">Eichi Tenshouin and related materials are trademarks of Happy Elements K.K</font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0"><font size="2">Raiden Shogun and related materials are trademarks of miHoYo Co., Ltd.</font></p>
<p align="center" style="margin-top: 0; margin-bottom: 10"><font size="2">mail
to <a href="mailto:[email protected]">contact (at) toonstorytime.me</a></font></p>
<center>
<img border="0" src="images/buttons/anydamn.gif" title="Yep, You can use any browser to browse this site. Even Internet Explorer (If you like some Thai Goverment site.)" width="88" height="31"><a href="https://instagram.com/toonnongaeoy"><img border="0" src="images/buttons/instagram.gif" width="88" height="31" title="Yep, I'm on Instagram. Go to your modern web browser to browse it."></a><img border="0" src="images/buttons/microsoft_frontpage.gif" title="This site created almost entirely using Microsoft FrontPage 2002." width="88" height="31"><img border="0" src="images/buttons/sslnossl.gif" title="SSL? NO SSL? You decide." width="88" height="31"><img border="0" src="images/buttons/imissxp.gif" title="Who don't miss Windows XP, It's the best Windows ever made. And it's pure nostagia right here." width="88" height="31"></center>
</footer>
</body>
</html>