]> git.bochard.net Git - mysite.git/commitdiff
new look
authorbochard <git@bochard.net>
Fri, 14 Nov 2025 13:34:59 +0000 (21:34 +0800)
committerbochard <git@bochard.net>
Fri, 14 Nov 2025 13:34:59 +0000 (21:34 +0800)
25 files changed:
email.php
guestbook.php
image/gif/emailmedesktop.gif [new file with mode: 0644]
image/gif/emailspin.gif [new file with mode: 0644]
image/gif/welcomecat.gif [new file with mode: 0644]
image/gif/welcomespinning.gif [new file with mode: 0644]
image/gif/world.gif [new file with mode: 0644]
image/under-construction/3d.gif [new file with mode: 0644]
image/under-construction/image.gif [new file with mode: 0644]
image/under-construction/letters.gif [new file with mode: 0644]
image/under-construction/paint.gif [new file with mode: 0644]
image/under-construction/pikachu.gif [new file with mode: 0644]
image/under-construction/signage.gif [new file with mode: 0644]
image/under-construction/spinning.gif [new file with mode: 0644]
image/under-construction/underconstructionimg.gif [deleted file]
image/under-construction/underconstructiontxt.gif [deleted file]
index.php
links.php [deleted file]
part/foot.php
part/sidebar.php
part/underconstruction.php
stylesheet/email.css [new file with mode: 0644]
stylesheet/guestbook.css
stylesheet/index.css [new file with mode: 0644]
stylesheet/root.css

index d8b93de459b15ecc8c014c2c36a1e87989bdde0d..1274ab5dae2b54335a0f368f7e1e6fc755d6267c 100644 (file)
--- a/email.php
+++ b/email.php
@@ -2,47 +2,30 @@
        require_once("{$_SERVER['DOCUMENT_ROOT']}/part/head.php");
        $pgtitle = "email";
        $pgdescription = "";
-       $pgcss = [];
+       $pgcss = ['email.css'];
        $pgjs = [];
        head($pgtitle, $pgdescription, $pgcss, $pgjs);
 ?>
 <body>
-       <center>
-               <table id="theholderofthings" cellspacing="0" cellpadding="0" width="1000">
-                       <tbody>
-                               <tr>
-                                       <td colspan="2">
-                                               <center>
-                                                       <img src="/image/home-banner2.png">
-                                               </center>
-                                       </td>
-                               </tr>
-                               
-                               <tr>
-                                       <?php include_once("$part/navtop.php");?>
-                               </tr>
-                               
-                               <tr>
-                                       <td>
-                                               <table id="maintable" cellspacing="0" cellpadding="10">
-                                                       <tbody>
-                                                               <tr>
-                                                                       <td valign="top" width="80%" background="/image/background/bg1.gif">
-                                                                               <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.</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, or just could be that your email has been flagged as spam and automatically moved to the spam folder. So write a genuine, heartfelt email so your it will be delivered properly on my inbox. Thanks!</p>
-                                                                       </td>
-                                                                       <?php include_once("$part/sidebar.php");?>
-                                                               </tr>
-                                                       </tbody>
-                                               </table>
-                                       </td>
-                               </tr>
-                       </tbody>
-               </table>
-       </center>
-       
+       <table id="theholderofthings">
+               <tbody>
+                       <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>
+                               </td>
+                       </tr>
+                       <tr>
+                               <td>
+                                       <center><a href="/"><img src="/image/navigation/backhomepage.gif"></a></center>
+                               </td>
+                       </tr>
+               </tbody>
+       </table>
+
        <?php include_once("$part/foot.php");?>
 </body>
 </html>
index 20cba638d8c988038e64ca7e1592b0cd8200354b..68ad964328a4d1a80d883bf72fddcbd2cddd7c44 100644 (file)
@@ -2,44 +2,23 @@
        require_once("{$_SERVER['DOCUMENT_ROOT']}/part/head.php");
        $pgtitle = "guestbook";
        $pgdescription = "";
-       $pgcss = [];
+       $pgcss = ['guestbook.css'];
        $pgjs = [];
        head($pgtitle, $pgdescription, $pgcss, $pgjs);
 ?>
 <body>
