swedbank-pay-design-guide-jekyll-theme 1.7.1 → 1.8

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 3d3d07347a94b92124a9544e2f389d190b168839db3b6636462af1ac28d52f8e
4
- data.tar.gz: 290dfa45ad65496aecbb7b1f7ddfea1796a9b6ea5326823adc28605246e4cad7
3
+ metadata.gz: f57da44f36098220148d4eb99c223c18ee561ddd9de7525598ecadbad350032b
4
+ data.tar.gz: f7b47697a6b3aaf102e7ffa7a16309ae1afbc8045f1ce8d4014da83894011f0d
5
5
  SHA512:
6
- metadata.gz: 0a860ed7034200d5ca1c3dbfdf4c775dada77c5b9f9c45829f699ad7aa2d756d333fb8c750455095c68e971e29f48be8fd6cc4071b232d4c5463a524926d16b6
7
- data.tar.gz: 5f315b0b6a703c14717c31175648826146245e5c846cc7a52abdaf88557e935f0319776f5768f63e784f150a55663f2b0e4bef99d348d9b56624f1dac776cc2f
6
+ metadata.gz: 287ed527957eeb2e96fae0e305c6f060e1f1027a61f4ed592842c60eabb5d7feb19676ee1080a137526a5e23cf020a2deb749a7952eb502379e7621cfbff4112
7
+ data.tar.gz: 1729df6cf6f02226c310ce3e7ee0168b8718919a63b8d253bb6b907b4d3c7c90569246f688f073b85764d607819938285a86e991e38368a7fe7bfa264b84079e
@@ -1,5 +1,4 @@
1
1
  {%- assign title = page.title | default: "PayEx Design Guide theme for Jekyll" -%}
2
- {%- assign front_page = page.front_page | default: false -%}
3
2
  {%- assign description = page.opengraph.description | default: site.opengraph.description -%}
4
3
  {%- assign image = page.opengraph.image | default: site.opengraph.image -%}
5
4
  {%- assign github_branch = site.github.branch | default : "develop" -%}
@@ -80,14 +79,14 @@
80
79
  </div>
81
80
 
82
81
  <main class="doc-view col-xxl-10 col-lg-9">
83
- {% if front_page != true %}
82
+ {% if page.layout != 'front-page' %}
84
83
  {% assign title_lead = title | split: '–' | first %}
85
84
  {% assign title_main = title | split: '–' | last %}
86
85
  {% assign description = page.description %}
87
86
  {% assign estimated_read = page.estimated_read %}
88
87
  <div class="title-header">
89
88
  <div class="title-header-container
90
- {% if page.card_overview%} max-width-card-overview
89
+ {% if page.card_overview %} max-width-card-overview
91
90
  {% else %} max-width
92
91
  {% endif %}">
93
92
  {% if title_lead != title_main %}
@@ -106,8 +105,8 @@
106
105
  </div>
107
106
  </div>
108
107
  {% endif %}
109
- <div class="doc-container{% if front_page == true %} no-padding
110
- {% elsif page.card_overview%} normal-padding max-width-card-overview
108
+ <div class="doc-container{% if page.layout == 'front-page' %} no-padding
109
+ {% elsif page.card_overview %} normal-padding max-width-card-overview
111
110
  {% else %} normal-padding max-width
112
111
  {% endif %}">
113
112
  <article>
