Preliminary adition to transing the internet webring, and tweaks and optimization to previous code regarding javascript to php rewrite, more concise and legible code functions.

includes/transingtheinternet_view.inc.php

@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+function TRANSINGrender(){
+    global $TRANSING_ROOT, $TRANSING_FILES, $TRANSING_WIDGET_TYPE, $transing_prev, $transing_next;
+    
+    $TRANSING_FILES["selected"] = $TRANSING_FILES[$TRANSING_WIDGET_TYPE];
+
+    if ($TRANSING_WIDGET_TYPE === 'error') {
+        ?>
+        <a href="<?php echo($TRANSING_ROOT); ?>" target="_top" style="width: 68.852%"><img src="<?php echo($TRANSING_FILES["selected"]["button"]); ?>" alt="transing the internet"></a>
+        <div style="font-size: 0.75em; text-align: center">(this site isn't part of the webring... yet!)</div>
+        <?php
+    } else {
+        ?>
+        <div id="transring" style="display: flex; justify-content: center; align-items: center; image-rendering: pixelated; height:100%;">
+            <a href="<?php echo($transing_prev); ?>" target="_top" style="width: 15.574%; height:100%;"><img src="<?php echo($TRANSING_FILES["selected"]["left_arrow"]); ?>" alt="previous site"></a>
+            <a href="<?php echo($TRANSING_ROOT); ?>" target="_top" style="width: 68.852%; height:100%;"><img src="<?php echo($TRANSING_FILES["selected"]["button"]); ?>" alt="transing the internet"></a>
+            <a href="<?php echo($transing_next); ?>" target="_top" style="width: 15.574%; height:100%;"><img src="<?php echo($TRANSING_FILES["selected"]["right_arrow"]); ?>" alt="next site"></a>
+        </div>
+        <?php
+    }
+}