Larson Texts notes. Lots of Pipedrive Template changes. Started my GS Script for Timeline events.

Custom_Templates/customer_templates/Pipedrive User-Learn - Prereg/login-page.html.liquid

@@ -0,0 +1,101 @@
+{% comment %} skip-auth {% endcomment %}
+{% include 'header' %}
+
+<main class="np-main np-box-container width-limit">
+  <div class="login-wrapper">
+    <h3 class="login-title">
+      <span class="lang-en">Learn for free</span>
+      <span class="lang-de"></span>
+      <span class="lang-es"></span>
+      <span class="lang-fr"></span>
+      <span class="lang-br"></span>
+    </h3>
+    <a class="login-redirection-button" href="/learners/sign_in">
+      <span class="lang-en">Log in with</span>
+      <span class="lang-de"></span>
+      <span class="lang-es"></span>
+      <span class="lang-fr"></span>
+      <span class="lang-br"></span> <img class="login-redirection-button-logo" src="https://s3.amazonaws.com/static.northpass.com/pipedrive/Logo.png" alt="pipedrive">
+    </a>
+    <div class="login-text-wrapper">
+      <div class="login-text-strike"></div>
+      <div class="login-text body-s">
+        <span class="lang-en">Not a Pipedrive user? Log in below</span>
+        <span class="lang-de"></span>
+        <span class="lang-es"></span>
+        <span class="lang-fr"></span>
+        <span class="lang-br"></span>
+      </div>
+    </div>
+    
+  </div>
+</main>
+
+{% include 'footer' %}
+
+<style>
+  .login-wrapper {
+      padding: 40px;
+      border: 2px solid #E4E6E9;
+      border-radius: 4px;
+      margin-top: 80px;
+      margin-bottom: 80px;
+  }
+  .login-redirection-button-logo {
+      height: 26px;
+      align-self: center;
+  }
+  .login-redirection-button {
+      display: flex;
+      justify-content: center;
+      gap: 8px;
+      padding: 22px 10px;
+      background: #F4F5F6;
+      margin-bottom: 40px;
+      border-radius: 4px;
+  }
+  .login-title {
+      text-align: center;
+      margin-bottom: 40px;
+  }
+  .login-text-wrapper {
+      position: relative;
+      margin-bottom: 40px;
+  }
+  .login-text {
+      background: white;
+      width: fit-content;
+      margin: auto;
+      padding: 0 10px;
+      max-width: 80%;
+      text-align: center;
+  }
+  .login-text-strike {
+      border-bottom: 1px solid #E4E6E9;
+      position: absolute;
+      top: 50%;
+      width: 100%;
+      height: 1px;
+      z-index: -1;
+  }
+  .np-input {
+      background: none;
+      border: none;
+      border-radius: 0;
+  }
+  .np-form-field {
+      display: flex;
+      align-items: center;
+      border-bottom: 2px solid #E4E6E9;
+  }
+  .login-icon {
+      margin-left: 20px;
+  }
+  footer.main-footer .footer-links {
+      display: none;
+  }
+  .np-box-container {
+      height: unset;
+  }
+</style>
+