@@ -0,0 +1,112 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {% assign show_merchants_bar = page.front_page.show_merchants_bar | default: false %}
6
+ {% assign front_page_title = page.front_page.title | default: 'developer portal' %}
7
+ {% assign front_page_hero = page.front_page.hero | default: "Welcome to the Swedbank Pay" %}
8
+ {% assign front_page_ingress = page.front_page.ingress | default: "Our developer portal gives you the full tool box for integrating our payment instruments and getting started with easy, flexible and safe payments on your e-commerce website." %}
9
+ {% assign front_page_start_heading = page.front_page.start_heading | default: "Start your integration" %}
10
+
11
+ <div class="front-page">
12
+ <div class="front-page-container">
13
+ <div class="front-page-top">
14
+ <div class="front-page-hero">
15
+ <h3>{{ front_page_hero }}</h3>
16
+ <div class="front-page-hero-name">
17
+ {<span>{{ front_page_title }}</span>}
18
+ </div>
19
+ <p>{{ front_page_ingress }}</p>
20
+ </div>
21
+ <div class="front-page-intro-cards">
22
+ <h2 id="front-page-start" class="heading-line heading-line-white">{{ front_page_start_heading }}</h2>
23
+ {% contentblock start %}
24
+ </div>
25
+ </div>
26
+ {% if show_merchants_bar == true %}
27
+ <div class="front-page-merchants">
28
+ <h6>Trusted by</h6>
29
+ <div class="merchants-container justify-content-xxl-between">
30
+ <a class="merchant-link">
31
+ {% include img/merchants/logo-schibsted.svg %}
32
+ </a>
33
+ <a class="merchant-link">
34
+ {% include img/merchants/logo-ica.svg %}
35
+ </a>
36
+ <a class="merchant-link">
37
+ {% include img/merchants/logo-elkjop.svg %}
38
+ </a>
39
+ <a class="merchant-link">
40
+ {% include img/merchants/logo-synsam.svg %}
41
+ </a>
42
+ <a class="merchant-link">
43
+ {% include img/merchants/logo-coop.svg %}
44
+ </a>
45
+ <a class="merchant-link">
46
+ {% include img/merchants/logo-svenskaspel.svg %}
47
+ </a>
48
+ <a class="merchant-link">
49
+ {% include img/merchants/logo-skanetrafiken.svg %}
50
+ </a>
51
+ </div>
52
+ </div>
53
+ </div>
54
+ {% endif %}
55
+ <a href="https://ecom.externalintegration.payex.com/pspdemoshop" class="front-page-demoshop">
56
+ <span class="front-page-demoshop-text">
57
+ <span class="h2">Try our Demoshop<span>.</span></span>
58
+ <span class="demoshop-text-description">
59
+ Unsure about how it all works? See how our checkout and payment methods are used
60
+ in practice!
61
+ </span>
62
+ </span>
63
+ <span class="front-page-demoshop-link">
64
+ <span class="h3">Go to the demoshop</span>
65
+ <i class="material-icons">arrow_forward</i>
66
+ <span class="demoshop-link-img">
67
+ <img class="demoshop-link-img-mobile d-md-none d-lg-flex d-xl-none d-xxl-flex"
68
+ src="/assets/img/demoshop-mobile.svg" alt="demoshop-mobile" />
69
+ <img class="demoshop-link-img-mobile d-none d-md-none d-lg-flex d-xl-none"
70
+ src="/assets/img/demoshop-mobile2.svg" alt="demoshop-mobile2" />
71
+ <img class="demoshop-link-img-web d-none d-sm-none d-md-flex d-lg-none d-xl-flex"
72
+ src="/assets/img/demoshop-web.svg" alt="demoshop-web" />
73
+ </span>
74
+ </span>
75
+ </a>
76
+
77
+ <div class="front-page-container">
78
+ <div class="front-page-cards-sdk">
79
+ {% contentblock sdks %}
80
+ </div>
81
+
82
+ <div class="front-page-cards-module">
83
+ {% contentblock modules %}
84
+ </div>
85
+
86
+ <div class="front-page-release-notes">
87
+ {% contentblock release_notes %}
88
+ </div>
89
+
90
+ <div class="front-page-cards-extra">
91
+ {% contentblock extras %}
92
+ </div>
93
+
94
+ <div class="front-page-contact">
95
+ <div class="front-page-contact-content">
96
+ <div class="row">
97
+ <div class="col-xl-7">
98
+ <h2 id="front-page-contact" class="heading-line heading-line-long">Can't find what you are
99
+ looking for?</h2>
100
+ <p>
101
+ We are always trying to make the developer portal as
102
+ good as it can be please don’t hesitate to contact us.
103
+ </p>
104
+ </div>
105
+ <div class="col-xl-5 d-flex align-items-center justify-content-center">
106
+ <button class="btn">Contact us here</button>
107
+ </div>
108
+ </div>
109
+ </div>
110
+ </div>
111
+ </div>
112
+ </div>
@@ -4,7 +4,7 @@ module Gem
4
4
  # Gem Specification
