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 (file)
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 c61ca31cae780d84900809d72f8112ae7a93fc1a..cc665d6d1ad6214c72a0e08fb6779419389fdf91 100644 (file)
--- 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 197fca52dc7dc1e6d236676f369da0ad7fda62b0..a918910d8808a92c910d6dd62973e38ad41983ae 100644 (file)
--- 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 d6d08fdcb608a05d62ec04f180f605c32b905065..e4fe0f677947d13933cd0b76c4cd6e94f7809031 100644 (file)
--- 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;
 }