From 89d2901ed608c34c0215785ed52b576c68b44004 Mon Sep 17 00:00:00 2001
From: Lassi Kortela <lassi@lassi.io>
Date: Tue, 2 Aug 2022 15:53:13 +0300
Subject: [PATCH] Make many URLs relative

Fixes lots of broken links and missing images.
---
 www/index.html |  2 +-
 www/style.css  | 60 +++++++++++++++++++++++++-------------------------
 2 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/www/index.html b/www/index.html
index 18dc395..36cdc6b 100644
--- a/www/index.html
+++ b/www/index.html
@@ -20,7 +20,7 @@
 
 <div id="mainPan">
   <div id="topPan">
-    <!--<a href="index.html"><img src="/images/logo.gif"
+    <!--<a href="index.html"><img src="images/logo.gif"
       alt="Aquatic" width="136" height="31" border="0"  class="logo"
       title="Aquatic"/></a>
   <p class="caption">leo pede eleifend</p>
diff --git a/www/style.css b/www/style.css
index 6a2e870..34de089 100644
--- a/www/style.css
+++ b/www/style.css
@@ -5,7 +5,7 @@
 
 
 /* CSS Document */
-body{padding:0px; margin:0px; background:url(/images/main-bg.gif) 0 0
+body{padding:0px; margin:0px; background:url(images/main-bg.gif) 0 0
   repeat-x #fff;
   /* color:#5F7A77; */
   color:#205050;
@@ -20,12 +20,12 @@ ul{list-style-type:none}
 
 /*----TOP PANEL----*/
 #topPan{width:778px; height:65px;
-  background:url(/images/topbg.jpg) 0 0 no-repeat #fff;
+  background:url(images/topbg.jpg) 0 0 no-repeat #fff;
   color:#828282; position:relative; margin:0 auto;}
 #topPan img.logo{width:136px; height:31px; position:absolute; top:12px; left:235px;}
 #topPan p.caption{width:200px; background:#fff; color:#828282; position:absolute; top:43px; left:235px;}
 #topcontactPan{width:181px; height:36px;
-  /* background:url(/images/icon1.jpg) 68px 0px no-repeat; */
+  /* background:url(images/icon1.jpg) 68px 0px no-repeat; */
   /* position:absolute; top:11px; left:567px; padding:7px 0 0; */
 }
 
@@ -36,30 +36,30 @@ ul{list-style-type:none}
 
 /*----HEADER PANEL----*/
 #headerPan{width:686px; height:153px;
-  background:url(/images/header.png) 0 0 no-repeat;
+  background:url(images/header.png) 0 0 no-repeat;
   position:relative; margin:0 auto; padding:11px 0 0 92px;}
 
 #headerPan ul.leftmenu{width:87px;}
 #headerPan ul.leftmenu li{width:87px; height:22px; border-bottom:1px dashed #AECCCA;}
-#headerPan ul.leftmenu li a{width:72px; height:22px; display:block; background:url(/images/bullet-normal.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
-#headerPan ul.leftmenu li a:hover{background:url(/images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
-#headerPan ul.leftmenu li.Solutions{width:72px; height:22px; display:block; background:url(/images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
+#headerPan ul.leftmenu li a{width:72px; height:22px; display:block; background:url(images/bullet-normal.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
+#headerPan ul.leftmenu li a:hover{background:url(images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
+#headerPan ul.leftmenu li.Solutions{width:72px; height:22px; display:block; background:url(images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
 #headerPan ul.leftmenu li.clients{width:87px; height:22px; border-bottom:none;}
 
 #headerPan ul.botton{width:150px; height:45px; position:absolute; top:118px; left:250px;}
 #headerPan ul.botton li{float:left; height:45px;}
-#headerPan ul.botton li.home a{width:42px; height:45px; display:block; background:url(/images/home-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
-#headerPan ul.botton li.home a:hover{background:url(/images/home-hover.gif) 0 0 no-repeat;}
+#headerPan ul.botton li.home a{width:42px; height:45px; display:block; background:url(images/home-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
+#headerPan ul.botton li.home a:hover{background:url(images/home-hover.gif) 0 0 no-repeat;}
 