-       <center>
-               <table id="theholderofthings" cellspacing="0" cellpadding="0" width="1000">
-                       <tbody>
-                               <tr>
-                                       <td colspan="2">
-                                               <center>
-                                                       <img src="/image/home-banner2.png">
-                                               </center>
-                                       </td>
-                               </tr>
-                               
-                               <tr>
-                                       <?php include_once("$part/navtop.php");?>
-                               </tr>
-                               
-                               <tr>
-                                       <td>
-                                               <table id="maintable" cellspacing="0" cellpadding="10">
-                                                       <tbody>
-                                                               <tr>
-                                                                       <td valign="top" width="80%" background="/image/background/bg1.gif">
-                                                                               <iframe src="https://bochard.atabook.org" frameborder="0" width="100%" height="500"></iframe>
-                                                                       </td>
-                                                                       <?php include_once("$part/sidebar.php");?>
-                                                               </tr>
-                                                       </tbody>
-                                               </table>
-                                       </td>
-                               </tr>
-                       </tbody>
-               </table>
-       </center>
-       
+       <table id="theholderofthings">
+               <tbody>
+                       <tr>
+                               <td>
+                                       <center>
+                                               <iframe src="https://bochard.atabook.org" frameborder="0" width="70%" height="600"></iframe>
+                                       </center>
+                               </td>
+                       </tr>
+               </tbody>
+       </table>
+
        <?php include_once("$part/foot.php");?>
 </body>
 </html>
diff --git a/image/gif/emailmedesktop.gif b/image/gif/emailmedesktop.gif
new file mode 100644 (file)
index 0000000..496dccc
Binary files /dev/null and b/image/gif/emailmedesktop.gif differ
diff --git a/image/gif/emailspin.gif b/image/gif/emailspin.gif
new file mode 100644 (file)
index 0000000..a0ed4d8
Binary files /dev/null and b/image/gif/emailspin.gif differ
diff --git a/image/gif/welcomecat.gif b/image/gif/welcomecat.gif
new file mode 100644 (file)
index 0000000..2599606
Binary files /dev/null and b/image/gif/welcomecat.gif differ
diff --git a/image/gif/welcomespinning.gif b/image/gif/welcomespinning.gif
new file mode 100644 (file)
index 0000000..ce744c6
Binary files /dev/null and b/image/gif/welcomespinning.gif differ
diff --git a/image/gif/world.gif b/image/gif/world.gif
new file mode 100644 (file)
index 0000000..5470e15
Binary files /dev/null and b/image/gif/world.gif differ
diff --git a/image/under-construction/3d.gif b/image/under-construction/3d.gif
new file mode 100644 (file)
index 0000000..a36805d
Binary files /dev/null and b/image/under-construction/3d.gif differ
diff --git a/image/under-construction/image.gif b/image/under-construction/image.gif
new file mode 100644 (file)
index 0000000..93b8c0d
Binary files /dev/null and b/image/under-construction/image.gif differ
diff --git a/image/under-construction/letters.gif b/image/under-construction/letters.gif
new file mode 100644 (file)
index 0000000..bedc540
Binary files /dev/null and b/image/under-construction/letters.gif differ
diff --git a/image/under-construction/paint.gif b/image/under-construction/paint.gif
new file mode 100644 (file)
index 0000000..6a51daf
Binary files /dev/null and b/image/under-construction/paint.gif differ
diff --git a/image/under-construction/pikachu.gif b/image/under-construction/pikachu.gif
new file mode 100644 (file)
index 0000000..4f9b88d
Binary files /dev/null and b/image/under-construction/pikachu.gif differ
diff --git a/image/under-construction/signage.gif b/image/under-construction/signage.gif
new file mode 100644 (file)
index 0000000..3805814
Binary files /dev/null and b/image/under-construction/signage.gif differ
diff --git a/image/under-construction/spinning.gif b/image/under-construction/spinning.gif
new file mode 100644 (file)
index 0000000..59cacdb
Binary files /dev/null and b/image/under-construction/spinning.gif differ
diff --git a/image/under-construction/underconstructionimg.gif b/image/under-construction/underconstructionimg.gif
deleted file mode 100644 (file)
index 93b8c0d..0000000
Binary files a/image/under-construction/underconstructionimg.gif and /dev/null differ
diff --git a/image/under-construction/underconstructiontxt.gif b/image/under-construction/underconstructiontxt.gif
deleted file mode 100644 (file)
index bedc540..0000000
Binary files a/image/under-construction/underconstructiontxt.gif and /dev/null differ
index 8d12ca3de565356623f33f3d523b112e47cdadd0..0794785475252f027326b004c4f08c4f189dca67 100644 (file)
--- a/index.php
+++ b/index.php
@@ -2,48 +2,63 @@
        require_once("{$_SERVER['DOCUMENT_ROOT']}/part/head.php");\r
        $pgtitle = "bochard's net home";\r
        $pgdescription = "";\r
-       $pgcss = [];\r
+       $pgcss = ['index.css'];\r
        $pgjs = [];\r
        head($pgtitle, $pgdescription, $pgcss, $pgjs);\r
 ?>\r
 <body>\r
