Enlarged Network Graphic by 20%

The YaCy retro-pixel-art images had been designed in a time
where displays had not been "retina displays" and
device pixel ratios (DPR) of 2 (everything must be scaled up
by 100% to have the same size).
Because the YaCy images have a fixed-width size, they appear
now tiny compared on how they appeared in the past.
Our 6-pixel font is not readable any more on high-res
displays because with a DPR-2 they are scaled down to 50%.
Experiments with DPR-agnostic auto-scaling of the images did
not show a beautiful result. Instead, we now simply give
the graphics 20% more pixel space and also scale up the font
from 6 pixel to 8 pixel. They still have a nice retro-style
look.

1 files changed, 4 insertions, 4 deletions

diff --git a/htroot/Network.html b/htroot/Network.html
index 3bdb5d500..75a33f59c 100644
--- a/htroot/Network.html
+++ b/htroot/Network.html
@@ -44,7 +44,7 @@ document.getElementById("apilink").setAttribute("href", "Network.xml?" + window.
     <h2>YaCy Search Network '#[networkName]#'</h2>

   <script type="text/javascript">

   <!--

-    imagestub = "NetworkPicture.png?width=1024&height=720&bgcolor=FFFFFF&ct=15000&coronaangle=";

+    imagestub = "NetworkPicture.png?width=1280&height=900&bgcolor=FFFFFF&ct=15000&coronaangle=";

     imageanimindex = 0;

     imageloadindex = 0;

     imagecycles = 0;

@@ -56,7 +56,7 @@ document.getElementById("apilink").setAttribute("href", "Network.xml?" + window.
       for (j = 0; j < 6; j++) initanimationphase(j, handle);

     }

     function initanimationphase(phase, handle) {

-      imagearray[phase] = new Image(1024, 720);

+      imagearray[phase] = new Image(1280, 900);

       angle = phase * 60;

       imagearray[phase].src = imagestub + angle + "&handle=" + handle;

     }

@@ -172,7 +172,7 @@ document.getElementById("apilink").setAttribute("href", "Network.xml?" + window.
     </p>

     ::

     <div class="left">

-    <table border="0" width="1024">

+    <table border="0" width="1280">

       <tr class="TableHeader">

         <td rowspan="5" class="TableHeader" width="10%">Network</td>

         <td colspan="#(active-switch)#2::3::4::5::6#(/active-switch)#" width="22%">Online Peers</td>

@@ -223,7 +223,7 @@ document.getElementById("apilink").setAttribute("href", "Network.xml?" + window.
 

     <div class="left">

       <p>

-        <a href="NetworkPicture.png?width=1024&amp;height=720&amp;bgcolor=FFFFFF"><img id="NetworkPicture" src="NetworkPicture.png?width=1024&amp;height=720&amp;bgcolor=FFFFFF&amp;coronaangle=0" alt="The YaCy Network" width="1024" height="720" /></a>

+        <a href="NetworkPicture.png?width=1280&amp;height=900&amp;bgcolor=FFFFFF"><img id="NetworkPicture" src="NetworkPicture.png?width=1280&amp;height=900&amp;bgcolor=FFFFFF&amp;coronaangle=0" alt="The YaCy Network" width="1280" height="900" /></a>

       </p>

     </div>

     <div class="left">