Ver Fonte

Update icon

Lutz Roeder há 5 anos atrás
pai
commit
1e97db4276
8 ficheiros alterados com 355 adições e 107 exclusões
  1. 19 12
      publish/icon.html
  2. BIN
      publish/icon.icns
  3. 175 0
      publish/icon.icns.svg
  4. BIN
      publish/icon.ico
  5. BIN
      publish/icon.png
  6. 161 95
      publish/icon.svg
  7. BIN
      source/favicon.ico
  8. BIN
      source/icon.png

+ 19 - 12
publish/icon.html

@@ -1,19 +1,26 @@
 <html>
-
 <body>
-
-<div style='margin: 20px; background: #f6f6f6; border-radius: 8px; width: 340px; height: 340px; float: left; '> 
-<img src='icon.svg' width='300' style='position: relative; top: 20px; left: 20px;'>
+<div style='height: 400px;'>
+<div style='background: #f6f6f6; width: 400px; height: 400px; float: left;'> 
+<img src='icon.svg' width='300' style='position: relative; top: 50px; left: 50px;'>
 </div>
-
-<div style='margin: 20px; background: #d8d8d8; border-radius: 8px; width: 340px; height: 340px; float: left; '> 
-<img src='icon.svg' width='300' style='position: relative; top: 20px; left: 20px;'>
+<div style='background: #d8d8d8; width: 400px; height: 400px; float: left;'> 
+<img src='icon.svg' width='300' style='position: relative; top: 50px; left: 50px;'>
+</div>
+<div style='background: #1e1e1e; width: 400px; height: 400px; float: left;'> 
+<img src='icon.svg' width='300' style='position: relative; top: 50px; left: 50px;'>
+</div>
+</div>
+<div style='height: 400px;'>
+<div style='background: #f6f6f6; width: 400px; height: 400px; float: left;'> 
+<img src='icon.icns.svg' width='300' style='position: relative; top: 50px; left: 50px;'>
+</div>
+<div style='background: #d8d8d8; width: 400px; height: 400px; float: left;'>
+<img src='icon.icns.svg' width='300' style='position: relative; top: 50px; left: 50px;'>
+</div>
+<div style='background: #1e1e1e; width: 400px; height: 400px; float: left;'> 
+<img src='icon.icns.svg' width='300' style='position: relative; top: 50px; left: 50px;'>
 </div>
-
-<div style='margin: 20px; background: #aaaaaa; border-radius: 8px; width: 340px; height: 340px; float: left; '> 
-<img src='icon.svg' width='300' style='position: relative; top: 20px; left: 20px;'>
 </div>
-
 </body>
-
 </html>

BIN
publish/icon.icns


+ 175 - 0
publish/icon.icns.svg

