From 3fcf1bad0d8301b2d18d8364063f98c823324051 Mon Sep 17 00:00:00 2001
From: mike <mike@wizewerx.com>
Date: Sun, 11 Feb 2024 23:38:30 +0000
Subject: [PATCH] linkedin stuff

---
 public/helpbuild/linkedin.svg | 74 -----------------------------------
 public/helpbuild/theme.js     | 40 +++++++++++++------
 2 files changed, 27 insertions(+), 87 deletions(-)
 delete mode 100644 public/helpbuild/linkedin.svg

diff --git a/public/helpbuild/linkedin.svg b/public/helpbuild/linkedin.svg
deleted file mode 100644
index 9bc2680..0000000
--- a/public/helpbuild/linkedin.svg
+++ /dev/null
@@ -1,74 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-        version="1.1"
-        id="katman_1"
-        x="0px"
-        y="0px"
-        viewBox="0 0 1800 1344"
-        style="enable-background:new 0 0 1800 1344;"
-        xml:space="preserve"
-        sodipodi:docname="linked_in.svg"
-        inkscape:version="1.3.2 (091e20e, 2023-11-25)"
-        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"><defs
-   id="defs7" /><sodipodi:namedview
-        id="namedview7"
-        pagecolor="#ffffff"
-        bordercolor="#000000"
-        borderopacity="0.25"
-        inkscape:showpageshadow="2"
-        inkscape:pageopacity="0.0"
-        inkscape:pagecheckerboard="0"
-        inkscape:deskcolor="#d1d1d1"
-        inkscape:zoom="0.17559524"
-        inkscape:cx="902.64407"
-        inkscape:cy="672"
-        inkscape:window-width="1312"
-        inkscape:window-height="449"
-        inkscape:window-x="0"
-        inkscape:window-y="44"
-        inkscape:window-maximized="0"
-        inkscape:current-layer="katman_1" />
-  <style
-          type="text/css"
-          id="style1">
-	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#E3ECF5;}
-	.st1{fill:#FFFFFF;stroke:#C7C6C6;stroke-width:1.5405;stroke-miterlimit:10;}
-	.st2{fill:#020203;}
-	.st3{font-family:'Roboto-Bold';}
-	.st4{font-size:64.8063px;}
-	.st5{fill:#2465AF;}
-	.st6{fill:#FFFFFF;}
-</style>
-
-
-  <g
-          id="g7">
-	<path
-            class="st5"
-            d="M1473.7,944.9H326.3c-55.6,0-100.6-45.1-100.6-100.6V839c0-55.6,45.1-100.6,100.6-100.6h1147.5   c55.6,0,100.6,45.1,100.6,100.6v5.3C1574.4,899.9,1529.3,944.9,1473.7,944.9z"
-            id="path4" />
-    <g
-            id="g5">
-		<text
-                transform="matrix(1 0 0 1 641.5649 863.5107)"
-                class="st6 st3 st4"
-                id="text4">Sign in with LinkedIn</text>
-	</g>
-    <g
-            id="g6">
-		<path
-                class="st6"
-                d="M322.8,825.3h20.4v65.5h-20.4V825.3z M333,792.8c6.5,0,11.8,5.3,11.8,11.8c0,6.5-5.3,11.8-11.8,11.8    c-6.5,0-11.8-5.3-11.8-11.8C321.1,798.1,326.4,792.8,333,792.8"
-                id="path5" />
-      <path
-              id="XMLID_6_"
-              class="st6"
-              d="M355.9,825.3h19.5v9h0.3c2.7-5.1,9.4-10.6,19.3-10.6c20.6,0,24.4,13.6,24.4,31.2v35.9H399V859    c0-7.6-0.1-17.4-10.6-17.4c-10.6,0-12.2,8.3-12.2,16.8v32.4h-20.3V825.3z" />
-	</g>
-</g>
-</svg>
diff --git a/public/helpbuild/theme.js b/public/helpbuild/theme.js
index 396d630..2be9cc6 100644
--- a/public/helpbuild/theme.js
+++ b/public/helpbuild/theme.js
@@ -4,20 +4,34 @@ if (privacyPolicy) {
   privacyPolicy.innerHTML = '<span>By signing up you agree to the Helpbuild <a href="https://helpbuild.co/privacy/">Privacy Policy</a></span>'
 }
 
-// Get the anchor element
-var anchor = document.getElementById('social-linkedin-openid-connect');
+const swapLinkedIn = () => {
+  var anchor = document.getElementById('social-linkedin-openid-connect');
 
-// Create an img element for the SVG
-var img = document.createElement('img');
-img.src = 'linkedin.svg'; // Replace with your SVG file path
-img.width = 60;
-img.height = 60;
+  // Create an SVG element
+  var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+  svg.setAttribute('height', '60px');
+  svg.setAttribute('width', '60px');
+  svg.setAttribute('viewBox', '0 0 291.319 291.319');
 
-// Insert the img at the beginning of the anchor element
-anchor.insertBefore(img, anchor.firstChild);
+  // Create paths and append them to the SVG
+  var path1 = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+  path1.setAttribute('style', 'fill:#0E76A8;');
+  path1.setAttribute('d', 'M145.659,0c80.45,0,145.66,65.219,145.66,145.66s-65.21,145.659-145.66,145.659S0,226.1,0,145.66 S65.21,0,145.659,0z');
+  svg.appendChild(path1);
 
-// Get the span element
-var span = anchor.getElementsByClassName('kc-social-provider-name')[0];
+  var path2 = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+  path2.setAttribute('style', 'fill:#FFFFFF;');
+  path2.setAttribute('d', 'M82.079,200.136h27.275v-90.91H82.079V200.136z M188.338,106.077 c-13.237,0-25.081,4.834-33.483,15.504v-12.654H127.48v91.21h27.375v-49.324c0-10.424,9.55-20.593,21.512-20.593 s14.912,10.169,14.912,20.338v49.57h27.275v-51.6C218.553,112.686,201.584,106.077,188.338,106.077z M95.589,100.141 c7.538,0,13.656-6.118,13.656-13.656S103.127,72.83,95.589,72.83s-13.656,6.118-13.656,13.656S88.051,100.141,95.589,100.141z');
+  svg.appendChild(path2);
 
-// Change the text of the span
-span.textContent = 'Sign in with LinkedIn';
+  // Insert the SVG at the beginning of the anchor element
+  anchor.insertBefore(svg, anchor.firstChild);
+
+  // Get the span element
+  var span = anchor.getElementsByClassName('kc-social-provider-name')[0];
+
+  // Change the text of the span
+  span.textContent = 'Sign in with LinkedIn';
+}
+
+swapLinkedIn()