From db94925d44917e09c0c360ae2e3b3c9c277e7a5d Mon Sep 17 00:00:00 2001
From: Chase Dorsey <git@chase-dorsey.com>
Date: Mon, 3 Jul 2023 23:17:11 -0500
Subject: [PATCH] Add Lemmy

---
 css/brands-extended.css         | 12 +++++++++++-
 images/icons-extended/lemmy.svg | 23 +++++++++++++++++++++++
 preview.html                    | 15 ++++++++++-----
 3 files changed, 44 insertions(+), 6 deletions(-)
 create mode 100755 images/icons-extended/lemmy.svg

diff --git a/css/brands-extended.css b/css/brands-extended.css
index 7437367..e9da8f9 100644
--- a/css/brands-extended.css
+++ b/css/brands-extended.css
@@ -174,6 +174,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Lemmy */
+.button.button-lemmy {
+  color: #ffffff;
+  background-color: #14854f;
+}
+.button.button-lemmy:hover,
+.button.button-lemmy:focus {
+  filter: brightness(90%);
+}
+
 /* Micro.blog */
 .button.button-microblog {
   color: #FFFFFF;
@@ -216,4 +226,4 @@ button:hover,
   background-color: #000000 }
 .button.button-vero:hover,
 .button.button-vero:focus {
-  filter: brightness(90%) }
\ No newline at end of file
+  filter: brightness(90%) }
diff --git a/images/icons-extended/lemmy.svg b/images/icons-extended/lemmy.svg
new file mode 100755
index 0000000..1e2428a
--- /dev/null
+++ b/images/icons-extended/lemmy.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<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="1024" height="1024" viewBox="0 0 1024 1024" version="1.1" id="svg8" inkscape:version="0.92.4 (unknown)" sodipodi:docname="lemmy-logo-border.svg" inkscape:export-filename="/home/andres/Pictures/References/Logos/Lemmy/lemmy-logo-border.png" inkscape:export-xdpi="300" inkscape:export-ydpi="300" enable-background="new">
+  <defs id="defs2"/>
+  <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.49497475" inkscape:cx="452.38625" inkscape:cy="470.53357" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" units="px" inkscape:showpageshadow="false" inkscape:window-width="1366" inkscape:window-height="740" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" showguides="true" inkscape:guide-bbox="true" inkscape:snap-global="true" inkscape:snap-midpoints="false" inkscape:snap-smooth-nodes="false" inkscape:object-paths="false" inkscape:pagecheckerboard="true"/>
+  <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/>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" transform="translate(0,-26.066658)" style="display:inline">
+    <path style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:28;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" d="m 167.03908,270.78735 c -0.94784,-0.002 -1.8939,0.004 -2.83789,0.0215 -4.31538,0.0778 -8.58934,0.3593 -12.8125,0.8457 -33.78522,3.89116 -64.215716,21.86394 -82.871086,53.27344 -18.27982,30.77718 -22.77749,64.66635 -13.46094,96.06837 9.31655,31.40203 31.88488,59.93174 65.296886,82.5332 0.20163,0.13618 0.40678,0.26709 0.61523,0.39258 28.65434,17.27768 57.18167,28.93179 87.74218,34.95508 -0.74566,12.61339 -0.72532,25.5717 0.082,38.84375 2.43989,40.10943 16.60718,77.03742 38.0957,109.67187 l -77.00781,31.4375 c -8.30605,3.25932 -12.34178,12.68234 -8.96967,20.94324 3.37211,8.2609 12.84919,12.16798 21.06342,8.68371 l 84.69727,-34.57617 c 15.70675,18.72702 33.75346,35.68305 53.12109,50.57032 0.74013,0.56891 1.4904,1.12236 2.23437,1.68554 l -49.61132,65.69141 c -5.45446,7.0474 -4.10058,17.19288 3.01098,22.5634 7.11156,5.37052 17.24028,3.89649 22.52612,-3.27824 l 50.38672,-66.71876 c 27.68572,17.53469 57.07524,31.20388 86.07227,40.25196 14.88153,27.28008 43.96965,44.64648 77.58789,44.64648 33.93762,0 63.04252,-18.68693 77.80082,-45.4375 28.7072,-9.21295 57.7527,-22.93196 85.1484,-40.40234 l 51.0977,67.66016 c 5.2858,7.17473 15.4145,8.64876 22.5261,3.27824 7.1115,-5.37052 8.4654,-15.516 3.011,-22.5634 l -50.3614,-66.68555 c 0.334,-0.25394 0.6727,-0.50077 1.0059,-0.75586 19.1376,-14.64919 37.0259,-31.28581 52.7031,-49.63476 l 82.5625,33.70507 c 8.2143,3.48427 17.6913,-0.42281 21.0634,-8.68371 3.3722,-8.2609 -0.6636,-17.68392 -8.9696,-20.94324 l -74.5391,-30.42773 c 22.1722,-32.82971 37.0383,-70.03397 40.1426,-110.46094 1.0253,-13.35251 1.2292,-26.42535 0.6387,-39.17578 30.3557,-6.05408 58.7164,-17.66833 87.2011,-34.84375 0.2085,-0.12549 0.4136,-0.2564 0.6153,-0.39258 33.412,-22.60147 55.9803,-51.13117 65.2968,-82.5332 9.3166,-31.40202 4.8189,-65.29118 -13.4609,-96.06837 -18.6553,-31.40951 -49.0859,-49.38228 -82.8711,-53.27344 -4.2231,-0.4864 -8.4971,-0.76791 -12.8125,-0.8457 -30.2077,-0.54448 -62.4407,8.82427 -93.4316,26.71484 -22.7976,13.16063 -43.3521,33.31423 -59.4375,55.30469 -44.9968,-25.75094 -103.5444,-40.25065 -175.4785,-41.43945 -6.4522,-0.10663 -13.0125,-0.10696 -19.67974,0.002 -80.18875,1.30929 -144.38284,16.5086 -192.87109,43.9922 -0.11914,-0.19111 -0.24287,-0.37932 -0.37109,-0.56446 -16.29,-22.764 -37.41085,-43.73706 -60.89649,-57.29493 -30.02247,-17.33149 -61.21051,-26.66489 -90.59375,-26.73633 z" id="path817-3" inkscape:connector-curvature="0" sodipodi:nodetypes="cccssccccccscccccscccscccscccccsccscccssccscscccscc" inkscape:label="white-border" sodipodi:insensitive="true"/>
+    <path id="path1087" style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:28;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 716.85595,362.96478 c 15.29075,-21.36763 35.36198,-41.10921 56.50979,-53.31749 66.66377,-38.48393 137.02617,-33.22172 170.08018,22.43043 33.09493,55.72093 14.98656,117.48866 -47.64399,159.85496 -31.95554,19.26819 -62.93318,30.92309 -97.22892,35.54473 M 307.14407,362.96478 C 291.85332,341.59715 271.78209,321.85557 250.63429,309.64729 183.97051,271.16336 113.60811,276.42557 80.554051,332.07772 47.459131,387.79865 65.56752,449.56638 128.19809,491.93268 c 31.95554,19.26819 62.93319,30.92309 97.22893,35.54473" inkscape:connector-curvature="0" inkscape:label="ears" sodipodi:insensitive="true"/>
+    <path style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:28;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="M 801.23205,576.8699 C 812.73478,427.06971 720.58431,321.98291 511.99999,325.38859 303.41568,328.79426 213.71393,428.0311 222.76794,576.8699 c 8.64289,142.08048 176.80223,246.40388 288.12038,246.40388 111.31815,0 279.45076,-104.5447 290.34373,-246.40388 z" id="path969" inkscape:connector-curvature="0" sodipodi:nodetypes="szszs" inkscape:label="head" sodipodi:insensitive="true"/>
+    <path id="path1084" style="display:inline;opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 610.4991,644.28932 c 0,23.11198 18.70595,41.84795 41.78091,41.84795 23.07495,0 41.7809,-18.73597 41.7809,-41.84795 0,-23.112 -18.70594,-41.84796 -41.7809,-41.84796 -23.07496,0 -41.78091,18.73596 -41.78091,41.84796 z m -280.56002,0 c 0,23.32492 18.87829,42.23352 42.16586,42.23352 23.28755,0 42.16585,-18.9086 42.16585,-42.23352 0,-23.32494 -18.87829,-42.23353 -42.16585,-42.23353 -23.28757,0 -42.16586,18.90859 -42.16586,42.23353 z" inkscape:connector-curvature="0" inkscape:label="eyes" sodipodi:nodetypes="ssssssssss" sodipodi:insensitive="true"/>
+    <path id="path1008" style="display:inline;opacity:1;fill:none;stroke:#000000;stroke-width:32;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 339.72919,769.2467 -54.54422,72.22481 m 399.08582,-72.22481 54.54423,72.22481 M 263.68341,697.82002 175.92752,733.64353 m 579.85765,-35.82351 87.7559,35.82351" inkscape:connector-curvature="0" inkscape:label="whiskers" sodipodi:nodetypes="cccccccc" sodipodi:insensitive="true"/>
+    <path style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:28;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 512.00082,713.08977 c -45.86417,0 -75.13006,31.84485 -74.14159,71.10084 1.07048,42.51275 32.46865,71.10323 74.14159,71.10323 41.67296,0 74.05118,-32.99608 74.14161,-71.10323 0.0932,-39.26839 -28.27742,-71.10084 -74.14161,-71.10084 z" id="path1115" inkscape:connector-curvature="0" inkscape:label="nose" sodipodi:nodetypes="zszsz" sodipodi:insensitive="true"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/preview.html b/preview.html
index 59547ac..510b055 100644
--- a/preview.html
+++ b/preview.html
@@ -47,7 +47,7 @@
     <div class="row">
       <div class="column" style="margin-top: 10%">
 
