@moreonion/foundist 2.1.3 → 3.0.0

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 (98) hide show
  1. package/.vscode/settings.json +16 -0
  2. package/README.md +5 -9
  3. package/package.json +6 -31
  4. package/src/html/basic-action-page-cover-1col.html +27 -27
  5. package/src/html/basic-action-page-cover-2col-reversed.html +27 -27
  6. package/src/html/basic-action-page-cover-2col.html +27 -27
  7. package/src/html/basic-action-page-cover-banner.html +27 -27
  8. package/src/html/basic-action-page-reversed.html +22 -23
  9. package/src/html/basic-action-page-with-banner-reversed.html +27 -27
  10. package/src/html/basic-action-page-with-banner.html +27 -27
  11. package/src/html/basic-action-page-with-callouts.html +28 -28
  12. package/src/html/basic-action-page.html +22 -23
  13. package/src/html/build-index.html +9 -0
  14. package/src/html/dev-index.html +49 -0
  15. package/src/html/donation-action-page.html +20 -20
  16. package/src/html/e2t-action-page.html +25 -28
  17. package/src/html/includes/accordion.html +25 -25
  18. package/src/html/includes/basic-form-with-errors.html +28 -26
  19. package/src/html/includes/basic-form.html +11 -7
  20. package/src/html/includes/cookiebar.html +5 -5
  21. package/src/html/includes/donate-form.html +11 -11
  22. package/src/html/includes/e2t-single-form.html +29 -27
  23. package/src/html/includes/form-items/_macros.html +76 -0
  24. package/src/html/includes/form-items/checkboxes.html +18 -18
  25. package/src/html/includes/form-items/country-select-options.html +253 -0
  26. package/src/html/includes/form-items/donation-amount.html +63 -64
  27. package/src/html/includes/form-items/donation-interval.html +14 -13
  28. package/src/html/includes/form-items/fake-field.html +2 -2
  29. package/src/html/includes/form-items/fieldset.html +9 -7
  30. package/src/html/includes/form-items/file-upload.html +7 -7
  31. package/src/html/includes/form-items/giftaid.html +13 -13
  32. package/src/html/includes/form-items/inline-radios.html +14 -14
  33. package/src/html/includes/form-items/opt-in-checkbox.html +5 -5
  34. package/src/html/includes/form-items/opt-in-radios.html +7 -7
  35. package/src/html/includes/form-items/payment-icons.html +17 -17
  36. package/src/html/includes/form-items/paymethod-selector.html +24 -24
  37. package/src/html/includes/form-items/radios-with-error.html +8 -8
  38. package/src/html/includes/form-items/radios.html +14 -14
  39. package/src/html/includes/form-items/select-with-error.html +257 -257
  40. package/src/html/includes/form-items/textarea.html +2 -2
  41. package/src/html/includes/form-items/webform-steps.html +13 -13
  42. package/src/html/includes/language-switcher.html +10 -10
  43. package/src/html/includes/login-form.html +5 -3
  44. package/src/html/includes/menu.html +3 -3
  45. package/src/html/includes/overlay.html +4 -4
  46. package/src/html/includes/pagination.html +13 -13
  47. package/src/html/includes/pgbar-thermometer.html +8 -8
  48. package/src/html/includes/pgbar.html +5 -5
  49. package/src/html/includes/recent-supporters-agregated.html +32 -32
  50. package/src/html/includes/recent-supporters-comments.html +31 -31
  51. package/src/html/includes/recent-supporters-empty.html +3 -3
  52. package/src/html/includes/recent-supporters.html +26 -26
  53. package/src/html/includes/share-buttons.html +30 -28
  54. package/src/html/includes/sticky-button.html +1 -1
  55. package/src/html/includes/teasers.html +25 -5
  56. package/src/html/includes/toggle-element-show-more.html +3 -3
  57. package/src/html/includes/toggle-element-toggle.html +2 -2
  58. package/src/html/login-page.html +5 -7
  59. package/src/html/snippets-demo.html +13 -15
  60. package/src/html/teaser-page.html +7 -7
  61. package/src/html/templates/action-page-cover-1col.html +12 -83
  62. package/src/html/templates/action-page-cover-banner.html +15 -85
  63. package/src/html/templates/action-page-reversed.html +16 -82
  64. package/src/html/templates/action-page.html +21 -80
  65. package/src/html/templates/base.html +31 -0
  66. package/src/html/templates/page.html +93 -0
  67. package/src/html/templates/share-page.html +3 -0
  68. package/src/html/thank-you-page-cover-1col.html +14 -14
  69. package/src/html/thank-you-page-cover-2col.html +17 -13
  70. package/src/html/thank-you-page-cover-banner.html +14 -14
  71. package/src/html/thank-you-page-with-banner.html +14 -14
  72. package/src/html/thank-you-page.html +15 -15
  73. package/src/html/typography-static-page.html +18 -20
  74. package/src/js/foundist.js +6 -1
  75. package/src/scss/_settings.scss +3 -3
  76. package/src/scss/layout/_cover.scss +1 -1
  77. package/src/html/empty-action-page.html +0 -29
  78. package/src/html/empty-static-page.html +0 -21
  79. package/src/html/includes/form-items/country-select.html +0 -258
  80. package/src/html/includes/form-items/email.html +0 -4
  81. package/src/html/includes/form-items/first-name.html +0 -4
  82. package/src/html/includes/form-items/last-name.html +0 -4
  83. package/src/html/includes/form-items/password.html +0 -5
  84. package/src/html/includes/form-items/submit-button.html +0 -2
  85. package/src/html/includes/form-items/text-with-description.html +0 -5
  86. package/src/html/includes/form-items/text-with-error.html +0 -5
  87. package/src/html/includes/teaser.html +0 -17
  88. package/src/html/index.html +0 -51
  89. package/src/html/templates/action-page-cover-2col-reversed.html +0 -97
  90. package/src/html/templates/action-page-cover-2col.html +0 -97
  91. package/src/html/templates/action-page-with-banner-reversed.html +0 -91
  92. package/src/html/templates/action-page-with-banner.html +0 -91
  93. package/src/html/templates/static-page-cover-1col.html +0 -80
  94. package/src/html/templates/static-page-cover-2col.html +0 -88
  95. package/src/html/templates/static-page-cover-banner.html +0 -81
  96. package/src/html/templates/static-page-with-banner.html +0 -77
  97. package/src/html/templates/static-page.html +0 -73
  98. package/src/html/templates/teaser-page.html +0 -73
