Skip to content

Commit 572236b

Browse files
committed
[chamge] Added deploy button (temporary placeholder)
1 parent c314d20 commit 572236b

File tree

6 files changed

+349
-1
lines changed

6 files changed

+349
-1
lines changed

content/pages/code.html

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -92,6 +92,10 @@ <h2 class="title is-spaced is-size-3 is-size-4-mobile">
9292
<span class="fas fa-regular fa-circle-play"></span>
9393
<span>Demo</span>
9494
</a>
95+
<a class="button with-text is-inverted open-modal" href="{filename}deploy.html">
96+
<i class="fas fa-solid fa-cloud-arrow-up"></i>
97+
<span>Deploy</span>
98+
</a>
9599
</p>
96100
</div>
97101
</section>

content/pages/deploy.html

Lines changed: 328 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,328 @@
1+
<html>
2+
<head>
3+
<title>Pro Deploy</title>
4+
<meta name="slug" content="deploy" />
5+
<meta name="template" content="page-modal" />
6+
</head>
7+
<body>
8+
<section class="section pt-0 has-text-centered">
9+
<div class="container is-max-widescreen">
10+
<h1 class="title is-spaced is-size-3-mobile">
11+
Deploy Like a <span class="has-text-primary">Pro</span>
12+
</h1>
13+
<p class="subtitle is-size-5">
14+
Our <strong>cloud-ready OpenWISP images</strong> deliver the same
15+
high-tier performance as our enterprise on-premise deployments,
16+
offering a professional-grade installation at a fraction of the cost,
17+
all backed by our basic helpdesk support.
18+
</p>
19+
20+
<div
21+
class="fixed-grid has-2-cols-desktop
22+
has-2-cols-tablet has-1-cols-mobile has-text-centered"
23+
>
24+
<div class="grid text bordered">
25+
<div class="cell">
26+
<h2 class="title is-size-5 mb-3">Amazon Web Services</h2>
27+
<p class="button-container">
28+
<a
29+
class="open-modal button with-text is-orange is-inverted"
30+
href="#aws"
31+
>
32+
<span class="fas fa-brands fa-aws"></span>
33+
<span>Deploy on AWS</span>
34+
</a>
35+
</p>
36+
37+
<div class="modal">
38+
<div class="modal-background"></div>
39+
<div class="modal-card">
40+
<header class="modal-card-head">
41+
<p class="modal-card-title">
42+
Deploy on Amazon Web Services
43+
</p>
44+
<button class="delete close" aria-label="close"></button>
45+
</header>
46+
<section class="modal-card-body text content mb-0 pb-2">
47+
<p>
48+
Our Cloud-Ready Professional Images are currently in final
49+
staging and will be available shortly.
50+
</p>
51+
<p>
52+
<strong>Get in touch with our team</strong> to receive
53+
early access or a technical overview.
54+
</p>
55+
</section>
56+
<footer class="modal-card-foot">
57+
<div class="buttons">
58+
{% from 'contact.inc' import contact_button %}
59+
{{
60+
contact_button(
61+
text="Contact Us"
62+
)
63+
}}
64+
<button class="button with-text close">
65+
<span class="fas fa-close"></span>
66+
<span>Close</span>
67+
</button>
68+
</div>
69+
</footer>
70+
</div>
71+
</div>
72+
</div>
73+
74+
<div class="cell">
75+
<h2 class="title is-size-5 mb-3">Microsoft Azure</h2>
76+
<p class="button-container">
77+
<a
78+
class="open-modal button with-text is-orange is-inverted"
79+
href="#azure"
80+
>
81+
<span class="fas fa-brands fa-microsoft"></span>
82+
<span>Deploy on Azure</span>
83+
</a>
84+
</p>
85+
86+
<div class="modal">
87+
<div class="modal-background"></div>
88+
<div class="modal-card">
89+
<header class="modal-card-head">
90+
<p class="modal-card-title">Deploy on Microsoft Azure</p>
91+
<button class="delete close" aria-label="close"></button>
92+
</header>
93+
<section class="modal-card-body text content mb-0 pb-2">
94+
<p>
95+
Our Cloud-Ready Professional Images are currently in final
96+
staging and will be available shortly.
97+
</p>
98+
<p>
99+
<strong>Get in touch with our team</strong> to receive
100+
early access or a technical overview.
101+
</p>
102+
</section>
103+
<footer class="modal-card-foot">
104+
<div class="buttons">
105+
{% from 'contact.inc' import contact_button %}
106+
{{
107+
contact_button(
108+
text="Contact Us"
109+
)
110+
}}
111+
<button class="button with-text close">
112+
<span class="fas fa-close"></span>
113+
<span>Close</span>
114+
</button>
115+
</div>
116+
</footer>
117+
</div>
118+
</div>
119+
</div>
120+
121+
<div class="cell">
122+
<h2 class="title is-size-5 mb-3">Google Cloud</h2>
123+
<p class="button-container">
124+
<a
125+
class="open-modal button with-text is-orange is-inverted"
126+
href="#google-cloud"
127+
>
128+
<span class="fas fa-brands fa-google"></span>
129+
<span>Deploy on Google Cloud</span>
130+
</a>
131+
</p>
132+
133+
<div class="modal">
134+
<div class="modal-background"></div>
135+
<div class="modal-card">
136+
<header class="modal-card-head">
137+
<p class="modal-card-title">Deploy on Google Cloud</p>
138+
<button class="delete close" aria-label="close"></button>
139+
</header>
140+
<section class="modal-card-body text content mb-0 pb-2">
141+
<p>
142+
Our Cloud-Ready Professional Images are currently in final
143+
staging and will be available shortly.
144+
</p>
145+
<p>
146+
<strong>Get in touch with our team</strong> to receive
147+
early access or a technical overview.
148+
</p>
149+
</section>
150+
<footer class="modal-card-foot">
151+
<div class="buttons">
152+
{% from 'contact.inc' import contact_button %}
153+
{{
154+
contact_button(
155+
text="Contact Us"
156+
)
157+
}}
158+
<button class="button with-text close">
159+
<span class="fas fa-close"></span>
160+
<span>Close</span>
161+
</button>
162+
</div>
163+
</footer>
164+
</div>
165+
</div>
166+
</div>
167+
168+
<div class="cell">
169+
<h2 class="title is-size-5 mb-3">DigitalOcean</h2>
170+
<p class="button-container">
171+
<a
172+
class="open-modal button with-text is-orange is-inverted"
173+
href="#digitalocean"
174+
>
175+
<span class="fas fa-brands fa-digital-ocean"></span>
176+
<span>Deploy on DigitalOcean</span>
177+
</a>
178+
</p>
179+
180+
<div class="modal">
181+
<div class="modal-background"></div>
182+
<div class="modal-card">
183+
<header class="modal-card-head">
184+
<p class="modal-card-title">Deploy on Digital Ocean</p>
185+
<button class="delete close" aria-label="close"></button>
186+
</header>
187+
<section class="modal-card-body text content mb-0 pb-2">
188+
<p>
189+
Our Cloud-Ready Professional Images are currently in final
190+
staging and will be available shortly.
191+
</p>
192+
<p>
193+
<strong>Get in touch with our team</strong> to receive
194+
early access or a technical overview.
195+
</p>
196+
</section>
197+
<footer class="modal-card-foot">
198+
<div class="buttons">
199+
{% from 'contact.inc' import contact_button %}
200+
{{
201+
contact_button(
202+
text="Contact Us"
203+
)
204+
}}
205+
<button class="button with-text close">
206+
<span class="fas fa-close"></span>
207+
<span>Close</span>
208+
</button>
209+
</div>
210+
</footer>
211+
</div>
212+
</div>
213+
</div>
214+
</div>
215+
</div>
216+
217+
<section
218+
class="fixed-grid has-1-cols-mobile has-2-cols-tablet has-3-cols-desktop pt-4 pb-4"
219+
>
220+
<h2 class="title is-size-3 is-size-4-mobile is-spaced">
221+
Pro <span class="has-text-primary">Benefits</span>
222+
</h2>
223+
<p class="subtitle is-size-5">
224+
Thousands of hours of experience, replicated in minutes.
225+
</p>
226+
<div class="features grid has-text-centered">
227+
<div class="cell">
228+
<h2 class="title is-size-5">
229+
<mark class="button is-small is-orange is-inverted">
230+
<span class="icon is-small">
231+
<i class="fas fa-solid fa-gauge-high"></i>
232+
</span>
233+
</mark>
234+
<span>Performance Tuning</span>
235+
</h2>
236+
<p>
237+
Pre-optimized at the kernel and application levels to ensure
238+
high-speed processing and stability under load.
239+
</p>
240+
</div>
241+
242+
<div class="cell">
243+
<h2 class="title is-size-5">
244+
<mark class="button is-small is-orange is-inverted">
245+
<span class="icon is-small">
246+
<i class="fas fa-solid fa-network-wired"></i>
247+
</span>
248+
</mark>
249+
<span>Management VPN Ready</span>
250+
</h2>
251+
<p>
252+
Gain immediate, encrypted remote access to your devices without
253+
the complexity of manual tunneling or routing setup.
254+
</p>
255+
</div>
256+
257+
<div class="cell">
258+
<h2 class="title is-size-5">
259+
<mark class="button is-small is-orange is-inverted">
260+
<span class="icon is-small">
261+
<i class="fas fa-solid fa-shield-halved"></i>
262+
</span>
263+
</mark>
264+
<span>Hardened Security</span>
265+
</h2>
266+
<p>
267+
Built with secure-by-default configurations and automated SSL
268+
certificate management to keep your infrastructure protected
269+
from day one.
270+
</p>
271+
</div>
272+
273+
<div class="cell">
274+
<h2 class="title is-size-5">
275+
<mark class="button is-small is-orange is-inverted">
276+
<span class="icon is-small">
277+
<i class="fas fa-solid fa-cloud-arrow-up"></i>
278+
</span>
279+
</mark>
280+
<span>Easy Upgrades &amp; Migrations</span>
281+
</h2>
282+
<p>
283+
Benefit from a well-documented, command-based upgrade process.
284+
Moreover, with user data isolated on a dedicated partition,
285+
migrations are as effortless as a simple copy-and-paste to a new
286+
instance.
287+
</p>
288+
</div>
289+
290+
<div class="cell">
291+
<h2 class="title is-size-5">
292+
<mark class="button is-small is-orange is-inverted">
293+
<span class="icon is-small">
294+
<i class="fas fa-solid fa-wifi"></i>
295+
</span>
296+
</mark>
297+
<span>Turnkey Hotspot Solution</span>
298+
</h2>
299+
<p>
300+
Deploy a production-ready hotspot service in minutes. Our images
301+
include a pre-configured captive portal and a guided setup for
302+
essential features like user self-registration and SMS
303+
verification, with native RadSec support included.
304+
</p>
305+
</div>
306+
307+
<div class="cell">
308+
<h2 class="title is-size-5">
309+
<mark class="button is-small is-orange is-inverted">
310+
<span class="icon is-small">
311+
<i class="fas fa-solid fa-key"></i>
312+
</span>
313+
</mark>
314+
<span>Simplified Single Sign-On Setup</span>
315+
</h2>
316+
<p>
317+
Secure your admin interface with professional identity
318+
management. Our images include a guided workflow to connect
319+
Active Directory or Google Sign-In, delivering a seamless,
320+
secure login experience for your entire organization.
321+
</p>
322+
</div>
323+
</div>
324+
</section>
325+
</div>
326+
</section>
327+
</body>
328+
</html>

