]> git.bochard.net Git - mysite.git/commitdiff
add some table structure
authorbochard <git@bochard.net>
Wed, 5 Nov 2025 14:33:18 +0000 (22:33 +0800)
committerbochard <git@bochard.net>
Wed, 5 Nov 2025 14:33:18 +0000 (22:33 +0800)
index.php
part/sidebar.php
stylesheet/root.css

index dc6770ca78a245ac10dcb66343fe0bf970269622..111f153f8629b77035ef205f65441290372ab378 100644 (file)
--- a/index.php
+++ b/index.php
@@ -8,15 +8,29 @@
 ?>\r
 <body>\r
        <center>\r
-               <table id="theholderofthings" cellspacing="0" cellpadding="0" border="1">\r
+               <table id="theholderofthings" cellspacing="0" cellpadding="0" width="900">\r
                        <tbody>\r
                                <tr>\r
-                                       <td valign="top" id="maintable" cellpadding="5" width="900">\r
+                                       <td valign="top" colspan="2">\r
                                                <center>\r
                                                        <img src="/image/home-banner2.png" width="500">\r
                                                </center>\r
                                        </td>\r
                                </tr>\r
+                               <tr>\r
+                                       <td>\r
+                                               <table border="1" cellpadding="10" cellspacing="0">\r
+                                                       <tr>\r
+                                                               <td valign="top" width="80%">\r
+                                                                       <p>Welcome to my website!!! im very happy that you found my net home even though it's almost unsearchable from the vast internet—much like a needle from a haystack.</p>\r
+                                                                       <p>I would like to give a simple introduction what is this site for... As you can already see it is a site dedicated for personal purpose. What's cool here is I hand-coded all things in here.</p>\r
+                                                                       <p>What's with the old-web style, you might ask. I just really like it. It's just freaking awesome and gives me a feel of nostalgia.</p>\r
+                                                               </td>\r
+                                                               <?php include_once("$parts/sidebar.php");?>\r
+                                                       </tr>\r
+                                               </table>\r
+                                       </td>\r
+                               </tr>\r
                        </tbody>\r
                </table>\r
        </center>\r
index 67eaea9f450f311e3ba1c87c967b22ef04aefc51..eb04010006617766016e183309ca054c5ea48c13 100644 (file)
@@ -1,20 +1,20 @@
-<td id="sidebar" rowspan="2">
-  <img src="/images/gifs/doraemon.gif" alt="doraemon" height="100">
-  <img src="/images/gifs/doraemon.gif" alt="doraemon" height="100">
-  <img src="/images/gifs/doraemon.gif" alt="doraemon" height="100">
-  <img src="/images/gifs/welcomemovetree.gif" alt="welcome hanging on two trees" width="100%">
+<td valign="top">
+  <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>
   <strong>Site menu</strong>
   <ul>  
     <li><a href="/" title="homepage! &lpar;navigate here if you ever got lost&rpar;">homepage</a></li>
     <li><a href="/about-me.php" title="why'd you want to know?">about me</a></li>
-    <li><a href="/journal" title="my everday thoughts">thoughts</a></li>
+    <!-- <li><a href="/journal" title="my everday thoughts">thoughts</a></li> -->
     <li><a href="/photo-album" title="collection of captured photos">photo album</a></li>
-    <li><a href="/kitchen" title="recipes and other things">kitchen</a></li>
+    <!-- <li><a href="/kitchen" title="recipes and other things">kitchen</a></li> -->
     <li><a href="/books" title="my book collection">bookshelf</a></li>
     <li><a href="/guestbook.php" title="fill up before you leave">guestbook</a></li>
-    <li><a href="/works" title="programming">works</a></li>
-    <li><a href="/files" title="random files on my computer">files</a></li>
+    <!-- <li><a href="/works" title="programming">works</a></li> -->
+    <!-- <li><a href="/files" title="random files on my computer">files</a></li> -->
     <li><a href="/email.php" title="talk to me">email</a></li>
   </ul>
   <hr>
                <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="/images/badges/anybrowser.gif" alt="Viewable With Any Browser" title="best to view on computer screen" 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>
                        </tr>
                        <tr>
-                               <td><img src="/images/badges/mullvad.avif" alt="free the internet" title="support the independent web" width="100"></td>
-                               <td><a href="https://heliohost.org"><img src="/images/gifs/heliohost-org.gif" alt="heliohost" title="hosted by heliohost.org" height="70"></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="/images/gifs/hatsunemikuapproved.gif" alt="hatsune miku approved" title="100% approved by hatsune miku!" width="100"></td>
-                               <td><img src="/images/gifs/anybrows.gif" alt="any browser" title="works on any browser you can think of" width="100"></td>
+                               <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>
                        </tr>
                        <tr>
-                               <td><img src="/images/gifs/saynotoweb3.gif" alt="no to web3" title="web3 sucks" width="100"></td>
+                               <td><img src="/image/badge/saynotoweb3.gif" alt="no to web3" title="web3 sucks" width="100"></td>
                        </tr>
                </tbody>
        </table>
index d7fff3cecb5f54309670a14679e12530ecc84eec..78c892e574612a7117ed4dfa15a456d7fcd56155 100644 (file)
@@ -1,7 +1,11 @@
 * {
        font-family: Monospace;
+       color: white;
 }
 body {
        background-image: url('/image/background/stars.gif');
        background-repeat: repeat;
 }
+#maintable {
+       border: groove;
+}