web badge: Add SVG for web badge 3.

Created by Katherine Peeters
License: CC BY-SA 4.0

Signed-off-by: Matthew Marchese <maffblaster@gentoo.org>

2 files changed, 368 insertions, 9 deletions

diff --git a/assets/img/badges/gentoo-badge3.svg b/assets/img/badges/gentoo-badge3.svg
new file mode 100644
index 0000000..8059093
--- /dev/null
+++ b/assets/img/badges/gentoo-badge3.svg
@@ -0,0 +1,346 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="80"
+   height="15"
+   viewBox="0 0 21.166666 3.9687501"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+   sodipodi:docname="gentoo-badge.svg">
+  <title
+     id="title1123">Gentoo web badge 3</title>
+  <defs
+     id="defs2">
+    <linearGradient
+       id="_Linear1"
+       x1="0"
+       y1="0"
+       x2="1"
+       y2="0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(244.692,1281.55,-1281.55,244.692,5.26495,-872.781)">
+      <stop
+         offset="0%"
+         style="stop-color:#fff;stop-opacity:1"
+         id="stop184" />
+      <stop
+         offset="34%"
+         style="stop-color:#fff;stop-opacity:1"
+         id="stop186" />
+      <stop
+         offset="51%"
+         style="stop-color:#bebdf3;stop-opacity:1"
+         id="stop188" />
+      <stop
+         offset="75%"
+         style="stop-color:#867fb7;stop-opacity:1"
+         id="stop190" />
+      <stop
+         offset="87%"
+         style="stop-color:#9f99c7;stop-opacity:1"
+         id="stop192" />
+      <stop
+         offset="100%"
+         style="stop-color:#524c76;stop-opacity:1"
+         id="stop194" />
+    </linearGradient>
+    <linearGradient
+       id="_Linear2"
+       x1="0"
+       y1="0"
+       x2="1"
+       y2="0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-73.9103,-331.394,331.394,-73.9103,306.28,306.967)">
+      <stop
+         offset="0%"
+         style="stop-color:#fff;stop-opacity:1"
+         id="stop197" />
+      <stop
+         offset="34%"
+         style="stop-color:#fff;stop-opacity:1"
+         id="stop199" />
+      <stop
+         offset="51%"
+         style="stop-color:#bebbdb;stop-opacity:1"
+         id="stop201" />
+      <stop
+         offset="75%"
+         style="stop-color:#928bbe;stop-opacity:1"
+         id="stop203" />
+      <stop
+         offset="87%"
+         style="stop-color:#9f99c7;stop-opacity:1"
+         id="stop205" />
+      <stop
+         offset="100%"
+         style="stop-color:#524c76;stop-opacity:1"
+         id="stop207" />
+    </linearGradient>
+    <radialGradient
+       id="_Radial3"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(65.7758,0,0,50.4149,219.576,105.5)">
+      <stop
+         offset="0%"
+         style="stop-color:#fff;stop-opacity:1"
+         id="stop210" />
+      <stop
+         offset="34%"
+         style="stop-color:#fff;stop-opacity:1"
+         id="stop212" />
+      <stop
+         offset="51%"
+         style="stop-color:#bebbdb;stop-opacity:1"
+         id="stop214" />
+      <stop
+         offset="75%"
+         style="stop-color:#928bbe;stop-opacity:1"
+         id="stop216" />
+      <stop
+         offset="87%"
+         style="stop-color:#9f99c7;stop-opacity:1"
+         id="stop218" />
+      <stop
+         offset="100%"
+         style="stop-color:#524c76;stop-opacity:1"
+         id="stop220" />
+    </radialGradient>
+    <radialGradient
+       id="_Radial4"
+       cx="0"
+       cy="0"
+       r="1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-9.01713,572.145,-487.965,-7.68295,69.926,121.634)">
+      <stop
+         offset="0%"
+         style="stop-color:#fff;stop-opacity:1"
+         id="stop223" />
+      <stop
+         offset="34%"
+         style="stop-color:#fff;stop-opacity:1"
+         id="stop225" />
+      <stop
+         offset="51%"
+         style="stop-color:#bebbdb;stop-opacity:1"
+         id="stop227" />
+      <stop
+         offset="75%"
+         style="stop-color:#928bbe;stop-opacity:1"
+         id="stop229" />
+      <stop
+         offset="87%"
+         style="stop-color:#9f99c7;stop-opacity:1"
+         id="stop231" />
+      <stop
+         offset="100%"
+         style="stop-color:#524c76;stop-opacity:1"
+         id="stop233" />
+    </radialGradient>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       inkscape:label="Drop Shadow"
+       id="filter1077"
+       width="2.3900001"
+       height="1.1"
+       y="-0.079999998"
+       x="-0.83999997">
+      <feFlood
+         flood-opacity="1"
+         flood-color="rgb(0,0,0)"
+         result="flood"
+         id="feFlood1067" />
+      <feComposite
+         in="SourceGraphic"
+         in2="flood"
+         operator="in"
+         result="composite1"
+         id="feComposite1069" />
+      <feGaussianBlur
+         in="composite1"
+         stdDeviation="100"
+         result="blur"
+         id="feGaussianBlur1071" />
+      <feOffset
+         dx="25"
+         dy="-0"
+         result="offset"
+         id="feOffset1073" />
+      <feComposite
+         in="SourceGraphic"
+         in2="offset"
+         operator="over"
+         result="composite2"
+         id="feComposite1075" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="5.6"
+     inkscape:cx="32.191781"
+     inkscape:cy="19.210047"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:snap-bbox="true"
+     inkscape:snap-bbox-midpoints="true"
+     inkscape:window-width="1854"
+     inkscape:window-height="962"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Gentoo web badge 3</dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>wolven (SVG version by Katherine Peeters)</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:rights>
+          <cc:Agent>
+            <dc:title></dc:title>
+          </cc:Agent>
+        </dc:rights>
+        <dc:date>2021-05-25</dc:date>
+        <dc:language>English</dc:language>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <text
+       xml:space="preserve"
+       style="font-size:1.32292px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;stroke-width:0.264583"
+       x="95.19754"
+       y="98.053589"
+       id="text1087"><tspan
+         sodipodi:role="line"
+         id="tspan1085"
+         x="95.19754"
+         y="98.053589"
+         style="font-size:1.32292px;stroke-width:0.264583"></tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:0.264583px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;stroke-width:0.264583"
+       x="96.173378"
+       y="98.613319"
+       id="text1091"><tspan
+         sodipodi:role="line"
+         id="tspan1089"
+         x="96.173378"
+         y="98.613319"
+         style="stroke-width:0.264583" /></text>
+    <g
+       id="g1121"
+       transform="translate(-87.847565,-109.24749)">
+      <rect
+         style="fill:#666666;fill-opacity:1;stroke-width:1.99999"
+         id="rect55"
+         width="21.166666"
+         height="3.96875"
+         x="87.847565"
+         y="109.24749" />
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke-width:1.99999"
+         id="rect153"
+         width="20.637501"
+         height="3.4395833"
+         x="88.112144"
+         y="109.51207" />
+      <rect
+         style="fill:#898e79;fill-opacity:1;stroke-width:1.99999"
+         id="rect155"
+         width="13.758333"
+         height="2.9104166"
+         x="94.72686"
+         y="109.77658" />
+      <rect
+         style="fill:#46357c;fill-opacity:1;stroke-width:1.99999"
+         id="rect355"
+         width="6.0854168"
+         height="2.9104166"
+         x="88.376854"
+         y="109.77658" />
+      <g
+         id="g5680"
+         style="clip-rule:evenodd;fill-rule:evenodd;stroke-width:38.9859;stroke-linejoin:round;stroke-miterlimit:1.41421;filter:url(#filter1077)"
+         transform="matrix(0.00678665,0,0,0.00678665,90.089675,109.85992)">
+        <path
+           id="path2973"
+           d="m 63.788,329.787 c 0.042,-16.446 14.023,-39.407 33.889,-60.268 13.275,-13.94 26.758,-26.177 56.15,-51.237 C 133.496,207.126 101.877,193.667 86.011,176.04 80.141,169.518 69.501,154.742 71.565,135 75.771,94.765 125.433,33.703 196.024,20.793 c 23.488,-4.295 50.455,-1.194 72.65,8.784 69.629,31.304 154.782,109.073 165.259,147.046 3.688,13.366 2.979,34.671 -3.378,46.544 -7.88,14.717 -35.157,44.607 -72.476,75.45 -58.556,48.394 -140.611,100.359 -201.881,109.103 -19.797,2.826 -40.024,-0.121 -54.218,-8.131 C 79.772,387.058 72.4,370.328 69.808,365.313 62.917,351.978 63.773,335.085 63.788,329.787 Z M 228.587,145.011 c 0.756,-9.325 37.322,-0.041 35.011,7.344 -2.437,7.79 -35.878,3.354 -35.011,-7.344 z"
+           style="fill:url(#_Linear1);stroke-width:38.9859" />
+        <g
+           id="mid"
+           style="stroke-width:38.9859">
+          <path
+             id="path2975"
+             d="m 173.616,202.874 c -19.241,16.246 -32.035,27.2 -48.075,41.86 -38.626,35.303 -64.87,62.176 -51.34,98.909 15.609,42.374 49.824,40.226 89.947,32.349 C 267.569,355.595 437.574,224.898 428.909,176.623 421.898,137.562 326.918,59.902 270.682,32.267 253.114,23.633 232.866,19.168 212.558,20.124 135.231,23.773 74.844,94.176 77.929,132.321 c 3.001,37.11 96.794,69.446 95.687,70.553 z M 162.009,73.321 c -23.268,25.887 -8.391,75.974 30.196,103.274 45.151,31.944 118.268,37.728 132.818,13.093 27.14,-45.952 -2.492,-94.54 -46.726,-116.214 C 234.586,52.056 176.513,57.183 162.009,73.321 Z"
+             style="fill:url(#_Linear2);stroke-width:38.9859" />
+          <path
+             id="path4976"
+             d="m 241.361,175.509 c 32.665,4.54 60.822,-8.542 65.225,-40.798 3.353,-24.571 -34.251,-51.417 -56.86,-57.609 -18.88,-5.17 -59.869,1.479 -62.632,37.187 -2.873,37.121 35.22,58.572 54.267,61.22 z M 225.364,113.77 c -21.468,33.258 31.17,43.483 39.229,37.417 34.744,-26.148 -29.771,-52.069 -39.229,-37.417 z"
+             style="fill:url(#_Radial3);stroke-width:38.9859" />
+        </g>
+        <path
+           id="path2977"
+           d="m 206.325,28.96 c -37.973,4.002 -45.246,8.89 -79.647,34.917 -11.529,8.723 -32.75,29.948 -38.187,55.128 -2.071,9.59 0.377,17.869 7.284,23.676 22.115,18.593 59.13,33.677 89.497,48.259 8.895,4.271 3.005,12.015 -11.338,24.432 -36.193,31.334 -85.128,69.476 -88.544,98.539 -1.609,13.696 3.079,32.306 19.703,41.829 19.418,11.125 59.729,3.864 86.645,-6.159 39.334,-14.647 91.003,-46.973 132.023,-78.749 42.656,-33.042 82.316,-75.01 84.278,-81.855 2.409,-8.406 2.169,-16.17 -2.481,-25.096 -7.3,-14.017 -17.061,-24.433 -27.542,-36.091 C 349.895,98.143 320.141,72.093 284.542,52.13 258.834,37.714 236.216,25.81 206.325,28.96 Z m 55.781,66.467 c 27.434,13.263 55.607,48.102 -0.244,68.154 -15.188,5.452 -63.353,-13.391 -61.879,-39.107 2.151,-37.987 28.626,-45.242 62.123,-29.047 z"
+           style="fill:url(#_Radial4);stroke-width:38.9859" />
+      </g>
+      <text
+         xml:space="preserve"
+         style="font-size:1.5875px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;fill:#ffffff;fill-opacity:1;stroke-width:0.264583"
+         x="95.414284"
+         y="111.67889"
+         id="text1103"><tspan
+           sodipodi:role="line"
+           id="tspan1101"
+           x="95.414284"
+           y="111.67889"
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:1.5875px;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';fill:#ffffff;fill-opacity:1;stroke-width:0.264583">P O W E R E D</tspan></text>
+    </g>
+  </g>
+</svg>
diff --git a/inside-gentoo/artwork/index.html b/inside-gentoo/artwork/index.html
index 6991b2d..4e70a7c 100644
--- a/inside-gentoo/artwork/index.html
+++ b/inside-gentoo/artwork/index.html
@@ -426,7 +426,7 @@ body_class: nav-align-h2
 </p>
 
 <div class="alert alert-warning">
