-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
395 lines (372 loc) · 21.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel='stylesheet' href='assets/css/normalize.css'>
<link rel='stylesheet' href='assets/css/bootstrap.min.css'>
<link rel='stylesheet' href='assets/css/animate.min.css'>
<link rel='stylesheet' href='assets/icons/themify-icons.css'>
<link rel='stylesheet' href='assets/css/custom.css?v=5'>
<link href="https://fonts.googleapis.com/css?family=Roboto:100italic,100,300italic,300,400italic,400,500italic,500,700italic,700,900italic,900" rel="stylesheet" type="text/css">
<link href="assets/img/favicon.ico" rel="shortcut icon">
<!--[if lt IE 8]><!-->
<link rel='stylesheet' href='assets/icons/ie7/ie7.css'>
<!--<![endif]-->
<title>DrupalWxT</title>
<body>
<div class="loader"></div>
<div class="page home">
<header class="navbar bs-docs-nav" id="top" role="banner">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
<span class="ti-menu"></span>
</button>
<a class='current' href="index.html"><img src="assets/img/logo.svg" alt="DrupalWxT logo"></a>
</div>
<nav class="collapse navbar-collapse bs-navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="#usedby" class="slidelink">Who uses it</a></li>
<li><a href="#about" class="slidelink">About</a></li>
<li><a href="getstarted.html">Get Started</a></li>
<li><a href="features.html">Features</a></li>
<li><a href="https://drupalwxt.github.io/docs/" target="_blank">Documentation</a></li>
<li><a href="https://www.drupal.org/project/wxt" target="_blank">Download</a></li>
<!-- <li><a href="https://github.com/wet-boew/wet-boew-drupal" target="_blank"><span class="ti-github"></span></a></li> -->
</ul>
</nav>
</div>
</header>
<div class="homepage">
<div id="carousel-example-generic" class="carousel slide homepageslider" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<section class="intro">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-push-1 text">
<h1 class="blue">DrupalWxT 10 is here!</h1>
<span class="versions"><a href="https://www.drupal.org/project/wxt">Open Source</a></span>
<h2>100% Open Source</h2>
<h3>Built in collaboration with the Government of Canada</h3>
<span class="description">The Drupal WxT distribution has been tailored for organizations that need to comply with standards for accessibility and bilingualism, and integrates extensively with the WET-BOEW jQuery Framework.</span>
<div class="download">
<span class="buttons">
<a href="features.html" class="btn btn-lg">See core features</a>
</span>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<!-- Old Videos
<section class="video bg-pattern">
<div id="videos"></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row text-center">
<h2 class="mb35">DrupalWxT Videos</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<ul id="myTab2" class="nav nav-tabs nav-stacked">
<li class="active"><a href="#d8wxt" data-toggle="tab"><h3>Complying to Canada.ca</h3><span>In under 2 minutes</span></a></li>
<li><a href="#webform" data-toggle="tab"><h3>Build WxT Forms</h3><span>Simple forms, Surveys, Registrations</span></a></li>
<li><a href="#portals" data-toggle="tab"><h3>Applications & Portals</h3><span>Digital Services, Workflows, APIs</span></a></li>
<li><a href="#migration" data-toggle="tab"><h3>Bulk Migration</h3><span>Harvest and Import content</span></a></li>
<li><a href="#video1" data-toggle="tab"><h3>Theming</h3><span>Intro to Drupal7WxT Theming</span></a></li>
</ul>
</div>
<div class="col-md-8">
<div class="tab-content">
<div class="tab-pane fade active in" id="d8wxt">
<iframe width="420" height="500" title="Theming Video" src="https://www.youtube.com/embed/J1uQzwvA0mI?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
<div class="tab-pane fade in" id="webform">
<p>Coming Soon: <a href="http://www.openplus.ca/contact">Contact the video sponsor</a> for a private demo</p>
</div>
<div class="tab-pane fade in" id="portals">
<p>Coming Soon: <a href="http://www.openplus.ca/contact">Contact the video sponsor</a> for a private demo</p>
</div>
<div class="tab-pane fade in" id="migration">
<p>Coming Soon: <a href="http://www.openplus.ca/contact">Contact the video sponsor</a> for a private demo</p>
</div>
<div class="tab-pane fade in" id="video1">
<iframe width="420" height="500" title="Theming Video" src="https://www.youtube.com/embed/I_FlPTBTTJc?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
</section>
-->
<section class="usedby bg-light">
<div id="usedby"></div>
<div class="text-center">
<h2 class="blue mb0 mt0">Organizations using DrupalWxT</h2>
</div>
<div class="logos marquee" data-speed="2000" data-direction="right">
<img src="assets/img/logo-blood.png" alt="Canadian Blood Services">
<img src="assets/img/logo-po.png" alt="Office of the Prime Minister's">
<img src="assets/img/logo-ic.png" alt="Industry Canada">
<img src="assets/img/logo-environment.png" alt="Environment Canada">
<img src="assets/img/logo-yukon.png" alt="Government of Yukon">
<img src="assets/img/logo-pipsc.png" alt="Professional Institute of the Public Service of Canada (PIPSC)">
<img src="assets/img/logo-hamilton.png" alt="City of Hamilton">
<img src="assets/img/logo-opendata.png" alt="Open Data">
<img src="assets/img/logo-cityottawa.png" alt="City of Ottawa">
<img src="assets/img/logo-health.png" alt="Health Canada">
<img src="assets/img/logo-nrc.png" alt="National Research Council of Canada (NRC)">
<img src="assets/img/logo-ocol.png" alt="Office of the Commissioner of Official Languages (OCOL)">
<img src="assets/img/logo-opseu.png" alt="Ontario Public Service Employees Union (OPSEU)">
<img src="assets/img/logo-stats.png" alt="Statistics Canada">
<img src="assets/img/logo-scc.png" alt="Standards Council of Canada (SCC)">
<img src="assets/img/logo-cpac.png" alt="Cable Public Affairs Channel (CPAC)">
<img src="assets/img/logo-cmhr.png" alt="Canadian Musem for Human Rights (CMHR)">
<img src="assets/img/logo-parks.png" alt="Parks Canada">
<img src="assets/img/logo-cta.png" alt="Canadian Transportation Agency (CTA)">
<img src="assets/img/logo-pei.png" alt="Prince Edward Island (PEI)">
<img src="assets/img/logo-rcmp.png" alt="RCMP">
</div>
</section>
<section class="about bg-white">
<div id="about"></div>
<div class="container">
<div class="row">
<div class="col-md-8">
<h2 class="blue mb0">DrupalWxT (The Drupal Web Experience Toolkit Distribution)</h2>
<h3 class="mb35 mt5">A little information about DrupalWxT to get you started.</h3>
<p>DrupalWxT, is designed and built by the Drupal community in collaboration with the Government of Canada in order to meet government-grade web property requirements. The distribution is production proven that includes re-usable tools and
components for building and maintaining innovative enterprise websites that are multilingual, accessible, and interoperable while providing a fully responsive interface that tailors for any device from your desktop, to your tablet, to
your smartphone.</p>
<p>DrupalWxT brings together best practice methodology paired with leading modules in one ready to deploy solution. It uses components that help with cross-browser compatibility and provides responsive and interchangeable within your layout
ensuring developers and designs have the freedom needed to deliver amazing experiences.</p>
<p>The distribution meets Web Accessibility and Web Usability standards by using the most proven best practices with CSS3, HTML5, and jQuery in order to meet today's web functionality and reliability requirements.</p>
<p>Wether you are looking to build internal collaborative intranets, online services, MyAccount applications, or public web properties, DrupalWxT is the distribution that is providing amazing experiences and meet government-grade standards.</p>
<!-- <p><a href="#" class="btn btn-lg">Download Brochure</a></p> -->
</div>
<div class="col-md-4 facts">
<h2 class="blue mb0">Drupal Facts</h2>
<h3 class="mb35 mt5">A few notable facts about Drupal</h3>
<ul>
<li>The <strong class="blue">Largest</strong> Open Source project <strong class="blue">in the World.</strong></li>
<li>Just under <strong class="blue">1,000,000</strong> people strong. 2X the size of Linux developer community.</li>
<li>Estimated <strong class="blue">20,000,000</strong> sites running Drupal.</li>
<li>From <strong class="blue">228</strong> nations in <strong class="blue">181</strong> languages.</li>
<li>With <strong class="blue">36,000+</strong> modules.</li>
<li>Has over <strong class="blue">300,000</strong> developers.</li>
<li>Powers sites like: WhiteHouse.gov, Ottawa.ca... and so many others.</li>
</ul>
</div>
</div>
</div>
</section>
<section class="learnmore bg-light" id="learnmore">
<div class="container">
<div class="row text-center">
<h2 class="blue mb0">Benefits</h2>
<h3 class="mb35 mt5">Just some of the reasons why this is a game changer.</h3>
</div>
<ul id="myTab" class="nav nav-tabs">
<li class="active"><a href="#what" data-toggle="tab">Secure & Open</a></li>
<li class=""><a href="#use" data-toggle="tab">Extendable, Engagement & Feature ready</a></li>
<li class=""><a href="#who" data-toggle="tab">Transportable & Tested</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane fade active in" id="what">
<div class="row">
<div class="col-md-6 left">
<h3>Security</h3>
<h4 class="h4-2">Security enhanced and Shared Services Canada vetted.</h4>
<p>Modules and guidelines have been added to DrupalWxT to increase security, which has already been reviewed and approved for TRA (Threat Risk Assessment) by Shared Services Canada.</p>
<p>Reviewed and vetted by the founders of Drupal and Acquia</p>
<h3 class="mt35">Open</h3>
<h4 class="h4-2">Largest Open Source Community and contributors on the planet.</h4>
<p>With over a million people behind Drupal.org, critical mass adoption is an understatement. Over 2x the size of the Linux developer community, we are vibrant local and international community with a public road-map and a public issue
tracker. Even DrupalWxT has its own Issue Queue (with over 1200 resolved issues, and no active pending) on Github.</p>
</div>
<div class="col-md-5 pic right mt100">
<span class="ti-shield grey top"></span>
<span class="ti-world blue bottom"></span>
</div>
</div>
</div>
<div class="tab-pane fade" id="use">
<div class="row">
<div class="col-md-6 left ">
<h3>Extendable</h3>
<h4 class="h4-2">Extendable with anything</h4>
<p>Without "for profit" decision-making, Drupal is organically transparent and has vested interest to work with others, so it does. It supports Web Services integration and even CMIS (Content Management Interoperability Service) to integrate
seamlessly with other Repositories.</p>
<h3 class="mt35">Engagement</h3>
<h4 class="h4-2">User Engagement Ready</h4>
<p>Leave static pages in the dust and be ready for the user engagement features that help reduce GoC call center loads. Out-of-the-box features include Chat, Commenting/Discussions, Content ratings, Blogs, Follow content, Social Sharing
and much more.</p>
<h3 class="mt35">Feature ready</h3>
<h4 class="h4-2">Feature Server ready</h4>
<p>Drupal incorporates a "Features" distribution and App delivery service to help control versioned distributions and enhance sites (similar to your iPhone Apps). Add a DrupalWxT GoC approved Blog, and other controlled features easily.</p>
</div>
<div class="col-md-5 pic right mt100">
<span class="ti-comments blue bottom"></span>
<span class="ti-layers-alt grey top"></span>
</div>
</div>
</div>
<div class="tab-pane fade" id="who">
<div class="row">
<div class="col-md-6 left ">
<h3>Transportable</h3>
<h4 class="h4-2">Transportable, Versatile & Innovation</h4>
<p>There is no licensing with Drupal, making it agile and easy to evolve and transform. You always share the intellectual property, allowing you to harness and motivate developers to be more collaborative and innovative. This allows
even large public enterprises (yes, even Governments!) to be able to react quickly to changes and to embrace a more agile methodology.</p>
<h3 class="mt35">Testing</h3>
<h4 class="h4-2">Extensive GoC testing.</h4>
<p>There has been extensive GoC testing including automated continuous integration which includes Selenium Unity scripted cross-browser and multi-device testing.</p>
</div>
<div class="col-md-5 pic right mt100">
<span class="ti-package blue bottom"></span>
<span class="ti-check-box grey top"></span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- section class="news bg-white">
<div class="container">
<div class="row text-center">
<h2 class="mb35">DrupalWxT Latest News</h2>
</div>
<div class="row text-center">
<div class="col-sm-6 col-md-3">
<div class="item">
<div class="header">
<div class="content">
<div class="day">Dec 21</div>
<div class="year">2021</div>
</div>
</div>
<div class="title">
<h3>Transport Canada relaunches main public tc.canada.ca website and Intranet on DrupalWxT <a href="https://tc.canada.ca/" target="_blank">here.</a> </h3></div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="item">
<div class="header">
<div class="content">
<div class="day">April 20</div>
<div class="year">2022</div>
</div>
</div>
<div class="title">
<h3>Health Canada modernization of Recalls Safety Alerts on DrupalWxT. <a href="https://recalls-rappels.canada.ca/" target="_blank">Check it out.</a> </h3></div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="item">
<div class="header">
<div class="content">
<div class="day">July 8</div>
<div class="year">2022</div>
</div>
</div>
<div class="title">
<h3>CDS article on GCnotify and Drupal integration for Health Canada Project breif <a href="https://digital.canada.ca/2022/07/05/empower-to-protect-recalls-safety-alerts-in-canada/" target="_blank">article.</a> </h3></div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="item">
<div class="header">
<div class="content">
<div class="day">Sep 30</div>
<div class="year">2022</div>
</div>
</div>
<div class="title">
<h3>Environment and Climate Change Canada launches Intranet on DrupalWxT.<a href="https://www.openplus.ca/projects/eccc-intranet.html" target="_blank">more.</a> </h3></div>
</div>
</div>
</div>
</div>
</section -->
<section class="giveatry">
<div class="container">
<div class="row">
<h2 class="mt0 mb35">Ready to give DrupalWxT a try?</h2>
<div class="col-md-12">
<span class="buttons">
<a href="getstarted.html" class="btn btn-lg">Get started</a>
<a href="https://www.drupal.org/project/wxt" target="_blank" class="btn btn-lg">Download</a>
<a href="https://drupalwxt.github.io/docs/" target="_blank" class="btn btn-lg">Documentation</a>
</span>
</div>
</div>
</div>
</section>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-3 wxt">
<a href="/" class="logo"><img src="assets/img/logo-wxtfooter.png" alt="DrupalWxT Logo"></a>
</div>
<div class="col-sm-12 col-md-5 community">
<h2>Community</h2>
<ul>
<li>
<a href="https://twitter.com/drupalwxt" target="_blank">
<span class="ti-twitter"></span>
<span class="title">Twitter</span>
</a>
</li>
<li>
<a href="https://www.drupal.org/project/wxt" target="_blank">
<span class="ti-drupal"></span>
<span class="title">Drupal.org</span>
</a>
</li>
<li>
<a href="https://github.com/drupalwxt" target="_blank">
<span class="ti-github"></span>
<span class="title">Github.com</span>
</a>
</li>
</ul>
</div>
<div class="col-sm-4 col-md-4 built">
<p>Site hosting sponsor <a href="http://www.openplus.ca" target="_blank">OpenPlus.ca</a></p>
<p>Drupal and the Drupal logo are registered trademark of <a href="http://buytaert.net/" target="_blank">Dries Buytaert</a>.</p>
</div>
</div>
</div>
</footer>
</div>
<script src='assets/js/jquery-1.8.3.min.js'></script>
<script src='assets/js/modernizr.js'></script>
<script src='assets/js/bootstrap.min.js'></script>
<script src='assets/js/jquery.jigowatt.js'></script>
<script src='assets/js/app.js?v=2'></script>
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-55854642-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>