@@ -0,0 +1,175 @@
+<svg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' viewBox='0 0 1024 1024'>
+
+    <style>
+        .background-shadow {
+            filter: url(#background-dropshadow);
+        }
+        .node-border {
+            fill: #eeeeee;
+            opacity: 1.0;
+        }
+        .node {
+            fill: #307295;
+            opacity: 1;
+        }
+        .node-shadow {
+            filter: url(#node-dropshadow);
+            opacity: 0.3;
+        }
+        .line-border {
+            stroke: #000000;
+            opacity: 0.2;
+        }
+        .line {
+            stroke: #eeeeee;
+            opacity: 1.0;
+        }
+        .line-shadow {
+            stroke: #000000;
+            filter: url(#node-dropshadow);
+            opacity: 0.2;
+        }
+    </style>
+
+    <filter id='background-dropshadow'>
+        <feGaussianBlur in='SourceAlpha' stdDeviation='20' />
+    </filter>
+
+    <linearGradient id='background-fill' gradientTransform='rotate(90)'>
+        <stop offset='0' stop-color='#ffffff'/>
+        <stop offset='1' stop-color='#d2d2d2'/>
+    </linearGradient>
+
+    <linearGradient id='circle-stroke' gradientUnits='userSpaceOnUse' x1='0' y1='62' x2='0' y2='962'>
+        <stop offset='0' stop-color='#aaaaaa'/>
+        <stop offset='1' stop-color='#ffffff'/>
+    </linearGradient>
+
+    <linearGradient id='circle-fill' gradientUnits='userSpaceOnUse' x1='0' y1='100' x2='0' y2='924'>
+        <stop offset='0' stop-color='#4baac5' stop-opacity="1" />
+        <stop offset='1' stop-color='#307295' stop-opacity="1" />
+    </linearGradient>
+
+    <filter id='node-dropshadow' x="-30%" y="-30%" width="160%" height="160%">
+        <feGaussianBlur in='SourceGraphic' stdDeviation='15' />
+    </filter>
+
+    <rect x='117' y='124' width='790' height='790' rx='160' class='background-shadow' />
+    <rect x='100' y='100' width='824' height='824' rx='160' fill='url(#background-fill)' />
+    <circle cx='512' cy='512' r='356' stroke-width='4' stroke='url(#circle-stroke)' fill='url(#circle-fill)' /> 
+
+    <g transform='translate(512,512) scale(1.1)'>
+
+        <g transform='translate(6,12)' opacity='1.0'>
+
+            <line x1='-168' y1='-92' x2='20' y2='-180' stroke-width='24' class='line-shadow' />
+            <line x1='-168' y1='+92' x2='20' y2='-180' stroke-width='24' class='line-shadow' />
+
+            <line x1='-168' y1='-92' x2='20' y2='-60' stroke-width='24' class='line-shadow' />
+            <line x1='-168' y1='+92' x2='20' y2='-60' stroke-width='24' class='line-shadow' />
+
+            <line x1='-168' y1='-92' x2='20' y2='60' stroke-width='24' class='line-shadow' />
+            <line x1='-168' y1='+92' x2='20' y2='60' stroke-width='24' class='line-shadow' />
+
+            <line x1='-168' y1='-92' x2='20' y2='180' stroke-width='24' class='line-shadow' />
+            <line x1='-168' y1='+92' x2='20' y2='180' stroke-width='24'  class='line-shadow' />
+
+            <line x1='20' y1='-180' x2='208' y2='0' stroke-width='24' class='line-shadow' />
+            <line x1='20' y1='-60' x2='208' y2='0' stroke-width='24' class='line-shadow' />
+            <line x1='20' y1='60' x2='208' y2='0' stroke-width='24' class='line-shadow' />
+            <line x1='20' y1='180' x2='208' y2='0' stroke-width='24' class='line-shadow' />
+
+            <g transform='translate(-168,-92)'>
+                <circle cx='0' cy='0' r='40' class='node-shadow' />
+            </g>
+            <g transform='translate(-168,92)'>
+                <circle cx='0' cy='0' r='40' class='node-shadow' />
+            </g>
+
+            <g transform='translate(20,-180)'>
+                <circle cx='0' cy='0' r='40' class='node-shadow' />
+            </g>
+            <g transform='translate(20,-60)'>
+                <circle cx='0' cy='0' r='40' class='node-shadow' />
+            </g>
+            <g transform='translate(20,60)'>
+                <circle cx='0' cy='0' r='40' class='node-shadow' />
+            </g>
+            <g transform='translate(20,180)'>
+                <circle cx='0' cy='0' r='40' class='node-shadow' />
+            </g>
+
+            <g transform='translate(208,0)'>
+                <circle cx='0' cy='0' r='40' class='node-shadow' />
+            </g>
+
+        </g>
+
+        <line x1='-168' y1='-92' x2='20' y2='-180' stroke-width='24' class='line-border' />
+        <line x1='-168' y1='+92' x2='20' y2='-180' stroke-width='24' class='line-border' />
+
+        <line x1='-168' y1='-92' x2='20' y2='-60' stroke-width='24' class='line-border' />
+        <line x1='-168' y1='+92' x2='20' y2='-60' stroke-width='24' class='line-border' />
+
+        <line x1='-168' y1='-92' x2='20' y2='60' stroke-width='24' class='line-border' />
+        <line x1='-168' y1='+92' x2='20' y2='60' stroke-width='24' class='line-border' />
+
+        <line x1='-168' y1='-92' x2='20' y2='180' stroke-width='24' class='line-border' />
+        <line x1='-168' y1='+92' x2='20' y2='180' stroke-width='24' class='line-border' />
+
+        <line x1='20' y1='-180' x2='208' y2='0' stroke-width='24' class='line-border' />
+        <line x1='20' y1='-60' x2='208' y2='0' stroke-width='24' class='line-border' />
+        <line x1='20' y1='+60' x2='208' y2='0' stroke-width='24' class='line-border' />
+        <line x1='20' y1='+180' x2='208' y2='0' stroke-width='24' class='line-border' />
+
+        <line x1='-168' y1='-92' x2='20' y2='-180' stroke-width='10' class='line' />
+        <line x1='-168' y1='+92' x2='20' y2='-180' stroke-width='10' class='line' />
+
+        <line x1='-168' y1='-92' x2='20' y2='-60' stroke-width='10' class='line' />
+        <line x1='-168' y1='+92' x2='20' y2='-60' stroke-width='10' class='line' />
+
+        <line x1='-168' y1='-92' x2='20' y2='60' stroke-width='10' class='line' />
+        <line x1='-168' y1='+92' x2='20' y2='60' stroke-width='10' class='line' />
+
+        <line x1='-168' y1='-92' x2='20' y2='180' stroke-width='10' class='line' />
+        <line x1='-168' y1='+92' x2='20' y2='180' stroke-width='10' class='line' />
+
+        <line x1='20' y1='-180' x2='208' y2='  0' stroke-width='10' class='line' />
+        <line x1='20' y1='-60' x2='208' y2='  0' stroke-width='10' class='line' />
+        <line x1='20' y1='60' x2='208' y2='  0' stroke-width='10' class='line' />
+        <line x1='20' y1='180' x2='208' y2='  0' stroke-width='10' class='line' />
+
+        <g transform='translate(-168,-92)'>
+            <circle cx='0' cy='0' r='50' class='node-border' />
+            <circle cx='0' cy='0' r='38' class='node' />
+        </g>
+        <g transform='translate(-168,92)'>
+            <circle cx='0' cy='0' r='50' class='node-border' />
+            <circle cx='0' cy='0' r='38' class='node' />
+        </g>
+
+        <g transform='translate(20,-180)'>
+            <circle cx='0' cy='0' r='50' class='node-border' />
+            <circle cx='0' cy='0' r='38' class='node' />
+        </g>
+        <g transform='translate(20,-60)'>
+            <circle cx='0' cy='0' r='50' class='node-border' />
+            <circle cx='0' cy='0' r='38' class='node' />
+        </g>
+        <g transform='translate(20,60)'>
+            <circle cx='0' cy='0' r='50' class='node-border' />
+            <circle cx='0' cy='0' r='38' class='node' />
+        </g>
+        <g transform='translate(20,180)'>
+            <circle cx='0' cy='0' r='50' class='node-border' />
+            <circle cx='0' cy='0' r='38' class='node' />
+        </g>
+
+        <g transform='translate(208,0)'>
+            <circle cx='0' cy='0' r='50' class='node-border' />
+            <circle cx='0' cy='0' r='38' class='node' />
+        </g>
+
+    </g>
+
+</svg>

BIN
publish/icon.ico


BIN
publish/icon.png


+ 161 - 95
publish/icon.svg

@@ -1,113 +1,179 @@
 <svg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' viewBox='0 0 1024 1024'>
 
-    <filter id='dropshadow'>
+    <style>
+        .background-shadow {
+            filter: url(#background-dropshadow);
+        }
+        .node-border {
+            fill: #eeeeee;
+            opacity: 1.0;
+        }
+        .node {
+            fill: #307295;
+            opacity: 1;
+        }
+        .node-shadow {
+            filter: url(#node-dropshadow);
+            opacity: 0.3;
+        }
+        .line-border {
+            stroke: #000000;
+            opacity: 0.2;
+        }
+        .line {
+            stroke: #eeeeee;
+            opacity: 1.0;
+        }
+        .line-shadow {
+            stroke: #000000;
+            filter: url(#node-dropshadow);
+            opacity: 0.2;
+        }
+    </style>
+
+    <filter id='background-dropshadow'>
         <feGaussianBlur in='SourceAlpha' stdDeviation='20' />
     </filter>
 
-    <filter id='shadow'>
-        <feGaussianBlur in='SourceGraphic' stdDeviation='5' />
-    </filter>
-
-    <linearGradient id='border' gradientUnits='userSpaceOnUse' x1='0' y1='62' x2='0' y2='962'>
+    <linearGradient id='background-fill' gradientUnits='userSpaceOnUse' x1='0' y1='62' x2='0' y2='962'>
         <stop offset='0' stop-color='#fefefe'/>
         <stop offset='1' stop-color='#cacaca'/>
     </linearGradient>
 
-    <radialGradient id="node" cx="0.5" cy="0.5">
-      <stop offset="0%" stop-color="#578691"/>
-      <stop offset="90%" stop-color="#55838D"/>
-      <stop offset="100%" stop-color="#44777a"/>
-    </radialGradient>
-
-    <linearGradient id='background' gradientUnits='userSpaceOnUse' x1='0' y1='100' x2='0' y2='814'>
-        <stop offset='0' stop-color='#A2D2DE'/>
-        <stop offset='1' stop-color='#b4e4f2'/>
+    <linearGradient id='circle-stroke' gradientUnits='userSpaceOnUse' x1='0' y1='62' x2='0' y2='962'>
+        <stop offset='0' stop-color='#aaaaaa'/>
+        <stop offset='1' stop-color='#ffffff'/>
     </linearGradient>
 
-    <circle cx='512' cy='522' r='438' style='filter: url(#dropshadow);' /> 
-    <circle cx='512' cy='512' r='456' fill='url(#border)'/> 
-    <circle cx='512' cy='512' r='417' fill='url(#background)'/> 
-
-    <line x1='296' y1='392' x2='540' y2='280' stroke-width='12' stroke='#000000' opacity='0.3' />
-    <line x1='296' y1='632' x2='540' y2='280' stroke-width='12' stroke='#000000' opacity='0.3' />
-
-    <line x1='296' y1='392' x2='540' y2='435' stroke-width='12' stroke='#000000' opacity='0.3' />
-    <line x1='296' y1='632' x2='540' y2='435' stroke-width='12' stroke='#000000' opacity='0.3' />
-
-    <line x1='296' y1='392' x2='540' y2='590' stroke-width='12' stroke='#000000' opacity='0.3' />
-    <line x1='296' y1='632' x2='540' y2='590' stroke-width='12' stroke='#000000' opacity='0.3' />
-
-    <line x1='296' y1='392' x2='540' y2='744' stroke-width='12' stroke='#000000' opacity='0.3' />
-    <line x1='296' y1='632' x2='540' y2='744' stroke-width='12' stroke='#000000' opacity='0.3' />
-
-    <line x1='540' y1='280' x2='785' y2='512' stroke-width='12' stroke='#000000' opacity='0.3' />
-    <line x1='540' y1='435' x2='785' y2='512' stroke-width='12' stroke='#000000' opacity='0.3' />
-    <line x1='540' y1='590' x2='785' y2='512' stroke-width='12' stroke='#000000' opacity='0.3' />
-    <line x1='540' y1='744' x2='785' y2='512' stroke-width='12' stroke='#000000' opacity='0.3' />
-
-    <line x1='296' y1='392' x2='540' y2='280' stroke-width='10' stroke='#55838D' opacity='1' />
-    <line x1='296' y1='632' x2='540' y2='280' stroke-width='10' stroke='#55838D' opacity='1' />
-
-    <line x1='296' y1='392' x2='540' y2='435' stroke-width='10' stroke='#55838D' opacity='1' />
-    <line x1='296' y1='632' x2='540' y2='435' stroke-width='10' stroke='#55838D' opacity='1' />
-
-    <line x1='296' y1='392' x2='540' y2='590' stroke-width='10' stroke='#55838D' opacity='1' />
-    <line x1='296' y1='632' x2='540' y2='590' stroke-width='10' stroke='#55838D' opacity='1' />
-
-    <line x1='296' y1='392' x2='540' y2='744' stroke-width='10' stroke='#55838D' opacity='1' />
-    <line x1='296' y1='632' x2='540' y2='744' stroke-width='10' stroke='#55838D' opacity='1' />
-
-    <line x1='540' y1='280' x2='785' y2='512' stroke-width='10' stroke='#55838D' opacity='1' />
-    <line x1='540' y1='435' x2='785' y2='512' stroke-width='10' stroke='#55838D' opacity='1' />
-    <line x1='540' y1='590' x2='785' y2='512' stroke-width='10' stroke='#55838D' opacity='1' />
-    <line x1='540' y1='744' x2='785' y2='512' stroke-width='10' stroke='#55838D' opacity='1' />
-
-    <line x1='296' y1='392' x2='540' y2='280' stroke-width='8' stroke='#55838D' opacity='1' />
-    <line x1='296' y1='632' x2='540' y2='280' stroke-width='8' stroke='#55838D' opacity='1' />
-
-    <line x1='296' y1='392' x2='540' y2='435' stroke-width='8' stroke='#55838D' opacity='1' />
-    <line x1='296' y1='632' x2='540' y2='435' stroke-width='8' stroke='#55838D' opacity='1' />
-
-    <line x1='296' y1='392' x2='540' y2='590' stroke-width='8' stroke='#55838D' opacity='1' />
-    <line x1='296' y1='632' x2='540' y2='590' stroke-width='8' stroke='#55838D' opacity='1' />
-
-    <line x1='296' y1='392' x2='540' y2='744' stroke-width='8' stroke='#55838D' opacity='1' />
-    <line x1='296' y1='632' x2='540' y2='744' stroke-width='8' stroke='#55838D' opacity='1' />
+    <linearGradient id='circle-fill' gradientUnits='userSpaceOnUse' x1='-512' y1='-412' x2='-512' y2='412'>
+        <stop offset='0' stop-color='#4baac5' stop-opacity="1" />
+        <stop offset='1' stop-color='#307295' stop-opacity="1" />
+    </linearGradient>
 
-    <line x1='540' y1='280' x2='785' y2='512' stroke-width='8' stroke='#55838D' opacity='1' />
-    <line x1='540' y1='435' x2='785' y2='512' stroke-width='8' stroke='#55838D' opacity='1' />
-    <line x1='540' y1='590' x2='785' y2='512' stroke-width='8' stroke='#55838D' opacity='1' />
-    <line x1='540' y1='744' x2='785' y2='512' stroke-width='8' stroke='#55838D' opacity='1' />
+    <filter id='node-dropshadow' x="-30%" y="-30%" width="160%" height="160%">
+        <feGaussianBlur in='SourceGraphic' stdDeviation='15' />
+    </filter>
 
-    <g transform='translate(296, 392)'>
-        <circle cx='0' cy='0' r='62' fill='#A2D2DE' opacity='0.8' />
-        <circle cx='0' cy='0' r='50' fill='url(#node)' opacity='1' />
-    </g>
-    <g transform='translate(296, 632)'>
-        <circle cx='0' cy='0' r='62' fill='#A2D2DE' opacity='0.8' />
-        <circle cx='0' cy='0' r='50' fill='url(#node)' opacity='1' />
-    </g>
+    <g transform='translate(512,512) scale(1.06)'>
 
-    <g transform='translate(540, 280)'>
-        <circle cx='0' cy='0' r='62' fill='#A2D2DE' opacity='0.8' />
-        <circle cx='0' cy='0' r='50' fill='url(#node)' opacity='1' />
-    </g>
-    <g transform='translate(540, 435)'>
-        <circle cx='0' cy='0' r='62' fill='#A2D2DE' opacity='0.8' />
-        <circle cx='0' cy='0' r='50' fill='url(#node)' opacity='1' />
-    </g>
-    <g transform='translate(540, 590)'>
-        <circle cx='0' cy='0' r='62' fill='#A2D2DE' opacity='0.8' />
-        <circle cx='0' cy='0' r='50' fill='url(#node)' opacity='1' />
-    </g>
-    <g transform='translate(540, 744)'>
-        <circle cx='0' cy='0' r='62' fill='#A2D2DE' opacity='0.8' />
-        <circle cx='0' cy='0' r='50' fill='url(#node)' opacity='1' />
-    </g>
+        <circle cx='0' cy='0' r='438' class='background-shadow' /> 
+        <circle cx='0' cy='0' r='456' fill='url(#background-fill)'/> 
+        <circle cx='0' cy='0' r='417' stroke-width='4' stroke='url(#circle-stroke)' fill='url(#circle-fill)' /> 
+
+        <g transform='scale(1.2)'>
+
+            <g transform='translate(6,12)' opacity='1.0'>
+
+                <line x1='-168' y1='-92' x2='20' y2='-180' stroke-width='24' class='line-shadow' />
+                <line x1='-168' y1='+92' x2='20' y2='-180' stroke-width='24' class='line-shadow' />
+
+                <line x1='-168' y1='-92' x2='20' y2='-60' stroke-width='24' class='line-shadow' />
+                <line x1='-168' y1='+92' x2='20' y2='-60' stroke-width='24' class='line-shadow' />
+
+                <line x1='-168' y1='-92' x2='20' y2='60' stroke-width='24' class='line-shadow' />
+                <line x1='-168' y1='+92' x2='20' y2='60' stroke-width='24' class='line-shadow' />
+
+                <line x1='-168' y1='-92' x2='20' y2='180' stroke-width='24' class='line-shadow' />
+                <line x1='-168' y1='+92' x2='20' y2='180' stroke-width='24'  class='line-shadow' />
+
+                <line x1='20' y1='-180' x2='208' y2='0' stroke-width='24' class='line-shadow' />
+                <line x1='20' y1='-60' x2='208' y2='0' stroke-width='24' class='line-shadow' />
+                <line x1='20' y1='60' x2='208' y2='0' stroke-width='24' class='line-shadow' />
+                <line x1='20' y1='180' x2='208' y2='0' stroke-width='24' class='line-shadow' />
+
+                <g transform='translate(-168,-92)'>
+                    <circle cx='0' cy='0' r='40' class='node-shadow' />
+                </g>
+                <g transform='translate(-168,92)'>
+                    <circle cx='0' cy='0' r='40' class='node-shadow' />
+                </g>
+
+                <g transform='translate(20,-180)'>
+                    <circle cx='0' cy='0' r='40' class='node-shadow' />
+                </g>
+                <g transform='translate(20,-60)'>
+                    <circle cx='0' cy='0' r='40' class='node-shadow' />
+                </g>
+                <g transform='translate(20,60)'>
+                    <circle cx='0' cy='0' r='40' class='node-shadow' />
+                </g>
+                <g transform='translate(20,180)'>
+                    <circle cx='0' cy='0' r='40' class='node-shadow' />
+                </g>
+
+                <g transform='translate(208,0)'>
+                    <circle cx='0' cy='0' r='40' class='node-shadow' />
+                </g>
+
+            </g>
+
+            <line x1='-168' y1='-92' x2='20' y2='-180' stroke-width='24' class='line-border' />
+            <line x1='-168' y1='+92' x2='20' y2='-180' stroke-width='24' class='line-border' />
+
+            <line x1='-168' y1='-92' x2='20' y2='-60' stroke-width='24' class='line-border' />
+            <line x1='-168' y1='+92' x2='20' y2='-60' stroke-width='24' class='line-border' />
+
+            <line x1='-168' y1='-92' x2='20' y2='60' stroke-width='24' class='line-border' />
+            <line x1='-168' y1='+92' x2='20' y2='60' stroke-width='24' class='line-border' />
+
+            <line x1='-168' y1='-92' x2='20' y2='180' stroke-width='24' class='line-border' />
+            <line x1='-168' y1='+92' x2='20' y2='180' stroke-width='24' class='line-border' />
+
+            <line x1='20' y1='-180' x2='208' y2='0' stroke-width='24' class='line-border' />
+            <line x1='20' y1='-60' x2='208' y2='0' stroke-width='24' class='line-border' />
+            <line x1='20' y1='+60' x2='208' y2='0' stroke-width='24' class='line-border' />
+            <line x1='20' y1='+180' x2='208' y2='0' stroke-width='24' class='line-border' />
+
+            <line x1='-168' y1='-92' x2='20' y2='-180' stroke-width='10' class='line' />
+            <line x1='-168' y1='+92' x2='20' y2='-180' stroke-width='10' class='line' />
+
+            <line x1='-168' y1='-92' x2='20' y2='-60' stroke-width='10' class='line' />
+            <line x1='-168' y1='+92' x2='20' y2='-60' stroke-width='10' class='line' />
+
+            <line x1='-168' y1='-92' x2='20' y2='60' stroke-width='10' class='line' />
+            <line x1='-168' y1='+92' x2='20' y2='60' stroke-width='10' class='line' />
+
+            <line x1='-168' y1='-92' x2='20' y2='180' stroke-width='10' class='line' />
+            <line x1='-168' y1='+92' x2='20' y2='180' stroke-width='10' class='line' />
+
+            <line x1='20' y1='-180' x2='208' y2='  0' stroke-width='10' class='line' />
+            <line x1='20' y1='-60' x2='208' y2='  0' stroke-width='10' class='line' />
+            <line x1='20' y1='60' x2='208' y2='  0' stroke-width='10' class='line' />
+            <line x1='20' y1='180' x2='208' y2='  0' stroke-width='10' class='line' />
+
+            <g transform='translate(-168,-92)'>
+                <circle cx='0' cy='0' r='50' class='node-border' />
+                <circle cx='0' cy='0' r='38' class='node' />
+            </g>
+            <g transform='translate(-168,92)'>
+                <circle cx='0' cy='0' r='50' class='node-border' />
+                <circle cx='0' cy='0' r='38' class='node' />
+            </g>
+
+            <g transform='translate(20,-180)'>
+                <circle cx='0' cy='0' r='50' class='node-border' />
+                <circle cx='0' cy='0' r='38' class='node' />
+            </g>
+            <g transform='translate(20,-60)'>
+                <circle cx='0' cy='0' r='50' class='node-border' />
+                <circle cx='0' cy='0' r='38' class='node' />
+            </g>
+            <g transform='translate(20,60)'>
+                <circle cx='0' cy='0' r='50' class='node-border' />
+                <circle cx='0' cy='0' r='38' class='node' />
+            </g>
+            <g transform='translate(20,180)'>
+                <circle cx='0' cy='0' r='50' class='node-border' />
+                <circle cx='0' cy='0' r='38' class='node' />
+            </g>
+
+            <g transform='translate(208,0)'>
+                <circle cx='0' cy='0' r='50' class='node-border' />
+                <circle cx='0' cy='0' r='38' class='node' />
+            </g>
+
+        </g>
 
-    <g transform='translate(785, 512)'>
-        <circle cx='0' cy='0' r='62' fill='#A2D2DE' opacity='0.8' />
-        <circle cx='0' cy='0' r='50' fill='url(#node)' opacity='1' />
     </g>
 
 </svg>

BIN
source/favicon.ico


BIN
source/icon.png