5
5
  class Specification
6
6
  def self.gem_version
7
- '1.7.1'
7
+ '1.8'
8
8
  end
9
9
  end
10
10
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: swedbank-pay-design-guide-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.7.1
4
+ version: '1.8'
5
5
  platform: ruby
6
6
  authors:
7
7
  - Swedbank Pay
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-09-10 00:00:00.000000000 Z
11
+ date: 2020-09-15 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: faraday
@@ -58,6 +58,20 @@ dependencies:
58
58
  - - "<"
59
59
  - !ruby/object:Gem::Version
60
60
  version: '5.0'
61
+ - !ruby/object:Gem::Dependency
62
+ name: jekyll-contentblocks
63
+ requirement: !ruby/object:Gem::Requirement
64
+ requirements:
65
+ - - ">="
66
+ - !ruby/object:Gem::Version
67
+ version: '0'
68
+ type: :runtime
69
+ prerelease: false
70
+ version_requirements: !ruby/object:Gem::Requirement
71
+ requirements:
72
+ - - ">="
73
+ - !ruby/object:Gem::Version
74
+ version: '0'
61
75
  - !ruby/object:Gem::Dependency
62
76
  name: jekyll-github-metadata
63
77
  requirement: !ruby/object:Gem::Requirement
@@ -189,7 +203,6 @@ files:
189
203
  - _includes/card-horizontal-list.html
190
204
  - _includes/card-list.html
191
205
  - _includes/card.html
192
- - _includes/front-page.html
193
206
  - _includes/google_analytics.html
194
207
  - _includes/img/merchants/logo-coop.svg
195
208
  - _includes/img/merchants/logo-elkjop.svg
@@ -214,6 +227,7 @@ files:
214
227
  - _includes/sidebar.html
215
228
  - _includes/toc.html
216
229
  - _layouts/default.html
230
+ - _layouts/front-page.html
217
231
  - _plugins/sidebar.rb
218
232
  - _sass/card.scss
219
233
  - _sass/code-view.scss
