@moreonion/foundist 2.0.8 → 2.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/README.md +1 -1
  2. package/package.json +7 -8
  3. package/src/html/basic-action-page-cover-1col.html +2 -2
  4. package/src/html/basic-action-page-cover-2col-reversed.html +2 -2
  5. package/src/html/basic-action-page-cover-2col.html +2 -2
  6. package/src/html/basic-action-page-cover-banner.html +2 -2
  7. package/src/html/basic-action-page-reversed.html +1 -1
  8. package/src/html/basic-action-page-with-banner-reversed.html +2 -2
  9. package/src/html/basic-action-page-with-banner.html +2 -2
  10. package/src/html/basic-action-page-with-callouts.html +1 -1
  11. package/src/html/basic-action-page.html +1 -1
  12. package/src/html/donation-action-page.html +1 -1
  13. package/src/html/e2t-action-page.html +1 -1
  14. package/src/html/includes/donate-form.html +3 -0
  15. package/src/html/includes/form-items/giftaid.html +16 -0
  16. package/src/html/includes/form-items/inline-radios.html +17 -0
  17. package/src/html/includes/form-items/payment-icons.html +19 -0
  18. package/src/html/includes/teaser.html +1 -1
  19. package/src/html/templates/action-page-cover-1col.html +2 -2
  20. package/src/html/templates/action-page-cover-2col-reversed.html +2 -2
  21. package/src/html/templates/action-page-cover-2col.html +2 -2
  22. package/src/html/templates/action-page-cover-banner.html +2 -2
  23. package/src/html/templates/action-page-reversed.html +2 -2
  24. package/src/html/templates/action-page-with-banner-reversed.html +2 -2
  25. package/src/html/templates/action-page-with-banner.html +2 -2
  26. package/src/html/templates/action-page.html +2 -2
  27. package/src/html/templates/static-page-cover-1col.html +2 -2
  28. package/src/html/templates/static-page-cover-2col.html +2 -2
  29. package/src/html/templates/static-page-cover-banner.html +2 -2
  30. package/src/html/templates/static-page-with-banner.html +2 -2
  31. package/src/html/templates/static-page.html +2 -2
  32. package/src/html/templates/teaser-page.html +2 -2
  33. package/src/html/thank-you-page-cover-1col.html +1 -1
  34. package/src/html/thank-you-page-cover-2col.html +1 -1
  35. package/src/html/thank-you-page-cover-banner.html +1 -1
  36. package/src/html/thank-you-page-with-banner.html +1 -1
  37. package/src/html/thank-you-page.html +1 -1
  38. package/src/html/typography-static-page.html +1 -1
  39. package/src/js/foundist.js +27 -11
  40. package/src/scss/_settings.scss +4 -1
  41. package/src/scss/_util.scss +4 -2
  42. package/src/scss/components/_accordion.scss +1 -1
  43. package/src/scss/components/_card.scss +3 -1
  44. package/src/scss/components/_cookiebar.scss +1 -1
  45. package/src/scss/components/_letter.scss +3 -1
  46. package/src/scss/components/_menu.scss +28 -28
  47. package/src/scss/components/_progressbar.scss +1 -1
  48. package/src/scss/components/_reveal.scss +5 -3
  49. package/src/scss/components/_settings.scss +18 -12
  50. package/src/scss/components/_share-button.scss +1 -1
  51. package/src/scss/components/_sticky-button.scss +4 -2
  52. package/src/scss/form/_braintree_apple_pay.scss +2 -0
  53. package/src/scss/form/_donation-amount-button.scss +7 -7
  54. package/src/scss/form/_e2t.scss +2 -0
  55. package/src/scss/form/_fields.scss +35 -1
  56. package/src/scss/form/_paymethod-select-button.scss +1 -4
  57. package/src/scss/form/_settings.scss +27 -19
  58. package/src/scss/layout/_cover.scss +11 -4
  59. package/src/scss/layout/_settings.scss +1 -1
  60. package/src/scss/main.scss +4 -0
  61. package/src/scss/typography/_elements.scss +1 -1
  62. package/src/scss/typography/_settings.scss +13 -4
package/README.md CHANGED
@@ -17,7 +17,7 @@ Foundist may also be used as module dependency for other themes.
17
17
 