content/pages/features.html

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1091,6 +1091,10 @@ <h2 class="title is-size-3 is-size-4-mobile is-spaced">Learn More</h2>
10911091
<span class="fas fa-play"></span>
10921092
<span>Get Started</span>
10931093
</a>
1094+
<a class="button with-text is-inverted open-modal" href="{filename}deploy.html">
1095+
<i class="fas fa-solid fa-cloud-arrow-up"></i>
1096+
<span>Deploy</span>
1097+
</a>
10941098
<a
10951099
class="button with-text is-orange is-inverted"
10961100
href="{filename}code.html"

content/pages/index.html

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,10 @@ <h1 class="title is-spaced is-size-3-mobile">
5353
<i class="fas fa-regular fa-circle-play"></i>
5454
<span>Try the Demo</span>
5555
</a>
56+
<a class="button with-text is-inverted open-modal" href="{filename}deploy.html">
57+
<i class="fas fa-solid fa-cloud-arrow-up"></i>
58+
<span>Deploy</span>
59+
</a>
5660
</p>
5761
</div>
5862
</section>

pelicanconf.py

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@
2727
"Support": {
2828
"Community Support": "support/",
2929
"Commercial Support": "commercial-support/",
30+
"Deploy Like a Pro": "deploy/",
3031
},
3132
"Docs": "https://openwisp.io/docs/stable/",
3233
"Blog": "blog/",

theme/templates/base.html

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -158,7 +158,14 @@
158158
href="{{ SITEURL }}/demo/"
159159
>
160160
<span class="fas fa-regular fa-circle-play"></span>
161-
<span>Try the Demo</span>
161+
<span>Demo</span>
162+
</a>
163+
<a
164+
class="button is-inverted with-text"
165+
href="{{ SITEURL }}/deploy/"
166+
>
167+
<span class="fas fa-solid fa-cloud-arrow-up"></span>
168+
<span>Deploy</span>
162169
</a>
163170
</p>
164171
</div>

0 commit comments

Comments
 (0)