@@ -1,93 +1,23 @@
1
- <!DOCTYPE html>
2
- <html lang="en" class="no-js">
1
+ {% extends "./page.html" %}
3
2
 
4
- <head>
5
- <meta charset="UTF-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <meta http-equiv="X-UA-Compatible" content="ie=edge" />
8
- <link rel="icon" href="{{ favicon }}">
9
- <link rel="stylesheet" href="{{ css }}" />
10
- <title>{{ title }}</title>
11
- </head>
3
+ {% block page_class %}{{ layout }}-layout{% endblock %}
12
4
 
13
- <body>
14
- <div id="page" class="cover-banner-layout">
5
+ {% block main_container_class %}with-sidebar{% endblock %}
15
6
 
16
- <section id="header">
17
- <div class="top-bar grid-container">
18
- <div class="top-bar-left">
19
- <a class="logo" href="#" rel="home">
20
- <img src="{{ logo }}" alt="Logo" crossorigin="" />
21
- </a>
22
- </div>
23
- <div class="top-bar-right">
24
- <include src="language-switcher.html"></include>
25
- </div>
26
- </div>
27
- </section>
28
-
29
- <section id="highlighted">
30
- <div class="grid-container">
31
- <block name="highlighted"></block>
32
- </div>
33
- </section>
34
-
35
- <div id="background">
36
- <block name="banner"></block>
37
- </div>
38
-
39
- <section id="messages">
40
- <div class="grid-container">
41
- <block name="messages"></block>
42
- </div>
43
- </section>
44
-
45
- <section id="banner-content">
46
- <div class="grid-container with-sidebar">
47
- <div id="form-wrapper" class="flex-container align-middle">
7
+ {% block banner_content %}
8
+ <div class="grid-container with sidebar">
9
+ <div id=form-wrapper class="flex-container align-middle">
48
10
  <div id="form-outer">