-  When using these badges to show your website is running Gentoo, please host the image files on your own server in order to keep the load on gentoo.org down.
+  The following web badges imply your service or website is running Gentoo. Please host the image files on your own server or CDN in order reduce the load on gentoo.org.
 </div>
 
 <div class="media gentoo-badges">
@@ -447,31 +447,44 @@ body_class: nav-align-h2
     </a>
   </div>
   <div class="media-body">
-    <h4 class="media-heading">Web badge 1</h4>
-    <p>by Ryan Viljoen</p>
+    <h4 class="media-heading">Web badge 1 - PNG</h4>
+    <p>by <strong>Ryan Viljoen</strong></p>
   </div>
 </div>
 <div class="media gentoo-badges">
   <div class="media-left media-middle">
     <a href="/assets/img/badges/gentoo-badge2.png">
-      <img class="media-object" src="/assets/img/badges/gentoo-badge2.png" alt="badge thumbnail">
+      <img class="media-object" src="/assets/img/badges/gentoo-badge2.png" alt="badge 2 thumbnail">
     </a>
   </div>
   <div class="media-body">
-    <h4 class="media-heading">Web badge 2</h4>
-    <p>by m@o</p>
+    <h4 class="media-heading">Web badge 2 - PNG</h4>
+    <p>by <strong>m@o</strong></p>
   </div>
 </div>
 <div class="media gentoo-badges">
   <div class="media-left media-middle">
     <a href="/assets/img/badges/gentoo-badge3.png">
-      <img class="media-object" src="/assets/img/badges/gentoo-badge3.png" alt="badge thumbnail">
+      <img class="media-object" src="/assets/img/badges/gentoo-badge3.png" alt="PNG badge 3 thumbnail">
     </a>
   </div>
   <div class="media-body">
-    <h4 class="media-heading">Web badge 3</h4>
-    <p>by wolven</p>
+    <h4 class="media-heading">Web badge 3 - PNG</h4>
+    <p>by <strong>wolven</strong></p>
   </div>
+  <div class="media gentoo-badges">
+    <div class="media-left media-middle">
+      <a href="/assets/img/badges/gentoo-badge3.svg">
+        <img class="media-object" src="/assets/img/badges/gentoo-badge3.svg" alt="SVG badge 3 thumbnail">
+      </a>
+    </div>
+    <div class="media-body">
+      <h4 class="media-heading">Web badge 3 - SVG</h4>
+      <p>by <strong>Katherine Peeters</strong>, based on the PNG web badge by <strong>wolven</strong>.
+      <br>
+      License: <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">CC BY-SA 4.0</a>
+      </p>
+    </div>
 </div>
 
 <h2>Terms of Use</h2>