Skip to content

Commit 89ad1d1

Browse files
paulsavoiepaulsavoie
authored
Merge pull request #4 from SignPath/payment-page
adds hidden change-subscription page
2 parents 6419cda + fe6b97f commit 89ad1d1

File tree

3 files changed

+525
-1
lines changed

3 files changed

+525
-1
lines changed

‎docs/assets/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -127,7 +127,7 @@ document.addEventListener('DOMContentLoaded', function() {
127127
}
128128
}
129129

130-
if (window.location.pathname.endsWith('/pricing/') || window.location.pathname.endsWith('/pricing') || window.location.pathname.endsWith('/pricing.html/') || window.location.pathname.endsWith('/pricing.html')) {
130+
if (window.location.pathname.endsWith('/change-subscription/') || window.location.pathname.endsWith('/change-subscription') || window.location.pathname.endsWith('/change-subscription.html/') || window.location.pathname.endsWith('/change-subscription.html')) {
131131

132132
// read params
133133
let params = {};

‎docs/change-subscription.html

Lines changed: 209 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,209 @@
1+
---
2+
title:
3+
description: SignPath product pricing described
4+
datasource: pricing
5+
---
6+
7+
{% include header.html %}
8+
9+
<section class='bg-blue font-white pricing-start top-section bg-image'>
10+
<div>
11+
<h1>Security does not have to be expensive</h1>
12+
<h3>Subscription models for different needs</h3>
13+
</div>
14+
</section>
15+
16+
<section class='bg-grey pricing'>
17+
<div>
18+
<div class='header'>
19+
<div class='calculator'>
20+
<div class='main'>
21+
<div class='column'>
22+
<div class='row'>
23+
<span class='label'>Projects</span>
24+
<div class='number-select'>
25+
{% include minus.svg %}
26+
<input id='num-projects-input' max='100' min='1' oninput="this.value = Math.abs(this.value)" type='number'
27+
value='1'/>
28+
{% include plus.svg %}
29+
</div>
30+
</div>
31+
<div class='row'>
32+
<span class='label'>Users</span>
33+
<div class='number-select'>
34+
{% include minus.svg %}
35+
<input id='num-users-input' max='100' min='1' oninput="this.value = Math.abs(this.value)" type='number'
36+
value='1'/>
37+
{% include plus.svg %}
38+
</div>
39+
</div>
40+
</div>
41+
<div class='column'>
42+
<div class='row'>
43+
<span class='label'>Duration</span>
44+
<div class='toggle'>
45+
<label>
46+
<input type='checkbox' id='duration-toggle'>
47+
<span></span>
48+
<div data-before='1 year' data-after='3 years'></div>
49+
</label>
50+
</div>
51+
</div>
52+
<div class='row'>
53+
<span class='label'>Currency</span>
54+
<div class='toggle'>
55+
<label>
56+
<input type='checkbox' id='currency-toggle'>
57+
<span></span>
58+
<div data-before='$ USD' data-after='EUR €'></div>
59+
</label>
60+
</div>
61+
</div>
62+
</div>
63+
</div>
64+
<div class='link'>
65+
<a href='/product/editions'>Compare editions</a>
66+
</div>
67+
</div>
68+
<div class='ev-included'>
69+
{% include badge.svg %}
70+
<span>EV certificate included</span>
71+
</div>
72+
</div>
73+
74+
{% assign quotas = site.data.featuregroups | where: 'name', 'quotas' | first %}
75+
{% assign projects = quotas.features | where: 'name', 'projects' | first %}
76+
{% assign users = quotas.features | where: 'name', 'users' | first %}
77+
{% assign signing_requests = quotas.features | where: 'name', 'signing_requests' | first %}
78+
79+
<div class='column-layout'>
80+
<div class='features col'>
81+
<ul>
82+
<li class='head f'>Quotas</li>
83+
<li class='f include-sub'>
84+
<a href="editions-explained#projects">Projects</a>
85+
<span aria-label='{{ projects.hint }}'
86+
class='hint--top-right hint--medium'>
87+
{% include info.svg %}
88+
</span></li>
89+
<li class='f include-sub'>
90+
<a href="editions-explained#users">Users</a>
91+
<span aria-label='{{ users.hint }}'
92+
class='hint--top-right hint--medium'>
93+
{% include info.svg %}
94+
</span></li>
95+
<li class='sub-head f'>
96+
<a href="editions-explained#signing-requests">Signing requests</a>
97+
<span aria-label='{{ signing_requests.hint }} (See individual signatures quota below.)'
98+
class='hint--top-right hint--medium'>
99+
{% include info.svg %}
100+
</span></li>
101+
<li class='sub f include-sub'>release-signing
102+
<span aria-label='Signing requests using your EV certificate'
103+
class='hint--top-right hint--medium'>
104+
{% include info.svg %}
105+
</span></li>
106+
<li class='sub f include-sub'>test-signing
107+
<span aria-label='Signing request using a test certificate that must be installed on target machines (e.g. testing the signing configuration, signing internal builds, release candidates etc.)'
108+
class='hint--top-right hint--medium'>
109+
{% include info.svg %}
110+
</span></li>
111+
<li class='sub-head f'>
112+
Artifact retention
113+
<span aria-label='Articafts will be deleted after the specified retention time'
114+
class='hint--top-right hint--medium'>
115+
{% include info.svg %}
116+
</span></li>
117+
<li class='sub f'>release-signing</li>
118+
<li class='sub f'>test-signing</li>
119+
<li class='f'>
120+
Artifact volume
121+
<span aria-label='Annual upload quota' class='hint--top-right hint--medium'>
122+
{% include info.svg %}
123+
</span></li>
124+
<li class='f'>
125+
<a href="editions-explained#individual-signatures">Individual signatures</a>
126+
<span aria-label='Fair-use annual quota of individual files signed as part of signing requests (see signing request quota above).'
127+
class='hint--top-right hint--medium'>
128+
{% include info.svg %}
129+
</span></li>
130+
<li class='f'>
131+
<a href="editions-explained#ci-pipelines">CI pipelines</a>
132+
<span aria-label='Limits the number of parallel signing requests'
133+
class='hint--top-right hint--medium'>
134+
{% include info.svg %}
135+
</span></li>
136+
</ul>
137+
</div>
138+
{% for product in site.data.pricing %}
139+
<div class='content col'>
140+
<div class='product-header'>
141+
<h2>{{ product.name }}</h2>
142+
<h3>
143+
<span class='price' data-base_price='{{ product.base_price }}'>
144+
${{ product.base_price }}
145+
</span>
146+
<span class='price-sub'>per year</span>
147+
</h3>
148+
</div>
149+
<ul>
150+
<!-- TODO what are data-* values for? they should probably be removed or updated from javascript too -->
151+
<li class='first-after-header first-after-main-header'>
152+
<span class='num-projects' data-num_projects_included='{{ product.num_projects_included }}' data-num_projects_max='{{ product.num_projects_max }}' data-price_per_project='{{ product.price_per_project }}'>{{ product.num_projects_included }}</span>
153+
<span class='sub'><span class='currency-amount' data-value='{{ product.price_per_project }}'>${{ product.price_per_project }}</span> per additional project ({{ product.num_projects_max }} max)</span>
154+
</li>
155+
<li>
156+
<span class='num-users' data-num_users_included='{{ product.num_users_included }}' data-num_users_max='{{ product.num_users_max }}' data-price_per_user='{{ product.price_per_user }}'>{{ product.num_users_included }}</span>
157+
<span class='sub'><span class='currency-amount' data-value='{{ product.price_per_user }}'>${{ product.price_per_user }}</span> per additional user ({{ product.num_users_max }} max)</span>
158+
</li>
159+
<li class='first-after-header'>
160+
<span class='num-release-signings' data-value='{{ product.num_release_signings_per_project }}'>{{ product.num_release_signings_per_project | times: product.num_projects_included }}</span><span class='sub'>per year</span>
161+
</li>
162+
<li>
163+
<span class='num-test-signings' data-value='{{ product.num_test_signings_per_project }}'>{{ product.num_test_signings_per_project | times: product.num_projects_included }}</span><span class='sub'>per year</span>
164+
</li>
165+
<li class='first-after-header'>
166+
<span>{{ product.release_signing_retention }}</span>
167+
</li>
168+
<li>
169+
<span>{{ product.test_signing_retention }}</span>
170+
</li>
171+
<li><span class='num-gb-per-project' data-value='{{ product.num_gb_per_project }}'>
172+
{{ product.num_gb_per_project | times: product.num_projects_included }} </span> GB</li>
173+
<li><span class='num-individual-signatures-per-project' data-value='{{ product.num_release_signings_per_project | plus: product.num_test_signings_per_project | times: product.num_projects_included | times: 100 }}'>
174+
{{ product.num_release_signings_per_project | plus: product.num_test_signings_per_project | times: product.num_projects_included | times: 100}}</span></li>
175+
<li><span class='num-ci-pipelines' data-value='{{ product.num_ci_pipelines }}' data-ci_pipelines_per_project='{{ product.ci_pipelines_per_project }}'>
176+
{{ product.num_ci_pipelines | times: product.num_projects_included }}</span></li>
177+
</ul>
178+
<a class='btn btn-primary footer buy' href='https://secure.2checkout.com/order/checkout.php?PRODS={{ product.product_id.one_year[site.target_environment] }}&QTY=1&CART=1&CARD=1&CLEAN_CART=1&CURRENCY=USD&DCURRENCY=USD' data-productid_one_year='{{ product.product_id.one_year[site.target_environment] }}' data-productid_three_years='{{ product.product_id.three_years[site.target_environment] }}'>Buy</a> </div>
179+
{% endfor %}
180+
<div class='editions-dialog'>
181+
<div>
182+
<span>Contact us for information about other available editions.</span>
183+
<div>
184+
<a class='btn btn-primary' href='mailto:[email protected]?Subject=Enterprise%20subscription'>Contact us</a>
185+
</div>
186+
</div>
187+
</div>
188+
</div>
189+
<div class='info'>
190+
<h3>Certificates</h3>
191+
<ul>
192+
<li> <strong>EV certificates</strong> provided by <a href="https://shop.globalsign.com/en/code-signing">GlobalSign</a>.</li>
193+
<li> <strong>GlobalSign code signing certificates can be issued in the name of a legally registered organization only.</strong> </li>
194+
<li> Your authority to get an EV certificate on behalf of your organization will be verified by GlobalSign. This might take a few days. </li>
195+
<li> You can immediately <strong>install and use your test certificate</strong>. <!-- TODO See <a href='/code-signing/test-certificates'>managing test certificates</a> for instructions.</li> -->
196+
</ul>
197+
<h3>Billing</h3>
198+
<ul>
199+
<li> All plans are <strong>billed up-front</strong> for the entire period. </li>
200+
<li> <strong>Prices are without taxes.</strong> If local taxes are added when you click buy, switch <em>billing information</em> to <em>company</em> and enter your <em>VAT ID</em></i>. (For some regions, sales tax may still be charged.) </li>
201+
</ul>
202+
<p>
203+
{% include info.svg %}
204+
For special inquiries or more information, please <strong><a href='mailto:[email protected]'>contact us</a></strong>.
205+
</p>
206+
</div>
207+
</section>
208+
209+
{% include footer.html %}

0 commit comments

Comments
 (0)