49
- <block name="form-intro"></block>
50
- <block name="progress-bar"></block>
51
- <block name="form"></block>
11
+ {% block form_intro %}{% endblock %}
12
+ {% block progress_bar %}{% endblock %}
13
+ {% block form %}{% endblock %}
52
14
  </div>
53
- </div>
54
15
  </div>
55
- </section>
56
-
57
- <section id="main">
58
- <div class="grid-container with-sidebar">
59
- <div id="top">
60
- <h1 id="page-title"><block name="page-title"></block></h1>
61
- <block name="top"></block>
62
- </div>
63
-
64
- <div id="content">
65
- <block name="content-top"></block>
66
- <block name="content"></block>
67
- <block name="content-bottom"></block>
68
- </div>
69
-
70
- <div id="sidebar">
71
- <block name="recent-supporters"></block>
72
- </div>
73
-
74
- </div>
75
- </section>
76
-
77
- <section id="bottom">
78
- <div class="grid-container">
79
- <block name="bottom"></block>
80
- </div>
81
- </section>
82
-
83
16
  </div>
17
+ {% endblock %}
84
18
 
85
- <section id="footer">
86
- <div class="grid-container">
87
- <block name="footer"></block>
88
- </div>
89
- </section>
90
-
91
- <script type="module" src="{{ js }}"></script>
92
- </body>
93
- </html>
19
+ {% block sidebar %}
20
+ <div id="sidebar">
21
+ {% block recent_supporters %}{% endblock %}
22
+ </div>
23
+ {% endblock %}
@@ -1,88 +1,22 @@
1
- <!DOCTYPE html>
2
- <html lang="en" class="no-js">
1
+ {% extends "./page.html" %}
3
2
 
4
- <head>
5
- <meta charset="UTF-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <meta http-equiv="X-UA-Compatible" content="ie=edge" />
8
- <link rel="icon" href="{{ favicon }}">
9
- <link rel="stylesheet" href="{{ css }}" />
10
- <title>{{ title }}</title>
11
- </head>
3
+ {% block page_class %}{{ layout }}-layout{% endblock %}
12
4
 
13
- <body>
14
- <div id="page" class="default-layout">
5
+ {% block main_container_class %}with-sidebar{% endblock %}
15
6
 
16
- <section id="header">
17
- <div class="top-bar grid-container">
18
- <div class="top-bar-left">
19
- <a class="logo" href="#" rel="home">
20
- <img src="{{ logo }}" alt="Logo" crossorigin="" />
21
- </a>
22
- </div>
23
- <div class="top-bar-right">
24
- <include src="language-switcher.html"></include>
25
- </div>
26
- </div>
27
- </section>
28
-
29
- <section id="highlighted">
30
- <div class="grid-container">
31
- <block name="highlighted"></block>
32
- </div>
33
- </section>
34
-
35
- <section id="messages">
36
- <div class="grid-container">
37
- <block name="messages"></block>
38
- </div>
39
- </section>
40
-
41
- <section id="main">
42
- <div class="grid-container with-sidebar">
43
-
44
- <div id="top">
45
- <h1 id="page-title"><block name="page-title"></block></h1>
46
- <block name="top"></block>
47
- </div>
48
-
49
- <div id="content">
50
- <block name="content-top"></block>
51
- <block name="content"></block>
52
- <block name="content-bottom"></block>
53
- </div>
54
-
55
- <div id="sidebar">
56
- <div id="form-wrapper" class="flex-container align-middle">
57
- <div id="form-outer">
58
- <block name="form-intro"></block>
59
- <block name="progress-bar"></block>
60
- <block name="form"></block>
61
- </div>
7
+ {% block sidebar_bottom %}
8
+ <div id="sidebar">
9
+ <div id=form-wrapper class="flex-container align-middle">
10
+ <div id="form-outer">
11
+ {% block form_intro %}{% endblock %}
12
+ {% block progress_bar %}{% endblock %}
13
+ {% block form %}{% endblock %}
62
14
  </div>
63
- </div>
64
-
65
- <div id="sidebar2">
66
- <block name="recent-supporters"></block>
67
- </div>
68
-
69
- </div>
70
- </section>
71
-
72
- <section id="bottom">
73
- <div class="grid-container">
74
- <block name="bottom"></block>
75
15
  </div>
