Changeset bd1ccba


Ignore:
Timestamp:
Jun 4, 2017 5:10:26 AM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
4964b11
Parents:
3334d9f
Message:

SusiDNS: Update SVG image to use grouped objects for styling and hotlinks

Files:
2 edited

Legend:

Unmodified
Added
Removed
  • history.txt

    r3334d9f rbd1ccba  
    22 * De-duplicate strings for translation
    33 * Minor theme tweaks and bugfixes
     4 * SusiDNS: Update SVG image to use grouped objects for styling and hotlinks
    45
    562017-06-03 str4d
  • installer/resources/themes/susidns/images/how.svg

    r3334d9f rbd1ccba  
    1 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 960 587" preserveAspectRatio="xMidYMid meet">
     1<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 960 587">
    32  <style>
    4 .a {
    5 fill: #fff;
    6 stroke-linejoin: round;
    7 stroke-width: 1.5;
    8 stroke: #000;
    9 }
    10 
    11 .b, .c, .d, .e, .f, .g {
    12 font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
    13 font-feature-settings: normal;
    14 font-variant-caps: normal;
    15 font-variant-ligatures: normal;
    16 font-variant-numeric: normal;
    17 text-align: center;
    18 text-anchor: middle;
    19 }
    20 
    21 .b {
    22 font-size: 20px;
    23 }
    24 
    25 .c {
    26 font-size: 20px;
    27 }
    28 
    29 .d {
    30 font-size: 30px;
    31 font-weight: bold;
    32 }
    33 
    34 .e {
    35 font-size: 30px;
    36 }
    37 
    38 .f {
    39 font-size: 20px;
    40 font-weight: bold;
    41 }
    42 
    43 .g {
    44 font-size: 20px;
    45 }
    46 
    47 text.tooltip:hover {
    48 fill: #090;
    49 }
    50 
    51 path.tooltip, rect.tooltip {
    52 fill: #F9FFEF;
    53 }
    54 
    55 rect.tooltip:hover {
    56 fill: url(#hover);
    57 }
    58 
    59 path.tooltip:hover {
    60 fill: url(#arrow);
    61 }
    62 
    63 .private {
    64 fill: #ffffee;
    65 }
    66 
    67 .private:hover {
    68 fill: url(#hover2);
    69 }
    70 
    71 .privatezone {
    72  stroke: #f00;
    73   fill: none;
    74   stroke-dasharray: 5,5;
    75   stroke-width: 1;
    76 }
    77 
    78 .subs {
    79   stroke-dasharray: 3,3;
    80   stroke-width: 1;
    81 }
    82 
    83 a:hover {
    84 cursor: pointer;
    85 fill: #f60;
    86 }
     3    .a, .subs { fill: #fff; stroke-linejoin: round; stroke-width: 1.5; stroke: #000; } .b, .c, .d, .e, .f, .g { font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif; font-feature-settings: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; text-align: center; text-anchor: middle; } .b, .c, .f, .g { font-size: 20px; } .d, .e { font-size: 30px; } .d, .f { font-weight: bold; } #space { fill: #edffff; stroke-linejoin: round; stroke-width: 1; stroke: #999; } text.tooltip:hover { fill: #090; } path.tooltip, rect.tooltip { fill: #F9FFEF; } .book:hover rect, .subscriptions:hover rect { fill: url(#hover); } .private:hover { fill: url(#hover2); } .pbook:hover rect { fill: url(#hover2); } path.tooltip:hover { fill: url(#arrow); } .private { fill: #ffffee; } .privatezone { stroke: #f00; fill: #efefd7; stroke-dasharray: 5,5; stroke-width: 1; stroke-linejoin: round; } .subs { stroke-dasharray: 3,3; stroke-width: 1; } a:hover text { cursor: pointer; fill: #f60; } a:active text { fill: #d30; } .a { filter: drop-shadow(0 0 2px rgba(64,64,64,0.5)); } .book rect:active, .pbook rect:active { filter: none; } a { outline: none; }
    874  </style>
    885  <defs>
    89     <marker orient="auto" refY="0" refX="0">
    90       <path d="M1 0-1 1v-2z"/>
    91     </marker>
    92     <linearGradient id="hover" x1="0" x2="0" y1="0" y2="1">
    93       <stop offset="0%" stop-color="#efe" ></stop>
    94       <stop offset="50%" stop-color="#cfc" ></stop>
    95       <stop offset="100%" stop-color="#efe" ></stop>
     6    <linearGradient id="hover" x2="0" y2="1">
     7      <stop offset="50%" stop-color="#fff"/>
     8      <stop offset="50%" stop-color="#efe"/>
    969    </linearGradient>
    97     <linearGradient id="hover2" x1="0" x2="0" y1="0" y2="1">
    98       <stop offset="0%" stop-color="#ffe" ></stop>
    99       <stop offset="50%" stop-color="#ff7" ></stop>
    100       <stop offset="100%" stop-color="#ffe" ></stop>
     10    <linearGradient id="hover2" x2="0" y2="1">
     11      <stop offset="50%" stop-color="#fff"/>
     12      <stop offset="50%" stop-color="#ffa"/>
    10113    </linearGradient>
    102     <linearGradient id="arrow" x1="0" x2="0" y1="0" y2="1">
    103       <stop offset="10%" stop-color="#fff" ></stop>
    104       <stop offset="50%" stop-color="#cfc" ></stop>
    105       <stop offset="100%" stop-color="#efe" ></stop>
     14    <linearGradient id="arrow" x2="0" y2="1">
     15      <stop offset="10%" stop-color="#fff"/>
     16      <stop offset="50%" stop-color="#cfc"/>
     17      <stop offset="100%" stop-color="#efe"/>
    10618    </linearGradient>
    10719  </defs>
    108   <g transform="translate(0 0.0000057220459)">
    109     <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"/>
    110     <rect class="privatezone" width="308" height="137" x="29" y="192" ry="10" style="fill:#efefd7;stroke-linejoin:round"/>
    111     <rect class="a subs" width="419" height="66" x="506" y="230" ry="10"/>
     20  <path id="space" d="M31 76c-9 0-16 7-16 16v345c0 9 7 16 16 16h900c9 0 16-7 16-16v-83c0-9-7-16-16-16H492c-7 0-17-7-17-16V91c0-9-7-16-16-16z"/>
     21  <rect class="privatezone" width="308" height="137" x="29" y="192" ry="10"/>
     22  <a xlink:href="/susidns/addressbook?book=published" target="_parent" class="book">
     23    <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>
    11224    <rect class="a tooltip" width="428" height="66" x="264" y="491" ry="10">
    113     <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>
    11425    </rect>
    115     <path class="a tooltip" d="m468 418v7h19v-7zm0 16v6h19v-6zm0 15v6h19v-6zm0 15v6h-8l9 12 9 12 9-12 9-12h-8v-6z">
     26    <text class="b" x="477" y="531">
     27      <tspan class="c" x="477" y="531">PUBLISHED ADDRESSBOOK</tspan>
     28    </text>
     29  </a>
     30  <path class="a tooltip" d="M468 418v7h19v-7zm0 16v6h19v-6zm0 15v6h19v-6zm0 15v6h-8l9 12 9 12 9-12 9-12h-8v-6z">
    11631    <title>To configure SusiDNS to push your Router address book to your Published address book, set "should_publish=true" on the configuration page.</title>
    117     </path>
    118     <a xlink:href="/susidns/addressbook?book=published" target="_parent">
    119     <text class="b" x="477" y="531">
    120       <tspan class="c" x="477" y="531">
    121          PUBLISHED ADDRESSBOOK
    122       </tspan>
     32  </path>
     33  <a xlink:href="/susidns/addressbook?book=router" target="_parent" class="book">
     34    <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>
     35    <rect class="a tooltip" width="428" height="66" x="264" y="362" ry="10">
     36    </rect>
     37    <text class="b" x="477" y="403">
     38      <tspan class="c" x="477" y="403">ROUTER ADDRESSBOOK</tspan>
    12339    </text>
    124     </a>
    125     <rect class="a tooltip" width="428" height="66" x="264" y="362" ry="10">
    126       <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>
     40  </a>
     41  <a xlink:href="/susidns/addressbook?book=private" target="_parent" class="pbook">
     42    <title>Hosts you manually add here will never be published. You can also add aliases to hosts in other address books here.</title>
     43    <rect class="a private" width="279" height="66" x="44" y="228" ry="10">
    12744    </rect>
    128     <rect class="a private" width="279" height="66" x="44" y="228" ry="10">
    129       <title>Hosts you manually add here will never be published. You can also add aliases to hosts in other address books here.</title>
     45    <text class="b" x="182" y="268">
     46      <tspan class="c" x="182" y="268">PRIVATE ADDRESSBOOK</tspan>
     47    </text>
     48  </a>
     49  <text class="d tooltip" x="243" y="51">
     50    <tspan class="e" x="243" y="51">LOCAL RECORDS</tspan>
     51    <title>I2P applications (including the HTTP proxy) use the hosts in your local address books to resolve .i2p hostnames.</title>
     52  </text>
     53  <a xlink:href="/help#addressbooksubs" target="_top">
     54    <title>Additional subscriptions can be found in the FAQ section of the Router help page.</title>
     55    <text class="d" x="716" y="51">
     56      <tspan class="e" x="716" y="51">SUBSCRIPTIONS</tspan>
     57    </text>
     58  </a>
     59  <g class="subscriptions">
     60    <title>Hosts sourced from your subscriptions are added to your Router address book, and are automatically synced (by default every 12 hours).</title>
     61    <rect class="subs" width="419" height="66" x="506" y="230" ry="10"/>
     62    <rect class="subs" width="419" height="66" x="506" y="204" ry="10"/>
     63    <rect class="subs" width="419" height="66" x="506" y="179" ry="10"/>
     64    <rect class="subs" width="419" height="66" x="506" y="150" ry="10"/>
     65    <rect class="subs" width="419" height="66" x="506" y="122" ry="10"/>
     66    <rect class="a tooltip" width="419" height="62" x="506" y="95" ry="10"/>
     67    <text class="b" x="715" y="132">
     68      <tspan class="c" x="715" y="132">http://i2p-projekt.i2p/hosts.txt</tspan>
     69    </text>
     70  </g>
     71  <a xlink:href="/susidns/addressbook?book=master" target="_parent" class="book">
     72    <title>If you manually add hosts here, they will be included your Published address book (if configured).</title>
     73    <rect class="a tooltip" width="419" height="64" x="34" y="94" ry="10">
    13074    </rect>
    131     <text class="d tooltip" x="243" y="51">
    132       <tspan class="e" x="243" y="51">
    133          LOCAL RECORDS
    134       </tspan>
    135       <title>I2P applications (including the HTTP proxy) use the hosts in your local address books to resolve .i2p hostnames.</title>
     75    <text class="b" x="243" y="134">
     76      <tspan class="c" x="243" y="134">MASTER ADDRESSBOOK</tspan>
    13677    </text>
    137     <a xlink:href="/help#addressbooksubs" target="_top">
    138     <text class="d" x="716" y="51">
    139       <tspan class="e" x="716" y="51">
    140          SUBSCRIPTIONS
    141       </tspan>
    142       <title>Additional subscriptions can be found in the FAQ section of the Router help page.</title>
    143     </text>
    144     </a>
    145     <rect class="a subs" width="419" height="66" x="506" y="204" ry="10"/>
    146     <rect class="a tooltip" width="419" height="64" x="34" y="94" ry="10">
    147       <title>If you manually add hosts here, they will be included your Published address book (if configured).</title>
    148     </rect>
    149     <rect class="a subs" width="419" height="66" x="506" y="179" ry="10"/>
    150     <rect class="a subs" width="419" height="66" x="506" y="150" ry="10"/>
    151     <rect class="a subs" width="419" height="66" x="506" y="122" ry="10"/>
    152     <rect class="a tooltip" width="419" height="62" x="506" y="95" ry="10">
    153       <title>Hosts sourced from your subscriptions are added to your Router address book, and are automatically synced (by default every 12 hours).</title>
    154     </rect>
    155     <text class="b" x="715" y="132">
    156       <tspan class="c" x="715" y="132">
    157          http:&#x2F;&#x2F;i2p-projekt.i2p&#x2F;hosts.txt
    158       </tspan>
    159       <tspan class="c" x="715" y="145"/>
    160     </text>
    161     <a xlink:href="/susidns/addressbook?book=master" target="_parent">
    162     <text class="b" x="243" y="134">
    163       <tspan class="c" x="243" y="134">
    164          MASTER ADDRESSBOOK
    165       </tspan>
    166     </text>
    167     </a>
    168     <a xlink:href="/susidns/addressbook?book=private" target="_parent">
    169     <text class="b" x="182" y="268">
    170       <tspan class="c" x="182" y="268">
    171          PRIVATE ADDRESSBOOK
    172       </tspan>
    173     </text>
    174     </a>
    175     <a xlink:href="/susidns/addressbook?book=router" target="_parent">
    176     <text class="b" x="477" y="403">
    177       <tspan class="c" x="477" y="403">
    178          ROUTER ADDRESSBOOK
    179       </tspan>
    180     </text>
    181     </a>
    182     <text class="f tooltip" x="817" y="389">
    183       <tspan class="g" x="817" y="389">
    184          SEARCHABLE BY
    185       </tspan>
    186       <tspan class="g" x="817" y="416">
    187          I2P APPLICATIONS
    188       </tspan>
    189       <title>The Master, Router and Private address books collectively serve as the DNS authority for I2P applications.</title>
    190     </text>
    191     <text class="f tooltip" x="817" y="518">
    192       <tspan class="g" x="817" y="518">
    193          OPTIONAL, FOR
    194       </tspan>
    195       <tspan class="g" x="817" y="545">
    196          EEPSITES
    197       </tspan>
    198       <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>
    199     </text>
    200     <path class="a tooltip" d="m382 164v133l-21 0 22 31 22 31 23-31 22-31-19 0v-133h-49z">
     78  </a>
     79  <text class="f tooltip" x="817" y="389">
     80    <tspan class="g" x="817" y="389">SEARCHABLE BY</tspan> <tspan class="g" x="817" y="416">I2P APPLICATIONS</tspan>
     81    <title>The Master, Router and Private address books collectively serve as the DNS authority for I2P applications.</title>
     82  </text>
     83  <text class="f tooltip" x="817" y="518">
     84    <tspan class="g" x="817" y="518">OPTIONAL, FOR</tspan> <tspan class="g" x="817" y="545">EEPSITES</tspan>
     85    <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>
     86  </text>
     87  <path class="a tooltip" d="M382 164v133h-21l22 31 22 31 23-31 22-31h-19V164h-49z">
    20188    <title>Addresses manually added to your Master address book will merge with your Router address book.</title>
    202     </path>
    203     <path class="a tooltip" d="m553 164v133l-21 0 22 31 22 31 23-31 22-31-19 0v-133z">
     89  </path>
     90  <path class="a tooltip" d="M553 164v133h-21l22 31 22 31 23-31 22-31h-19V164z">
    20491    <title>Hosts you receive from your subscriptions will merge with your Router address book.</title>
    205     </path>
    206   </g>
     92  </path>
    20793</svg>
Note: See TracChangeset for help on using the changeset viewer.