From 0a6104dda93c5c553af5a59a3819eee14cdcf3ad Mon Sep 17 00:00:00 2001
From: Max mal Richtig <max@mal-richtig.de>
Date: Wed, 26 Jul 2023 23:06:10 +0200
Subject: [PATCH] add write.as and writefreely

---
 css/brands-extended.css               | 26 ++++++++++++--
 images/icons-extended/writeas.svg     | 49 +++++++++++++++++++++++++++
 images/icons-extended/writefreely.svg | 18 ++++++++++
 preview.html                          | 11 ++++++
 4 files changed, 102 insertions(+), 2 deletions(-)
 create mode 100644 images/icons-extended/writeas.svg
 create mode 100644 images/icons-extended/writefreely.svg

diff --git a/css/brands-extended.css b/css/brands-extended.css
index 78ccbe6..65755d3 100644
--- a/css/brands-extended.css
+++ b/css/brands-extended.css
@@ -86,8 +86,8 @@ button:hover,
 
 /* 500px */
 .button.button-500px {
-  color: #000000;
-  background-color: #ffffff;
+    color: #000000;
+    background-color: #ffffff;
 }
 .button.button-500px:hover,
 .button.button-500px:focus {
@@ -235,3 +235,25 @@ button:hover,
 .button.button-pixelfed:hover,
 .button.button-pixelfed:focus {
   filter: brightness(90%) }
+
+/* write.as */
+.button.button-writeas {
+    color: #000000;
+    border: 1px solid #000000;
+  background-color: #ffffff;
+}
+.button.button-writeas:hover,
+.button.button-writeas:focus {
+    filter: brightness(90%);
+}
+
+/* writefreely */
+.button.button-writefreely {
+    color: #000000;
+    border: 1px solid #000000;
+  background-color: #f4f4f4;
+}
+.button.button-writefreely:hover,
+.button.button-writefreely:focus {
+    filter: brightness(90%);
+}
diff --git a/images/icons-extended/writeas.svg b/images/icons-extended/writeas.svg
new file mode 100644
index 0000000..5f547a0
--- /dev/null
+++ b/images/icons-extended/writeas.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="200"
+   height="200"
+   viewBox="0 0 52.916667 52.916667"
+   version="1.1"
+   id="svg14536"
+   xml:space="preserve"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="writeas.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview14538"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="1.829812"
+     inkscape:cx="-40.987817"
+     inkscape:cy="10.930085"
+     inkscape:window-width="2560"
+     inkscape:window-height="1371"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" /><defs
+     id="defs14533" /><g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-78.523343,-170.07494)"><path
+       style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.143297;stroke-dasharray:none;stroke-opacity:0.385101"
+       d="m 92.514549,213.4505 -2.979027,0.0944 -3.223717,-9.18048 -3.223727,-9.18047 -1.203524,-3.71183 -1.203524,-3.71181 c -0.717206,-0.0288 -1.525402,0.017 -2.157687,0.0466 l 0.01005,-2.00274 v -2.34959 h 7.103696 7.103706 v 1.98243 1.98242 h -0.788547 c -0.418797,0.0337 -1.333045,0.99973 -1.438724,1.3993 -0.119721,0.45268 -0.170926,1.41345 -0.08182,1.73954 l 1.444571,5.28648 1.444572,5.28647 0.421442,1.98243 0.421442,1.48681 c 0.374585,-1.65201 0.74918,-2.80843 1.123765,-4.46045 l 1.741561,-5.94728 1.741566,-5.94729 0.672334,-2.39543 0.672323,-2.39543 h 3.25095 3.25096 v 0.11639 0.11641 l 2.48049,8.49857 2.48049,8.49859 0.53332,2.12317 0.67595,2.5857 0.44534,-1.61896 0.95735,-3.13884 0.95735,-3.13884 1.20126,-3.92717 c 0.50868,-1.67614 0.9116,-3.36706 1.71633,-4.92322 l 0.48866,-0.91465 c -0.99341,-0.006 -2.53894,0.0251 -3.67683,0.0232 l 3.4e-4,-2.01919 v -2.29676 l 5.69948,0.0904 5.69948,0.0904 v 1.81315 1.94469 l -0.66081,-0.014 -0.66081,0.11761 c -0.34047,0.0606 -2.13422,1.59756 -2.44837,2.3561 l -0.83345,2.01247 -0.83346,2.01245 -2.93694,8.59052 -2.93695,8.59052 -0.40011,1.23902 -0.40011,1.23902 h -3.2005 -3.20049 l -1.78532,-5.53428 -1.78531,-5.53428 -1.26817,-4.26964 -1.26818,-4.26966 -0.0939,-0.0939 -0.094,-0.0939 -0.93415,3.6604 c -0.729186,3.35062 -1.904749,6.56877 -2.988203,9.81528 l -2.054042,6.15485 -2.979036,0.0943 z"
+       id="path14902"
+       sodipodi:nodetypes="ccccccccccccccsscccccccccccccccccccccccccccccccssccccccccccccccccccc" /><circle
+       style="opacity:1;fill:#59c2ee;fill-opacity:1;stroke:none;stroke-width:0.0765663;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:0.385101;paint-order:markers fill stroke"
+       id="path16565"
+       cx="126.43568"
+       cy="208.85655"
+       r="5.0043335" /></g></svg>
diff --git a/images/icons-extended/writefreely.svg b/images/icons-extended/writefreely.svg
new file mode 100644
index 0000000..19fc8f3
--- /dev/null
+++ b/images/icons-extended/writefreely.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="200"
+   height="200"
+   viewBox="0 0 52.916667 52.916666"
+   version="1.1"
+   id="svg23546"
+   xml:space="preserve"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs23543" /><g
+     id="layer1"
+     transform="translate(-78.79748,-70.27322)"><path
+       style="fill:#000000;stroke-width:0.174702"
+       d="m 90.839578,115.92913 c -1.800298,-0.51006 -3.338559,-1.8308 -4.119769,-3.53719 -0.819607,-1.79026 -0.977925,-3.11429 -0.876273,-7.32845 0.08862,-3.67416 0.209385,-4.97513 1.256779,-13.539412 0.531363,-4.344843 0.538586,-6.94056 0.02146,-7.717496 -0.759896,-1.141699 -2.332109,-0.980454 -3.60735,0.369964 -0.825628,0.874299 -1.8387,2.75619 -2.356579,4.377596 -0.168797,0.528474 -0.362223,1.021916 -0.429844,1.096541 -0.155353,0.171455 -1.930533,-0.199287 -1.930533,-0.40319 0,-0.417123 0.98456,-3.190343 1.486626,-4.187392 1.817181,-3.608748 4.443853,-5.590467 7.409869,-5.590467 2.272815,0 3.930397,0.955498 4.862564,2.802981 1.161347,2.30169 1.132518,4.463825 -0.223945,16.797084 -0.79575,7.235101 -0.932318,9.811121 -0.586358,11.060161 0.429387,1.55027 1.3429,2.22919 2.968663,2.2063 4.218318,-0.0594 8.305882,-4.71973 10.377572,-11.83179 1.0468,-3.593628 1.46406,-6.458713 1.60044,-10.989367 0.0852,-2.828973 -0.0938,-7.443208 -0.35233,-9.084507 -0.0174,-0.110681 1.05795,-0.174703 2.93454,-0.174703 h 2.96206 l 0.12149,0.436756 c 0.19214,0.690758 0.17348,6.175753 -0.0285,8.385699 -0.10101,1.104991 -0.5824,4.79994 -1.06977,8.210998 -0.74529,5.216244 -0.88954,6.646174 -0.90764,8.997164 -0.0289,3.74749 0.37518,4.89941 2.03681,5.807 0.82383,0.44996 3.1953,0.3937 4.57866,-0.10864 4.32509,-1.57057 8.19616,-6.13955 10.13515,-11.96244 0.88268,-2.650742 1.19123,-4.662953 1.18254,-7.712093 -0.0115,-4.02835 -0.73169,-6.226114 -2.47641,-7.556854 l -0.76153,-0.580835 -0.40921,0.602213 c -0.80933,1.19104 -3.0178,1.520812 -4.26021,0.636141 -1.07416,-0.764873 -1.4898,-2.347363 -0.95397,-3.632077 0.82504,-1.978089 3.32888,-2.821671 6.03034,-2.031718 2.53986,0.742693 4.29927,2.69904 5.40663,6.011802 0.71605,2.142114 0.93076,3.96896 0.82865,7.050378 -0.2214,6.680734 -2.87078,13.029683 -7.41123,17.760183 -1.84395,1.92114 -3.5902,3.20501 -5.69701,4.18855 -1.9045,0.8891 -3.17115,1.20972 -5.29447,1.34015 -2.7649,0.16984 -4.57837,-0.41341 -5.96596,-1.91877 -1.49735,-1.62443 -2.13134,-3.61963 -2.14725,-6.75743 l -0.009,-1.83437 -0.49408,1.13556 c -1.80405,4.1464 -4.94231,7.37605 -8.616548,8.86752 -1.3208,0.53615 -3.921265,0.70492 -5.214763,0.33845 z"
+       id="path23681" /></g></svg>
diff --git a/preview.html b/preview.html
index 778cfca..8aa891a 100644
--- a/preview.html
+++ b/preview.html
@@ -96,6 +96,7 @@
           3.) alt="Example Logo" | This alt attribute helps provides alternate text for an image, this can assist users who use screen readers.
 
         -->
+
         <!-- 500px -->
         <a class="button button-500px" href="#" target="_blank" rel="noopener">
           <img class="icon" src="images/icons-extended/500px.svg" alt="500px Logo">500px</a>
@@ -174,6 +175,16 @@
         <!-- Vero -->
         <a class="button button-vero" href="#" target="_blank" rel="noopener">
           <img class="icon" src="images/icons-extended/vero.svg" alt="Vero Logo">Vero</a>
+          <br>
+
+        <!-- Write.as -->
+        <a class="button button-writeas" href="#" target="_blank" rel="noopener">
+          <img class="icon" src="images/icons-extended/writeas.svg" alt="Write.as Logo">Write.as</a>
+        <br>
+
+        <!-- Writefreely -->
+        <a class="button button-writefreely" href="#" target="_blank" rel="noopener">
+            <img class="icon" src="images/icons-extended/writefreely.svg" alt="WriteFreely Logo">WriteFreely</a>
         <br>
 
         <br>