From: bochard <mail@bochard.net>
Date: Fri, 25 Jul 2025 10:18:04 +0000 (+0800)
Subject: add new gif and some layout changes
X-Git-Url: https://git.bochard.net/?a=commitdiff_plain;h=7ea1835de9f20d0dbd77f8ddc9fd5af7a90a28e3;p=mysite.git

add new gif and some layout changes
---

diff --git a/images/gifs/heliohost-org.gif b/images/gifs/heliohost-org.gif
new file mode 100644
index 0000000..e505f13
Binary files /dev/null and b/images/gifs/heliohost-org.gif differ
diff --git a/parts/sidebar.php b/parts/sidebar.php
index c61ca31..cc665d6 100644
--- a/parts/sidebar.php
+++ b/parts/sidebar.php
@@ -18,11 +18,19 @@
   <hr>
   <?php include_once("$parts/scribbles.php");?>
   <hr>
+  
   <!-- cute badges and other cool things goes here -->
-    <!-- hitwebcounter Code START -->
-    <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" title="Counter Widget" Alt="Visit counter For Websites" border="0" width="100"></a>
-  <a href="http://www.anybrowser.org/campaign/"><img src="./images/gifs/badges/anybrowser.gif" alt="Viewable With Any Browser" width="100"></a>
-  <img src="/images/gifs/badges/mullvad.avif" alt="free the internet" width="100">
+  <table>
+		<tr>
+			<!-- hitwebcounter Code START -->
+			<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" title="Counter Widget" Alt="Visit counter For Websites" border="0" width="90"></a></td>
+			<td><a href="http://www.anybrowser.org/campaign/"><img src="./images/gifs/badges/anybrowser.gif" alt="Viewable With Any Browser" width="90"></a></td>
+		</tr>
+    <tr>
+			<td><img src="/images/gifs/badges/mullvad.avif" alt="free the internet" width="90"></td>
+			<td><a href="http://heliohost.org"><img src="/images/gifs/heliohost-org.gif" alt="heliohost" height="70"></td>
+    </tr>
+	</table>
 
   <!-- cse by google -->
   <div style="width: 200px;">
diff --git a/stylesheets/component.css b/stylesheets/component.css
index 197fca5..a918910 100644
--- a/stylesheets/component.css
+++ b/stylesheets/component.css
@@ -20,9 +20,15 @@
   color: inherit;
   text-decoration: none;
 }
+#sidebar table {
+	text-align: center;
+	background-image: none;
+	border-style: none;
+	border-spacing: 0;
+}
 #body {
   vertical-align: top;
-  padding: 0 100px 0 70px;
+  padding: 0 70px 10px;
 }
 #footer {
 	text-align: center;
diff --git a/stylesheets/root.css b/stylesheets/root.css
index d6d08fd..e4fe0f6 100644
--- a/stylesheets/root.css
+++ b/stylesheets/root.css
@@ -1,12 +1,14 @@
 html, body {
   height: 100%;
   width: 100%;
+  box-sizing: border-box;
 }
 body {
 	background-image: url('/images/backgrounds/Ocean.jpg');
 	background-size: cover;
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
   margin: 0 auto;
+  padding: 10px 0;
 }
 p {
   line-height: 2;
@@ -17,8 +19,9 @@ p {
 table {
 	background-image: url('/images/backgrounds/backgroundclouds.gif');
   background-repeat: repeat;
-  height: 100%;
-  width: 1000px;
+  height: fit-content;
+  width: 95%;
+  max-width: 900px;
   margin: 0 auto;
   border-style: ridge;
 }