-        <!-- 
+        <!--
 
           THIS REPO DOES NOT INCLUDE THE CORE BRANDS FROM THE LITTLELINK REPO.
 
@@ -55,7 +55,7 @@
 
              Import the extended brands by copy & pasting the `brands-extended.css` file from the `css` folder here into the `css` folder of your copy of LittleLink (https://github.com/sethcottle/littlelink).
 
-             In the <head> section of your copy of index.html in LittleLink, be sure to include <link rel="stylesheet" href="css/brands-extended.css"> so that you can access those extended brand CSS files. 
+             In the <head> section of your copy of index.html in LittleLink, be sure to include <link rel="stylesheet" href="css/brands-extended.css"> so that you can access those extended brand CSS files.
                 └── We've set it up in this preview file as you would need to in your index.html, so feel free to copy and paste the CSS section above.
 
             In the `images` folder of littlelink-extended, copy and paste `icons-extended` into the `images` folder of your copy of the main LittleLink file to access the extended brand iconography.
@@ -74,7 +74,7 @@
         <!--
 
           ## Breaking down <a> attributes:
-          
+
           1.) class="button button-default" | The first "button" here is telling this <a> tag that it should make this element a button and applies the default styling in `css/brands.css`.
           The second portion, button-default, is declaring the specific brand style you would like to apply. Here we're applying the "default" style and color.
           If you want to make this button to use the brand colors for Discord, just change "button-default" to "button-discord". Brands are found in `css/brands.css`. You can always edit & add your own there.