18
18
  If you need any Foundation utilities in your custom settings file (imported
19
19
  before Foundist) import them via `@moreonion/foundation-base/scss/util;` and set
20
- `$base-font-size` as well as `$global-font-size: $base-font-size / 16 * 100%;`
20
+ `$base-font-size` as well as `$global-font-size: $base-font-size * 6.25%;`
21
21
  before using any util functions (otherwise some calculations might not return
22
22
  the desired result)!
23
23
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moreonion/foundist",
3
- "version": "2.0.8",
3
+ "version": "2.1.3",
4
4
  "description": "Foundation based default theme for Impact Stack landing pages.",
5
5
  "author": "More Onion <kontakt@more-onion.at>",
6
6
  "license": "MIT",
@@ -44,16 +44,15 @@
44
44
  "@linthtml/linthtml": "^0.8.0"
45
45
  },
46
46
  "dependencies": {
47
- "@moreonion/foundation-base": "2.0.7",
48
- "http-server": "^13.0.0",
47
+ "@moreonion/foundation-base": "2.1.3",
48
+ "http-server": "^14.1.0",
49
49
  "posthtml": "^0.16.5",
50
- "posthtml-expressions": "^1.8.1",
51
- "posthtml-extend": "^0.6.0",
52
- "posthtml-include": "^1.7.1"
50
+ "posthtml-expressions": "^1.9.0",
51
+ "posthtml-extend": "0.6.0",
52
+ "posthtml-include": "^1.7.2"
53
53
  },
54
54
  "resolutions": {
55
- "@babel/preset-env": "7.13.8",
56
- "sass": "1.32.13"
55
+ "@parcel/transformer-css": "2.1.1"
57
56
  },