@@ -1,241 +0,0 @@
1
- {%- comment -%}
2
- **Parameters
3
- card_col_class: Grid column class the cards should be wrapped in
4
- num_dates: Amount of rows (based on dates in release_notes) should be displayed
5
- in release-notes
6
- {%- endcomment -%}
7
-
8
- {% assign card_col_class = include.card_col_class | default: "col-xxl-3 col-xl-6 col-lg-6" %}
9
- {% assign num_dates = include.num_dates | default: 3 %}
10
- {% assign show_merchants_bar = include.show_merchants_bar | default: false %}
11
-
12
- <div class="front-page">
13
- <div class="front-page-container">
14
- <div class="front-page-top">
15
- <div class="front-page-hero">
16
- <h3>Welcome to the Swedbank Pay</h3>
17
- <div class="front-page-hero-name">
18
- {<span>developer portal</span>}
19
- </div>
20
- <p>
21
- Our developer portal gives you the full tool box for integrating
22
- our payment instruments and getting started with easy, flexible and
23
- safe payments on your e-commerce website.
24
- </p>
25
- </div>
26
- <div class="front-page-intro-cards">
27
- <h2 id="front-page-start" class="heading-line heading-line-white">Start your integration</h2>
28
- <div class="row mt-4">
29
- <div class="{{ card_col_class }}">
30
- {% include card.html title='Checkout'
31
- title_type="h2"
32
- text='With our Checkout you get the pre-built all-in-one
33
- payment solution, complete with a checkin interface and
34
- payment menu.'
35
- icon_content='shopping_cart'
36
- icon_outlined=true
37
- to='/checkout'
38
- %}
39
- </div>
40
- <div class="{{ card_col_class }}">
41
- {% include card.html title='Payments'
42
- title_type="h2"
43
- text='Payments gives you a one-by-one integration with more
44
- customization for each payment method to build your own
45
- payment menu.'
46
- icon_content='credit_card'
47
- to='/payments'
48
- %}
49
- </div>
50
- </div>
51
- </div>
52
- </div>
53
- {% if show_merchants_bar == true %}
54
- <div class="front-page-merchants">
55
- <h6>Trusted by</h6>
56
- <div class="merchants-container justify-content-xxl-between">
57
- <a class="merchant-link">
58
- {% include img/merchants/logo-schibsted.svg %}
59
- </a>
60
- <a class="merchant-link">
61
- {% include img/merchants/logo-ica.svg %}
62
- </a>
63
- <a class="merchant-link">
64
- {% include img/merchants/logo-elkjop.svg %}
65
- </a>
66
- <a class="merchant-link">
67
- {% include img/merchants/logo-synsam.svg %}
68
- </a>
69
- <a class="merchant-link">
70
- {% include img/merchants/logo-coop.svg %}
71
- </a>
72
- <a class="merchant-link">
73
- {% include img/merchants/logo-svenskaspel.svg %}
74
- </a>
75
- <a class="merchant-link">
76
- {% include img/merchants/logo-skanetrafiken.svg %}
77
- </a>
78
- </div>
79
- </div>
80
- </div>
81
- {% endif %}
82
- <a href="https://ecom.externalintegration.payex.com/pspdemoshop" class="front-page-demoshop">
83
- <span class="front-page-demoshop-text">
84
- <span class="h2">Try our Demoshop<span>.</span></span>
85
- <span class="demoshop-text-description">
86
- Unsure about how it all works? See how our checkout and payment methods are used
87
- in practice!
88
- </span>
89
- </span>
90
- <span class="front-page-demoshop-link">
91
- <span class="h3">Go to the demoshop</span>
92
- <i class="material-icons">arrow_forward</i>
93
- <span class="demoshop-link-img">
94
- <img class="demoshop-link-img-mobile d-md-none d-lg-flex d-xl-none d-xxl-flex"
95
- src="/assets/img/demoshop-mobile.svg" alt="demoshop-mobile" />
96
- <img class="demoshop-link-img-mobile d-none d-md-none d-lg-flex d-xl-none"
97
- src="/assets/img/demoshop-mobile2.svg" alt="demoshop-mobile2" />
98
- <img class="demoshop-link-img-web d-none d-sm-none d-md-flex d-lg-none d-xl-flex"
99
- src="/assets/img/demoshop-web.svg" alt="demoshop-web" />
100
- </span>
101
- </span>
102
- </a>
103
-
104
- <div class="front-page-container">
105
- <div class="front-page-cards-sdk">
106
- <h2 id="front-page-sdk" class="heading-line heading-line-sdk">Looking for SDKs?</h2>
107
- <div class="row mt-4">
108
- <div class="{{ card_col_class }}">
109
- {% include card.html title='Android SDK'
110
- text='Learn more about how to integrate our Android SDK'
111
- icon_content='img/sdks/logo-android.svg'
112
- icon_svg=true
113
- type='sdk'
114
- to=''
115
- %}
116
- </div>
117
- <div class="{{ card_col_class }}">
118
- {% include card.html title='Swift SDK'
119
- text='Learn more about how to integrate our Swift SDK'
120
- icon_content='img/sdks/logo-swift.svg'
121
- icon_svg=true
122
- type='sdk'
123
- to=''
124
- %}
125
- </div>
126
- <div class="{{ card_col_class }}">
127
- {% include card.html title='.NET SDK'
128
- text='Learn more about how to integrate our .NET SDK'
129
- icon_content='img/sdks/logo-net.svg'
130
- icon_svg=true
131
- type='sdk'
132
- to=''
133
- %}
134
- </div>
135
- <div class="{{ card_col_class }}">
136
- {% include card.html title='PHP SDK'
137
- text='Learn more about how to integrate our PHP SDK'
138
- icon_content='img/sdks/logo-php.svg'
139
- icon_svg=true
140
- type='sdk'
141
- to=''
142
- %}
143
- </div>
144
- </div>
145
- </div>
146
-
147
- <div class="front-page-cards-module">
148
- <h2 id="front-page-module" class="heading-line heading-line-module">Or perhaps modules?</h2>
149
- <div class="row mt-4">
150
- <div class="{{ card_col_class }}">
151
- {% include card.html title='Episerver'
152
- text='See how you can integrate the Episerver module'
153
- icon_content='img/modules/logo-episerver.svg'
154
- icon_svg=true
155
- type='module'
156
- to=''
157
- %}
158
- </div>
159
- <div class="{{ card_col_class }}">
160
- {% include card.html title='Magento 2'
161
- text='See how you can integrate the Magento 2 module'
162
- icon_content='img/modules/logo-magento2.svg'
163
- icon_svg=true
164
- type='module'
165
- to=''
166
- %}
167
- </div>
168
- <div class="{{ card_col_class }}">
169
- {% include card.html title='WooCommerce'
170
- text='See how you can integrate the WooCommerce module'
171
- icon_content='img/modules/logo-woocommerce.svg'
172
- icon_svg=true
173
- type='module'
174
- to=''
175
- %}
176
- </div>
177
- </div>
178
- </div>
179
-
180
- <div class="front-page-release-notes">
181
- <h2 id="front-page-release-notes" class="heading-line heading-line-green">What's new in the documentation
182
- </h2>
183
- {% include release_notes.html num_dates=num_dates %}
184
- <a href="/resources/release-notes">See full release notes</a>
185
- </div>
186
-
187
- <div class="front-page-cards-extra">
188
- <h2 id="front-page-extra-resources" class="heading-line">Extra resources</h2>
189
- <div class="row mt-4">
190
- <div class="{{ card_col_class }}">
191
- {% include card.html title='OS development guidelines'
192
- text='This is how we create an inclusive environment'
193
- icon_content='account_circle'
194
- icon_outlined=true
195
- to=''
196
- %}
197
- </div>
198
- <div class="{{ card_col_class }}">
199
- {% include card.html title='Test data'
200
- text='Get the required data for testing in our interfaces'
201
- icon_content='content_paste'
202
- to=''
203
- %}
204
- </div>
205
- <div class="{{ card_col_class }}">
206
- {% include card.html title='Terminology'
207
- text='Get a better understanding of the terms we use'
208
- icon_content='menu_book'
209
- to=''
210
- %}
211
- </div>
212
- <div class="{{ card_col_class }}">
213
- {% include card.html title='See all resources (7)'
214
- text='Data protection, public migration key etc'
215
- no_icon=true
216
- to=''
217
- %}
218
- </div>
219
- </div>
220
- </div>
221
-
222
- <div class="front-page-contact">
223
- <div class="front-page-contact-content">
224
- <div class="row">
225
- <div class="col-xl-7">
226
- <h2 id="front-page-contact" class="heading-line heading-line-long">Can't find what you are
227
- looking for?</h2>
228
- <p>
229
- We are always trying to make the developer portal as
230
- good as it can be please don’t hesitate to contact us.
231
- </p>
232
- </div>
233
- <div class="col-xl-5 d-flex align-items-center justify-content-center">
234
- <button class="btn">Contact us here</button>
235
- </div>
236
- </div>
237
- </div>
238
- </div>
239
-
240
- </div>
241
- </div>