-#headerPan ul.botton li.aboutus a{width:42px; height:45px; display:block; background:url(/images/aboutus-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
-#headerPan ul.botton li.aboutus a:hover{background:url(/images/aboutus-hover.gif) 0 0 no-repeat;}
+#headerPan ul.botton li.aboutus a{width:42px; height:45px; display:block; background:url(images/aboutus-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
+#headerPan ul.botton li.aboutus a:hover{background:url(images/aboutus-hover.gif) 0 0 no-repeat;}
 
-#headerPan ul.botton li.contact a{width:42px; height:45px; display:block; background:url(/images/contact-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
-#headerPan ul.botton li.contact a:hover{background:url(/images/contact-hover.gif) 0 0 no-repeat;}
+#headerPan ul.botton li.contact a{width:42px; height:45px; display:block; background:url(images/contact-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
+#headerPan ul.botton li.contact a:hover{background:url(images/contact-hover.gif) 0 0 no-repeat;}
 /*----/HEADER PANEL----*/
 
 /*----BODY PANEL----*/
-#bodyPan{width:686px; background:url(/images/bodybg.gif) 0 0 no-repeat; position:relative; margin:0 auto; padding:22px 0 0 92px;}
+#bodyPan{width:686px; background:url(images/bodybg.gif) 0 0 no-repeat; position:relative; margin:0 auto; padding:22px 0 0 92px;}
 /*----Body Left Panel----*/
 #leftPan{width:114px; float:left;}
 
@@ -67,24 +67,24 @@ ul{list-style-type:none}
 
 #leftPan ul{width:114px;}
 #leftPan ul li{width:114px; height:24px;}
-#leftPan ul li a{width:102px; height:24px; display:block; background:url(/images/bullet2-normal.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:24px; padding:0 0 0 12px;}
-#leftPan ul li a:hover{background:url(/images/bullet2-hover.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none;}
+#leftPan ul li a{width:102px; height:24px; display:block; background:url(images/bullet2-normal.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:24px; padding:0 0 0 12px;}
+#leftPan ul li a:hover{background:url(images/bullet2-hover.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none;}
 #leftPan ul li span{text-decoration:underline;}
 /*----/Body Left Panel----*/
 /*----Body Right Panel----*/
 #rightPan{width:511px; float:left; border-left:1px solid #C8E8E2; margin:28px 0 0; padding:0 30px;}
 #rightPan p{padding:0 0 10px 0;}
-#rightPan p.more{width:502px; height:25px; float:left; background:url(/images/sky-color-bg.gif) 0 10px repeat-x; padding:0 0 20px 0;}
-#rightPan p.more a{width:92px; height:21px; display:block; background:url(/images/icon2.jpg) 0 0 no-repeat #fff; color:#958201; line-height:21px; text-transform:uppercase; text-decoration:none; margin:0 0 0 328px; padding:4px 0 0 50px;}
-#rightPan p.more a:hover{background:url(/images/icon2.jpg) 0 0 no-repeat #fff; color:#645804; text-decoration:none;}
+#rightPan p.more{width:502px; height:25px; float:left; background:url(images/sky-color-bg.gif) 0 10px repeat-x; padding:0 0 20px 0;}
+#rightPan p.more a{width:92px; height:21px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#958201; line-height:21px; text-transform:uppercase; text-decoration:none; margin:0 0 0 328px; padding:4px 0 0 50px;}
+#rightPan p.more a:hover{background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#645804; text-decoration:none;}
 
 #rightPan h1{
   width:300px;
   /* height:37px;  */
   /* float:left;  */
   display:block;