58
57
  "lint-staged": {
59
58
  "*.scss": [
package/src/html/basic-action-page-cover-1col.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <block name="page-title">Take action now!</block>
4
4
 
5
5
  <block name="banner">
6
- <img src="http://placekitten.com/1280/588" alt="test image with cats">
6
+ <img src="http://placekitten.com/1280/588" alt="test image with cats" crossorigin="">
7
7
  </block>
8
8
 
9
9
  <block name="top">
@@ -29,7 +29,7 @@
29
29
 
30
30
  <block name="content-top">
31
31
  <div class="media-stretch">
32
- <img src="http://placekitten.com/860/455" alt="test image with cats">
32
+ <img src="http://placekitten.com/860/455" alt="test image with cats" crossorigin="">
33
33
  </div>
34
34
  </block>
35
35
 
package/src/html/basic-action-page-cover-2col-reversed.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <block name="page-title">Take action now!</block>
4
4
 
5
5
  <block name="banner">
6
- <img src="http://placekitten.com/1600/1000" alt="test image with cats">
6
+ <img src="http://placekitten.com/1600/1000" alt="test image with cats" crossorigin="">
7
7
  </block>
8
8
 
9
9
  <block name="top">
@@ -29,7 +29,7 @@
29
29
 
30
30
  <block name="content-top">
31
31
  <div class="media-stretch">
32
- <img src="http://placekitten.com/860/455" alt="test image with cats">
32
+ <img src="http://placekitten.com/860/455" alt="test image with cats" crossorigin="">
33
33
  </div>
34
34
  </block>
35
35
 
package/src/html/basic-action-page-cover-2col.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <block name="page-title">Take action now!</block>
4
4
 
5
5
  <block name="banner">
6
- <img src="http://placekitten.com/1600/1000" alt="test image with cats">
6
+ <img src="http://placekitten.com/1600/1000" alt="test image with cats" crossorigin="">
7
7
  </block>
8
8
 
9
9
  <block name="top">
@@ -29,7 +29,7 @@
29
29
 
30
30
  <block name="content-top">
31
31
  <div class="media-stretch">
32
- <img src="http://placekitten.com/860/455" alt="test image with cats">
32
+ <img src="http://placekitten.com/860/455" alt="test image with cats" crossorigin="">
33
33
  </div>
34
34
  </block>
35
35
 
package/src/html/basic-action-page-cover-banner.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <block name="page-title">Take action now!</block>
4
4
 
5
5
  <block name="banner">
6
- <img src="http://placekitten.com/1280/588" alt="test image with cats">
6
+ <img src="http://placekitten.com/1280/588" alt="test image with cats" crossorigin="">
7
7
  </block>
8
8
 
9
9
  <block name="top">
@@ -29,7 +29,7 @@
29
29
 
30
30
  <block name="content-top">
31
31
  <div class="media-stretch">
32
- <img src="http://placekitten.com/860/455" alt="test image with cats">
32
+ <img src="http://placekitten.com/860/455" alt="test image with cats" crossorigin="">
33
33
  </div>
34
34
  </block>
35
35
 
package/src/html/basic-action-page-reversed.html CHANGED
@@ -25,7 +25,7 @@
25
25
 
26
26
  <block name="content-top">
27
27
  <div class="media-stretch">
28
- <img src="http://placekitten.com/860/455" alt="test image with cats">
28
+ <img src="http://placekitten.com/860/455" alt="test image with cats" crossorigin="">
29
29
  </div>
30
30
  </block>
31
31
 
package/src/html/basic-action-page-with-banner-reversed.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <block name="page-title">Take action now!</block>
4
4
 
5
5
  <block name="banner">
6
- <img src="http://placekitten.com/1280/588" alt="test image with cats">
6
+ <img src="http://placekitten.com/1280/588" alt="test image with cats" crossorigin="">
7
7
  </block>
8
8
 
9
9
  <block name="top">
@@ -29,7 +29,7 @@
29
29
 
30
30
  <block name="content-top">
31
31
  <div class="media-stretch">
32
- <img src="http://placekitten.com/860/455" alt="test image with cats">
32
+ <img src="http://placekitten.com/860/455" alt="test image with cats" crossorigin="">
33
33
  </div>
34
34
  </block>
35
35
 
package/src/html/basic-action-page-with-banner.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <block name="page-title">Take action now!</block>
4
4
 
5
5
  <block name="banner">
6
- <img src="http://placekitten.com/1280/588" alt="test image with cats">
6
+ <img src="http://placekitten.com/1280/588" alt="test image with cats" crossorigin="">
7
7
  </block>
8
8
 
9
9
  <block name="top">
@@ -29,7 +29,7 @@
29
29
 
30
30
  <block name="content-top">
31
31
  <div class="media-stretch">
32
- <img src="http://placekitten.com/860/455" alt="test image with cats">
32
+ <img src="http://placekitten.com/860/455" alt="test image with cats" crossorigin="">
33
33
  </div>
34
34
  </block>
35
35
 
package/src/html/basic-action-page-with-callouts.html CHANGED
@@ -33,7 +33,7 @@
33
33
 
34
34
  <block name="content-top">
35
35
  <div class="media-stretch">
36
- <img src="http://placekitten.com/860/455" alt="test image with cats">
36
+ <img src="http://placekitten.com/860/455" alt="test image with cats" crossorigin="">
37
37
  </div>
38
38
  </block>
39
39
 
package/src/html/basic-action-page.html CHANGED
@@ -25,7 +25,7 @@
25
25
 
26
26
  <block name="content-top">
27
27
  <div class="media-stretch">
28
- <img src="http://placekitten.com/860/455" alt="test image with cats">
28
+ <img src="http://placekitten.com/860/455" alt="test image with cats" crossorigin="">
29
29
  </div>
30
30
  </block>
31
31
 
package/src/html/donation-action-page.html CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  <block name="content-top">
23
23
  <div class="media-stretch">
24
- <img src="http://placekitten.com/860/460" alt="test image with cats">
24
+ <img src="http://placekitten.com/860/460" alt="test image with cats" crossorigin="">
25
25
  </div>
26
26
  </block>
27
27
 
package/src/html/e2t-action-page.html CHANGED
@@ -24,7 +24,7 @@
24
24
 
25
25
  <block name="content-top">
26
26
  <div class="media-stretch">
27
- <img src="http://placekitten.com/860/460" alt="test image with cats">
27
+ <img src="http://placekitten.com/860/460" alt="test image with cats" crossorigin="">
28
28
  </div>
29
29
  </block>
30
30
 
package/src/html/includes/donate-form.html CHANGED
@@ -2,9 +2,12 @@
2
2
  <form method="post" accept-charset="UTF-8" novalidate="novalidate">
3
3
  <include src="form-items/donation-interval.html"></include>
4
4
  <include src="form-items/donation-amount.html"></include>
5
+ <include src="form-items/giftaid.html"></include>
5
6
  <br>
6
7
  <include src="form-items/paymethod-selector.html"></include>
7
8
 
8
9
  <include src="form-items/submit-button.html" locals='{"value": "Donate now"}'></include>
10
+
11
+ <include src="form-items/payment-icons.html"></include>
9
12
  </form>
10
13
  </div>
package/src/html/includes/form-items/giftaid.html ADDED
@@ -0,0 +1,16 @@
1
+ <fieldset class="form-wrapper fieldset giftaid">
2
+ <div class="fieldset-wrapper">
3
+ <div class="form-item">
4
+ <p><strong>Increase your donation by 25%</strong> without additional cost to you by ticking the box below</p>
5
+ </div>
6
+ <div class="form-item extra-spacing">
7
+ <div class="form-item form-type-checkbox">
8
+ <input type="checkbox" id="giftaid-checkbox" name="giftaid-checkbox" value="1" class="form-checkbox">
9
+ <label class="option" for="giftaid-checkbox"><span>I am a UK tax payer and I want you to claim Gift Aid on my donation*</span></label>
10
+ </div>
11
+ </div>
12
+ <div class="form-item">
13
+ <p class="small muted">* This is the small print that you may want to add to your giftaid field but it’s really optional.</p>
14
+ </div>
15
+ </div>
16
+ </fieldset>
package/src/html/includes/form-items/inline-radios.html ADDED
@@ -0,0 +1,17 @@
1
+ <div class="form-item inline extra-spacing">
2
+ <label for="radios-1">What is most important to you?</label>
3
+ <div id="radios" class="form-radios">
4
+ <div class="form-item form-type-radio">
5
+ <input type="radio" id="radios-1" name="radios" value="1" class="form-radio">
6
+ <label class="option" for="radios-1">Whales</label>
7
+ </div>
8
+ <div class="form-item form-type-radio">
9
+ <input type="radio" id="radios-2" name="radios" value="2" class="form-radio">
10
+ <label class="option" for="radios-2">Pandas</label>
11
+ </div>
12
+ <div class="form-item form-type-radio">
13
+ <input type="radio" id="radios-3" name="radios" value="2" class="form-radio">
14
+ <label class="option" for="radios-3">Bees</label>
15
+ </div>
16
+ </div>
17
+ </div>
package/src/html/includes/form-items/payment-icons.html ADDED
@@ -0,0 +1,19 @@
1
+ <div class="form-item">
2
+ <div class="payment-icons muted">
3
+ <span class="secure-payment-icon"><span class="show-for-sr">Your payment is secure</span></span>
4
+ <span class="apple-pay-icon"><span class="show-for-sr">Apple Pay</span></span>
5
+ <span class="credit-card-icon"><span class="show-for-sr">Credit Card</span></span>
6
+ <span class="direct-debit-icon"><span class="show-for-sr">Direct Debit</span></span>
7
+ <span class="google-pay-icon"><span class="show-for-sr">Google Pay</span></span>
8
+ <span class="mastercard-icon"><span class="show-for-sr">Master Card</span></span>
9
+ <span class="paypal-icon"><span class="show-for-sr">PayPal</span></span>
10
+ <span class="paypal-pp-icon"><span class="show-for-sr">PayPal</span></span>
11
+ <span class="sage-pay-icon"><span class="show-for-sr">SagePay</span></span>
12
+ <span class="sepa-icon"><span class="show-for-sr">SEPA</span></span>
13
+ <span class="stripe-icon"><span class="show-for-sr">Stripe</span></span>
14
+ <span class="visa-icon"><span class="show-for-sr">VISA</span></span>
15
+ <span class="direct-debit-logo"><span class="show-for-sr">Direct Debit</span></span>
16
+ <span class="giftaid-logo"><span class="show-for-sr">Giftaid</span></span>
17
+ <span class="fr-regulator-logo"><span class="show-for-sr">Fundraising Regulator</span></span>
18
+ </div>
19
+ </div>
package/src/html/includes/teaser.html CHANGED
@@ -1,6 +1,6 @@
1
1
  <article class="card">
2
2
  <div class="card-image">
3
- <img src="http://placekitten.com/480/270" alt="test image with cats">
3
+ <img src="http://placekitten.com/480/270" alt="test image with cats" crossorigin="">
4
4
  </div>
5
5
  <div class="card-section">
6
6
  <div class="progress-wrapper" data-pgbar-current="140" data-pgbar-target="200">
package/src/html/templates/action-page-cover-1col.html CHANGED
@@ -17,7 +17,7 @@
17
17
  <div class="top-bar grid-container">
18
18
  <div class="top-bar-left">
19
19
  <a class="logo" href="#" rel="home">
20
- <img src="{{ logo }}" alt="Logo" />
20
+ <img src="{{ logo }}" alt="Logo" crossorigin="" />
21
21
  </a>
22
22
  </div>
23
23
  <div class="top-bar-right">
@@ -83,6 +83,6 @@
83
83
  </div>
84
84
  </section>
85
85
 
86
- <script src="{{ js }}"></script>
86
+ <script type="module" src="{{ js }}"></script>
87
87
  </body>
88
88
  </html>
package/src/html/templates/action-page-cover-2col-reversed.html CHANGED
@@ -17,7 +17,7 @@
17
17
  <div class="top-bar grid-container">
18
18
  <div class="top-bar-left">
19
19
  <a class="logo" href="#" rel="home">
20
- <img src="{{ logo }}" alt="Logo" />
20
+ <img src="{{ logo }}" alt="Logo" crossorigin="" />
21
21
  </a>
22
22
  </div>
23
23
  <div class="top-bar-right">
@@ -92,6 +92,6 @@
92
92
  </div>
93
93
  </section>
94
94
 
95
- <script src="{{ js }}"></script>
95
+ <script type="module" src="{{ js }}"></script>
96
96
  </body>
97
97
  </html>
package/src/html/templates/action-page-cover-2col.html CHANGED
@@ -17,7 +17,7 @@
17
17
  <div class="top-bar grid-container">
18
18
  <div class="top-bar-left">
19
19
  <a class="logo" href="#" rel="home">
20
- <img src="{{ logo }}" alt="Logo" />
20
+ <img src="{{ logo }}" alt="Logo" crossorigin="" />
21
21
  </a>
22
22
  </div>
23
23
  <div class="top-bar-right">
@@ -92,6 +92,6 @@
92
92
  </div>
93
93
  </section>
94
94
 
95
- <script src="{{ js }}"></script>
95
+ <script type="module" src="{{ js }}"></script>
96
96
  </body>
97
97
  </html>
package/src/html/templates/action-page-cover-banner.html CHANGED
@@ -17,7 +17,7 @@
17
17
  <div class="top-bar grid-container">
18
18
  <div class="top-bar-left">
19
19
  <a class="logo" href="#" rel="home">
20
- <img src="{{ logo }}" alt="Logo" />
20
+ <img src="{{ logo }}" alt="Logo" crossorigin="" />
21
21
  </a>
22
22
  </div>
23
23
  <div class="top-bar-right">
@@ -88,6 +88,6 @@
88
88
  </div>
89
89
  </section>
90
90
 
91
- <script src="{{ js }}"></script>
91
+ <script type="module" src="{{ js }}"></script>
92
92
  </body>
93
93
  </html>
package/src/html/templates/action-page-reversed.html CHANGED
@@ -17,7 +17,7 @@
17
17
  <div class="top-bar grid-container">
18
18
  <div class="top-bar-left">
19
19
  <a class="logo" href="#" rel="home">
20
- <img src="{{ logo }}" alt="Logo" />
20
+ <img src="{{ logo }}" alt="Logo" crossorigin="" />
21
21
  </a>
22
22
  </div>
23
23
  <div class="top-bar-right">
@@ -83,6 +83,6 @@
83
83
  </div>
84
84
  </section>
85
85
 
86
- <script src="{{ js }}"></script>
86
+ <script type="module" src="{{ js }}"></script>
87
87
  </body>
88
88
  </html>
package/src/html/templates/action-page-with-banner-reversed.html CHANGED
@@ -17,7 +17,7 @@
17
17
  <div class="top-bar grid-container">
18
18
  <div class="top-bar-left">
19
19
  <a class="logo" href="#" rel="home">
20
- <img src="{{ logo }}" alt="Logo" />
20
+ <img src="{{ logo }}" alt="Logo" crossorigin="" />
21
21
  </a>
22
22
  </div>
23
23
  <div class="top-bar-right">
@@ -86,6 +86,6 @@
86
86
  </div>
87
87
  </section>
88
88
 
89
- <script src="{{ js }}"></script>
89
+ <script type="module" src="{{ js }}"></script>
90
90
  </body>
91
91
  </html>
package/src/html/templates/action-page-with-banner.html CHANGED
@@ -17,7 +17,7 @@
17
17
  <div class="top-bar grid-container">
18
18
  <div class="top-bar-left">
19
19
  <a class="logo" href="#" rel="home">
20
- <img src="{{ logo }}" alt="Logo" />
20
+ <img src="{{ logo }}" alt="Logo" crossorigin="" />
21
21
  </a>
22
22
  </div>
23
23
  <div class="top-bar-right">
@@ -86,6 +86,6 @@
86
86
  </div>
87
87
  </section>
88
88
 
89
- <script src="{{ js }}"></script>
89
+ <script type="module" src="{{ js }}"></script>
90
90
  </body>
91
91
  </html>
package/src/html/templates/action-page.html CHANGED
@@ -17,7 +17,7 @@
17
17
  <div class="top-bar grid-container">
18
18
  <div class="top-bar-left">
19
19
  <a class="logo" href="#" rel="home">
20
- <img src="{{ logo }}" alt="Logo" />
20
+ <img src="{{ logo }}" alt="Logo" crossorigin="" />
21
21
  </a>
22
22
  </div>
23
23
  <div class="top-bar-right">
@@ -83,6 +83,6 @@
83
83
  </div>
84
84
  </section>
85
85
 
86
- <script src="{{ js }}"></script>
86
+ <script type="module" src="{{ js }}"></script>
87
87
  </body>
88
88
  </html>
package/src/html/templates/static-page-cover-1col.html CHANGED
@@ -17,7 +17,7 @@
17
17
  <div class="top-bar grid-container">
18
18
  <div class="top-bar-left">
19
19
  <a class="logo" href="#" rel="home">
20
- <img src="{{ logo }}" alt="Logo" />
20
+ <img src="{{ logo }}" alt="Logo" crossorigin="" />
21
21
  </a>
22
22
  </div>
23
23
  <div class="top-bar-right">
@@ -75,6 +75,6 @@
75
75
  </div>
76
76
  </section>
77
77
 
78
- <script src="{{ js }}"></script>
78
+ <script type="module" src="{{ js }}"></script>
79
79
  </body>
80
80
  </html>
package/src/html/templates/static-page-cover-2col.html CHANGED
@@ -17,7 +17,7 @@
17
17
  <div class="top-bar grid-container">
18
18
  <div class="top-bar-left">
19
19
  <a class="logo" href="#" rel="home">
20
- <img src="{{ logo }}" alt="Logo" />
20
+ <img src="{{ logo }}" alt="Logo" crossorigin="" />
21
21
  </a>
22
22
  </div>
23
23
  <div class="top-bar-right">
@@ -83,6 +83,6 @@
83
83
  </div>
84
84
  </section>
85
85
 
86
- <script src="{{ js }}"></script>
86
+ <script type="module" src="{{ js }}"></script>
87
87
  </body>
88
88
  </html>
package/src/html/templates/static-page-cover-banner.html CHANGED
@@ -17,7 +17,7 @@
17
17
  <div class="top-bar grid-container">
18
18
  <div class="top-bar-left">
19
19
  <a class="logo" href="#" rel="home">
20
- <img src="{{ logo }}" alt="Logo" />
20
+ <img src="{{ logo }}" alt="Logo" crossorigin="" />
21
21
  </a>
22
22
  </div>
23
23
  <div class="top-bar-right">
@@ -76,6 +76,6 @@
76
76
  </div>
77
77
  </section>
78
78
 
79
- <script src="{{ js }}"></script>
79
+ <script type="module" src="{{ js }}"></script>
80
80
  </body>
81
81
  </html>
package/src/html/templates/static-page-with-banner.html CHANGED
@@ -17,7 +17,7 @@
17
17
  <div class="top-bar grid-container">
18
18
  <div class="top-bar-left">
19
19
  <a class="logo" href="#" rel="home">
20
- <img src="{{ logo }}" alt="Logo" />
20
+ <img src="{{ logo }}" alt="Logo" crossorigin="" />
21
21
  </a>
22
22
  </div>
23
23
  <div class="top-bar-right">
@@ -72,6 +72,6 @@
72
72
  </div>
73
73
  </section>
74
74
 
75
- <script src="{{ js }}"></script>
75
+ <script type="module" src="{{ js }}"></script>
76
76
  </body>
77
77
  </html>
package/src/html/templates/static-page.html CHANGED
@@ -17,7 +17,7 @@
17
17
  <div class="top-bar grid-container">
18
18
  <div class="top-bar-left">
19
19
  <a class="logo" href="#" rel="home">
20
- <img src="{{ logo }}" alt="Logo" />
20
+ <img src="{{ logo }}" alt="Logo" crossorigin="" />
21
21
  </a>
22
22
  </div>
23
23
  <div class="top-bar-right">
@@ -68,6 +68,6 @@
68
68
  </div>
69
69
  </section>
70
70
 
71
- <script src="{{ js }}"></script>
71
+ <script type="module" src="{{ js }}"></script>
72
72
  </body>
73
73
  </html>
package/src/html/templates/teaser-page.html CHANGED
@@ -17,7 +17,7 @@
17
17
  <div class="top-bar grid-container">
18
18
  <div class="top-bar-left">
19
19
  <a class="logo" href="#" rel="home">
20
- <img src="{{ logo }}" alt="Logo" />
20
+ <img src="{{ logo }}" alt="Logo" crossorigin="" />
21
21
  </a>
22
22
  </div>
23
23
  <div class="top-bar-right">
@@ -68,6 +68,6 @@
68
68
  </div>
69
69
  </section>
70
70
 
71
- <script src="{{ js }}"></script>
71
+ <script type="module" src="{{ js }}"></script>
72
72
  </body>
73
73
  </html>
package/src/html/thank-you-page-cover-1col.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <block name="page-title">Thank you for taking action. You’re awesome!</block>
4
4
 
5
5
  <block name="banner">
6
- <img src="http://placekitten.com/1600/735" alt="test image with cats">
6
+ <img src="http://placekitten.com/1600/735" alt="test image with cats" crossorigin="">
7
7
  </block>
8
8
 
9
9
  <block name="content">
package/src/html/thank-you-page-cover-2col.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <block name="page-title">Thank you for taking action. You’re awesome!</block>
4
4
 
5
5
  <block name="banner">
6
- <img src="http://placekitten.com/1600/800" alt="test image with cats">
6
+ <img src="http://placekitten.com/1600/800" alt="test image with cats" crossorigin="">
7
7
  </block>
8
8
 
9
9
  <block name="content">
package/src/html/thank-you-page-cover-banner.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <block name="page-title">Thank you for taking action. You’re awesome!</block>
4
4
 
5
5
  <block name="banner">
6
- <img src="http://placekitten.com/1600/735" alt="test image with cats">
6
+ <img src="http://placekitten.com/1600/735" alt="test image with cats" crossorigin="">
7
7
  </block>
8
8
 
9
9
  <block name="content">
package/src/html/thank-you-page-with-banner.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <block name="page-title">Thank you for taking action. You’re awesome!</block>
4
4
 
5
5
  <block name="banner">
6
- <img src="http://placekitten.com/1600/735" alt="test image with cats">
6
+ <img src="http://placekitten.com/1600/735" alt="test image with cats" crossorigin="">
7
7
  </block>
8
8
 
9
9
  <block name="content">
package/src/html/thank-you-page.html CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  <block name="content-top">
6
6
  <div class="media-stretch">
7
- <img src="http://placekitten.com/625/400" alt="test image with cats">
7
+ <img src="http://placekitten.com/625/400" alt="test image with cats" crossorigin="">
8
8
  </div>
9
9
  </block>
10
10
 
package/src/html/typography-static-page.html CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  <block name="content-top">
10
10
  <div class="media-stretch">
11
- <img src="http://placekitten.com/800/400" alt="test image with cats">
11
+ <img src="http://placekitten.com/800/400" alt="test image with cats" crossorigin="">
12
12
  </div>
13
13
  </block>
14
14