-       <center>\r
-               <table id="theholderofthings" cellspacing="0" cellpadding="0" width="1000">\r
-                       <tbody>\r
-                               <tr>\r
-                                       <td colspan="2">\r
-                                               <center>\r
-                                                       <img src="/image/home-banner2.png">\r
-                                               </center>\r
-                                       </td>\r
-                               </tr>\r
-                               \r
-                               <tr>\r
-                                       <?php include_once("$part/navtop.php");?>\r
-                               </tr>\r
-                               \r
-                               <tr>\r
-                                       <td>\r
-                                               <table id="maintable" cellspacing="0" cellpadding="10">\r
-                                                       <tbody>\r
-                                                               <tr>\r
-                                                                       <td valign="top" width="80%" background="/image/background/bg1.gif">\r
-                                                                               <img src="/image/gif/bulblights.gif" width="100%">\r
-                                                                               <img src="/image/navigation/homepageburning.gif">\r
-                                                                               <h1>Welcome to my website!!!</h1>\r
-                                                                               <p>I am very happy that you found my net home even though it's almost unsearchable from the vast internet (much like finding a needle from a haystack). Anyways...I would like to give a simple introduction what is this site for...as you can guess, it is a site dedicated for personal purpose. What's cool here (for me) is I hand-coded all things in here. If you view the source code, it is mostly written in html. It's because I'm not a big fan of css <img src="/image/gif/emoticon/notgood.gif">. html, in my opinion, is generally good enough most of the time. Though, I still use css, but very minimal.</p>\r
-                                                                               <p><em><b>"What's with the old-web style?"</b></em>, you might ask. I just really like it. It's awesome and gives me a feel of nostalgia on the early days of the internet. And, by the way, this site is purposely made to be viewed on a desktop screen. I don't like writing complicated code just to <a href="https://en.wikipedia.org/wiki/Responsive_web_design">dynamically fit this site on a small screen</a>.</p>\r
-                                                                               <p>Hope you'll enjoy visiting my tiny corner of the internet!!! Feel free to get lost hahaha.<img src="/image/gif/emoticon/laugh.gif"></p>\r
-                                                                       </td>\r
-                                                                       <?php include_once("$part/sidebar.php");?>\r
-                                                               </tr>\r
-                                                       </tbody>\r
-                                               </table>\r
-                                       </td>\r
-                               </tr>\r
-                       </tbody>\r
-               </table>\r
-       </center>\r
+       <table id="theholderofthings">\r
+               <tbody>\r
+                       <tr>\r
+                               <td>\r
+                                       <center><img src="/image/home-banner2.png"></center>\r
+                                       <table cellpadding="0" cellspacing="0">\r
+                                               <tbody>\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
+                                               </tbody>\r
+                                       </table>\r
+                                       <center>\r
+                                               <img src="/image/navigation/homepageburning.gif">\r
+                                               <h1><img src="/image/gif/welcomespinning.gif"> Welcome to my website!!! <img src="/image/gif/welcomespinning.gif"></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 (much like finding a needle from a haystack). Anyways...I would like to give a simple introduction what is this site for...as you can guess, it is a site dedicated for personal purpose. What's cool here (for me) is I hand-coded all things in here. If you view the source code, it is mostly written in html. It's because I'm not a big fan of css <img src="/image/gif/emoticon/notgood.gif">. html, in my opinion, is generally good enough most of the time. Though, I still use css, but very minimal.</p>\r
+                                       <p><em><b>"What's with the old-web style?"</b></em>, you might ask. I just really like it. It's awesome and gives me a feel of nostalgia on the early days of the internet. And, by the way, this site is purposely made to be viewed on a desktop screen. I don't like writing complicated code just to <a href="https://en.wikipedia.org/wiki/Responsive_web_design">dynamically fit this site on a small screen</a>.</p>\r
+                                       <p>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 sign the <a href="/guestbook.php">guestbook</a> before you leaveee.</p>\r
+                                       <br>\r
+                                       <br>\r
+                                       <hr>\r
+                                       <center><img src="/image/navigation/linkspageburning.gif"></center>\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
+                               </td>\r
+                       </tr>\r
+               </tbody>\r
+       </table>\r
        \r
        <?php include_once("$part/foot.php");?>\r
 </body>\r