-  /* background:url(/images/bullet-normal.gif) no-repeat 12px 20px #B1DED5; */
-  background:url(/images/bullet-normal.gif) no-repeat 12px 20px #A0C0C0;
+  /* background:url(images/bullet-normal.gif) no-repeat 12px 20px #B1DED5; */
+  background:url(images/bullet-normal.gif) no-repeat 12px 20px #A0C0C0;
   /* background:#bdd; */
   color:#ffffff;
   font-size:18px;
@@ -114,28 +114,28 @@ ul{list-style-type:none}
 
 #rightPan ul li{
   display:block;
-  background:url(/images/bullet2-normal.gif) 0 10px no-repeat #fff;
+  background:url(images/bullet2-normal.gif) 0 10px no-repeat #fff;
   text-decoration:none; line-height:24px;
   padding:2px 0 0 12px;}
 
 
 
-#rightPan h4{width:96px; height:77px; float:left; display:block; background:url(/images/icon4.jpg) 8px 38px no-repeat #DFD79C; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px;  margin:0 0 5px 0;}
+#rightPan h4{width:96px; height:77px; float:left; display:block; background:url(images/icon4.jpg) 8px 38px no-repeat #DFD79C; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px;  margin:0 0 5px 0;}
 
 #rightPan ul.events{width:305px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 25px;}
 
 #rightPan ul.events li.captionthree{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:none;}
 
 #rightPan ul.events li{width:305px; height:20px;}
-#rightPan ul.events li a{width:293px; height:20px; display:block; background:url(/images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#959595; text-decoration:underline; line-height:20px; padding:0 0 0 12px;}
-#rightPan ul.events li a:hover{background:url(/images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:underline;}
+#rightPan ul.events li a{width:293px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#959595; text-decoration:underline; line-height:20px; padding:0 0 0 12px;}
+#rightPan ul.events li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:underline;}
 
 /*----/Body Right Panel----*/
 /*----/BODY PANEL----*/
 /*----/MAIN PANEL----*/
 
 /*----FOOTER PANEL----*/
-#footermainPan{height:103px; background:url(/images/footerbg.gif) 0 0 repeat-x #D3F0F0; color:#2F5958; font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:36px 0 0;}
+#footermainPan{height:103px; background:url(images/footerbg.gif) 0 0 repeat-x #D3F0F0; color:#2F5958; font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:36px 0 0;}
 #footerPan{width:778px; position:relative; margin:0 auto;}
 
 #footerPan ul{width:608px; height:20px; position:relative; margin:0 auto;}
@@ -151,9 +151,9 @@ ul{list-style-type:none}
 #footerPan ul.templateworld li a:hover{text-decoration:underline;}
 
 #footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:35px; left:549px;}
-#footerPanhtml a{width:64px; height:24px; display:block; background:url(/images/html-normal.gif) 0 0 no-repeat #D3F0F0; color:#fff; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 7px;}
-#footerPanhtml a:hover{background:url(/images/html-hover.gif) 0 0 no-repeat #D3F0F0; color:#fff;}
+#footerPanhtml a{width:64px; height:24px; display:block; background:url(images/html-normal.gif) 0 0 no-repeat #D3F0F0; color:#fff; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 7px;}
+#footerPanhtml a:hover{background:url(images/html-hover.gif) 0 0 no-repeat #D3F0F0; color:#fff;}
 #footerPancss{width:58px; height:24px; display:block; position:absolute; top:35px; left:624px;}
-#footerPancss a{width:49px; height:24px; display:block; background:url(/images/css-normal.gif) 0 0 no-repeat #D3F0F0; color:#fff; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;}
-#footerPancss a:hover{background:url(/images/css-hover.gif) 0 0 no-repeat #D3F0F0; color:#fff; text-decoration:none;}
+#footerPancss a{width:49px; height:24px; display:block; background:url(images/css-normal.gif) 0 0 no-repeat #D3F0F0; color:#fff; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;}
+#footerPancss a:hover{background:url(images/css-hover.gif) 0 0 no-repeat #D3F0F0; color:#fff; text-decoration:none;}
 /*----/FOOTER PANEL----*/