@@ -87,13 +87,13 @@
           This is especially useful when opening untrusted links. https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/noopener
 
           ## Breaking down the <img> attributes:
-          
+
           1.) class="icon" | This class is telling the <img> tag that it should use the styling for icons found in `css/brands.css`.
 
           2.) src="icons/[icon_name].svg" | This defines the icon you would like to display from the icons/ folder. For example, you can change this to src="icons/discord.svg" to use the Discord icon.
           Add your own 24x24 icons to the "icons" folder to reference them. We recommend providing a SVG.
 
-          3.) alt="Example Logo" | This alt attribute helps provides alternate text for an image, this can assist users who use screen readers. 
+          3.) alt="Example Logo" | This alt attribute helps provides alternate text for an image, this can assist users who use screen readers.
 
         -->
         <!-- 500px -->
@@ -141,6 +141,11 @@
           <img class="icon" src="images/icons-extended/itchio.svg" alt="itchio Logo">itch.io</a>
         <br>
 
+        <!-- Lemmy -->
+        <a class="button button-itchio" href="#" target="_blank" rel="noopener">
+          <img class="icon" src="images/icons-extended/lemmy.svg" alt="Lemmy Logo">Lemmy</a>
+        <br>
+
         <!-- MicroBlog -->
         <a class="button button-microblog" href="#" target="_blank" rel="noopener">
             <img class="icon" src="images/icons-extended/microblog.svg" alt="MicroBlog Logo">MicroBlog</a>