]> git.bochard.net Git - mysite.git/commitdiff
added side navigation
authorbochard <git@bochard.net>
Mon, 15 Dec 2025 07:51:30 +0000 (15:51 +0800)
committerbochard <git@bochard.net>
Mon, 15 Dec 2025 07:56:16 +0000 (15:56 +0800)
index.php
part/foot.php
part/sidenav.php [new file with mode: 0644]
part/stylesheet/root.css

index 74353601bb80b1580f44266118465cd9e40a3fef..98a79ba679b1592f9e0299e06c53d8519135613c 100644 (file)
--- a/index.php
+++ b/index.php
        $pgjs = [];\r
        head($pgtitle, $pgdescription, $pgcss, $pgjs);\r
 ?>\r
-<body background="/image/background/stars.gif">\r
+<body background="/image/background/clouds.gif">\r
 <center>\r
-<!-- banner here.. --> \r
-<table>\r
-       <tr>\r
-               <td><img src="/image/home-banner2.png"></td>\r
-       </tr>\r
-</table>\r
+       <!-- banner here.. -->  \r
+       <img src="/image/home-banner2.png">\r
 \r
-<table width="650" bgcolor="blue" cellpadding="2">\r
-<tr>\r
-<td>\r
-<table background="/image/background/bg1.gif" cellpadding="10">\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
-                                               <table cellspacing="0" cellpadding="0" width="100%">\r
-                               <tr>\r
-                                       <td align="right">\r
-                                               <img src="/image/under-construction/spinning.gif">\r
-                                       </td>\r
+       <!-- the body -->\r
+       <table>\r
+               <tr>\r
+                       <!-- side navigation -->\r
+                       <td width="180" valign="top">\r
+                               <table width="180" cellpadding="0" border="1">\r
+                                       <tr>\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
+                                               <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
+                                       <tr>\r
                                        <td>\r
-                                               <img src="/image/under-construction/spinning.gif">\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 &lpar;2025&rpar;. <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>&lpar;it might not be updated for now lol&rpar;</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> &lpar;the operating system I currently use&rpar;</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.. &lbrack;i forgot&rbrack;</li>\r
+                                                               </ol>\r
+                                                       </td>\r
+                                                       </tr>\r
+                                               </table>\r
                                        </td>\r
-                               </tr>\r
-                       </table>\r
-               </td>\r
-       </tr>\r
-</table>\r
-</td>\r
-</tr>\r
-</table>\r
-\r
-<br><br>\r
-\r
-<!-- page content -->\r
-<table width="650" bgcolor="blue" cellpadding="2">\r
-<tr>\r
-<td>\r
-<table background="/image/background/bg1.gif" cellpadding="10">\r
-       <tr>\r
-               <td>\r
-                       <center>\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. 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 &lpar;2025&rpar;. <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>&lpar;it might not be updated for now lol&rpar;</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> &lpar;the operating system I currently use&rpar;</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
-                       <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" width="00" border="1" cellpadding="7">\r
-                               <tr>\r
-                                       <th>update description</th>\r
-                                       <th>date</th>\r
-                               </tr>\r
-                               <tr>\r
-                                       <td>another same day major code layout update</td>\r
-                                       <td>Dec/14/2025</td>\r
-                               </tr>\r
-                               <tr>\r
-                                       <td>table layout much better and journal is now named as diary</td>\r
-                                       <td>Dec/14/2025</td>\r
-                               </tr>\r
-                               <tr>\r
-                                       <td>Unforbid journal directory</td>\r
-                                       <td>Dec/08/2025</td>\r
-                               </tr>\r
-                               <tr>\r
-                                       <td>new design and layout.</td>\r
-                                       <td>Nov/14/2025</td>\r
-                               </tr>\r
-                               <tr>\r
-                                       <td>Purchased <b><i>bochard.net</i></b> as my new domain.</td>\r
-                                       <td>July/03/2025</td>\r
-                               </tr>\r
-                               <tr>\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.. &lbrack;i forgot&rbrack;</li>\r
-                       </ol>\r
-               </td>\r
-       </tr>\r
-</table>\r
-</td>\r
-</tr>\r
-</table>\r
-<!-- end of page content. -->\r
-\r
-<br><br>\r
+                                       </tr>\r
+                               </table>\r
+                       </td>\r
+               </tr>\r
+       </table>\r
 \r
-<!-- for the footer -->\r
-<table>\r
-       <tr>\r
+       <br><br>\r
+                               \r
+       <!-- for the footer -->\r
+       <table>\r
+               <tr>\r
                <td><?php include_once("$part/foot.php");?></td>\r
-       </tr>\r
-</table>\r
+               </tr>\r
+       </table>\r
 </center>\r
 </body>\r
 </html>\r
index 5665d64b18484a7aa88fa183ca9361cd5e79ef57..cb1eb38d14dd39196bdeb3a40b6ece1bf8346a76 100644 (file)
@@ -1,4 +1,3 @@
-<font color="#ffffff">
 <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>
@@ -29,4 +28,3 @@
                </td>
        </tr>
 </table>
-</font>
diff --git a/part/sidenav.php b/part/sidenav.php
new file mode 100644 (file)
index 0000000..e69de29
index e8f08ee729cd80eec79a7eddd036fd45b51134b6..d3602542f5d0cc42ae97d9ddbf1009b95ccb9452 100644 (file)
@@ -3,7 +3,8 @@
        src: url(/font/EBGaramond08-Regular.ttf);
 }
 body {
-       font-family: EBGaramond;
+       /* font-family: EBGaramond; */
+       font-size: 14px;
 }
 a {
        color: darkblue;