swedbank-pay-design-guide-jekyll-theme 1.13.1 → 1.14.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 34b5d351a7370a3ab66bd78154707bf2ddf6c0d16fdf65d6dfb78cdaab4ba68d
-  data.tar.gz: cc283efead0a05492912bf80b6d7b3d94aba7ae7490d67d0b70b3053a1ea8385
+  metadata.gz: 649cb60bc3f38d084fda664cd1d82cdd38625305486e6b03dbc021f43c3ab274
+  data.tar.gz: 26ff172795b16213c44b25fe45afab72bc33f21cf2db2e34a796576fc552c65b
 SHA512:
-  metadata.gz: 9eeab09a13c6997781dc45fc9ac82714a0061f180df749c216b3f682b8a023cb3fc246918d2ed53c89760b8959cd6b9cf4fa2c386eae85018e4a605feee3235c
-  data.tar.gz: 827d1f75b7306334a5c062eceed4c4b8902333e24af72e0e64ac06206c9bd70c7b744eec055ed36650f8cfb298be5b0f35ab634eb676f6eaf39c7d8f381f8fb0
+  metadata.gz: 7dee2674322a40944ae277be8fa492c67ea642b6ba7a54b1a7b8509e68f1adaa82779f38667094e660fd3416f1829a6985f256f6a019a9cd6503fcddf9f47b56
+  data.tar.gz: 10ba3114b47ba95afbfe34e612af4d70296bcf41a3e6c5afb42c0eba664920314dea85f6b29f8f54afbed3d1ee92f64d9765ddc15003b11ed5f10adf96f458e6

data/_includes/tabs.html

@@ -1,18 +1,35 @@
-
-
-
-
-<div id="tabs-showcase-example" class="tabs">
+<div class="tabs" id="tabs-showcase-example">
     <ul>
-        <li class="active">
-            <a href="#">Selected</a>
+        <li class="full-checkout">
+            <a id="full-checkout">Full Checkout</a>
         </li>
-        <li>
-            <a href="#">Unselected</a>
-        </li>
-        <li>
-            <a href="#">Unselected</a>
+        <li class="payments-only">
+            <a id="payments-only">Payments Only</a>
         </li>
     </ul>
 </div>
-<p>Content of the selected tabs</p>
+
+<section>
+    <div id="tab1">
+        {{ include.full_checkout | markdownify}}
+    </div>
+    <div id="tab2" class="d-none">
+        {{ include.payments_only | markdownify}}
+    </div>
+</section>
+
+<script>
+$( "#full-checkout" ).click(function() {
+$( "#tab2" ).addClass( "d-none" )
+$( "#tab1" ).removeClass( "d-none" )
+$( ".full-checkout" ).addClass( "active" )
+$( ".payments-only" ).removeClass( "active" )
+
+  });
+$( "#payments-only" ).click(function() {
+$( "#tab2" ).removeClass( "d-none" )
+$( "#tab1" ).addClass( "d-none" )
+$( ".full-checkout" ).removeClass( "active" )
+$( ".payments-only" ).addClass( "active" )
+  });  
+  </script>

data/_layouts/front-page.html

@@ -58,27 +58,7 @@ layout: default
     {% endif %}
     
     <div class="front-page-container">
-    {% include card-extended.html
-        title='Get to know Checkout v3'
-        no_icon=true
-        button_content='Get started'
-        text='All businesses have their own unique needs. Which is why we have made it possible for you to adapt to a variety of those needs, using only one integration. To help you get started we have made five implementation options to choose among. In that way you can utilize your checkin in just a few configurations, or switch into any other of our stand alone payment methods - if that suits you better. Intrigued yet? Let’s find out more!'
-        button_type='primary'
-        button_alignment='align-self-end'
-        %}
-
-
-    {% include card-extended.html
-        title='Want to try it yourself?'
-        no_icon=true
-        button_content='Visit our Demoshop'
-        text='Experience what it would be like to pay as a costumer of yours in our demoshop.'
-        button_type='primary'
-        button_alignment='align-self-start'
-        card_container=true
-        container_content='![demoshop](/assets/img/demoshop-image.svg)'
-        to='https://ecom.externalintegration.payex.com/pspdemoshop'
-        %}
+        {% contentblock intro_cards%}
 
         <div class="front-page-cards-sdk">
             {% contentblock sdks %}

data/_sass/card.scss

@@ -3,15 +3,34 @@
 .cards {
     .table {
         &.table-plain {
+            thead {
+                tr {
+                    th:first-child {
+                        padding-left: 0;
+                    }
+
+                    th:not(:first-child) {
+                        text-align: center;
+                    }
+                }
+            }
             tbody {
                 tr {
+                    background-color: transparent;
                     td {
-                        justify-content: center;
+                        text-align: center;
                         border: none;
                     }
 
                     th {
+                        padding-left: 0;
+                        display: flex;
+                        align-items: end;
                         border: none;
+
+                        i {
+                            margin-right: 0.5rem;
+                        }
                     }
                 }
             }

data/lib/gem_version.rb

@@ -4,7 +4,7 @@ module Gem
   # Gem Specification
   class Specification
     def self.gem_version
-      '1.13.1'
+      '1.14.0'
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: swedbank-pay-design-guide-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 1.13.1
+  version: 1.14.0
 platform: ruby
 authors:
 - Swedbank Pay
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-12-13 00:00:00.000000000 Z
+date: 2021-12-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: faraday