issue 37: Icons are displayed next to a category name

www/header.php

@@ -173,13 +173,55 @@ if (($handle = fopen($csvfile, "r")) !== FALSE) {
 
 		if (strtolower($oldcatname) != strtolower($data[1])){
 		if( str_contains(strtolower($data[1]),'monero' )){
-			echo  '<a class="xmr" href="index.php?query=' . $data[1] . '">' . $data[1] . '</a> | '; // display the category as its the first row with this new category
+			echo  '<img class="caticon" src="img/monero.png">' . '<a class="xmr" href="index.php?query=' . $data[1] . '">' . $data[1] . '</a> | '; // display the category as its the first row with this new category
 			$oldcatname=$data[1];
 		}elseif( str_contains(strtolower($data[1]),'simplex' )){
-			echo  '<a class="sxc" href="index.php?query=' . $data[1] . '">' . $data[1] . '</a> | '; // display the category as its the first row with this new category
+			echo  '<img class="caticon" src="img/simplex.png">' . '<a class="sxc" href="index.php?query=' . $data[1] . '">' . $data[1] .  '</a> | '; // display the category as its the first row with this new category
 			$oldcatname=$data[1];
+
+		}elseif (str_contains(strtolower($data[1]), 'sms')){
+			echo  '<img class="caticon" src="img/sms.ico">' . '<a href="index.php?query=' . $data[1] . '">' . $data[1] . '</a> | '; // display the category as its the first row with this new category
+			$oldcatname=$data[1];
+
+		}elseif (str_contains(strtolower($data[1]), 'games')){
+			echo   '<img class="caticon" src="img/games.ico">' . '<a  href="index.php?query=' . $data[1] . '">' . $data[1] .   '</a> | '; // display the category as its the first row with this new category
+			$oldcatname=$data[1];
+		}elseif (str_contains(strtolower($data[1]), 'vps')){
+			echo   '<img class="caticon" src="img/linux.ico" >' . '<a  href="index.php?query=' . $data[1] . '">' . $data[1] . '</a> | '; // display the category as its the first row with this new category
+			$oldcatname=$data[1];
+
+		}elseif (str_contains(strtolower($data[1]), 'torproject')){
+			echo   '<img class="caticon" src="img/tor_browser.ico">' . '<a  href="index.php?query=' . $data[1] . '">' . $data[1] . '</a> |';
+                        $oldcatname=$data[1];
+		}elseif (str_contains(strtolower($data[1]), 'privacy front-ends')){
+                        echo   '<img class="caticon" src="img/opensource.ico">' . '<a  href="index.php?query=' . $data[1] . '">' . $data[1] . '</a> |';
+                        $oldcatname=$data[1];
+		}elseif (str_contains(strtolower($data[1]), 'vpns')){
+                        echo   '<img class="caticon" src="img/openvpn.ico">' . '<a  href="index.php?query=' . $data[1] . '">' . $data[1] . '</a> |';
+                        $oldcatname=$data[1];
+		}elseif (str_contains(strtolower($data[1]), 'fediverse')){
+                        echo   '<img class="caticon" src="img/xmpp.ico">' . '<a  href="index.php?query=' . $data[1] . '">' . $data[1] . '</a> |';
+                        $oldcatname=$data[1];
+		}elseif (str_contains(strtolower($data[1]), 'torrents')){
+                        echo   '<img class="caticon" src="img/torrents.ico">' . '<a  href="index.php?query=' . $data[1] . '">' . $data[1] . '</a> |';
+                        $oldcatname=$data[1];
+		}elseif (str_contains(strtolower($data[1]), 'forums')){
+                        echo   '<img class="caticon" src="img/dread.png">' . '<a  href="index.php?query=' . $data[1] . '">' . $data[1] . '</a> |';
+                        $oldcatname=$data[1];
+		}elseif (str_contains(strtolower($data[1]), 'mail')){
+                        echo   '<img class="caticon" src="img/clawsmail.png">' . '<a  href="index.php?query=' . $data[1] . '">' . $data[1] . '</a> |';
+                        $oldcatname=$data[1];
+		}elseif (str_contains(strtolower($data[1]), 'radio')){
+                        echo   '<img class="caticon" src="img/radio.ico">' . '<a  href="index.php?query=' . $data[1] . '">' . $data[1] . '</a> |';
+                        $oldcatname=$data[1];
+		}elseif (str_contains(strtolower($data[1]), 'search engine')){
+                        echo   '<img class="caticon" src="img/searxng.svg">' . '<a  href="index.php?query=' . $data[1] . '">' . $data[1] . '</a> |';
+                        $oldcatname=$data[1];
+		}elseif (str_contains(strtolower($data[1]), 'exchanges')){
+                        echo   '<img class="caticon" src="img/haveno.png">' . '<a  href="index.php?query=' . $data[1] . '">' . $data[1] . '</a> |';
+                        $oldcatname=$data[1];
 		}else{
-			echo  '<a href="index.php?query=' . $data[1] . '">' . $data[1] . '</a> | '; // display the category as its the first row with this new category
+			echo  '<img class="caticon" src="img/logo-large.png">' . '<a href="index.php?query=' . $data[1] . '">' . $data[1] . '</a> | '; // display the category as its the first row with this new category
 			$oldcatname=$data[1];
 		}
 		}

www/img/searxng.svg

@@ -0,0 +1 @@
+<svg height="92mm" viewBox="0 0 92 92" width="92mm" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-40.921303 -17.416526)"><g fill="none"><circle cx="75" cy="92" r="0" stroke="#000" stroke-width="12"/><circle cx="75.921" cy="53.903" r="30" stroke="#3050ff" stroke-width="10"/><path d="m67.514849 37.91524a18 18 0 0 1 21.051475 3.312407 18 18 0 0 1 3.137312 21.078282" stroke="#3050ff" stroke-width="5"/></g><path d="m3.706 122.09h18.846v39.963h-18.846z" fill="#3050ff" transform="matrix(.69170581 -.72217939 .72217939 .69170581 0 0)"/></g></svg>