npm - testio-tailwind - Versions diffs - 2.0.1 → 2.1.1 - Mend

testio-tailwind 2.0.1 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (162) hide show

package/src/pages/email-templates/email_testinator.pug ADDED Viewed

@@ -0,0 +1,362 @@
+---
+layout: pure.njk
+title: Testinator Email Template
+permalink: "|/email-testinator/"
+tags: testinatorEmail
+---
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+html(lang="en")
+  head
+    meta(content='text/html; charset=UTF-8', http-equiv='Content-Type')
+    title test IO
+    meta(content='width=device-width', name='viewport')
+    style(type='text/css').
+      /* RESET STYLES */
+      #outlook a {
+        padding: 0;
+      }
+      .ReadMsgBody {
+        width: 100%;
+      }
+      .ExternalClass {
+        width: 100%;
+      }
+      .ExternalClass,
+      .ExternalClass p,
+      .ExternalClass span,
+      .ExternalClass font,
+      .ExternalClass td,
+      .ExternalClass div {
+        line-height: 100%;
+      }
+      body,
+      table,
+      td,
+      a {
+        -webkit-text-size-adjust: 100%;
+        -ms-text-size-adjust: 100%;
+      }
+      /* Prevent WebKit and Windows mobile changing default text sizes */
+      table,
+      td {}
+      /* Remove spacing between tables in Outlook 2007 and up */
+      img {
+        -ms-interpolation-mode: bicubic;
+      }
+      .appleBody a {
+        color: #68440a;
+        text-decoration: none;
+      }
+      .appleFooter a {
+        color: #999999;
+        text-decoration: none;
+      }
+      /*/// Custom styles ///*/
+      table {
+        border-collapse: collapse !important;
+      }
+      body {
+        height: 100% !important;
+        margin: 0;
+        padding: 0;
+        width: 100% !important;
+        background-color: #222222;
+      }
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+        color: #1d1d1d;
+        line-height: 1.5;
+        padding: 0 0 0 0;
+        margin-bottom: 15px;
+        text-align: left;
+      }
+      h1 {
+        font-weight: 300 !important;
+        font-size: 35px !important;
+        line-height: 38px !important;
+        margin-top: 0;
+      }
+      h2 {
+        font-weight: 300 !important;
+        font-size: 25px !important;
+        line-height: 28px !important;
+      }
+      h3 {
+        font-weight: 300 !important;
+        font-size: 22px !important;
+        line-height: 22px !important;
+      }
+      p {
+        font-weight: 400;
+        font-size: 16px;
+        line-height: 24px;
+        padding: 0 0 15px 0;
+        color: #5f656d;
+        text-align: left;
+      }
+      img {
+        border: 0;
+        height: auto;
+        line-height: 100%;
+        outline: none;
+        text-decoration: none;
+        display: block;
+        margin-bottom: 20px;
+        width: 100%;
+        max-width: 500px;
+      }
+      .mobile-padding {
+        width: 100%;
+        padding-left: 15px;
+        padding-right: 15px;
+      }
+      .email-wrapper {
+        max-width: 600px;
+      }
+      .email-header {
+        padding-top: 20px;
+      }
+      .emailheader-logo {
+        display: block;
+        width: 280px;
+        height: 64px;
+        max-width: 100%;
+      }
+      .space-logo-container {
+        padding: 30px;
+        height: 120px;
+        background-color: #78EAC1;
+        border-radius: 10px 10px 0 0;
+      }
+      .space-title {
+        font-family: Open Sans, Helvetica, Arial, sans-serif;
+        color: #FFFFFF;
+        font-size: 16px;
+      }
+      .space-logo {
+        width: 100%;
+        height: auto;
+        max-width: 300px;
+        max-height: 150px;
+        margin-bottom: 0;
+      }
+      .email-content {
+        padding: 40px;
+        font-family: Open Sans, Helvetica, Arial, sans-serif;
+        color: #000000;
+        font-size: 16px;
+        background-color: #ffffff;
+      }
+      .email-footer {
+        width: 100%;
+        background-position: center;
+        background-repeat: no-repeat;
+        background-color: #181818;
+        font-size: 12px;
+        line-height: 18px;
+        font-family: Helvetica, Arial, sans-serif;
+        color:#666666;
+      }
+      .email-footer a {
+        color: #78EAC1
+      }
+      .footer-wrapper {
+        padding: 20px 0;
+      }
+      .footer-logo {
+        display: block;
+        height: 40px;
+        width: auto;
+        padding-top: 20px;
+      }
+      .text-poweredby {
+        padding-top: 20px;
+        text-align: right;
+      }
+      .footer-links {
+        text-align: center;
+        padding-bottom: 20px;
+      }
+      .footer-links a {
+        padding-left: 10px;
+        padding-right: 10px;
+      }
+      .footer-disclaimer {
+        display: block;
+        padding-bottom: 10px;
+        text-align: center;
+      }
+      .unsubscribe-wrapper {
+        display: block;
+        padding: 10px 10px;
+        text-align: center;
+        background-color: #1d1d1d;
+        border-top: 1px solid #5f656d;
+        font-size: 12px;
+        line-height: 18px;
+        font-family: Helvetica, Arial, sans-serif;
+        color:#666666;
+      }
+      .unsubscribe-wrapper a {
+        color: #78EAC1
+      }
+      .unsubscribe-link {
+        color: #666666;
+        margin-right: 40px;
+      }
+      a.email-button {
+        display: block;
+        min-height: 25px;
+        min-width: 100px;
+        margin-left: 20% !important;
+        margin-right: 20% !important;
+        margin-top: 15px;
+        margin-bottom: 30px;
+        padding: 0 10px !important;
+        font-size: 18px;
+        font-weight: 500;
+        font-style: bold;
+        text-decoration: none;
+        text-align: center;
+        color: #222222;
+        background-color: #78EAC1;
+        border-top: 15px solid #78eac1;
+        border-bottom: 15px solid #78eac1;
+        border-left: 15px solid #78eac1;
+        border-right: 15px solid #78eac1;
+        border-radius: 30px;
+        -webkit-border-radius: 30px;
+        outline: none;
+      }
+      a.intercom-h2b-button {
+        display: block;
+        min-height: 25px;
+        min-width: 100px;
+        margin-left: 20% !important;
+        margin-right: 20% !important;
+        margin-top: 15px;
+        margin-bottom: 30px;
+        padding: 0 10px !important;
+        font-size: 18px;
+        font-weight: 500;
+        font-style: bold;
+        text-decoration: none;
+        text-align: center;
+        color: #222222;
+        background-color: #78EAC1;
+        border-top: 15px solid #78EAC1;
+        border-bottom: 15px solid #78EAC1;
+        border-left: 15px solid #78EAC1;
+        border-right: 15px solid #78EAC1;
+        border-radius: 30px;
+        -webkit-border-radius: 30px;
+        outline: none;
+      }
+      .button-wrapper {
+        text-align: center;
+        background-color: #236a84;
+        padding: 40px 0;
+      }
+      a.wrapped {
+        margin-left: 0;
+        background-color: #fff;
+        color: #236a84;
+      }
+      ul,
+      ol {
+        text-align: left;
+      }
+  body
+    table(border='0', cellpadding='0', cellspacing='0', width='100%')
+      tr
+        td.mobile-padding.email-header
+          table.email-wrapper(align='center', border='0', cellpadding='0', cellspacing='0', width='100%')
+            tr
+              td.space-logo-container(align='center')
+                img.space-logo(src='/assets/images/logo_testinator/testinator_logo_purpleteal_black_1000px.png', alt='Logo')
+    table(border='0', cellpadding='0', cellspacing='0', width='100%')
+      tr
+        td.mobile-padding
+          table.email-wrapper(align='center', border='0', cellpadding='0', cellspacing='0', width='100%')
+            tr
+              td.email-content(align='center')
+                h1 Here&apos;s the main h1 heading
+                p
+                  strong Strong subheadline with some lorem ipsum
+                p
+                  | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer feugiat facilisis purus at scelerisque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam tincidunt porttitor eros, vitae vestibulum dui facilisis eu. Cras eu ipsum lacus. Integer faucibus iaculis lorem, quis pretium leo rhoncus eget. Duis sodales tincidunt est a pretium. Nunc orci nisl, dignissim non pretium sed, fermentum vel purus. Sed quis enim rhoncus leo dapibus molestie in eu risus. Sed tincidunt tristique urna. Nullam accumsan tincidunt sem vitae fermentum. Nunc est nulla, adipiscing et laoreet nec,
+                  a(target='_blank', href='http://testinator.ai') convallis vel ante
+                  | . Quisque cursus, odio ac pharetra tristique, diam felis lobortis orci, at blandit sem mauris eget lacus. Ut placerat posuere lacus, nec suscipit libero iaculis in.
+                a.email-button(href='#') email-button
+                img(src='/assets/images/placeholders/Approaches-desktop.png')
+                h2 Here&apos;s an h2 heading for structuring the content
+                p Fusce eget augue quam. Maecenas vehicula ligula in nibh dapibus sollicitudin. Donec eget vulputate mauris. Duis fringilla nunc vitae quam euismod non interdum orci aliquet. Duis at lacus erat, sed ultricies felis. Phasellus faucibus mauris vel odio iaculis ullamcorper. In hac habitasse platea dictumst. Integer id odio justo. Ut a ligula arcu. Vestibulum nec quam justo. Suspendisse molestie neque a enim accumsan auctor ornare lacus pellentesque. Praesent vitae lectus vitae sapien scelerisque auctor.
+                p Here&apos;s an announcement message containing facilisis auctor dolor, et fringilla turpis suscipit et. Pellentesque ipsum risus, vehicula eu rutrum non, ornare aliquam lectus. Donec sed tortor ut quam ultrices tincidunt. Sed sagittis tincidunt pulvinar.
+                h3 H3 New announcements
+                p.email-card
+                  | A card containing some very important: Ut facilisis auctor dolor, et fringilla turpis suscipit et. Pellentesque ipsum risus, vehicula eu rutrum non, ornare aliquam lectus. Donec sed tortor ut quam ultrices tincidunt. Sed sagittis tincidunt pulvinar.
+                a.intercom-h2b-button(href='#') intercom-h2b-button
+    table.email-footer(border='0', cellpadding='0', cellspacing='0', width='100%')
+      tr
+        td.mobile-padding
+          table.email-wrapper(align='center', border='0', cellpadding='0', cellspacing='0', width='100%')
+            tr
+              td
+                a(target='_blank', href='http://testinator.ai')
+                  img.footer-logo(src='/assets/images/logo_testinator/testinator_logo_purpleteal_white_1000px.png', alt='Logo')
+              td(align='right')
+                p.text-poweredby Powered by Test IO | EPAM
+          table.email-wrapper(align='center', border='0', cellpadding='0', cellspacing='0', width='100%')
+            tr(align='center')
+              td.mobile-padding
+                .footer-disclaimer
+                  | This email and its contents are intended for informational purposes only. By submitting your email address, you consented to receive communications related to your Testinator demo test. We respect your privacy and handle your data in accordance with applicable data protection laws, including the General Data Protection Regulation (GDPR). Learn more in our
+                  a(target='_blank', href='https://test.io/dataprivacy') Privacy Policy
+                  | .
+            tr
+              td.footer-links(align='center')
+                a(target='_blank', href='https://test.io/dataprivacy') data privacy
+                a(target='_blank', href='https://test.io/ai-in-qa/testinator') about
+                a(target='_blank', href='https://test.io/policies') terms
+    table(width='100%', cellspacing='0', cellpadding='0', border='0')
+        tr
+          td
+            .unsubscribe-wrapper
+              | If you received this email in error or would like to request to access, update, or delete your data, you can
+              a(target='_blank', href='mailto:testinator@test.io') contact us
+              |  anytime.