76
- </section>
77
-
78
16
  </div>
79
-
80
- <section id="footer">
81
- <div class="grid-container">
82
- <block name="footer"></block>
83
- </div>
84
- </section>
85
-
86
- <script type="module" src="{{ js }}"></script>
87
- </body>
88
- </html>
17
+ <div id="sidebar2">
18
+ {% if layout == "cover-2col" %}<div class="inner-wrapper">{% endif %}
19
+ {% block recent_supporters %}{% endblock %}
20
+ {% if layout == "cover-2col" %}</div>{% endif %}
21
+ </div>
22
+ {% endblock %}
@@ -1,88 +1,29 @@
1
- <!DOCTYPE html>
2
- <html lang="en" class="no-js">
1
+ {% extends "./page.html" %}
3
2
 
4
- <head>
5
- <meta charset="UTF-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <meta http-equiv="X-UA-Compatible" content="ie=edge" />
8
- <link rel="icon" href="{{ favicon }}">
9
- <link rel="stylesheet" href="{{ css }}" />
10
- <title>{{ title }}</title>
11
- </head>
3
+ {% block page_class %}{{ layout }}-layout{% endblock %}
12
4
 
13
- <body>
14
- <div id="page" class="default-layout">
5
+ {% block main_container_class %}with-sidebar{% endblock %}
15
6
 
16
- <section id="header">
17
- <div class="top-bar grid-container">
18
- <div class="top-bar-left">
19
- <a class="logo" href="#" rel="home">
20
- <img src="{{ logo }}" alt="Logo" crossorigin="" />
21
- </a>
22
- </div>
23
- <div class="top-bar-right">
24
- <include src="language-switcher.html"></include>
25
- </div>
26
- </div>
27
- </section>
28
-
29
- <section id="highlighted">
30
- <div class="grid-container">
31
- <block name="highlighted"></block>
32
- </div>
33
- </section>
34
-
35
- <section id="messages">
36
- <div class="grid-container">
37
- <block name="messages"></block>
38
- </div>
39
- </section>
40
-
41
- <section id="main">
42
- <div class="grid-container with-sidebar">
7
+ {% block header %}
8
+ {% include "src/html/includes/language-switcher.html" %}
9
+ {% endblock %}
43
10
 
44
- <div id="top">
45
- <h1 id="page-title"><block name="page-title"></block></h1>
46
- <block name="top"></block>
47
- </div>
48
-
49
- <div id="sidebar">
50
- <div id="form-wrapper" class="flex-container align-middle">
51
- <div id="form-outer">
52
- <block name="form-intro"></block>
53
- <block name="progress-bar"></block>
54
- <block name="form"></block>
55
- </div>
11
+ {% block sidebar %}
12
+ <div id="sidebar">
13
+ <div id=form-wrapper class="flex-container align-middle">
14
+ <div id="form-outer">
15
+ {% block form_intro %}{% endblock %}
16
+ {% block progress_bar %}{% endblock %}
17
+ {% block form %}{% endblock %}
56
18
  </div>
57
- </div>
58
-
59
- <div id="content">
60
- <block name="content-top"></block>
61
- <block name="content"></block>
62
- <block name="content-bottom"></block>
63
- </div>
64
-
65
- <div id="sidebar2">
66
- <block name="recent-supporters"></block>
67
- </div>
68
-
69
- </div>
70
- </section>
71
-
72
- <section id="bottom">
73
- <div class="grid-container">
74
- <block name="bottom"></block>
75
19
  </div>
76
- </section>
77
-
78
20
  </div>
21
+ {% endblock %}
79
22
 
