head($pgtitle, $pgdescription, $pgcss, $pgjs);
?>
<body>
- <table width="490">
- <tr>
- <td>
- <a href="/diary">< back</a>
- <h1 class="entry-title"></h1>
- <p class="written-date">Written in YYYY, DDst/rd/th of m</p>
- <hr>
- <p></p>
- <hr>
- </td>
- </tr>
- </table>
+ <center>
+ <table width="490">
+ <tr>
+ <td>
+ <a href="/diary">< back</a>
+ <h1 class="entry-title"></h1>
+ <p class="written-date">Written in YYYY, DDst/rd/th of m</p>
+ <hr>
+ <p></p>
+ <hr>
+ </td>
+ </tr>
+ </table>
+ </center>
</body>
</html>
head($pgtitle, $pgdescription, $pgcss, $pgjs);
?>
<body>
- <table width="490">
- <tr>
- <td>
- <a href="/diary/">< back</a>
- <h1 class="entry-title">A dream.</h1>
- <p class="written-date">Written in 2025, 12th of July.</p>
- <hr>
- <p>Apocalypse. A city. Inside the train. Love. Arcade. It must be another weird dream...</p>
- <hr>
- </td>
- </tr>
- </table>
+ <center>
+ <table width="490">
+ <tr>
+ <td>
+ <a href="/diary/">< back</a>
+ <h1 class="entry-title">A dream.</h1>
+ <p class="written-date">Written in 2025, 12th of July.</p>
+ <hr>
+ <p>Apocalypse. A city. Inside the train. Love. Arcade. It must be another weird dream...</p>
+ <hr>
+ </td>
+ </tr>
+ </table>
+ </center>
</body>
</html>
head($pgtitle, $pgdescription, $pgcss, $pgjs);
?>
<body>
- <table width="490">
- <tr>
- <td>
- <a href="/diary/">< back</a>
- <h1 class="entry-title">The rain.</h1>
- <p class="written-date">Written in 2025, 14th of July.</p>
- <hr>
- <p>Monday, somewhere around 3 in the afternoon. It's hot, even though it is already July—rainy season. Well, my cousins, even my sister is out on the high school and elemtary nearby. They started their classes this past month, while mine, would be this upcoming August—as a freshman college—still a month left. Having nothing much to do, I'm usually on the living room on the afternoon. I can't take a nap in my bed, it is blazingly hot inside like I'm in a sauna, yet I don't even know how hot inside sauna is—much likely, our bedroom is significantly hotter.</p>
- <p>I made a coffee.</p>
- <p>Then, it rained.</p>
- <p>The sound of raindrops hitting the thin roof of our house, little-by-little getting louder. I got off the chair, then go to our garage. I put my head on my crossed arm laid above the gate which is almost the same height as my shoulder. I stared on the rain slowly getting heavier...It's just so majestic. I like rain, and I mean it...no, I don't just like it, but I LOVE it. It gives me a feeling or serenity, a peace that I cannot explain through words.</p>
- <p>I like rain so much that I always look forward to it every single day, especially in the afternoon. Although, that might sounds selfish to many...others might say "Won't you think of others...how about those ones who is out and need to work, or those beggars whom doesn't have a shelter?". Yes!...I feel pity to them, really. It's just that, I love rain, even though the reality that many people doesn't like rain as much as I do.</p>
- <hr>
- </td>
- </tr>
- </table>
+ <center>
+ <table width="490">
+ <tr>
+ <td>
+ <a href="/diary/">< back</a>
+ <h1 class="entry-title">The rain.</h1>
+ <p class="written-date">Written in 2025, 14th of July.</p>
+ <hr>
+ <p>Monday, somewhere around 3 in the afternoon. It's hot, even though it is already July—rainy season. Well, my cousins, even my sister is out on the high school and elemtary nearby. They started their classes this past month, while mine, would be this upcoming August—as a freshman college—still a month left. Having nothing much to do, I'm usually on the living room on the afternoon. I can't take a nap in my bed, it is blazingly hot inside like I'm in a sauna, yet I don't even know how hot inside sauna is—much likely, our bedroom is significantly hotter.</p>
+ <p>I made a coffee.</p>
+ <p>Then, it rained.</p>
+ <p>The sound of raindrops hitting the thin roof of our house, little-by-little getting louder. I got off the chair, then go to our garage. I put my head on my crossed arm laid above the gate which is almost the same height as my shoulder. I stared on the rain slowly getting heavier...It's just so majestic. I like rain, and I mean it...no, I don't just like it, but I LOVE it. It gives me a feeling or serenity, a peace that I cannot explain through words.</p>
+ <p>I like rain so much that I always look forward to it every single day, especially in the afternoon. Although, that might sounds selfish to many...others might say "Won't you think of others...how about those ones who is out and need to work, or those beggars whom doesn't have a shelter?". Yes!...I feel pity to them, really. It's just that, I love rain, even though the reality that many people doesn't like rain as much as I do.</p>
+ <hr>
+ </td>
+ </tr>
+ </table>
+ </center>
</body>
</html>
head($pgtitle, $pgdescription, $pgcss, $pgjs);
?>
<body>
- <table width="490">
- <tr>
- <td>
- <a href="/diary/">< back</a>
- <h1 class="entry-title">New haircut</h1>
- <p class="written-date">Written in 2025, 3rd day of August</p>
- <hr>
- <p>Somewhere around 3-4 pm, I took to the barber shop to get a nice haircut. It's been 4 months since I had haircut on that shop. I walked there as usual, the distance is approximately a kilometer long. A bit of long walk, but I enjoyed it. I feel better walking rather than riding a vehicle to get quickly on a destination (other than the reason that I don't have money). I now declare that walking is my favorite type of transportation!</p>
- <p>When I got there, too many people are already inside the shop—about five to six people. I sat outside the door at the stairs to wait for like 3 HOURS, it's too congested inside! I don't have anything on me except the umbrella I was holding. I was just sitting there along with some guys, silently observing people and vehicles passing by to feed some time, because I really have nothing to do—I should have brought a book at least.</p>
- <p>It's about 5:30 when I already got home. I feel too sticky and hot, so I immediately washed my face to cool down. About the haircut, I think it's good honestly. I was amazed how a great haircut along with proper hair style could make a person look good.</p>
- <hr>
- </td>
- </tr>
- </table>
+ <center>
+ <table width="490">
+ <tr>
+ <td>
+ <a href="/diary/">< back</a>
+ <h1 class="entry-title">New haircut</h1>
+ <p class="written-date">Written in 2025, 3rd day of August</p>
+ <hr>
+ <p>Somewhere around 3-4 pm, I took to the barber shop to get a nice haircut. It's been 4 months since I had haircut on that shop. I walked there as usual, the distance is approximately a kilometer long. A bit of long walk, but I enjoyed it. I feel better walking rather than riding a vehicle to get quickly on a destination (other than the reason that I don't have money). I now declare that walking is my favorite type of transportation!</p>
+ <p>When I got there, too many people are already inside the shop—about five to six people. I sat outside the door at the stairs to wait for like 3 HOURS, it's too congested inside! I don't have anything on me except the umbrella I was holding. I was just sitting there along with some guys, silently observing people and vehicles passing by to feed some time, because I really have nothing to do—I should have brought a book at least.</p>
+ <p>It's about 5:30 when I already got home. I feel too sticky and hot, so I immediately washed my face to cool down. About the haircut, I think it's good honestly. I was amazed how a great haircut along with proper hair style could make a person look good.</p>
+ <hr>
+ </td>
+ </tr>
+ </table>
+ </center>
</body>
</html>
$pgjs = [];
head($pgtitle, $pgdescription, $pgcss, $pgjs);
?>
-<body>
- <table width="490">
- <tr>
- <td>
- <a href="/diary/">< back</a>
- <h1 class="entry-title">University orientation</h1>
- <p class="written-date">Written in 2025, 5th of August</p>
- <hr>
- <p>These past four months of vacation I wake up by 8 or 9—sometimes near noon—so my body was not used to wake that early. I kinda feel dizzy, even though I slept for 5 hours (which is I think enough for a teen guy). We leave by 7:45, there was a heavy traffic so almost an hour was spent until we reach the jeepney terminal, usually it would only took 30mins.</p>
- <p>It was my first solo-commute on a jeepney, so I'm kind of nervous. Before, when I ride, I always have someone like a previous classmate or a friend. Now, it was only me.</p>
- <p>The first jeepney I rode, the process went smooth. After landing to another terminal, I asked one of the jeepney drivers and asked what jeepney to ride routing to the university. He pointed the jeepney nearly leaving. Fortunately I ran and ride, but <strong><i>IT WAS ALREADY FULL!</i></strong> I need to go off but the driver shouted to me that I should go to the front passenger seat instead. That was the first time I sat on a jeepney's passenger seat lol.</p>
- <p>The orientation should start 7:30 in the morning, and it's already 8 but I'm still at the jeepney, I'm anxious that time if I could still enter the gymnasium.</p>
- <p>Once I entered the university, I go to one of the business stall to print the COR (Certificate of Registration) of my friends. They're already inside and not allowed to go outside. <strong><i>GAHHHHH!</i></strong> I'm too much late yet the printing line is still have long queue.</p>
- <p>I still able to enter the gymnasium, and it seems that they already started just a few minutes ago I guess (FILIPINO TIME). At the end, the COR was not even used by them, I just wasted time and money lol.</p>
- <p>I'm at the most back mixed with other department. My department is at the front. The orientation lasts for 5 hours, from 8 to 1pm. I haven't talked to anyone there for straight five hours, it sucks that I can't even start a simple conversation. I felt the hunger and thirst that time, I have packed a lunch and snacks, as well a tumbler for water, but I'm too shy to even fill my stomach.</p>
- <hr>
- </td>
- </tr>
- </table>
+<body>
+ <center>
+ <table width="490">
+ <tr>
+ <td>
+ <a href="/diary/">< back</a>
+ <h1 class="entry-title">University orientation</h1>
+ <p class="written-date">Written in 2025, 5th of August</p>
+ <hr>
+ <p>These past four months of vacation I wake up by 8 or 9—sometimes near noon—so my body was not used to wake that early. I kinda feel dizzy, even though I slept for 5 hours (which is I think enough for a teen guy). We leave by 7:45, there was a heavy traffic so almost an hour was spent until we reach the jeepney terminal, usually it would only took 30mins.</p>
+ <p>It was my first solo-commute on a jeepney, so I'm kind of nervous. Before, when I ride, I always have someone like a previous classmate or a friend. Now, it was only me.</p>
+ <p>The first jeepney I rode, the process went smooth. After landing to another terminal, I asked one of the jeepney drivers and asked what jeepney to ride routing to the university. He pointed the jeepney nearly leaving. Fortunately I ran and ride, but <strong><i>IT WAS ALREADY FULL!</i></strong> I need to go off but the driver shouted to me that I should go to the front passenger seat instead. That was the first time I sat on a jeepney's passenger seat lol.</p>
+ <p>The orientation should start 7:30 in the morning, and it's already 8 but I'm still at the jeepney, I'm anxious that time if I could still enter the gymnasium.</p>
+ <p>Once I entered the university, I go to one of the business stall to print the COR (Certificate of Registration) of my friends. They're already inside and not allowed to go outside. <strong><i>GAHHHHH!</i></strong> I'm too much late yet the printing line is still have long queue.</p>
+ <p>I still able to enter the gymnasium, and it seems that they already started just a few minutes ago I guess (FILIPINO TIME). At the end, the COR was not even used by them, I just wasted time and money lol.</p>
+ <p>I'm at the most back mixed with other department. My department is at the front. The orientation lasts for 5 hours, from 8 to 1pm. I haven't talked to anyone there for straight five hours, it sucks that I can't even start a simple conversation. I felt the hunger and thirst that time, I have packed a lunch and snacks, as well a tumbler for water, but I'm too shy to even fill my stomach.</p>
+ <hr>
+ </td>
+ </tr>
+ </table>
+ </center>
</body>
</html>
head($pgtitle, $pgdescription, $pgcss, $pgjs);
?>
<body>
- <table width="490">
- <tr>
- <td>
- <a href="/diary/">< back</a>
- <h1 class="entry-title">Our kitten died</h1>
- <p class="written-date">Written in 2025, 9th of August</p>
- <hr>
- <p>[discontinued...]</p>
- <hr>
- </td>
- </tr>
- </table>
+ <center>
+ <table width="490">
+ <tr>
+ <td>
+ <a href="/diary/">< back</a>
+ <h1 class="entry-title">Our kitten died</h1>
+ <p class="written-date">Written in 2025, 9th of August</p>
+ <hr>
+ <p>[discontinued...]</p>
+ <hr>
+ </td>
+ </tr>
+ </table>
+ </center>
</body>
</html>
head($pgtitle, $pgdescription, $pgcss, $pgjs);
?>
<body>
- <table width="490">
- <tr>
- <td>
- <h1>bochard's diary</h1>
- <p>Some thoughts from my mind that I want to write. This section is not purely for sentimental, and emotional stuffs. It is kind of a mix of a journal, a diary, and a weblog. Feel free to read them. Please don't mind the grammatical mistakes, I am not a native English speaker but I'll do my best to improve my vocabulary and writing so I could express more of my thoughts.</p>
-
- <!--
- <ul>
- <?php
- $path = $_SERVER['DOCUMENT_ROOT'] . '/diary/';
- $files = glob($path . '*.php');
-
- $entries = [];
-
- foreach ($files as $path) {
- $filename = basename($path);
-
- if (!preg_match('/^\d{8}\.php$/', $filename)) {
- continue;
+ <center>
+ <table width="490">
+ <tr>
+ <td>
+ <h1>bochard's diary</h1>
+ <p>Some thoughts from my mind that I want to write. This section is not purely for sentimental, and emotional stuffs. It is kind of a mix of a journal, a diary, and a weblog. Feel free to read them. Please don't mind the grammatical mistakes, I am not a native English speaker but I'll do my best to improve my vocabulary and writing so I could express more of my thoughts.</p>
+
+ <!--
+ <ul>
+ <?php
+ $path = $_SERVER['DOCUMENT_ROOT'] . '/diary/';
+ $files = glob($path . '*.php');
+
+ $entries = [];
+
+ foreach ($files as $path) {
+ $filename = basename($path);
+
+ if (!preg_match('/^\d{8}\.php$/', $filename)) {
+ continue;
+ }
+
+ $date = substr($filename, 0, 8);
+ $entries[$date] = $filename;
}
-
- $date = substr($filename, 0, 8);
- $entries[$date] = $filename;
- }
-
- krsort($entries);
-
- foreach ($entries as $date => $filename) {
- $url = "/diary/$filename";
- $entryName = date("F j, Y", strtotime($date));
- echo "<li><a href=\"$url\">$entryName</a></li>\n";
- }
- ?>
- </ul>
- -->
-
- <ul>
- <li>[2025, Aug. 09] - <a href="./20250809.php">Our kitten died</a></li>
- <li>[2025, Aug. 05] - <a href="./20250805.php">University orientation</a></li>
- <li>[2025, Aug. 03] - <a href="./20250803.php">New haircut</a></li>
- <li>[2025, Jul. 14] - <a href="./20250714.php">The rain.</a></li>
- <li>[2025, Jul. 12] - <a href="./20250712.php">A dream.</a></li>
- </ul>
-
- <center><a href="/"><img src="/image/navigation/backhomepage.gif"></a></center>
- </td>
- </tr>
- </table>
+
+ krsort($entries);
+
+ foreach ($entries as $date => $filename) {
+ $url = "/diary/$filename";
+ $entryName = date("F j, Y", strtotime($date));
+ echo "<li><a href=\"$url\">$entryName</a></li>\n";
+ }
+ ?>
+ </ul>
+ -->
+
+ <ul>
+ <li>[2025, Aug. 09] - <a href="./20250809.php">Our kitten died</a></li>
+ <li>[2025, Aug. 05] - <a href="./20250805.php">University orientation</a></li>
+ <li>[2025, Aug. 03] - <a href="./20250803.php">New haircut</a></li>
+ <li>[2025, Jul. 14] - <a href="./20250714.php">The rain.</a></li>
+ <li>[2025, Jul. 12] - <a href="./20250712.php">A dream.</a></li>
+ </ul>
+
+ <center><a href="/"><img src="/image/navigation/backhomepage.gif"></a></center>
+ </td>
+ </tr>
+ </table>
+ </center>
</body>
</html>
head($pgtitle, $pgdescription, $pgcss, $pgjs);
?>
<body background="/image/background/bg1.gif">
- <table>
- <tr>
- <td>
- <center><img src="/image/gif/emailspin.gif"><img src="/image/gif/emailspin.gif"><img src="/image/gif/emailspin.gif"></center>
- <p>I'm not going to make you type in a form, I don't like that. Email me with any of your favorite mailer. Talk to me about anything.<img src="/image/gif/emoticon/nerd.gif"></p>
- <img src="/image/email.jpg" alt="my email" title="drawn on gimp using my mouse">
- <p>In order to avoid spam, I used an image here to show my email. Please send me messages through here.</p>
- <p>I will respond to you as soon as I can. If weeks eventually passed and you still haven't got any reply. It could just simply mean I'm already dead <img src="/image/gif/emoticon/dead.gif">, or just could be that your email has been flagged as spam and automatically moved to the spam folder <img src="/image/gif/emoticon/wink.gif">. So write a genuine, heartfelt email so your it will be delivered properly on my inbox <img src="/image/gif/emoticon/perfect.gif">. Thanks!</p>
-
- <center><a href="/"><img src="/image/navigation/backhomepage.gif"></a></center>
- </td>
- </tr>
- </table>
+ <center>
+ <table>
+ <tr>
+ <td>
+ <center><img src="/image/gif/emailspin.gif"><img src="/image/gif/emailspin.gif"><img src="/image/gif/emailspin.gif"></center>
+ <p>I'm not going to make you type in a form, I don't like that. Email me with any of your favorite mailer. Talk to me about anything.<img src="/image/gif/emoticon/nerd.gif"></p>
+ <img src="/image/email.jpg" alt="my email" title="drawn on gimp using my mouse">
+ <p>In order to avoid spam, I used an image here to show my email. Please send me messages through here.</p>
+ <p>I will respond to you as soon as I can. If weeks eventually passed and you still haven't got any reply. It could just simply mean I'm already dead <img src="/image/gif/emoticon/dead.gif">, or just could be that your email has been flagged as spam and automatically moved to the spam folder <img src="/image/gif/emoticon/wink.gif">. So write a genuine, heartfelt email so your it will be delivered properly on my inbox <img src="/image/gif/emoticon/perfect.gif">. Thanks!</p>
+
+ <center><a href="/"><img src="/image/navigation/backhomepage.gif"></a></center>
+ </td>
+ </tr>
+ </table>
+ </center>
</body>
</html>
head($pgtitle, $pgdescription, $pgcss, $pgjs);
?>
<body background="/image/background/bg1.gif">
- <table>
- <tr>
- <td>
- <center>
- <iframe src="https://bochard.atabook.org" frameborder="" width="500" height="600"></iframe>
- </center>
- <br><br>
- <p>I would create my own hand-coded guestbook soon. at least for now, this guestbook provided by <a href="http://www.atabook.org" target="_blank">atabook</a> should be fine.</p>
-
- <center><a href="/"><img src="/image/navigation/backhomepage.gif"></a></center>
- </td>
- </tr>
- </table>
+ <center>
+ <table>
+ <tr>
+ <td>
+ <center>
+ <iframe src="https://bochard.atabook.org" frameborder="" width="500" height="600"></iframe>
+ </center>
+ <br><br>
+ <p>I would create my own hand-coded guestbook soon. at least for now, this guestbook provided by <a href="http://www.atabook.org" target="_blank">atabook</a> should be fine.</p>
+
+ <center><a href="/"><img src="/image/navigation/backhomepage.gif"></a></center>
+ </td>
+ </tr>
+ </table>
+ </center>
</body>
</html>
head($pgtitle, $pgdescription, $pgcss, $pgjs);
?>
<body>
- <table>
- <tr>
- <td>
- <?php include_once("$part/underconstruction.php");?>
- </td>
- </tr>
- </table>
+ <center>
+ <table>
+ <tr>
+ <td>
+ <?php include_once("$part/underconstruction.php");?>
+ </td>
+ </tr>
+ </table>
+ </center>
</body>
</html>
<body background="/image/background/clouds.gif">\r
<center>\r
<!-- banner here.. --> \r
- <img src="/image/home-banner2.png">\r
-\r
+ <img src="/image/home-banner2.png" style="margin: 0;">\r
<!-- the body -->\r
- <table>\r
+ <table style="margin-top: -20px;">\r
<tr>\r
- <!-- side navigation -->\r
- <td width="180" valign="top">\r
- <table width="180" cellpadding="0" border="1">\r
- <tr>\r
- <td>\r
- <table width="180" bgcolor="#efefef" cellpadding="0" cellspacing="0">\r
- <tr>\r
- <td>\r
- <center><h2>Menu</h2><center>\r
- <table width="100%">\r
- <tr><td bgcolor="#87ff85"><center><b><a href="/">Homepage</a></b></center></td></tr>\r
- <tr><td bgcolor="#ffc975"><center><b><a href="/diary">Diary</a></b></center></td></tr>\r
- <tr><td bgcolor="#85c8ff"><center><b><a href="/links.php">Links</a></b></center></td></tr>\r
- <tr><td bgcolor="#d9ffd9"><center><b><a href="/info.php">Info</a></b></center></td></tr>\r
- <tr><td bgcolor="#8295ff"><center><b><a href="/guestbook.php">Guestbook</a></b></center></td></tr>\r
- </table>\r
- </td>\r
- </tr>\r
- </table>\r
- </td>\r
- </tr>\r
- </table>\r
- </td>\r
- \r
- <!-- page content -->\r
- <td width="700" valign="top">\r
- <table cellpadding="0" border="1">\r
+ <td width="900">\r
+ <!-- this table is what holds the side nav and main content -->\r
+ <table cellpadding="0">\r
<tr>\r
- <td>\r
- <table bgcolor="#efefef" cellpadding="10" cellspacing="0">\r
- <tr>\r
- <td>\r
- <table cellpadding="0" cellspacing="0">\r
- <tr>\r
- <td colspan="2">\r
- <img src="/image/gif/bulblights.gif" width="100%">\r
- </td>\r
- <td colspan="2">\r
- <img src="/image/gif/bulblights.gif" width="100%">\r
- </td>\r
- </tr>\r
- <tr>\r
- <td width="25%">\r
- <img src="/image/gif/world.gif">\r
- </td>\r
- <td width="25%">\r
- <img src="/image/gif/welcomecat.gif">\r
- </td>\r
- <td width="25%">\r
- <img src="/image/gif/world.gif">\r
- </td>\r
- <td width="25%">\r
- <img src="/image/gif/welcomecat.gif">\r
- </td>\r
- </tr>\r
- </table>\r
- <center><img src="/image/navigation/homepageburning.gif"></center>\r
- <center>\r
- <h1>\r
- <img src="/image/gif/welcomespinning.gif" width="80">\r
- Welcome to my website!!!\r
- <img src="/image/gif/welcomespinning.gif" width="80">\r
- </h1>\r
- </center>\r
- <p>I am very happy that you found my net home even though it's almost unsearchable from the vast internet. Try to explore the site, here you can see what I usually do, some fun things, cool stuffs, and my thoughts to certain topics, and I really hope you'll have some fun!.<em><b>"What's with the old-web style?"</b></em>, you might ask. well...I just really like it. It's awesome and it gives me a feel of nostalgia on the early days of the internet. And, this site is purposely made to be viewed on a desktop screen. I really don't like writing complicated code just to <a href="https://en.wikipedia.org/wiki/Responsive_web_design" target="_blank">dynamically fit this site on a small screen</a>.</p>\r
- <p>This site was born just this year (2025). <b><i>Fun fact:</i></b> the codes here existed since 2024, though most of them are already modified, yet the essence still remains. Hope you'll enjoy visiting my tiny corner of the internet!!! Feel free to get lost hahaha.<img src="/image/gif/emoticon/laugh.gif"> Anddd..don't forget to <a href="/guestbook.php">sign the guestbook</a> before you leave. If you'd like to know more about me, well might be nice to follow this link: <a href="/info.php">click me</a>(it might not be updated for now lol)</p>\r
- <p>I just a have a small favor. If you will, please consider disabling your adblocker. some cool stuffs like the visitor counter cannot be seen if you enable that thing <img src="/image/gif/emoticon/frown.gif">. tnx. and if you really got lost for some reason, just go to the homepage!</p>\r
- \r
- <center><a href="/links.php"><img src="/image/navigation/linkspageburning.gif" align="left"></a></center><br>\r
- <p>I'll list down here some resource links that might be useful for you...</p>\r
- <ul>\r
- <li><a href="https://github.com/bochard07" target="_blank">my github</a></li>\r
- <li><a href="https://www.heliohost.org" target="_blank">free web hosting site I use</a></li>\r
- <li><a href="https://www.debian.org" target="_blank">linux debian os</a> (the operating system I currently use)</li>\r
- </ul>\r
- <p><em>real cool links can be found when you click that burning links image. <img src="/image/gif/emoticon/wink.gif"></em></p>\r
- <table cellspacing="0" cellpadding="0" width="100%">\r
- <tr>\r
- <td align="right">\r
- <img src="/image/under-construction/spinning.gif">\r
- </td>\r
- <td>\r
- <marquee style="background:yellow; color:black;">\r
- <img src="/image/under-construction/yellowwarning.gif" height="15">\r
- <img src="/image/under-construction/yellowwarning.gif" height="15">\r
- <img src="/image/under-construction/yellowwarning.gif" height="15">\r
- <b>This page is under construction!!!</b>\r
- <img src="/image/under-construction/yellowwarning.gif" height="15">\r
- <img src="/image/under-construction/yellowwarning.gif" height="15">\r
- <img src="/image/under-construction/yellowwarning.gif" height="15">\r
- </marquee>\r
- </td>\r
- <td>\r
- <img src="/image/under-construction/spinning.gif">\r
- </td>\r
- </tr>\r
- </table>\r
- <center>This web site is under construction. Most links would be broken.</center>\r
- <br>\r
- <p>here are some of the programming projects I've done so far... check out this link and try to use them: <a href="/works">my works</a></p>\r
- <p align="right">~~~This is my typing speed, by the way...</p>\r
- <a href="https://data.typeracer.com/pit/profile?user=bochard&ref=badge" target="_top"><img src="https://data.typeracer.com/misc/badge?user=bochard" border="0" alt="TypeRacer.com scorecard for user bochard" align="right" height="400"></a>\r
- I had written some stuffs on my <a href="/diary">diary</a>. Please don't mind the grammar, I'm still honing it <img src="/image/gif/emoticon/brushteeth.gif">.\r
- \r
- <br><br>\r
- <center><h2>Site updates</h2></center>\r
- <table align="center" border="1" cellpadding="7" cellspacing="0">\r
- <tr bgcolor="lightblue">\r
- <th>update description</th>\r
- <th>date</th>\r
- </tr>\r
- <tr bgcolor="#fffffff">\r
- <td>new layout!!</td>\r
- <td>Dec/15/2025</td>\r
- </tr>\r
- <tr bgcolor="#fffffff">\r
- <td>another same day major code layout update</td>\r
- <td>Dec/14/2025</td>\r
- </tr>\r
- <tr bgcolor="#fffffff">\r
- <td>table layout much better and journal is now named as diary</td>\r
- <td>Dec/14/2025</td>\r
- </tr>\r
- <tr bgcolor="#ffffff">\r
- <td>Unforbid journal directory</td>\r
- <td>Dec/08/2025</td>\r
- </tr>\r
- <tr bgcolor="#fffffff">\r
- <td>new design and layout.</td>\r
- <td>Nov/14/2025</td>\r
- </tr>\r
- <tr bgcolor="#fffffff">\r
- <td>Purchased <b><i>bochard.net</i></b> as my new domain.</td>\r
- <td>July/03/2025</td>\r
- </tr>\r
- <tr bgcolor="#fffffff">\r
- <td>undocumented changes...<img src="/image/gif/emoticon/cry.gif"></td>\r
- <td>July/2024-July/2025</td>\r
- </tr>\r
- </table>\r
- \r
- <img src="/image/gif/chicken-ani.gif" title="chimkin"> look, a chimken! <img src="/image/gif/emoticon/laugh.gif">\r
- \r
- <h3>my to-do on this web site:</h3>\r
- <ol>\r
- <li>tutorials page</li>\r
- <li>photo album</li>\r
- <li>more.. [i forgot]</li>\r
- </ol>\r
- </td>\r
- </tr>\r
- </table>\r
- </td>\r
+ <!-- side navigation -->\r
+ <td valign="top">\r
+ <table width="180" background="/image/background/bkgr2.jpg" cellpadding="10" cellspacing="0" border="1">\r
+ <tr>\r
+ <td>\r
+ <center><h2>Menu</h2><center>\r
+ <table width="100%">\r
+ <tr><td bgcolor="#87ff85"><center><b><a href="/">Homepage</a></b></center></td></tr>\r
+ <tr><td bgcolor="#ffc975"><center><b><a href="/diary">Diary</a></b></center></td></tr>\r
+ <tr><td bgcolor="#85c8ff"><center><b><a href="/links.php">Links</a></b></center></td></tr>\r
+ <tr><td bgcolor="#d9ffd9"><center><b><a href="/info.php">Info</a></b></center></td></tr>\r
+ <tr><td bgcolor="#8295ff"><center><b><a href="/guestbook.php">Guestbook</a></b></center></td></tr>\r
+ </table>\r
+ </td>\r
+ </tr>\r
+ </table>\r
+ </td>\r
+ <!-- page content -->\r
+ <td>\r
+ <table background="/image/background/bg1.gif" cellpadding="10" cellspacing="0" border="1">\r
+ <tr>\r
+ <td>\r
+ <table cellpadding="0" cellspacing="0">\r
+ <tr>\r
+ <td colspan="4">\r
+ <img src="/image/gif/bulblights.gif" width="100%">\r
+ </td>\r
+ </tr>\r
+ <tr>\r
+ <td width="25%">\r
+ <img src="/image/gif/world.gif">\r
+ </td>\r
+ <td width="25%">\r
+ <img src="/image/gif/welcomecat.gif">\r
+ </td>\r
+ <td width="25%">\r
+ <img src="/image/gif/world.gif">\r
+ </td>\r
+ <td width="25%">\r
+ <img src="/image/gif/welcomecat.gif">\r
+ </td>\r
+ </tr>\r
+ </table>\r
+ <center><img src="/image/navigation/homepageburning.gif"></center>\r
+ <center>\r
+ <h1>\r
+ <img src="/image/gif/welcomespinning.gif" width="80">\r
+ Welcome to my website!!!\r
+ <img src="/image/gif/welcomespinning.gif" width="80">\r
+ </h1>\r
+ </center>\r
+ <p>Hello, internet peeps! Welcome to the internet home of bochard. In this site you can find variety of stuffs like my diary, computers, pics, cool stuffs, and more cool stuffs...</p>\r
+ <p>I can't say much in this homepage but go and wander off in this site. It's small for now but it would eventually get big as I'll shrove lots and lots of pics and writings here.</p>\r
+ \r
+ <table cellspacing="0" cellpadding="0" width="100%">\r
+ <tr>\r
+ <td align="right">\r
+ <img src="/image/under-construction/spinning.gif">\r
+ </td>\r
+ <td>\r
+ <marquee style="background:yellow; color:black;">\r
+
<img src="/image/under-construction/yellowwarning.gif" height="15">
\r+ <img src="/image/under-construction/yellowwarning.gif" height="15">\r
+ <img src="/image/under-construction/yellowwarning.gif" height="15">\r
+ <b>This page is under construction!!!</b>\r
+ <img src="/image/under-construction/yellowwarning.gif" height="15">\r
+ <img src="/image/under-construction/yellowwarning.gif" height="15">\r
+ <img src="/image/under-construction/yellowwarning.gif" height="15">\r
+ </marquee>\r
+ </td>\r
+ <td>\r
+ <img src="/image/under-construction/spinning.gif">\r
+ </td>\r
+ </tr>\r
+ </table>\r
+ <center><b>Warning: </b>This web site is under construction. Most links would be broken.</center>\r
+ <br>\r
+ <center><h2>What's new?</h2></center>\r
+
<table align="center" border="1" cellpadding="7" cellspacing="0">
\r+ <tr bgcolor="lightblue">\r
+ <th>update description</th>\r
+ <th>date</th>\r
+ </tr>\r
+ <tr bgcolor="#fffffff">\r
+ <td>new layout!!</td>\r
+ <td>Dec/15/2025</td>\r
+ </tr>\r
+ <tr bgcolor="#fffffff">\r
+ <td>another same day major code layout update</td>\r
+ <td>Dec/14/2025</td>\r
+ </tr>\r
+ <tr bgcolor="#fffffff">\r
+ <td>table layout much better and journal is now named as diary</td>\r
+ <td>Dec/14/2025</td>\r
+ </tr>\r
+ <tr bgcolor="#ffffff">\r
+ <td>Unforbid journal directory</td>\r
+ <td>Dec/08/2025</td>\r
+ </tr>\r
+ <tr bgcolor="#fffffff">\r
+ <td>new design and layout.</td>\r
+ <td>Nov/14/2025</td>\r
+ </tr>\r
+ <tr bgcolor="#fffffff">\r
+ <td>Purchased <b><i>bochard.net</i></b> as my new domain.</td>\r
+ <td>July/03/2025</td>\r
+ </tr>\r
+ <tr bgcolor="#fffffff">\r
+
<td>undocumented changes...<img src="/image/gif/emoticon/cry.gif"></td>
\r+ <td>July/2024-July/2025</td>\r
+ </tr>\r
+ </table>\r
+ \r
+
<img src="/image/gif/chicken-ani.gif" title="chimkin"> look, a chimken! <img src="/image/gif/emoticon/laugh.gif">
\r+ \r
+ <h3>my to-do on this web site:</h3>\r
+ <li>tutorials page</li>\r
+ <li>photo album</li>\r
+ <li>more.. [i forgot]</li>\r
+ </ol>\r
+ </td>\r
+ </tr>\r
+ </table>\r
+ </td>\r
</tr>\r
</table>\r
</td>\r
<!-- for the footer -->\r
<table>\r
<tr>\r
- <td><?php include_once("$part/foot.php");?></td>\r
+ <td><?php include_once("$part/foot.php");?></td>\r
</tr>\r
</table>\r
</center>\r
head($pgtitle, $pgdescription, $pgcss, $pgjs);
?>
<body background="/image/background/bg1.gif">
- <table>
- <tr>
- <td>
- <?php include_once("$part/underconstruction.php");?>
- </td>
- </tr>
- </table>
+ <center>
+ <table>
+ <tr>
+ <td>
+ <?php include_once("$part/underconstruction.php");?>
+ </td>
+ </tr>
+ </table>
+ </center>
</body>
</html>
head($pgtitle, $pgdescription, $pgcss, $pgjs);
?>
<body background="/image/background/bg1.gif">
- <table>
- <tr>
- <td>
- <h1>here are some really cool links I found...</h1>
- <?php include_once("$part/underconstruction.php");?>
- </td>
- </tr>
- </table>
+ <center>
+ <table>
+ <tr>
+ <td>
+ <h1>here are some really cool links I found...</h1>
+ <?php include_once("$part/underconstruction.php");?>
+ </td>
+ </tr>
+ </table>
+ </center>
</body>
</html>
-<table align="center">
- <tr>
- <td><a href="https://www.hitwebcounter.com" target="_blank"><img src="https://hitwebcounter.com/counter/counter.php?page=20998791&style=0019&nbdigits=5&type=ip&initCount=231" Alt="Visit counter For Websites" title="total unique visitors" border="0" width="100"></a></td>
- <td><a href="http://www.anybrowser.org/campaign/"><img src="/image/badge/anybrowser.gif" alt="Viewable With Any Browser" title="best to view on computer screen" width="100"></a></td>
- <td><img src="/image/badge/mullvad.avif" alt="free the internet" title="support the independent web" width="100"></td>
- <td><a href="https://heliohost.org"><img src="/image/badge/heliohost-org.gif" alt="heliohost" title="hosted by heliohost.org" height="70"></a></td>
- </tr>
- <tr>
- <td><img src="/image/badge/hatsunemikuapproved.gif" alt="hatsune miku approved" title="100% approved by hatsune miku!" width="100"></td>
- <td><img src="/image/badge/anybrows.gif" alt="any browser" title="works on any browser you can think of" width="100"></td>
- <td><img src="/image/badge/saynotoweb3.gif" alt="no to web3" title="web3 sucks" width="100"></td>
- <td><a href="/email.php"><img src="/image/gif/emailmedesktop.gif" alt="e-mail" title="write me an e-mail"></a></td>
- </tr>
- <tr>
- <td><img src="/image/badge/notepad.gif" alt="made with notepad" title="made with notepad (jk, I used geany)" width="100"></td>
- <td><a href="http://www.wiby.org"><img src="/image/badge/wiby.org.gif" alt="wiby.org" title="search old sites with wiby.org!" width="100"></a></td>
- <td><img src="/image/badge/getacomp.jpg" alt="get a computer" title="site not optimized for mobile screens!!!" width="100"></td>
- </tr>
-</table>
-<table align="center">
- <tr>
- <td>
- <center>
- <br>
- <b>ἀγάπην τοῦ θεοῦ</b><br>
- This site is hand-coded since 2024.
- </center>
- </td>
- </tr>
-</table>
+<center>
+ <font face="Courier" size="2"><b>If you like, I can add your own badge here. Just hit me on my email.</b></font>
+ <br><br>
+ <table>
+ <tr>
+ <td><a href="https://www.hitwebcounter.com" target="_blank"><img src="https://hitwebcounter.com/counter/counter.php?page=20998791&style=0019&nbdigits=5&type=ip&initCount=231" Alt="Visit counter For Websites" title="total unique visitors" border="0" width="100"></a></td>
+ <td><a href="http://www.anybrowser.org/campaign/"><img src="/image/badge/anybrowser.gif" alt="Viewable With Any Browser" title="best to view on computer screen" width="100"></a></td>
+ <td><img src="/image/badge/mullvad.avif" alt="free the internet" title="support the independent web" width="100"></td>
+ <td><a href="https://heliohost.org"><img src="/image/badge/heliohost-org.gif" alt="heliohost" title="hosted by heliohost.org" height="70"></a></td>
+ </tr>
+ <tr>
+ <td><img src="/image/badge/hatsunemikuapproved.gif" alt="hatsune miku approved" title="100% approved by hatsune miku!" width="100"></td>
+ <td><img src="/image/badge/anybrows.gif" alt="any browser" title="works on any browser you can think of" width="100"></td>
+ <td><img src="/image/badge/saynotoweb3.gif" alt="no to web3" title="web3 sucks" width="100"></td>
+ <td><a href="/email.php"><img src="/image/gif/emailmedesktop.gif" alt="e-mail" title="write me an e-mail"></a></td>
+ </tr>
+ <tr>
+ <td><img src="/image/badge/notepad.gif" alt="made with notepad" title="made with notepad (jk, I used geany)" width="100"></td>
+ <td><a href="http://www.wiby.org"><img src="/image/badge/wiby.org.gif" alt="wiby.org" title="search old sites with wiby.org!" width="100"></a></td>
+ <td><img src="/image/badge/getacomp.jpg" alt="get a computer" title="site not optimized for mobile screens!!!" width="100"></td>
+ </tr>
+ </table>
+ <table align="center">
+ <tr>
+ <td>
+ <center>
+ <br>
+ <b>ἀγάπην τοῦ θεοῦ</b><br>
+ This site is hand-coded since 2024.
+ </center>
+ </td>
+ </tr>
+ </table>
+</center>
src: url(/font/EBGaramond08-Regular.ttf);
}
body {
- /* font-family: EBGaramond; */
- font-size: 14px;
+ font-family: EBGaramond;
+ font-size: 16px;
+ line-height: 1.2;
}
a {
color: darkblue;
head($pgtitle, $pgdescription, $pgcss, $pgjs);
?>
<body>
- <table>
- <tr>
- <td>
- <?php include_once("$part/underconstruction.php");?>
- </td>
- </tr>
- </table>
+ <center>
+ <table>
+ <tr>
+ <td>
+ <?php include_once("$part/underconstruction.php");?>
+ </td>
+ </tr>
+ </table>
+ </center>
</body>
</html>
+++ /dev/null
-<?php phpinfo(); ?>
projects / mysite.git / commitdiff