S tím nastavením routeru se možná na vás později obrátím.
Z venku mám od providera Rete Nanostation 5 se statickou adresou, uvnitř dále ASUS gl-520, na vnitřním routeru mám již nastaveno že pokud se obrátím na jeho ip adresu tak se dostanu na SDS, ale nedaří se mi obdobně se tam protunelovat venku skrz Nanostation . Ostatně z venku se nedostanu ani k administraci té Nanostation, i když zevnitř si s tím hrát můžu. Asi se budu muset obrátit na providera jestli tam nemá nějaký firewall nebo něco takového jinde ve struktuře sítě.
Na ukázku vám zasílám část toho scriptu který to vykresluje (na úvod a závěr tam je řádek kódu z původního dema abyste věděl kam to umístit).
<body onLoad="sdsps();">
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="70%" height="100%" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 22 22"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<style type="text/css">
<![CDATA[
.str0 {stroke:#1F1A17;stroke-width:0.02}
.str8 {stroke:#0093DD;stroke-width:0.10583}
.str6 {stroke:#1F1A17;stroke-width:0.10583}
.str5 {stroke:#DA251D;stroke-width:0.10583}
.str4 {stroke:#DD137B;stroke-width:0.10583}
.str7 {stroke:#EF9BA0;stroke-width:0.10583}
.str3 {stroke:#1F1A17;stroke-width:0.14111}
.str1 {stroke:#AAA9A9;stroke-width:0.28222}
.str2 {stroke:#C2C1C1;stroke-width:0.28222}
.fil1 {fill:none}
.fil2 {fill:#00923F}
.fil4 {fill:#FEFEA3}
.fil0 {fill:#3F4446}
.fil3 {fill:#DA251D}
.fil5 {fill:#1F1A17;fill-rule:inherit}
.filno {fill:#999999}
.fnt1 {font-weight:normal;font-size: 0.2pt;font-family:'Arial'}
.fnt3 {font-weight:normal;font-size:0.3pt;font-family:'Arial'}
]]>
</style>
<linearGradient id="grad1" x1="0" y1="0" x2="0" y2="1">
<stop id="grad1_s0" stop-color=rgb(0,5,0) offset="0"/>
<stop id="grad1_s1" stop-color=rgb(0,30,0) offset="0.17"/>
<stop id="grad1_s2" stop-color=rgb(0,60,0) offset="0.33"/>
<stop id="grad1_s3" stop-color=rgb(0,80,0) offset="0.44"/>
<stop id="grad1_s4" stop-color=rgb(0,100,0) offset="0.55"/>
<stop id="grad1_s5" stop-color=rgb(0,120,0) offset=".67"/>
<stop id="grad1_s6" stop-color=rgb(0,140,0) offset=".78"/>
<stop id="grad1_s7" stop-color=rgb(0,160,0) offset="0.89"/>
<stop id="grad1_s8" stop-color=rgb(0,180,0) offset="1"/>
</linearGradient>
</defs>
<g id="Layer_x0020_1">
<metadata id="CorelCorpID_0Corel-Layer"/>
<rect class="fil0 str0" x="-0.0117" y="-0.0178982" width="21.3247" height="22.2071"/>
<rect class="fil1 str1" x="6.09645" y="6.1099" width="13.9683" height="13.049"/>
<rect class="fil1 str2" x="6.09645" y="6.10991" width="13.9683" height="5.78135"/>
<rect class="fil1 str2" x="14.4529" y="6.06688" width="5.49254" height="5.82437"/>
<polygon class="fil1 str2" points="6.21847,6.1099 13.5452,0.76646 20.7738,6.1099 "/>
<rect class="fil1 str3" x="1.10452" y="13.7645" width="4.21593" height="5.49051"/>
<circle class="fil1 str3" cx="3.23699" cy="16.5169" r="1.44616"/>
<rect fill="url(#grad1)" x="7.97895" y="7.09035" width="4.11788" height="11.4222" rx="2" ry="1"/>
<g id="vrtule" fill="#999999">
<ellipse id="el1" cx="3.237" cy="15.8054" rx="0.379041" ry="0.711503"/>
<ellipse cx="3.237" cy="17.2445" rx="0.379041" ry="0.711503"/>
<ellipse transform="matrix(2.742E-014 -1.03532 1.03532 2.742E-014 3.96712 16.4984)" rx="0.36611" ry="0.68723"/>
<ellipse transform="matrix(2.742E-014 -1.03532 1.03532 2.742E-014 2.51767 16.4984)" rx="0.36611" ry="0.68723"/>
<!-- <animateTransform id="vrtule_rot" attributeName="transform"
attributeType="XML"
type="rotate"
from="0 3.237 16.52495"
to="360 3.237 16.52495"
dur="5s"
repeatCount="indefinite"/> -->
</g>
<polyline class="fil1 str4" points="1.90017,19.255 1.90017,20.8166 11.2144,20.8166 11.2144,18.5126 "/>
<polyline class="fil1 str5" points="4.30227,19.255 4.30227,20.0813 8.86136,20.0813 8.86136,18.5126 "/>
<circle class="fil1 str6" cx="13.6148" cy="15.963" r="0.538905"/>
<polygon id="OBEH1" class="str6" fill="#999999" points="13.3344,15.5098 13.3344,16.4115 14.1537,15.963 "/>
<line class="fil1 str5" x1="13.0759" y1="15.9835" x2="12.0968" y2= "15.9835" />
<circle class="fil1 str6" cx="13.6148" cy="13.737" r="0.538905"/>
<polygon id="OBEH2" class="str6" fill="#999999" points="13.3344,13.2839 13.3344,14.1856 14.1537,13.737 "/>
<polygon class="fil4 str6" points="15.0741,15.8294 15.0741,16.1275 15.345,15.9792 "/>
<polygon class="fil1 str6" points="15.6224,16.1305 15.6224,15.8324 15.3515,15.9807 "/>
<polygon class="fil4 str6" points="15.1984,16.2492 15.4966,16.2492 15.3483,15.9783 "/>
<polyline class="fil1 str7" points="15.6224,15.9835 18.0363,15.9835 18.0118,15.9835 "/>
<polyline class="fil1 str7" points="16.6768,16.243 18.0363,16.243 18.0118,16.243 "/>
<polyline class="fil1 str7" points="16.6768,16.7606 18.0363,16.7606 18.0118,16.7606 "/>
<polyline class="fil1 str8" points="16.6768,17.0195 18.0363,17.0195 18.0118,17.0195 "/>
<polyline class="fil1 str8" points="15.3258,17.2783 18.0363,17.2783 18.0251,17.2783 "/>
<polyline class="fil1 str7" points="16.6768,16.5018 18.0363,16.5018 18.0118,16.5018 "/>
<path class="fil1 str7" d="M17.9742 16.243c0.14293,0 0.25883,-0.05795 0.25883,-0.12941 0,-0.067 -0.10187,-0.12212 -0.23237,-0.12875"/>
<path class="fil1 str7" d="M17.9742 16.7606c0.14293,0 0.25883,-0.05795 0.25883,-0.12941 0,-0.067 -0.10187,-0.12212 -0.23237,-0.12875"/>
<path class="fil1 str8" d="M17.9742 17.2783c0.14293,0 0.25883,-0.05795 0.25883,-0.12941 0,-0.067 -0.10187,-0.12212 -0.23237,-0.12875"/>
<path class="fil1 str7" d="M16.7375 16.2437c-0.00869,-0.00044 -0.01753,-0.00067 -0.02646,-0.00067 -0.14293,0 -0.25883,0.05795 -0.25883,0.12942 0,0.07146 0.1159,0.12941 0.25883,0.12941"/>
<path class="fil1 str7" d="M16.7375 16.7613c-0.00869,-0.00044 -0.01753,-0.00067 -0.02646,-0.00067 -0.14293,0 -0.25883,0.05795 -0.25883,0.12942 0,0.07146 0.1159,0.12941 0.25883,0.12941"/>
<line class="fil1 str8" x1="15.3258" y1="16.2492" x2="15.3258" y2= "18.0534" />
<line class="fil1 str5" x1="14.1537" y1="15.963" x2="15.0741" y2= "15.963" />
<polyline class="fil1 str6" points="16.5666,9.69029 16.5666,11.6804 16.5666,11.6804 "/>
<polyline class="fil1 str6" points="17.6019,9.69029 17.6019,11.454 17.5897,11.454 "/>
<line class="fil1 str6" x1="16.5543" y1="9.97199" x2="17.6019" y2= "9.97199" />
<line class="fil1 str6" x1="16.5543" y1="10.1791" x2="17.6019" y2= "10.1791" />
<line class="fil1 str6" x1="16.5543" y1="10.3861" x2="17.6019" y2= "10.3861" />
<line class="fil1 str6" x1="16.5543" y1="10.5932" x2="17.6019" y2= "10.5932" />
<line class="fil1 str6" x1="16.5543" y1="10.8003" x2="17.6019" y2= "10.8003" />
<line class="fil1 str6" x1="16.5543" y1="11.0073" x2="17.6019" y2= "11.0073" />
<line class="fil1 str6" x1="16.5543" y1="11.2144" x2="17.6019" y2= "11.2144" />
<line class="fil1 str6" x1="18.8905" y1="12.6716" x2="17.3595" y2= "15.5253" />
<line class="fil1 str5" x1="12.0968" y1="13.7421" x2="13.0759" y2= "13.737" />
<line class="fil1 str5" x1="14.1537" y1="13.737" x2="17.3595" y2= "13.7252" />
<polyline class="fil1 str8" points="17.6276,11.4651 17.6348,12.1643 19.849,12.1646 "/>
<polyline class="fil1 str8" points="19.7759,12.1646 19.7877,18.0534 12.0356,18.0534 "/>
<g>
<path class="fil5" d="M4.21745 13.6394l0 -1.98488 0.02 0 0 1.98488 -0.02 0zm0.01 0.1251l-0.10668 -0.24892 0.00667 0.00323 0.00666 0.00302 0.00667 0.00281 0.00667 0.00261 0.00667 0.00239 0.00666 0.00219 0.00667 0.00198 0.00667 0.00177 0.00667 0.00157 0.00666 0.00135 0.00667 0.00115 0.00667 0.00093 0.00667 0.00073 0.00666 0.00052 0.00667 0.00032 0.00667 0.0001 0.00667 -0.0001 0.00666 -0.00032 0.00667 -0.00052 0.00667 -0.00073 0.00667 -0.00093 0.00666 -0.00115 0.00667 -0.00135 0.00667 -0.00157 0.00667 -0.00177 0.00666 -0.00198 0.00667 -0.00219 0.00667 -0.00239 0.00667 -0.00261 0.00666 -0.00281 0.00667 -0.00302 0.00667 -0.00323 0 0 -0.10668 0.24892z"/>
</g>
<polyline class="fil1 str5" points="11.2192,11.0028 8.81666,10.3591 11.2603,9.70429 8.7536,9.03262 11.1806,8.38231 15.0515,8.38231 15.0515,9.22277 14.7261,9.78631 15.4088,9.78631 15.0515,9.22277 15.0515,9.22235 "/>
<text x="6.06811" y="19.6868" class="fil4 fnt1">chladivo zpátečka</text>
<text id="svg_temp10" x="6.06811" y="20.0949" class="fil4 fnt1">svg_temp10</text>
<text x="6.12935" y="21.2913" class="fil4 fnt1">chladivo pára</text>
<text id="svg_temp9" x="6.82987" y="21.6993" class="fil4 fnt1">svg_temp9</text>
<text x="3.73383" y="5.42934" class="fil4 fnt1">venkovní teplota D</text>
<text x="3.27381" y="12.0569" class="fil4 fnt1">U ridici</text>
<text id="SVG_ad2" x="3.50806" y="12.3426" class="fil4 fnt1">5V</text>
<text x="3.01928" y="8.38257" class="fil4 fnt1">Strida</text>
<text id="SVG_strida" x="2.75605" y="8.66819" class="fil4 fnt1">frek/strida</text>
<text id="svg_temp1" x="4.52261" y="5.71496" class="fil4 fnt1">temp1</text>
<text x="0.97494" y="13.3825" class="fil4 fnt1">venkovní teplota TČ</text>
<text id="SVG_RAM1" x="1.8395" y="13.6681" class="fil4 fnt1">25 C</text>
<text id="svg_temp3" x="18.1122" y="7.40934" class="fil4 fnt1">Koupelna D</text>
<!-- Následující řádek doplněn ruřně id4 zatím neměřím-->
<text id="svg_temp4" x="13.4947" y="7.40934" class="fil4 fnt1">Ložnice D</text>
<text id="svg_temp2" x="13.4947" y="5.08126" class="fil4 fnt1">Obývák</text>
<g transform="matrix(1.00951 0 0 1 6.03449 0.69533)">
<text x="9.96187" y="14.85" class="fil4 fnt1">PT ESBE</text>
<text id="svg_temp16" x="10.1158" y="15.1359" class="fil4 fnt1">ptesbe</text>
</g>
<text x="16.3612" y="17.5793" class="fil4 fnt1">Vratka PT</text>
<text id="svg_temp6" x="16.4701" y="17.865" class="fil4 fnt1">vratkapt</text>
<text x="18.6847" y="17.6946" class="fil4 fnt1">Vratka VZT</text>
<text id="svg_temp8" x="18.8149" y="17.9802" class="fil4 fnt1">vratkavzt</text>
<text x="10.6684" y="8.08821" class="fil4 fnt1">AN7 160</text>
<text id="svg_temp15" x="10.9172" y="8.37383" class="fil4 fnt1">AN7</text>
<text x="10.6684" y="9.64119" class="fil4 fnt1">AN6 140</text>
<text id="svg_temp14" x="10.9172" y="9.92681" class="fil4 fnt1">AN6</text>
<text x="10.6684" y="11.1942" class="fil4 fnt1">AN5 120</text>
<text id="svg_temp13" x="10.9172" y="11.4798" class="fil4 fnt1">AN5</text>
<text x="10.3523" y="12.7472" class="fil4 fnt1">AN4 100+VZT</text>
<text id="svg_temp7" x="10.9172" y="13.0328" class="fil4 fnt1">AN4</text>
<text x="10.5015" y="14.3001" class="fil4 fnt1">AN3 80+PT</text>
<text id="svg_temp5" x="10.9172" y="14.5858" class="fil4 fnt1">AN3</text>
<text x="10.7395" y="15.8531" class="fil4 fnt1">AN2 60</text>
<text id="svg_temp12" x="10.9172" y="16.1387" class="fil4 fnt1">AN2</text>
<text x="10.7395" y="17.4061" class="fil4 fnt1">AN1 30</text>
<text id="svg_temp11" x="10.9172" y="17.6917" class="fil4 fnt1">AN1</text>
<text x="8.0695" y="18.0204" class="fil4 fnt1">výměník TČ</text>
<text id="SVG_RAM2" x="8.27312" y="18.3061" class="fil4 fnt1">výměník</text>
<text x="7.70682" y="15.8084" class="fil4 fnt1">podlahové topení TČ</text>
<text id="SVG_RAM3" x="8.51949" y="16.094" class="fil4 fnt1">PP TČ</text>
<text x="8.57436" y="13.5964" class="fil4 fnt1">TUV TČ</text>
<text id="SVG_RAM4" x="8.6595" y="13.882" class="fil4 fnt1">tuv TČ</text>
<text x="2.66837" y="14.1547" class="fil4 fnt1">výkon TČ</text>
<text id="SVG_RAM5" x="2.9359" y="14.4403" class="fil4 fnt1">25 C</text>
<polyline class="fil1 str5" points="16.5666,11.6804 16.5666,13.737 16.4992,13.737 "/>
<rect class="fil1 str3" x="1.60008" y="10.1633" width="3.40848" height="1.49121"/>
<rect class="fil1 str3" x="1.33971" y="6.25062" width="3.83454" height="2.62737"/>
<text x="2.33385" y="7.86735" class="fil4 fnt3">SDS</text>
<text x="2.57055" y="11.212" class="fil4 fnt3">A/D</text>
<text x="1.68657" y="5.4648" class="fil4 fnt1">Napájení SDS</text>
<text id="SVG_ad3" x="2.26918" y="5.75042" class="fil4 fnt1">14V</text>
<text x="1.75337" y="9.6348" class="fil4 fnt1">Napajení A/D</text>
<text id="SVG_ad1" x="2.27918" y="9.92042" class="fil4 fnt1">24V</text>
<g>
<path class="fil5" d="M4.21745 10.1099l0 -1.2319 0.02 0 0 1.2319 -0.02 0zm0.01 0.1251l-0.10668 -0.24892 0.00667 0.00323 0.00666 0.00302 0.00667 0.00281 0.00667 0.00261 0.00667 0.00239 0.00666 0.00219 0.00667 0.00198 0.00667 0.00177 0.00667 0.00157 0.00666 0.00135 0.00667 0.00115 0.00667 0.00093 0.00667 0.00073 0.00666 0.00052 0.00667 0.00032 0.00667 0.0001 0.00667 -0.0001 0.00666 -0.00032 0.00667 -0.00052 0.00667 -0.00073 0.00667 -0.00093 0.00666 -0.00115 0.00667 -0.00135 0.00667 -0.00157 0.00667 -0.00177 0.00666 -0.00198 0.00667 -0.00219 0.00667 -0.00239 0.00667 -0.00261 0.00666 -0.00281 0.00667 -0.00302 0.00667 -0.00323 0 0 -0.10668 0.24892z"/>
</g>
<rect class="fil1 str6" x="17.3595" y="12.5715" width="1.53098" height="2.85375"/>
<line class="fil1 str8" x1="18.8905" y1="13.7498" x2="19.7791" y2= "13.748" />
</g>
</svg>
<div id="toppanel">
V podstatě něco obdobného dostanete při tom exportu do SVG v Corelu a ručně tam stačí doplnit jen ty id="xxx" případně nastavení animací.
Myslím že s těchto ukázek si to již snadno poskládáte podle svých potřeb.
Celé to funguje dobře v aktuální verzi Firefoxu (Windows i Android), na Chromu se to nepřekresluje.