marek/i2p.i2p
1
0
Fork 0
forked from I2P_Developers/i2p.i2p
Code Issues Pull Requests Packages Projects Releases Wiki Activity

SusiDNS:

Browse Source 
- Rework SVG image
  - Now features interactive feedback when mouseover objects and hotlinks
- Update fallback images for en and fr
- Update overview text
- added tabindex="0" to destination addresses, highlighted on :focus
This commit is contained in:
str4d
2017-06-03 14:01:33 +00:00
parent d50c12dc7d
commit a9bf1e2969
12 changed files with 301 additions and 415 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/susidns/src/jsp/addressbook.jsp
View File

@@ -184,7 +184,7 @@ ${book.loadBookMessages}
<td class="names"><span class="addrhlpr"><a href="http://${addr.b32}/" target="_blank" title="<%=intl._t("Base 32 address")%>">b32</a></span></td> <td class="names"><span class="addrhlpr"><a href="http://${addr.b32}/" target="_blank" title="<%=intl._t("Base 32 address")%>">b32</a></span></td>
<td class="helper"><a href="http://${addr.name}/?i2paddresshelper=${addr.destination}" target="_blank" title="<%=intl._t("Helper link to share host address with option to add to addressbook")%>">link</a></td> <td class="helper"><a href="http://${addr.name}/?i2paddresshelper=${addr.destination}" target="_blank" title="<%=intl._t("Helper link to share host address with option to add to addressbook")%>">link</a></td>
<td class="names"><span class="addrhlpr"><a href="details?h=${addr.name}&amp;book=${book.book}" title="<%=intl._t("More information on this entry")%>"><%=intl._t("details")%></a></span></td> <td class="names"><span class="addrhlpr"><a href="details?h=${addr.name}&amp;book=${book.book}" title="<%=intl._t("More information on this entry")%>"><%=intl._t("details")%></a></span></td>
<td class="destinations"><div class="destaddress" name="dest_${addr.name}" width="200px">${addr.destination}</div></td> <td class="destinations"><div class="destaddress" name="dest_${addr.name}" width="200px" tabindex="0">${addr.destination}</div></td>
<c:if test="${book.validBook}"> <c:if test="${book.validBook}">
<td class="checkbox"><input type="checkbox" name="checked" value="${addr.name}" title="<%=intl._t("Mark for deletion")%>"></td> <td class="checkbox"><input type="checkbox" name="checked" value="${addr.name}" title="<%=intl._t("Mark for deletion")%>"></td>

2
apps/susidns/src/jsp/config.jsp
View File

@@ -65,7 +65,7 @@
<a id="config" href="config"><%=intl._t("Configuration")%></a> <a id="config" href="config"><%=intl._t("Configuration")%></a>
</div> </div>
<hr> <hr>
<div class="headline" id="config"> <div class="headline" id="configure">
<h3><%=intl._t("Configuration")%></h3> <h3><%=intl._t("Configuration")%></h3>
<h4><%=intl._t("Location:")%> ${cfg.fileName}</h4> <h4><%=intl._t("Location:")%> ${cfg.fileName}</h4>
</div> </div>

2
apps/susidns/src/jsp/details.jsp
View File

@@ -144,7 +144,7 @@
</tr> </tr>
<tr class="list${book.trClass}"> <tr class="list${book.trClass}">
<td><%=intl._t("Destination")%></td> <td><%=intl._t("Destination")%></td>
<td class="destinations"><div class="destaddress"><%=addr.getDestination()%></div></td> <td class="destinations"><div class="destaddress" tabindex="0"><%=addr.getDestination()%></div></td>
</tr> </tr>
</table> </table>
</div> </div>

12
apps/susidns/src/jsp/index.jsp
View File

