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 +4 -4
- data/_layouts/default.html +4 -5
- data/_layouts/front-page.html +112 -0
- data/lib/gem_version.rb +1 -1
- metadata +17 -3
- data/_includes/front-page.html +0 -241
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: f57da44f36098220148d4eb99c223c18ee561ddd9de7525598ecadbad350032b
|
4
|
+
data.tar.gz: f7b47697a6b3aaf102e7ffa7a16309ae1afbc8045f1ce8d4014da83894011f0d
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 287ed527957eeb2e96fae0e305c6f060e1f1027a61f4ed592842c60eabb5d7feb19676ee1080a137526a5e23cf020a2deb749a7952eb502379e7621cfbff4112
|
7
|
+
data.tar.gz: 1729df6cf6f02226c310ce3e7ee0168b8718919a63b8d253bb6b907b4d3c7c90569246f688f073b85764d607819938285a86e991e38368a7fe7bfa264b84079e
|
data/_layouts/default.html
CHANGED
@@ -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
|
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
|
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>
|
data/lib/gem_version.rb
CHANGED
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.
|
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-
|
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
|
data/_includes/front-page.html
DELETED
@@ -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>
|