package/src/pages/testinator/email.njk ADDED Viewed

@@ -0,0 +1,19 @@
+---
+tags: testinator
+title: Email Template
+---
+<a class="btn btn-primary" href="/email-testinator">Show email template</a>
+{% set collection = collections.testinatorEmail %}
+{%- for section in collection -%}
+  <details class="mt-3">
+    <summary class="btn btn-sm btn-gray">
+      <span class="icon icon-format-code mr-icon-spacing"></span>
+      <span>Show source</span>
+    </summary>
+    <div class="ds-code-preview">
+      <pre><code class="code html-preview">{{ section.templateContent | trim }}</code></pre>
+    </div>
+  </details>
+{%- endfor -%}

package/src/pages/testinator/index.njk ADDED Viewed

@@ -0,0 +1,7 @@
+---
+layout: base
+permalink: testinator/
+---
+{% set collection = collections.testinator %}
+{% include "page-with-sidebar-nocode.njk" %}

package/src/pages/testinator/logo.haml ADDED Viewed

@@ -0,0 +1,18 @@
+---
+tags: testinator
+title: Testinator logo
+---
+.grid.gap-md.grid-cols-2{class:"xl:grid-cols-3 2xl:grid-cols-4"}
+  %a.block{href:"/assets/images/logo_testinator/testinator_logo_purpleteal_white_1000px.png"}
+    %img.bg-gray-lightest.p-md{src:"/assets/images/logo_testinator/testinator_logo_purpleteal_white_1000px.png"}
+    .text-xs.mt-2 Logo horizontal white PNG
+  %a.block{href:"/assets/images/logo_testinator/testinator_logo_purpleteal_white.svg"}
+    %img.bg-gray-lightest.p-md{src:"/assets/images/logo_testinator/testinator_logo_purpleteal_white.svg"}
+    .text-xs.mt-2 Logo horizontal white SVG
+  %a.block{href:"/assets/images/logo_testinator/testinator_logo_purpleteal_black_1000px.png"}
+    %img.bg-gray-lightest.p-md{src:"/assets/images/logo_testinator/testinator_logo_purpleteal_black_1000px.png"}
+    .text-xs.mt-2 Logo horizontal black PNG
+  %a.block{href:"/assets/images/logo_testinator/testinator_logo_purpleteal_black.svg"}
+    %img.bg-gray-lightest.p-md{src:"/assets/images/logo_testinator/testinator_logo_purpleteal_black.svg"}
+    .text-xs.mt-2 Logo horizontal black SVG

package/src/_includes/card_popover.haml DELETED Viewed

@@ -1,7 +0,0 @@
-%details.popover-wrapper.dropright.card-info-popover
-  %summary
-  .btn.btn-sm.btn-square
-    .icon.icon-info
-  .popover-menu.info
-  .popover-title Popover title
-  .popover-content Popover content Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.