@@ -74,7 +74,7 @@
<%=intl._t("Subscribing to additional sites is easy, just add them to your <a href=\"subscriptions\">subscriptions</a> file.")%> <%=intl._t("Subscribing to additional sites is easy, just add them to your <a href=\"subscriptions\">subscriptions</a> file.")%>
</p> </p>
<p> <p>
<%=intl._t("For more information on naming in I2P, see <a href=\"http://i2p-projekt.i2p/naming.html\" target=\"_top\">the overview</a>.")%> <%=intl._t("For more information on naming in I2P, see <a href=\"http://i2p-projekt.i2p/naming.html\" target=\"_blank\">the overview</a>.")%>
</p> </p>
<h3><%=intl._t("How does the addressbook application work?")%></h3> <h3><%=intl._t("How does the addressbook application work?")%></h3>
<p> <p>
@@ -82,15 +82,19 @@
<%=intl._t("Then it merges your \"master\" address book into the router address book as well.")%> <%=intl._t("Then it merges your \"master\" address book into the router address book as well.")%>
<%=intl._t("If configured, the router address book is now written to the \"published\" address book, which will be publicly available if you are running an eepsite.")%> <%=intl._t("If configured, the router address book is now written to the \"published\" address book, which will be publicly available if you are running an eepsite.")%>
</p><p> </p><p>
<%=intl._t("The router also uses a private address book (not shown in the picture), which is not merged or published.")%> <%=intl._t("The router also uses a private address book, which is not merged or published.")%>
<%=intl._t("Hosts in the private address book can be accessed by you but their addresses are never distributed to others.")%> <%=intl._t("Hosts in the private address book can be accessed by you but their addresses are never distributed to others.")%>
<%=intl._t("The private address book can also be used for aliases of hosts in your other address books.")%> <%=intl._t("The private address book can also be used for aliases of hosts in your other address books.")%>
</p> </p>
<center><img src="/themes/susidns/images/how.svg" height="367" width="600" border="0" alt="address book working scheme" title="How the address book works" class="illustrate" /></center> <div class="illustrate">
<object type="image/svg+xml" data="/themes/susidns/images/how.svg">
<img src="/themes/susidns/images/how.png" border="0" alt="address book working scheme" title="How the address book works" class="illustrate" />
</object>
</div>
</div> </div>
<div id="footer"> <div id="footer">
<hr> <hr>
<p class="footer">susidns v${version.version} &copy; <a href="${version.url}" target="_top">susi</a> 2005</p> <p class="footer">susidns v${version.version} &copy; <a href="${version.url}" target="_blank">susi</a> 2005</p>
</div> </div>
</div> </div>
</body> </body>

6
history.txt
View File

