added helpbuild test

public/helpbuild_test/theme.css

@@ -0,0 +1,169 @@
+.login-pf body {
+    background: #f3f4f6;
+}
+
+.login-pf-page {
+    width: 1100px;
+    background: #ffffff;
+    padding: 30px;
+}
+
+body .login-pf-page .card-pf {
+    border: 1px solid #e4e4e7 !important;
+    border-radius: 15px;
+    overflow: hidden;
+    background: none !important;
+}
+
+.login-pf-page .login-pf-header h1 {
+    background: #ffffff !important;
+    color: #000000;
+    border-bottom: 1px solid #e4e4e7 !important;
+}
+
+body .pf-c-form-control {
+    border: 1px solid #e4e4e7 !important;
+    padding: 10px 20px !important;
+    border-radius: 10px !important;
+}
+
+body .pf-c-button.pf-m-primary {
+    font-size: 16px;
+}
+
+.pf-c-button.pf-m-primary {
+    background: #AA11D1 !important;
+}
+
+.pf-c-button.pf-m-primary:hover {
+    opacity: 0.8;
+}
+
+div#kc-content {
+    margin: 0px auto 5px;
+}
+
+div#kc-registration span a:hover {
+    background: #AA11D1;
+}
+
+#kc-header {
+    background: #ffffff;
+    color: #000000;
+    position: relative;
+}
+
+.app-logo {
+    background-image: url(https://helpbuild.co/wp-content/uploads/2024/02/Rocket-research-amico.svg);
+    background-position: center;
+    background-size: contain !important;
+    width: 400px !important;
+    height: 270px !important;
+    margin-bottom: 0;
+}
+
+@media screen and (max-width: 600px) {
+    .app-logo {
+        display: none;
+    }
+}
+
+
+body #kc-header {
+    flex: 0 0 500px;
+    max-width: 500px;
+}
+
+#kc-header-wrapper::before {
+    display: none;
+}
+
+.login-pf-page .login-pf-page-header p::before {
+    content: "Turn Your Network into Your Greatest Supporters.";
+    font-weight: 700;
+    color: #000;
+    letter-spacing: 0;
+    font-size: 20px;
+}
+
+#kc-header-wrapper p {
+    margin: 0 !important;
+}
+
+/*.login-pf-page .login-pf-page-header h2::before {*/
+/*    content: 'Turning your netowrk into you greatest supporters.';*/
+/*    font-weight: 700;*/
+/*    color: #000;*/
+/*    letter-spacing: 0;*/
+/*    font-size: 20px;*/
+/*}*/
+
+.login-main-title::before {
+    content: "Login";
+}
+
+.login-sub-heading::before {
+    content: "Get started.";
+}
+
+#new-to-app::before {
+    content: "New to HelpBuild?";
+}
+
+.register-main-title::before {
+    content: "Create your account";
+}
+.register-sub-heading::before {
+    content: "Join and get started!";
+}
+
+#kc-header-wrapper::before {
+    background: #AA11D1 !important;
+}
+
+div#main-logo {
+    height: 100px;
+    background-size: 190px !important;
+    background: url(logo1.svg) no-repeat;
+    width: 190px;
+    order: -1;
+    margin: 0 auto 0;
+}
+
+div#kc-registration span a {
+    padding: 10px 25px !important;
+    min-width: 200px;
+    text-align: center;
+}
+
+@media screen and (max-width: 991px) {
+    body {
+        padding: 0 !important;
+    }
+    .login-pf-page {
+        max-width: 100% !important;
+        border-radius: 0 !important;
+        min-height: 100vh;
+    }
+    body #kc-header {
+        max-width: 100% !important;
+        flex: auto;
+    }
+    #kc-header-wrapper, .app-logo {
+        display: none;
+    }
+}
+
+.kc-social-icon-text {
+     left: 0px;
+}
+
+
+.or-container{
+   margin-top: 35px;
+   margin-bottom: 5px;
+}
+
+.or-container h4 {
+    color: #AA11D1 !important;
+}

public/helpbuild_test/theme.js

@@ -0,0 +1,53 @@
+const fixPolicy = () => {
+  const privacyPolicy = document.getElementById('privacy-policy');
+  if (privacyPolicy) {
+    privacyPolicy.innerHTML = '<span>By signing up you agree to the Helpbuild <a href="https://helpbuild.co/privacy/">Privacy Policy</a></span>'
+  }
+}
+
+const swapLinkedIn = () => {
+  var anchor = document.getElementById('social-linkedin-openid-connect');
+
+  if (anchor) {
+    anchor.insertAdjacentHTML('afterbegin', '<i class="kc-social-provider-logo kc-social-gray fa fa-linkedin" aria-hidden="true"></i> ');
+  }
+
+  // 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';
+}
+const renameGoogle = () => {
+  var anchor = document.getElementById('social-google');
+  if (!anchor) return;
+  // Get the span element
+  var span = anchor.getElementsByClassName('kc-social-provider-name')[0];
+
+  // Change the text of the span
+  span.textContent = 'Sign in with Google';
+}
+
+const fixLogo = () => {
+  const headerWrapper = document.getElementById('kc-header-wrapper');
+  const header = document.getElementById('kc-header');
+  const loginBtnWrapper = document.getElementById('kc-info-wrapper')
+  const signupBtnWrapper = document.getElementById('kc-registration-container')
+  if (headerWrapper) {
+    headerWrapper.innerHTML = '<h2></h2><p></p>'
+  }
+
+  if (header) {
+    const logo = document.createElement('div');
+    logo.id = 'main-logo';
+    header.appendChild(logo);
+  }
+
+  // if (loginBtnWrapper) loginBtnWrapper.remove();
+  // if (signupBtnWrapper) signupBtnWrapper.remove();
+}
+
+fixPolicy()
+fixLogo()
+swapLinkedIn()
+renameGoogle()