Add Makerworld (#719)

* Add Makerworld

* fix missing client entry

docker-compose.yml

@@ -153,6 +153,7 @@ services:
       - SPACEHEY=https://spacehey.com/
       - DREAMWIDTH=https://www.dreamwidth.org/login
       - PILLOWFORT=https://www.pillowfort.social/log_in
+      - MAKERWORLD=https://makerworld.com/en
     ports:
       - 8080:3000
     restart: unless-stopped

public/css/brands.css

@@ -765,5 +765,9 @@ button {
   background-color: #ffff;
 }
 
-
+/* Makerworld */
+.button.button-makerworld {
+  color: #000000;
+  background-color: #ffff;
+}
 

src/components/Home/Home.js

@@ -115,6 +115,7 @@ import dreamwidthLogo from '../../icons/dreamwidth.svg';
 import spaceheyLogo from '../../icons/spacehey.svg';
 import viberLogo from '../../icons/viber.svg';
 import pillowfortLogo from '../../icons/pillowfort.svg';
+import makerworldLogo from '../../icons/makerworld.svg';
 
 function Home(props) {
   let order = [];
@@ -1198,6 +1199,15 @@ function Home(props) {
                   order={buttonOrder('PILLOWFORT')}
                 />
               )}
+              {runtimeConfig.MAKERWORLD && (
+                <Button
+                  name="makerworld"
+                  href={runtimeConfig.MAKERWORLD}
+                  displayName="Makerworld"
+                  logo={makerworldLogo}
+                  order={buttonOrder('MAKERWORLD')}
+                />
+              )}
             </Sort>
             <div>
               <p className="footer">

src/config.js

@@ -168,6 +168,7 @@ export const runtimeConfig =
         SPACEHEY: window?.env?.SPACEHEY,
         VIBER: window?.env?.VIBER,
         PILLOWFORT: window?.env?.PILLOWFORT,
+        MAKERWORLD: window?.env?.MAKERWORLD,
       }
     : {
         // server
@@ -607,4 +608,7 @@ export const runtimeConfig =
         PILLOWFORT: nodeIsProduction
           ? process.env.PILLOWFORT
           : process.env.RAZZLE_PILLOWFORT,
+        MAKERWORLD: nodeIsProduction
+          ? process.env.MAKERWORLD
+          : process.env.RAZZLE_MAKERWORLD,
       };

src/icons/makerworld.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="400.000000pt" height="400.000000pt" viewBox="0 0 400.000000 400.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,400.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M975 3252 l-370 -147 -2 -1105 -3 -1105 378 -148 377 -147 322 125
+322 126 323 -126 323 -125 375 148 375 147 0 1105 0 1105 -375 147 -375 148
+-322 -126 -323 -126 -312 123 c-172 67 -320 123 -328 125 -8 1 -181 -64 -385
+-144z m858 -159 l167 -66 0 -455 c0 -428 -1 -454 -17 -448 -10 4 -154 59 -320
+124 l-303 117 0 457 0 456 153 -60 c83 -33 227 -89 320 -125z m1141 58 l316
+-124 0 -454 c0 -249 -3 -453 -7 -453 -5 0 -150 56 -323 124 l-315 124 -3 457
+c-1 257 2 455 7 453 4 -1 151 -59 325 -127z m-1277 -1037 c156 -60 283 -111
+283 -114 0 -3 -140 -60 -312 -127 l-312 -122 -312 122 c-172 67 -310 125 -306
+129 4 4 144 60 312 126 281 110 307 118 335 107 17 -6 157 -61 312 -121z
+m1273 6 c157 -61 288 -114 292 -118 4 -4 -133 -62 -305 -129 l-312 -122 -312
+122 c-172 67 -309 125 -305 129 4 4 144 61 312 126 220 86 311 117 325 112 11
+-5 148 -58 305 -120z m-1915 -370 l300 -118 3 -456 2 -456 -27 11 c-16 5 -162
+62 -325 126 l-298 116 0 454 0 454 23 -7 c12 -4 157 -60 322 -124z m1282 2
+l303 -117 0 -457 0 -456 -152 59 c-84 33 -228 89 -320 125 l-168 66 0 455 c0
+429 1 455 18 449 9 -4 153 -59 319 -124z"/>
+</g>
+</svg>