80
- <section id="footer">
81
- <div class="grid-container">
82
- <block name="footer"></block>
83
- </div>
84
- </section>
85
-
86
- <script type="module" src="{{ js }}"></script>
87
- </body>
88
- </html>
23
+ {% block sidebar_bottom %}
24
+ <div id="sidebar2">
25
+ {% if layout == "cover-2col" %}<div class="inner-wrapper">{% endif %}
26
+ {% block recent_supporters %}{% endblock %}
27
+ {% if layout == "cover-2col" %}</div>{% endif %}
28
+ </div>
29
+ {% endblock %}
@@ -0,0 +1,31 @@
1
+ {% import "_globals.html" as settings %}
2
+
3
+ <!DOCTYPE html>
4
+ <html class="no-js" lang="en">
5
+ <head>
6
+ <meta charset="utf-8" />
7
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
8
+ <link rel="icon" href="{{ settings.favicon }}">
9
+ <title>{{ settings.site_name }}</title>
10
+
11
+ {# Global stylesheets #}
12
+ <link rel="stylesheet" type="text/css" href="{{ settings.assets_css }}">
13
+
14
+ {% block extra_css %}
15
+ {# Override this in templates to add extra stylesheets #}
16
+ {% endblock %}
17
+ </head>
18
+
19
+ <body class="{% block body_class %}{% endblock %}">
20
+
21
+ {% block page %}{% endblock %}
22
+
23
+ {# Global javascript #}
24
+ <script type="text/javascript" src="https://polyfill.io/v3/polyfill.min.js?flags=gated&features=default,es6"></script>
25
+ <script type="module" src="{{ settings.assets_js }}"></script>
26
+
27
+ {% block extra_js %}
28
+ {# Override this in templates to add extra javascript #}
29
+ {% endblock %}
30
+ </body>
31
+ </html>
@@ -0,0 +1,93 @@
1
+ {% extends "./base.html" %}
2
+
3
+ {% block page %}
4
+ <div id="page" class="{% block page_class %}default-layout{% endblock %}">
5
+
6
+ <section id="header">
7
+ <div class="top-bar grid-container">
8
+ <div class="top-bar-left">
9
+ {% block logo %}
10
+ <div class="logo">
11
+ <img
12
+ src="{{ settings.logo }}"
13
+ alt="{{ settings.site_name }}" />
14
+ </div>
15
+ {% endblock %}
16
+ </div>
17
+ <div class="top-bar-right">
18
+ {% block header %}{% endblock %}
19
+ </div>
20
+ </div>
21
+ </section>
22
+
23
+ <section id="bottom">
24
+ {% block highlighted %}{% endblock %}
25
+ </section>
26
+
27
+ {% if layout == "banner" %}
28
+ <section id="banner">
29
+ {% block banner %}{% endblock %}
30
+ </section>
31
+ {% elif layout and layout != "default" %}
32
+ <section id="background">
33
+ {% block background %}{% endblock %}
34
+ </section>
35
+ {% endif %}
36
+
37
+ <section id="messages">
38
+ <div class="grid-container{% if layout == 'cover-1col' %} narrow{% endif %}">
39
+ {% block messages %}{% endblock %}
40
+ </div>
41
+ </section>
42
+
43
+ {% if layout == "cover-banner" %}
44
+ <section id="banner-content">
45
+ {% block banner_content %}{% endblock %}
46
+ </section>
47
+ {% endif %}
48
+
49
+ <section id="main">
50
+ <div class="grid-container {% block main_container_class %}narrow{% endblock %}">
51
+
52
+ {% if layout == "cover-1col" %}<div class="inner-wrapper">{% endif %}
53
+
54
+ <div id="top">
55
+ {% if layout == "cover-2col" %}<div class="inner-wrapper">{% endif %}
56
+ <h1 id="page-title">
57
+ {% block page_title %}Example page{% endblock %}
58
+ </h1>
59
+ {% block top %}{% endblock %}
60
+ {% if layout == "cover-2col" %}</div>{% endif %}
61
+ </div>
62
+
63
+ {% block sidebar %}{% endblock %}
64
+
65
+ <div id="content">
66
+ {% if layout == "cover-2col" %}<div class="inner-wrapper">{% endif %}
67
+
68
+ {% block content_top %}{% endblock %}
69
+ {% block content %}{% endblock %}
70
+ {% block content_bottom %}{% endblock %}
71
+
72
+ {% if layout == "cover-2col" %}</div>{% endif %}
73
+ </div>
74
+
75
+ {% block sidebar_bottom %}{% endblock %}
76
+
77
+ {% if layout == "cover-1col" %}</div>{% endif %}
78
+
79
+ </div>
80
+ </section>
81
+
82
+ <section id="bottom">
83
+ {% block bottom %}{% endblock %}
84
+ </section>
85
+
86
+ <section id="footer">
87
+ <div class="grid-container">
88
+ {% block footer %}{% endblock %}
89
+ </div>
90
+ </section>
91
+
92
+ </div>
93
+ {% endblock %}
@@ -0,0 +1,3 @@
1
+ {% extends "./page.html" %}
2
+
3
+ {% block page_class %}{{ layout }}-layout{% endblock %}
@@ -1,21 +1,21 @@
1
- <extends src="templates/static-page-cover-1col.html">
1
+ {% extends "src/html/templates/share-page.html" %}
2
2
 
3
- <block name="page-title">Thank you for taking action. You’re awesome!</block>
3
+ {% set layout = "cover-1col" %}
4
4
 
5
- <block name="banner">
5
+ {% block page_title %}Thank you for taking action. You’re awesome!{% endblock %}
6
+
7
+ {% block background %}
6
8
  <img src="http://placekitten.com/1600/735" alt="test image with cats" crossorigin="">
7
- </block>
9
+ {% endblock %}
8
10
 
9
- <block name="content">
11
+ {% block content %}
10
12
  <p>Cat ipsum dolor sit amet, mewl for food at 4am. Meeeeouw spill litter box, scratch at owner, destroy all furniture, especially couch. Sleep on dog bed, force dog to sleep on floor stinky cat spend all night ensuring people don't sleep sleep all day yet spread kitty litter all over house.</p>
11
- </block>
12
-
13
- <block name="content-bottom">
14
- <include src="share-buttons.html"></include>
15
- </block>
13
+ {% endblock %}
16
14
 
17
- <block name="footer">
18
- <include src="menu.html"></include>
19
- </block>
15
+ {% block content_bottom %}
16
+ {% include "src/html/includes/share-buttons.html" %}
17
+ {% endblock %}
20
18
 
21
- </extends>
19
+ {% block footer %}
20
+ {% include "src/html/includes/menu.html" %}
21
+ {% endblock %}
@@ -1,21 +1,25 @@
1
- <extends src="templates/static-page-cover-2col.html">
1
+ {% extends "src/html/templates/action-page.html" %}
2
2
 
3
- <block name="page-title">Thank you for taking action. You’re awesome!</block>
3
+ {% set layout = "cover-2col" %}
4
4
 
5
- <block name="banner">
5
+ {% block page_title %}Thank you for taking action. You’re awesome!{% endblock %}
6
+
7
+ {% block background %}
6
8
  <img src="http://placekitten.com/1600/800" alt="test image with cats" crossorigin="">
7
- </block>
9
+ {% endblock %}
8
10
 
9
- <block name="content">
11
+ {% block content %}
10
12
  <p>Cat ipsum dolor sit amet, mewl for food at 4am. Meeeeouw spill litter box, scratch at owner, destroy all furniture, especially couch. Sleep on dog bed, force dog to sleep on floor stinky cat spend all night ensuring people don't sleep sleep all day yet spread kitty litter all over house.</p>
11
- </block>
13
+ {% endblock %}
12
14
 
13
- <block name="form">
14
- <include src="share-buttons.html"></include>
15
- </block>
15
+ {% block form %}
16
+ {% include "src/html/includes/share-buttons.html" %}
17
+ {% endblock %}
16
18
 
17
- <block name="footer">
18
- <include src="menu.html"></include>
19
- </block>
19
+ {% block recent_supporters %}
20
+ {% include "src/html/includes/recent-supporters.html" %}
21
+ {% endblock %}
20
22
 
21
- </extends>
23
+ {% block footer %}
24
+ {% include "src/html/includes/menu.html" %}
25
+ {% endblock %}
@@ -1,21 +1,21 @@
1
- <extends src="templates/static-page-cover-banner.html">
1
+ {% extends "src/html/templates/share-page.html" %}
2
2
 
3
- <block name="page-title">Thank you for taking action. You’re awesome!</block>
3
+ {% set layout = "cover-banner" %}
4
4
 
5
- <block name="banner">
5
+ {% block page_title %}Thank you for taking action. You’re awesome!{% endblock %}
6
+
7
+ {% block background %}
6
8
  <img src="http://placekitten.com/1600/735" alt="test image with cats" crossorigin="">
7
- </block>
9
+ {% endblock %}
8
10
 
9
- <block name="content">
11
+ {% block content %}
10
12
  <p>Cat ipsum dolor sit amet, mewl for food at 4am. Meeeeouw spill litter box, scratch at owner, destroy all furniture, especially couch. Sleep on dog bed, force dog to sleep on floor stinky cat spend all night ensuring people don't sleep sleep all day yet spread kitty litter all over house.</p>
11
- </block>
12
-
13
- <block name="content-bottom">
14
- <include src="share-buttons.html"></include>
15
- </block>
13
+ {% endblock %}
16
14
 
17
- <block name="footer">
18
- <include src="menu.html"></include>
19
- </block>
15
+ {% block content_bottom %}
16
+ {% include "src/html/includes/share-buttons.html" %}
17
+ {% endblock %}
20
18
 
21
- </extends>
19
+ {% block footer %}
20
+ {% include "src/html/includes/menu.html" %}
21
+ {% endblock %}
@@ -1,21 +1,21 @@
1
- <extends src="templates/static-page-with-banner.html">
1
+ {% extends "src/html/templates/share-page.html" %}
2
2
 
3
- <block name="page-title">Thank you for taking action. You’re awesome!</block>
3
+ {% set layout = "banner" %}
4
4
 
5
- <block name="banner">
5
+ {% block page_title %}Thank you for taking action. You’re awesome!{% endblock %}
6
+
7
+ {% block banner %}
6
8
  <img src="http://placekitten.com/1600/735" alt="test image with cats" crossorigin="">
7
- </block>
9
+ {% endblock %}
8
10
 
9
- <block name="content">
11
+ {% block content %}
10
12
  <p>Cat ipsum dolor sit amet, mewl for food at 4am. Meeeeouw spill litter box, scratch at owner, destroy all furniture, especially couch. Sleep on dog bed, force dog to sleep on floor stinky cat spend all night ensuring people don't sleep sleep all day yet spread kitty litter all over house.</p>
11
- </block>
12
-
13
- <block name="content-bottom">
14
- <include src="share-buttons.html"></include>
15
- </block>
13
+ {% endblock %}
16
14
 
17
- <block name="footer">
18
- <include src="menu.html"></include>
19
- </block>
15
+ {% block content_bottom %}
16
+ {% include "src/html/includes/share-buttons.html" %}
17
+ {% endblock %}
20
18
 
21
- </extends>
19
+ {% block footer %}
20
+ {% include "src/html/includes/menu.html" %}
21
+ {% endblock %}
@@ -1,24 +1,24 @@
1
- <extends src="templates/static-page.html">
1
+ {% extends "src/html/templates/cdpage.html" %}
2
2
 
3
- <block name="page-title">Thank you for taking action. You’re awesome!</block>
3
+ {% set layout = "default" %}
4
4
 
5
- <block name="content-top">
5
+ {% block page_title %}Thank you for taking action. You’re awesome!{% endblock %}
6
+
7
+ {% block content_top %}
6
8
  <div class="media-stretch">
7
- <img src="http://placekitten.com/625/400" alt="test image with cats" crossorigin="">
9
+ <img src="http://placekitten.com/625/400" alt="test image with cats" crossorigin="">
8
10
  </div>
9
- </block>
11
+ {% endblock %}
10
12
 
11
- <block name="content">
13
+ {% block content %}
12
14
  <h2>Lies down sleep on dog bed, force dog to sleep on floor</h2>
13
15
  <p>Cat ipsum dolor sit amet, mewl for food at 4am. Meeeeouw spill litter box, scratch at owner, destroy all furniture, especially couch. Sleep on dog bed, force dog to sleep on floor stinky cat spend all night ensuring people don't sleep sleep all day yet spread kitty litter all over house.</p>
14
- </block>
15
-
16
- <block name="content-bottom">
17
- <include src="share-buttons.html"></include>
18
- </block>
16
+ {% endblock %}
19
17
 
20
- <block name="footer">
21
- <include src="overlay.html"></include>
22
- </block>
18
+ {% block content_bottom %}
19
+ {% include "src/html/includes/share-buttons.html" %}
20
+ {% endblock %}
23
21
 
24
- </extends>
22
+ {% block footer %}
23
+ {% include "src/html/includes/overlay.html" %}
24
+ {% endblock %}