diff --git a/links.php b/links.php
deleted file mode 100644 (file)
index 4824798..0000000
--- a/links.php
+++ /dev/null
@@ -1,51 +0,0 @@
-<?php
-       require_once("{$_SERVER['DOCUMENT_ROOT']}/part/head.php");
-       $pgtitle = "links";
-       $pgdescription = "";
-       $pgcss = [];
-       $pgjs = [];
-       head($pgtitle, $pgdescription, $pgcss, $pgjs);
-?>
-<body>
-       <center>
-               <table id="theholderofthings" cellspacing="0" cellpadding="0" width="1000">
-                       <tbody>
-                               <tr>
-                                       <td colspan="2">
-                                               <center>
-                                                       <img src="/image/home-banner2.png">
-                                               </center>
-                                       </td>
-                               </tr>
-                               
-                               <tr>
-                                       <?php include_once("$part/navtop.php");?>
-                               </tr>
-                               
-                               <tr>
-                                       <td>
-                                               <table id="maintable" cellspacing="0" cellpadding="10">
-                                                       <tbody>
-                                                               <tr>
-                                                                       <td valign="top" width="80%" background="/image/background/bg1.gif">
-                                                                               <img src="/image/navigation/linkspageburning.gif">
-                                                                               <p>list of resource links that might be useful for you.</p>
-                                                                               <ul>
-                                                                                       <li><a href="https://github.com/bochard07">my github</a></li>
-                                                                                       <li><a href="https://heliohost.org">free web hosting site I use</a></li>
-                                                                                       <li><a href="https://debian.org">linux debian os</li>
-                                                                               </ul>
-                                                                       </td>
-                                                                       <?php include_once("$part/sidebar.php");?>
-                                                               </tr>
-                                                       </tbody>
-                                               </table>
-                                       </td>
-                               </tr>
-                       </tbody>
-               </table>
-       </center>
-       
-       <?php include_once("$part/foot.php");?>
-</body>
-</html>
index 71d39f29a564ffdf07671ab064e51ed9277869e9..14c45ca9e96a7a67349a7aaec3c8f7e596aa26c4 100644 (file)
@@ -1,4 +1,21 @@
-<table id="foot" align="center">
+<br><br><br>
+<table align="center">
+       <tbody>
+               <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>
+       </tbody>
+</table>
+<table align="center">
        <tbody>
                <tr>
                        <td>
index 3786f584ec2feef5612026c37a282d94989392a7..0ee0cd422d0e39c57f9621915dbc9da5dc22ee3c 100644 (file)
@@ -1,10 +1,12 @@
 <td id="sidebar" valign="top" background="/image/background/bluerock.jpg">
+<!--
   <img src="/image/gif/doraemon.gif" alt="doraemon" width="50">
   <img src="/image/gif/doraemon.gif" alt="doraemon" width="50">
   <img src="/image/gif/doraemon.gif" alt="doraemon" width="50">
   <img src="/image/gif/welcomemovetree.gif" alt="welcome hanging on two trees" width="100%">
   
   <hr>
+-->
   
 <!--
   <table>
index 73e69949efc92c670a3132f4fbed488327a8d57d..b79f4c99ba1f52c1bce9df892708698a6946640d 100644 (file)
@@ -1,6 +1,13 @@
-<div>
-               <img src="/image/under-construction/underconstructiontxt.gif" alt="under-construction text gif" width="300"><br>
-               <img src="/image/under-construction/underconstructionimg.gif" alt="men in work" width="250">
+<center>
+       <div>
+               <img src="/image/under-construction/letters.gif" width="250"><br>
+               <img src="/image/under-construction/pikachu.gif">
+               <img src="/image/under-construction/signage.gif">
+               <img src="/image/under-construction/pikachu.gif"><br>
+               <img src="/image/under-construction/spinning.gif">
+               <img src="/image/under-construction/spinning.gif">
+               <img src="/image/under-construction/spinning.gif">
                <h1>Oopss, nothing here...</h1>
                <p>Come back soon!</p>
-</div>
+       </div>
+</center>
diff --git a/stylesheet/email.css b/stylesheet/email.css
new file mode 100644 (file)
index 0000000..6bd0d1f
--- /dev/null
@@ -0,0 +1,3 @@
+body {
+       background-image: url('/image/background/bg1.gif');
+}
index 8b137891791fe96927ad78e64b0aad7bded08bdc..2c0ce8823f899043d701410e47bc1e1fddd40820 100644 (file)
@@ -1 +1,3 @@
-
+body {
+       background-image: url('/image/background/bluesky.jpg');
+}
diff --git a/stylesheet/index.css b/stylesheet/index.css
new file mode 100644 (file)
index 0000000..3090e7d
--- /dev/null
@@ -0,0 +1,3 @@
+body {
+       color: white;
+}
index b31ffbdc647d038e3e604c023d17febca754b1bd..ce0fe5227dfe7dae56fd649def1a7662389bb6c9 100644 (file)
@@ -2,19 +2,13 @@ body {
        background-image: url('/image/background/stars.gif');
        background-repeat: repeat;
        font-family: Monospace;
-       font-size: small;
 }
-#maintable {
-       min-height: 300px;
-       height: 100%;
+#theholderofthings {
+       width: 100%;
 }
-.navbtn {
+a {
        color: yellow;
-       text-decoration: none;
 }
-.navbtn:hover {
-       text-decoration: underline;
-}
-#foot {
-       color: white;
+a:visited {
+       color: lightgreen;
 }