@@ -9,6 +9,12 @@
- Individual icons for I2PSnark and I2P Plugins on /home - Individual icons for I2PSnark and I2P Plugins on /home
- Add div to upnpstatus on peers to comply with layout - Add div to upnpstatus on peers to comply with layout
- Fix various unclosed/erroneous tags - Fix various unclosed/erroneous tags
* SusiDNS:
- Rework SVG image
- Now features interactive feedback when mouseover objects and hotlinks
- Update fallback images for en and fr
- Update overview text
- added tabindex="0" to destination addresses, highlighted on :focus
2017-05-25 zzz 2017-05-25 zzz
* Crypto: Fix AES NPE on 4-core RPi 2nd try (ticket #1989) * Crypto: Fix AES NPE on 4-core RPi 2nd try (ticket #1989)

31
installer/resources/themes/susidns/classic/susidns.css
View File

@@ -159,6 +159,10 @@ td.destinations {
margin-top: 10px; margin-top: 10px;
} }
#content {
padding-bottom: 10px;
}
div.page { div.page {
border: 1px solid #89f; border: 1px solid #89f;
background: #fff !important; background: #fff !important;
@@ -492,12 +496,9 @@ img[src*="imagegen"] {
} }
.illustrate { .illustrate {
max-width: 90%; max-width: 700px;
height: auto; height: auto;
} margin: 10px auto 20px;
img.illustrate {
margin: 10px 10px 20px;
padding: 10px; padding: 10px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #337; border: 1px solid #337;
@@ -505,6 +506,7 @@ img.illustrate {
box-shadow: inset 0 0 1px #002; box-shadow: inset 0 0 1px #002;
background: #fff; background: #fff;
filter: drop-shadow(0 0 1px #999); filter: drop-shadow(0 0 1px #999);
text-align: center;
} }
_:-ms-lang(x), img.illustrate { _:-ms-lang(x), img.illustrate {
@@ -710,7 +712,7 @@ form[action="subscriptions"] textarea {
background: url(/themes/susidns/images/subs_24.png) 10px center no-repeat; background: url(/themes/susidns/images/subs_24.png) 10px center no-repeat;
} }
.headline#config h3 { .headline#configure h3 {
background: url(/themes/susidns/images/configure_24.png) 10px center no-repeat; background: url(/themes/susidns/images/configure_24.png) 10px center no-repeat;
} }
@@ -905,6 +907,10 @@ p.book {
/* end hostname list */ /* end hostname list */
.destaddress:focus {
background: #ffe;
}
td.destinations { td.destinations {
max-width: 50px !important; max-width: 50px !important;
border-left: 1px inset #ccf; border-left: 1px inset #ccf;
@@ -913,6 +919,14 @@ td.destinations {
/* responsive layout */ /* responsive layout */
@media screen and (max-width: 1000px) {
.iframed .illustrate {
margin: 10px auto 10px;
min-width: 450px;
width: 90%;
}
}
@media screen and (min-width: 1400px) { @media screen and (min-width: 1400px) {
body, p, td, textarea, input, button, li, a { body, p, td, textarea, input, button, li, a {
font-size: 10pt !important; font-size: 10pt !important;
@@ -944,6 +958,11 @@ h3 {
min-width: 400px !important; min-width: 400px !important;
} }
.illustrate {
margin-top: 15px;
}
}
/* end responsive layout */ /* end responsive layout */
/* Edge/IE tweaks */ /* Edge/IE tweaks */

30
installer/resources/themes/susidns/dark/susidns.css
View File

@@ -331,6 +331,10 @@ h3 {
margin-bottom: 24px; margin-bottom: 24px;
} }
#content {
padding-bottom: 10px;
}
#content h3 { #content h3 {
border: none; border: none;
border-bottom: 1px dotted #494; border-bottom: 1px dotted #494;
@@ -649,9 +653,9 @@ div#config + div#buttons, div#content + div#buttons {
} }
.illustrate { .illustrate {
max-width: 90%; max-width: 700px;
height: auto; height: auto;
margin: 20px 0 15px; margin: 20px auto 10px;
padding: 10px; padding: 10px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #001; border: 1px solid #001;
@@ -891,7 +895,7 @@ input[name="search"]:focus {
background: url(/themes/susidns/images/subs_24.png) 5px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%); background: url(/themes/susidns/images/subs_24.png) 5px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%);
} }
.headline#config h3 { .headline#configure h3 {
background: url(/themes/susidns/images/configure_24.png) 5px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%); background: url(/themes/susidns/images/configure_24.png) 5px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%);
} }
@@ -1060,19 +1064,27 @@ p.book {
filter: drop-shadow(0 0 1px #f60); filter: drop-shadow(0 0 1px #f60);
} }
.destaddress:focus {
background: #001a00;
outline: none;
}
#host_list .destaddress { #host_list .destaddress {
overflow: auto !important;
white-space: nowrap; white-space: nowrap;
font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important; font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important;
font-weight: normal; font-weight: normal;
padding: 3px !important; padding: 3px 10px !important;
-moz-user-select: all; -moz-user-select: all;
-webkit-user-select: all; -webkit-user-select: all;
user-select: all; user-select: all;
overflow: hidden;
text-overflow: ellipsis;
} }
#host_list .destaddress:hover, #host_list .destaddress:focus { #host_list .destaddress:hover, #host_list .destaddress:focus {
color: #bb0; color: #bb0;
overflow: auto;
text-overflow: clip;
} }
/* end hostname list */ /* end hostname list */
@@ -1107,6 +1119,14 @@ _:-ms-lang(x), * {
} }
} }
@media screen and (max-width: 1000px) {
.illustrate {
margin: 15px auto 10px;
min-width: 450px;
width: 90%;
}
}
@media screen and (min-width: 1400px) { @media screen and (min-width: 1400px) {
body, input[type="submit"], input[type="reset"], .fakebutton, input, select, h4, td.names a, p, li, #filter a, #host_details td, textarea, th, #search td, .destaddress { body, input[type="submit"], input[type="reset"], .fakebutton, input, select, h4, td.names a, p, li, #filter a, #host_details td, textarea, th, #search td, .destaddress {

BIN
installer/resources/themes/susidns/images/how.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 16 KiB

582
installer/resources/themes/susidns/images/how.svg
View File

@@ -1,389 +1,207 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 960 587" preserveAspectRatio="xMidYMid meet">
<style>
.a {
fill: #fff;
stroke-linejoin: round;
stroke-width: 1.5;
stroke: #000;
}
<svg .b, .c, .d, .e, .f, .g {
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb" font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
xmlns:dc="http://purl.org/dc/elements/1.1/" font-feature-settings: normal;
xmlns:cc="http://creativecommons.org/ns#" font-variant-caps: normal;
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" font-variant-ligatures: normal;
xmlns:svg="http://www.w3.org/2000/svg" font-variant-numeric: normal;
xmlns="http://www.w3.org/2000/svg" text-align: center;
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" text-anchor: middle;
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" }
width="900"
height="550" .b {
id="svg2" font-size: 20px;
version="1.1" }
inkscape:version="0.48.5 r10040"
sodipodi:docname="I2P_Addressbooks_2v2.svg" .c {
inkscape:export-filename="/home/z3r0fox/Documents/I2P/I2P_Addressbooks.png" font-size: 20px;
inkscape:export-xdpi="90" }
inkscape:export-ydpi="90">
<defs .d {
id="defs4"> font-size: 30px;
<marker font-weight: bold;
inkscape:stockid="TriangleOutS" }
orient="auto"
refY="0.0" .e {
refX="0.0" font-size: 30px;
id="TriangleOutS" }
style="overflow:visible">
<path .f {
id="path4373" font-size: 20px;
d="M 5.77,0.0 L -2.88,5.0 L -2.88,-5.0 L 5.77,0.0 z " font-weight: bold;
style="fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt" }
transform="scale(0.2)" />
.g {
font-size: 20px;
}
text.tooltip:hover {
fill: #090;
}
path.tooltip, rect.tooltip {
fill: #F9FFEF;
}
rect.tooltip:hover {
fill: url(#hover);
}
path.tooltip:hover {
fill: url(#arrow);
}
.private {
fill: #ffffee;
}
.private:hover {
fill: url(#hover2);
}
.privatezone {
stroke: #f00;
fill: none;
stroke-dasharray: 5,5;
stroke-width: 1;
}
.subs {
stroke-dasharray: 3,3;
stroke-width: 1;
}
a:hover {
cursor: pointer;
fill: #f60;
}
</style>
<defs>
<marker orient="auto" refY="0" refX="0">
<path d="M1 0-1 1v-2z"/>
</marker> </marker>
<marker <linearGradient id="hover" x1="0" x2="0" y1="0" y2="1">
inkscape:stockid="Arrow1Send" <stop offset="0%" stop-color="#efe" ></stop>
orient="auto" <stop offset="50%" stop-color="#cfc" ></stop>
refY="0.0" <stop offset="100%" stop-color="#efe" ></stop>
refX="0.0" </linearGradient>
id="Arrow1Send" <linearGradient id="hover2" x1="0" x2="0" y1="0" y2="1">
style="overflow:visible;"> <stop offset="0%" stop-color="#ffe" ></stop>
<path <stop offset="50%" stop-color="#ff7" ></stop>
id="path4240" <stop offset="100%" stop-color="#ffe" ></stop>
d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z " </linearGradient>
style="fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt;" <linearGradient id="arrow" x1="0" x2="0" y1="0" y2="1">
transform="scale(0.2) rotate(180) translate(6,0)" /> <stop offset="10%" stop-color="#fff" ></stop>
</marker> <stop offset="50%" stop-color="#cfc" ></stop>
<marker <stop offset="100%" stop-color="#efe" ></stop>
inkscape:stockid="TriangleOutM"
orient="auto"
refY="0.0"
refX="0.0"
id="TriangleOutM"
style="overflow:visible">
<path
id="path4370"
d="M 5.77,0.0 L -2.88,5.0 L -2.88,-5.0 L 5.77,0.0 z "
style="fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt"
transform="scale(0.4)" />
</marker>
<marker
inkscape:stockid="Arrow2Mend"
orient="auto"
refY="0.0"
refX="0.0"
id="Arrow2Mend"
style="overflow:visible;">
<path
id="path4252"
style="fill-rule:evenodd;stroke-width:0.62500000;stroke-linejoin:round;"
d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
transform="scale(0.6) rotate(180) translate(0,0)" />
</marker>
<marker
inkscape:stockid="Arrow2Lend"
orient="auto"
refY="0.0"
refX="0.0"
id="Arrow2Lend"
style="overflow:visible;">
<path
id="path4246"
style="fill-rule:evenodd;stroke-width:0.62500000;stroke-linejoin:round;"
d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
transform="scale(1.1) rotate(180) translate(1,0)" />
</marker>
<linearGradient
id="linearGradient3833"
osb:paint="solid">
<stop
style="stop-color:#000000;stop-opacity:1;"
offset="0"
id="stop3835" />
</linearGradient> </linearGradient>
</defs> </defs>
<sodipodi:namedview <g transform="translate(0 0.0000057220459)">
id="base" <path d="m31 76c-9 0-16 7-16 16v231c0 9 0 23 0 31v83c0 9 7 16 16 16h429c7 0 23 0 31 0h440c9 0 16-7 16-16v-83c0-9-7-16-16-16h-439c-7 0-17-7-17-16v-231c0-9-7-16-16-16z" style="fill:#edffff;stroke-linejoin:round;stroke-width:1;stroke:#999"/>
pagecolor="#ffffff" <rect class="privatezone" width="308" height="137" x="29" y="192" ry="10" style="fill:#efefd7;stroke-linejoin:round"/>
bordercolor="#666666" <rect class="a subs" width="419" height="66" x="506" y="230" ry="10"/>
borderopacity="1.0" <rect class="a tooltip" width="428" height="66" x="264" y="491" ry="10">
inkscape:pageopacity="1" <title>If SusiDNS is configured to publish your Router address book, the entries will appear in your Published address book and saved to a hosts.txt file for sharing.</title>
inkscape:pageshadow="2" </rect>
inkscape:zoom="0.70710678" <path class="a tooltip" d="m468 418v7h19v-7zm0 16v6h19v-6zm0 15v6h19v-6zm0 15v6h-8l9 12 9 12 9-12 9-12h-8v-6z">
inkscape:cx="458.28588" <title>To configure SusiDNS to push your Router address book to your Published address book, set "should_publish=true" on the configuration page.</title>
inkscape:cy="264.46843" </path>
inkscape:document-units="px" <a xlink:href="/susidns/addressbook?book=published" target="_parent">
inkscape:current-layer="layer3" <text class="b" x="477" y="531">
showgrid="false" <tspan class="c" x="477" y="531">
inkscape:window-width="1920" PUBLISHED ADDRESSBOOK
inkscape:window-height="1014" </tspan>
inkscape:window-x="0" </text>
inkscape:window-y="27" </a>
inkscape:window-maximized="1" <rect class="a tooltip" width="428" height="66" x="264" y="362" ry="10">
showguides="true" <title>All hosts derived from subscriptions will appear in this address book, in addition to any you manually add here or to your Master address book.</title>
inkscape:guide-bbox="true" </rect>
inkscape:showpageshadow="false" <rect class="a private" width="279" height="66" x="44" y="228" ry="10">
showborder="false" /> <title>Hosts you manually add here will never be published. You can also add aliases to hosts in other address books here.</title>
<metadata </rect>
id="metadata7"> <text class="d tooltip" x="243" y="51">
<rdf:RDF> <tspan class="e" x="243" y="51">
<cc:Work LOCAL RECORDS
rdf:about=""> </tspan>
<dc:format>image/svg+xml</dc:format> <title>I2P applications (including the HTTP proxy) use the hosts in your local address books to resolve .i2p hostnames.</title>
<dc:type </text>
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> <a xlink:href="/help#addressbooksubs" target="_top">
<dc:title /> <text class="d" x="716" y="51">
</cc:Work> <tspan class="e" x="716" y="51">
</rdf:RDF> SUBSCRIPTIONS
</metadata> </tspan>
<g <title>Additional subscriptions can be found in the FAQ section of the Router help page.</title>
inkscape:groupmode="layer" </text>
id="layer2" </a>
inkscape:label="Local Records Bound"> <rect class="a subs" width="419" height="66" x="506" y="204" ry="10"/>
<g <rect class="a tooltip" width="419" height="64" x="34" y="94" ry="10">
inkscape:groupmode="layer" <title>If you manually add hosts here, they will be included your Published address book (if configured).</title>
id="layer3" </rect>
inkscape:label="Background"> <rect class="a subs" width="419" height="66" x="506" y="179" ry="10"/>
<rect <rect class="a subs" width="419" height="66" x="506" y="150" ry="10"/>
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.0422982;stroke-opacity:1" <rect class="a subs" width="419" height="66" x="506" y="122" ry="10"/>
id="rect6550" <rect class="a tooltip" width="419" height="62" x="506" y="95" ry="10">
width="931.9245" <title>Hosts sourced from your subscriptions are added to your Router address book, and are automatically synced (by default every 12 hours).</title>
height="579.78534" </rect>
x="-19.777842" <text class="b" x="715" y="132">
y="-12.83585" <tspan class="c" x="715" y="132">
ry="0" /> http:&#x2F;&#x2F;i2p-projekt.i2p&#x2F;hosts.txt
</g> </tspan>
<path <tspan class="c" x="715" y="145"/>
style="fill:#dcdcdc;fill-opacity:1;stroke:#86887a;stroke-width:2.01356006;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" </text>
d="m 30.890714,69.164214 c -8.224961,0 -14.823986,6.541695 -14.823986,14.65625 l 0,216.781246 c 0,8.11456 0,21.16669 0,29.28125 l 0,78.1875 c 0,8.11456 6.599025,14.65625 14.823986,14.65625 l 401.989756,0 c 6.88999,0 21.77869,0 28.66604,0 l 411.99911,0 c 8.22497,0 14.85566,-6.54169 14.85566,-14.65625 l 0,-78.1875 c 0,-8.11456 -6.63069,-14.65625 -14.85566,-14.65625 l -411.99911,0 c -6.88735,0 -16.43942,-6.51044 -16.43942,-14.625 l 0,-216.781246 c 0,-8.114555 -6.6307,-14.65625 -14.85566,-14.65625 z" <a xlink:href="/susidns/addressbook?book=master" target="_parent">
id="rect4048" <text class="b" x="243" y="134">
inkscape:connector-curvature="0" <tspan class="c" x="243" y="134">
sodipodi:nodetypes="sssssssssssssssss" /> MASTER ADDRESSBOOK
<path </tspan>
style="fill:none;stroke:#000000;stroke-width:7.75368643;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:7.75368654, 7.75368654;stroke-dashoffset:0;marker-end:url(#TriangleOutS)" </text>
d="m 451.13412,399.89047 0,46.87194" </a>
id="path4219" <a xlink:href="/susidns/addressbook?book=private" target="_parent">
inkscape:connector-curvature="0" /> <text class="b" x="182" y="268">
</g> <tspan class="c" x="182" y="268">
<g PRIVATE ADDRESSBOOK
inkscape:label="Layer 1" </tspan>
inkscape:groupmode="layer" </text>
id="layer1" </a>
transform="translate(0,-502.36218)"> <a xlink:href="/susidns/addressbook?book=router" target="_parent">
<rect <text class="b" x="477" y="403">
style="fill:#dcdcdc;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:8, 8;stroke-dashoffset:0" <tspan class="c" x="477" y="403">
id="rect4217" ROUTER ADDRESSBOOK
width="288.49957" </tspan>
height="128.69344" </text>
x="29.698484" </a>
y="680.42401" <text class="f tooltip" x="817" y="389">
ry="14.647212" /> <tspan class="g" x="817" y="389">
<rect SEARCHABLE BY
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.48403537;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" </tspan>
id="rect2985-0-1-1-8-0-4" <tspan class="g" x="817" y="416">
width="392.53958" I2P APPLICATIONS
height="61.619305" </tspan>
x="476.89587" <title>The Master, Router and Private address books collectively serve as the DNS authority for I2P applications.</title>
y="716.08234" </text>
ry="14.647212" /> <text class="f tooltip" x="817" y="518">
<rect <tspan class="g" x="817" y="518">
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" OPTIONAL, FOR
id="rect2985" </tspan>
width="401.03055" <tspan class="g" x="817" y="545">
height="61.619305" EEPSITES
x="248.85085" </tspan>
y="960.64032" <title>If you configure SusiDNS to publish your Router address book, it will export a hosts.txt file containing all the hosts (by default to the root of your eepsite).</title>
ry="14.647212" </text>
inkscape:export-xdpi="90" <path class="a tooltip" d="m382 164v133l-21 0 22 31 22 31 23-31 22-31-19 0v-133h-49z">
inkscape:export-ydpi="90" <title>Addresses manually added to your Master address book will merge with your Router address book.</title>
inkscape:export-filename="/home/z3r0fox/Documents/I2P/I2P_Addressbooks.png" /> </path>
<text <path class="a tooltip" d="m553 164v133l-21 0 22 31 22 31 23-31 22-31-19 0v-133z">
xml:space="preserve" <title>Hosts you receive from your subscriptions will merge with your Router address book.</title>
style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial" </path>
x="318.22424"
y="999.0943"
id="text3759"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan3761"
x="318.22424"
y="999.0943"
style="font-size:20px">PUBLISHED ADDRESSBOOK</tspan></text>
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
id="rect2985-0"
width="401.03055"
height="61.619305"
x="250.2148"
y="839.92706"
ry="14.647212" />
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.21147585;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
id="rect2985-0-1-3"
width="261.59198"
height="61.619305"
x="39.99683"
y="714.26422"
ry="14.647212" />
<text
xml:space="preserve"
style="font-size:20px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"
x="123.64268"
y="548.29602"
id="text3910"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan3912"
x="123.64268"
y="548.29602"
style="font-size:24px;font-style:normal;font-weight:bold;-inkscape-font-specification:Arial Bold">LOCAL RECORDS</tspan></text>
<text
xml:space="preserve"
style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"
x="592.61475"
y="548.38812"
id="text3804-7"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan3806-0"
x="592.61475"
y="548.38812"
style="font-size:24px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Arial;-inkscape-font-specification:Arial Bold">SUBSCRIPTIONS</tspan></text>
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.48403537;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
id="rect2985-0-1-1-8-0"
width="392.53958"
height="61.619305"
x="476.89584"
y="692.04077"
ry="14.647212" />
<rect
style="fill:#ffffff;stroke:#000000;stroke-width:1.45869457999999996;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;fill-opacity:1"
id="rect2985-0-1-1-8-09"
width="392.53958"
height="59.532894"
x="34.247021"
y="588.80316"
ry="14.151262" />
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.48403537;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
id="rect2985-0-1-1-8-0-3"
width="392.53958"
height="61.619305"
x="476.89587"
y="667.99915"
ry="14.647212" />
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.48403537;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
id="rect2985-0-1-1-8-0-3-8"
width="392.53958"
height="61.619305"
x="476.8959"
y="641.12903"
ry="14.647212" />
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.48403537;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
id="rect2985-0-1-1-8-0-3-8-6"
width="392.53958"
height="61.619305"
x="476.8959"
y="614.25903"
ry="14.647212" />
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.44015396;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
id="rect2985-0-1-1-8-0-3-8-6-2"
width="392.53958"
height="58.02914"
x="476.89584"
y="589.55286"
ry="13.793812" />
<text
xml:space="preserve"
style="font-size:20px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
x="523.25903"
y="625.26965"
id="text3058"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan3060"
x="523.25903"
y="625.26965">http://i2p-projekt.i2p/hosts.txt</tspan><tspan
sodipodi:role="line"
x="523.25903"
y="650.26965"
id="tspan3062" /></text>
<text
xml:space="preserve"
style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"
x="111.58013"
y="625.36176"
id="text3804-4"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan3806-6"
x="111.58013"
y="625.36176"
style="font-size:20px">MASTER ADDRESSBOOK</tspan></text>
<text
xml:space="preserve"
style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"
x="48.546604"
y="752.23694"
id="text3804-0"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan3806-7"
x="48.546604"
y="752.23694"
style="font-size:20px">PRIVATE ADDRESSBOOK</tspan></text>
<text
xml:space="preserve"
style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"
x="334.5625"
y="876.79767"
id="text3804"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan3806"
x="334.5625"
y="876.79767"
style="font-size:20px">ROUTER ADDRESSBOOK</tspan></text>
<text
xml:space="preserve"
style="font-size:20px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
x="668.92303"
y="867.10022"
id="text4096"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan4098"
x="668.92303"
y="867.10022"
style="font-weight:bold">SEARCHABLE BY</tspan><tspan
sodipodi:role="line"
x="668.92303"
y="892.10022"
id="tspan4100"
style="font-weight:bold">I2P APPLICATIONS</tspan></text>
<text
xml:space="preserve"
style="font-size:20px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
x="669.99786"
y="984.91705"
id="text4096-4"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
x="669.99786"
y="984.91705"
id="tspan4100-2"
style="font-weight:bold">OPTIONAL, FOR</tspan><tspan
sodipodi:role="line"
x="669.99786"
y="1009.9171"
id="tspan4128"
style="font-weight:bold">EEPSITES</tspan></text>
<path
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:2.09225798;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="m 360.61885,654.35563 0,124.26272 -19.78125,-0.0723 20.75,29.19795 20.71875,29.19795 21.0625,-29.05357 21.03125,-29.0536 -17.9375,-0.0723 0,-124.40709 -45.84375,0 z"
id="rect4130"
inkscape:connector-curvature="0" />
<path
inkscape:connector-curvature="0"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:2.0965755;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="m 521.05801,654.02458 0,124.77607 -19.78125,-0.0725 20.75,29.31856 20.71875,29.31858 21.0625,-29.17362 21.03125,-29.1736 -17.9375,-0.0723 0,-124.92103 -45.84375,0 z"
id="rect4130-3" />
</g> </g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
installer/resources/themes/susidns/images/how_fr.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 21 KiB

26
installer/resources/themes/susidns/light/susidns.css
View File

@@ -1,8 +1,8 @@
/* Susimail "Light" theme by dr|z3d */ /* SusiDNS "Light" theme by dr|z3d */
/* Codename "Corporat" */ /* Codename "Corporat" */
body { body {
font-family: "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
font-size: 9pt; font-size: 9pt;
background-color: #fff; background-color: #fff;
background: #a4a4cb url(/themes/console/light/images/tile2.png) center center; background: #a4a4cb url(/themes/console/light/images/tile2.png) center center;
@@ -163,7 +163,7 @@ h3, h4, th, #filter span {
background: url(/themes/susidns/images/subs_24.png) left center no-repeat; background: url(/themes/susidns/images/subs_24.png) left center no-repeat;
} }
.headline#config h3 { .headline#configure h3 {
background: url(/themes/susidns/images/configure_24.png) left center no-repeat; background: url(/themes/susidns/images/configure_24.png) left center no-repeat;
} }
@@ -443,17 +443,19 @@ p.footer {
} }
.illustrate { .illustrate {
max-width: 90%; min-width: 550px;
width: 70%;
max-width: 700px;
height: auto; height: auto;
margin: 10px 10px 20px; margin: 20px auto 20px;
padding: 2px 10px; padding: 2px 10px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #447; border: 1px solid #447;
font-size: 10pt;
box-shadow: inset 0 0 0 1px #ccc; box-shadow: inset 0 0 0 1px #ccc;
background: #fff; background: #fff;
opacity: 0.85; opacity: 0.85;
filter: drop-shadow(0 0 1px #999); filter: drop-shadow(0 0 1px #999);
text-align: center;
} }
_:-ms-lang(x), img.illustrate { _:-ms-lang(x), img.illustrate {
@@ -755,6 +757,10 @@ table.book {
filter: drop-shadow(0 0 1px #f60); filter: drop-shadow(0 0 1px #f60);
} }
.destaddress:focus {
background: #ffd;
}
#host_list .destaddress { #host_list .destaddress {
overflow: auto !important; overflow: auto !important;
white-space: nowrap; white-space: nowrap;
@@ -985,7 +991,7 @@ input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, b
input[type="submit"], input[type="reset"], .fakebutton { input[type="submit"], input[type="reset"], .fakebutton {
margin: 5px; margin: 5px;
font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
padding: 4px 3px; padding: 4px 3px;
text-decoration: none; text-decoration: none;
border-radius: 2px; border-radius: 2px;
@@ -1244,8 +1250,10 @@ input.export {
} }
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.iframed .illustrate { .illustrate {
margin: 0 10px 15px; margin: 10px auto 10px;
min-width: 450px;
width: 90%;
} }
#content h3 { #content h3 {

23
installer/resources/themes/susidns/midnight/susidns.css
View File

@@ -540,11 +540,9 @@ p.messages {
padding: 15px 15px 15px 52px; padding: 15px 15px 15px 52px;
} }
div#content {
}
div#content p { div#content p {
padding: 0 30px; padding: 0 30px;
line-height: 140%;
} }
p.footer { p.footer {
@@ -619,9 +617,9 @@ div#config + div#buttons, div#content + div#buttons {
} }
.illustrate { .illustrate {
max-width: 90%; max-width: 700px;
height: auto; height: auto;
margin: 20px 0 15px; margin: 20px auto 15px;
padding: 10px; padding: 10px;
border-radius: 2px; border-radius: 2px;
border: 1px solid #010011; border: 1px solid #010011;
@@ -919,7 +917,7 @@ table.book, .iframed #buttons, .iframed .buttons, .iframed #messages + p, .ifram
background: url(/themes/susidns/images/subs_24.png) 10px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%); background: url(/themes/susidns/images/subs_24.png) 10px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%);
} }
.headline#config h3 { .headline#configure h3 {
background: url(/themes/susidns/images/configure_24.png) 10px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%); background: url(/themes/susidns/images/configure_24.png) 10px center no-repeat, linear-gradient(to bottom, #191729 0%, #000 50%);
} }
@@ -996,6 +994,11 @@ p.book {
background: #ffd; background: #ffd;
} }
.destaddress:focus {
background: #003;
outline: none;
}
#host_details .destaddress { #host_details .destaddress {
word-break: break-all !important; word-break: break-all !important;
white-space: normal !important; white-space: normal !important;
@@ -1120,6 +1123,14 @@ td.destinations {
/* responsive layout */ /* responsive layout */
@media screen and (max-width: 1000px) {
.illustrate {
margin: 15px auto 10px;
min-width: 450px;
width: 90%;
}
}
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
#filter a { #filter a {
font-size: 10pt; font-size: 10pt;