@moreonion/foundist 3.0.0 → 3.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moreonion/foundist",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "description": "Foundation based default theme for Impact Stack landing pages.",
   "author": "More Onion <kontakt@more-onion.at>",
   "license": "MIT",
@@ -26,7 +26,7 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@moreonion/foundation-base": "^3.0.0",
+    "@moreonion/foundation-base": "^3.0.1",
     "vite-plugin-nunjucks": "^0.1.10"
   },
   "lint-staged": {

package/src/html/basic-action-page-cover-1col-with-headline.html

@@ -0,0 +1,60 @@
+{% extends "src/html/templates/action-page-cover-1col.html" %}
+
+{% set layout = "cover-1col" %}
+
+{% block page_class %}{{ super() }} with-headline{% endblock %}
+
+{% block page_title %}Take action now!{% endblock %}
+
+{% block background %}
+    <img src="http://placekitten.com/1280/588" alt="test image with cats" crossorigin="">
+{% endblock %}
+
+{% block headline %}
+    <p>Cats love huge display headlines<br>Meouw!</p>
+{% endblock %}
+
+{% block top %}
+    <p>Reward the chosen human with a slow blink. Scratch stand in front of the computer screen run off table persian cat jump eat fish. Roll on the floor purring your whiskers off cat dog hate mouse eat string barf pillow no baths hate everything.</p>
+{% endblock %}
+
+{% block form_intro %}
+    <h2>Signup now!</h2>
+    <p>Abyssinian tiger american shorthair british shorthair puma and maine coon.</p>
+{% endblock %}
+
+{% block progress_bar %}
+    {% include "src/html/includes/pgbar.html" %}
+{% endblock %}
+
+{% block form %}
+    {% include "src/html/includes/basic-form.html" %}
+{% endblock %}
+
+{% block recent_supporters %}
+    {% include "src/html/includes/recent-supporters.html" %}
+{% endblock %}
+
+{% block content_top %}
+    <div class="media-stretch">
+        <img src="http://placekitten.com/860/455" alt="test image with cats" crossorigin="">
+    </div>
+{% endblock %}
+
+{% block content %}
+    <h2>Cougar British shorthair turkish angora</h2>
+    <p>Twitch tail in permanent irritation attempt to leap between furniture but woefully miscalibrate and bellyflop onto the floor; what's your problem? Get my claw stuck in the dog's ear. Lick plastic bags ask to go outside and ask to come inside and ask to go outside and ask to come inside hell is other people, ignore the squirrels, you'll never catch them anyway or walk on car leaving trail of paw prints on hood and windshield.</p>
+    <p>A very wise cat once said:</p>
+    <blockquote><p>Always ensure to lay down in such a manner that tail can lightly brush human's nose sleep in the bathroom sink. Scratch catasstrophe and lick the curtain just to be annoying so your pillow is now my pet bed nya nya nyan so run up and down stairs curl up and sleep on the freshly laundered towels.</p></blockquote>
+    <p>Need to check on human, have not seen in an hour might be dead oh look, human is alive, hiss at human.</p>
+{% endblock %}
+
+{% block bottom %}
+    {% include "src/html/includes/section-2col.html" %}
+    {% include "src/html/includes/section-2col.html" %}
+    {% include "src/html/includes/section-1col.html" %}
+{% endblock %}
+
+{% block footer %}
+    {% include "src/html/includes/menu.html" %}
+{% endblock %}

package/src/html/basic-action-page-cover-2col-with-headline.html

@@ -0,0 +1,60 @@
+{% extends "src/html/templates/action-page.html" %}
+
+{% set layout = "cover-2col" %}
+
+{% block page_class %}{{ super() }} with-headline{% endblock %}
+
+{% block page_title %}Take action now!{% endblock %}
+
+{% block background %}
+    <img src="http://placekitten.com/1600/1000" alt="test image with cats" crossorigin="">
+{% endblock %}
+
+{% block headline %}
+    <p>Cats love huge display headlines<br>Meouw!</p>
+{% endblock %}
+
+{% block top %}
+    <p>Reward the chosen human with a slow blink. Scratch stand in front of the computer screen run off table persian cat jump eat fish. Roll on the floor purring your whiskers off cat dog hate mouse eat string barf pillow no baths hate everything.</p>
+{% endblock %}
+
+{% block form_intro %}
+    <h2>Signup now!</h2>
+    <p>Abyssinian tiger american shorthair british shorthair puma and maine coon.</p>
+{% endblock %}
+
+{% block progress_bar %}
+    {% include "src/html/includes/pgbar.html" %}
+{% endblock %}
+
+{% block form %}
+    {% include "src/html/includes/basic-form.html" %}
+{% endblock %}
+
+{% block recent_supporters %}
+    {% include "src/html/includes/recent-supporters.html" %}
+{% endblock %}
+
+{% block content_top %}
+    <div class="media-stretch">
+        <img src="http://placekitten.com/860/455" alt="test image with cats" crossorigin="">
+    </div>
+{% endblock %}
+
+{% block content %}
+    <h2>Cougar British shorthair turkish angora</h2>
+    <p>Twitch tail in permanent irritation attempt to leap between furniture but woefully miscalibrate and bellyflop onto the floor; what's your problem? Get my claw stuck in the dog's ear. Lick plastic bags ask to go outside and ask to come inside and ask to go outside and ask to come inside hell is other people, ignore the squirrels, you'll never catch them anyway or walk on car leaving trail of paw prints on hood and windshield.</p>
+    <p>A very wise cat once said:</p>
+    <blockquote><p>Always ensure to lay down in such a manner that tail can lightly brush human's nose sleep in the bathroom sink. Scratch catasstrophe and lick the curtain just to be annoying so your pillow is now my pet bed nya nya nyan so run up and down stairs curl up and sleep on the freshly laundered towels.</p></blockquote>
+    <p>Need to check on human, have not seen in an hour might be dead oh look, human is alive, hiss at human.</p>
+{% endblock %}
+
+{% block bottom %}
+    {% include "src/html/includes/section-2col.html" %}
+    {% include "src/html/includes/section-2col.html" %}
+    {% include "src/html/includes/section-1col.html" %}
+{% endblock %}
+
+{% block footer %}
+    {% include "src/html/includes/menu.html" %}
+{% endblock %}

package/src/html/basic-action-page-cover-banner-with-headline.html

@@ -0,0 +1,60 @@
+{% extends "src/html/templates/action-page-cover-banner.html" %}
+
+{% set layout = "cover-banner" %}
+
+{% block page_class %}{{ super() }} with-headline{% endblock %}
+
+{% block page_title %}Take action now!{% endblock %}
+
+{% block background %}
+    <img src="http://placekitten.com/1280/588" alt="test image with cats" crossorigin="">
+{% endblock %}
+
+{% block headline %}
+    <p>Cats love huge display headlines<br>Meouw!</p>
+{% endblock %}
+
+{% block top %}
+    <p>Reward the chosen human with a slow blink. Scratch stand in front of the computer screen run off table persian cat jump eat fish. Roll on the floor purring your whiskers off cat dog hate mouse eat string barf pillow no baths hate everything.</p>
+{% endblock %}
+
+{% block form_intro %}
+    <h2>Signup now!</h2>
+    <p>Abyssinian tiger american shorthair british shorthair puma and maine coon.</p>
+{% endblock %}
+
+{% block progress_bar %}
+    {% include "src/html/includes/pgbar.html" %}
+{% endblock %}
+
+{% block form %}
+    {% include "src/html/includes/basic-form.html" %}
+{% endblock %}
+
+{% block recent_supporters %}
+    {% include "src/html/includes/recent-supporters.html" %}
+{% endblock %}
+
+{% block content_top %}
+    <div class="media-stretch">
+        <img src="http://placekitten.com/860/455" alt="test image with cats" crossorigin="">
+    </div>
+{% endblock %}
+
+{% block content %}
+    <h2>Cougar British shorthair turkish angora</h2>
+    <p>Twitch tail in permanent irritation attempt to leap between furniture but woefully miscalibrate and bellyflop onto the floor; what's your problem? Get my claw stuck in the dog's ear. Lick plastic bags ask to go outside and ask to come inside and ask to go outside and ask to come inside hell is other people, ignore the squirrels, you'll never catch them anyway or walk on car leaving trail of paw prints on hood and windshield.</p>
+    <p>A very wise cat once said:</p>
+    <blockquote><p>Always ensure to lay down in such a manner that tail can lightly brush human's nose sleep in the bathroom sink. Scratch catasstrophe and lick the curtain just to be annoying so your pillow is now my pet bed nya nya nyan so run up and down stairs curl up and sleep on the freshly laundered towels.</p></blockquote>
+    <p>Need to check on human, have not seen in an hour might be dead oh look, human is alive, hiss at human.</p>
+{% endblock %}
+
+{% block bottom %}
+    {% include "src/html/includes/section-2col.html" %}
+    {% include "src/html/includes/section-2col.html" %}
+    {% include "src/html/includes/section-1col.html" %}
+{% endblock %}
+
+{% block footer %}
+    {% include "src/html/includes/menu.html" %}
+{% endblock %}

package/src/html/basic-action-page-with-banner-and-headline.html

@@ -0,0 +1,60 @@
+{% extends "src/html/templates/action-page.html" %}
+
+{% set layout = "banner" %}
+
+{% block page_class %}{{ super() }} with-headline{% endblock %}
+
+{% block page_title %}Take action now!{% endblock %}
+
+{% block banner %}
+    <img src="http://placekitten.com/1280/588" alt="test image with cats" crossorigin="">
+{% endblock %}
+
+{% block top %}
+    <p>Reward the chosen human with a slow blink. Scratch stand in front of the computer screen run off table persian cat jump eat fish. Roll on the floor purring your whiskers off cat dog hate mouse eat string barf pillow no baths hate everything.</p>
+{% endblock %}
+
+{% block headline %}
+    <p>Cats love huge display headlines<br>Meouw!</p>
+{% endblock %}
+
+{% block form_intro %}
+    <h2>Signup now!</h2>
+    <p>Abyssinian tiger american shorthair british shorthair puma and maine coon.</p>
+{% endblock %}
+
+{% block progress_bar %}
+    {% include "src/html/includes/pgbar.html" %}
+{% endblock %}
+
+{% block form %}
+    {% include "src/html/includes/basic-form.html" %}
+{% endblock %}
+
+{% block recent_supporters %}
+    {% include "src/html/includes/recent-supporters.html" %}
+{% endblock %}
+
+{% block content_top %}
+    <div class="media-stretch">
+        <img src="http://placekitten.com/860/455" alt="test image with cats" crossorigin="">
+    </div>
+{% endblock %}
+
+{% block content %}
+    <h2>Cougar British shorthair turkish angora</h2>
+    <p>Twitch tail in permanent irritation attempt to leap between furniture but woefully miscalibrate and bellyflop onto the floor; what's your problem? Get my claw stuck in the dog's ear. Lick plastic bags ask to go outside and ask to come inside and ask to go outside and ask to come inside hell is other people, ignore the squirrels, you'll never catch them anyway or walk on car leaving trail of paw prints on hood and windshield.</p>
+    <p>A very wise cat once said:</p>
+    <blockquote><p>Always ensure to lay down in such a manner that tail can lightly brush human's nose sleep in the bathroom sink. Scratch catasstrophe and lick the curtain just to be annoying so your pillow is now my pet bed nya nya nyan so run up and down stairs curl up and sleep on the freshly laundered towels.</p></blockquote>
+    <p>Need to check on human, have not seen in an hour might be dead oh look, human is alive, hiss at human.</p>
+{% endblock %}
+
+{% block bottom %}
+    {% include "src/html/includes/section-2col.html" %}
+    {% include "src/html/includes/section-2col.html" %}
+    {% include "src/html/includes/section-1col.html" %}
+{% endblock %}
+
+{% block footer %}
+    {% include "src/html/includes/menu.html" %}
+{% endblock %}

package/src/html/dev-index.html

@@ -27,23 +27,31 @@
     <h4 class="h6">B: Banner image (2 columns) &ensp;<small>banner</small></h4>
     <ul class="no-bullet">
         <li><a href="src/html/basic-action-page-with-banner.html">Basic action page</a></li>
+        <li><a href="src/html/basic-action-page-with-banner-and-headline.html">Basic action page with headline and bottom sections</a></li>
         <li><a href="src/html/basic-action-page-with-banner-reversed.html">Basic action page reversed</a></li>
         <li><a href="src/html/thank-you-page-with-banner.html">Thank you page</a></li>
+        <li><a href="src/html/thank-you-page-with-banner-and-headline.html">Thank you page with headline and bottom sections</a></li>
     </ul>
     <h4 class="h6">C: Fixed background image (2 columns) &ensp;<small>cover-2col</small></h4>
     <ul class="no-bullet">
         <li><a href="src/html/basic-action-page-cover-2col.html">Basic action page</a></li>
+        <li><a href="src/html/basic-action-page-cover-2col-with-headline.html">Basic action page with headline and bottom sections</a></li>
         <li><a href="src/html/basic-action-page-cover-2col-reversed.html">Basic action page reversed</a></li>
         <li><a href="src/html/thank-you-page-cover-2col.html">Thank you page</a></li>
+        <li><a href="src/html/thank-you-page-cover-2col-with-headline.html">Thank you page with headline and bottom sections</a></li>
     </ul>
     <h4 class="h6">D: Fixed banner image (2 columns) &ensp;<small>cover-banner</small></h4>
     <ul class="no-bullet">
         <li><a href="src/html/basic-action-page-cover-banner.html">Basic action page</a></li>
+        <li><a href="src/html/basic-action-page-cover-banner-with-headline.html">Basic action page with headline and bottom sections</a></li>
         <li><a href="src/html/thank-you-page-cover-banner.html">Thank you page</a></li>
+        <li><a href="src/html/thank-you-page-cover-banner-with-headline.html">Thank you page with headline and bottom sections</a></li>
     </ul>
     <h4 class="h6">E: Fixed background image (1 column) &ensp;<small>cover-1col</small></h4>
     <ul class="no-bullet">
         <li><a href="src/html/basic-action-page-cover-1col.html">Basic action page</a></li>
+        <li><a href="src/html/basic-action-page-cover-1col-with-headline.html">Basic action page with headline and bottom sections</a></li>
         <li><a href="src/html/thank-you-page-cover-1col.html">Thank you page</a></li>
+        <li><a href="src/html/thank-you-page-cover-1col-with-headline.html">Thank you page with headline and bottom sections</a></li>
     </ul>
 {% endblock %}

package/src/html/includes/login-form.html

@@ -2,6 +2,6 @@
 
 <form method="post" accept-charset="UTF-8" novalidate="novalidate">
     {{ input("Email address", {type: "email", id: "email", size: 60, required: "required"}) }}
-    {{ input("Password", {type: "password", size: 60, maxlength=128, required: "required"}, "The password field is case sensitive.") }}
+    {{ input("Password", {type: "password", size: 60, maxlength: 128, required: "required"}, "The password field is case sensitive.") }}
     {{ button("Log in", class="expanded primary button large") }}
 </form>

package/src/html/includes/section-1col.html

@@ -0,0 +1,11 @@
+<section>
+    <div class="background">
+        <img src="http://placekitten.com/1600/1000" alt="test image with cats" crossorigin="">
+    </div>
+    <div class="grid-container narrow">
+        <blockquote>
+            <p>Nap all day eat and than sleep on your face so catto munch salmono so find a way to fit in tiny box cats making all the muffins my left donut is missing, as is my right.</p>
+            <cite>Famous Cat</cite>
+        </blockquote>
+    </div>
+</section>

package/src/html/includes/section-2col.html

@@ -0,0 +1,12 @@
+<section>
+    <div class="grid-container">
+        <div class="column media-stretch">
+            <img src="http://placekitten.com/600/400" alt="test image with cats" crossorigin="">
+        </div>
+        <div class="column">
+            <h2>What's your problem?</h2>
+            <p>Get my claw stuck in the dog's ear. Reward the chosen human with a slow blink. Roll on the floor purring your whiskers off cat dog hate mouse eat string barf pillow no baths hate everything.</p>
+            <p><a href="#form" class="primary button">Take action now!</a></p>
+        </div>
+    </div>
+</section>

package/src/html/templates/action-page-cover-1col.html

@@ -6,7 +6,7 @@
 
 {% block sidebar %}
     <div id="form-outer">
-        {% block form_intro %}{% endblock %}
+        <div class="intro">{% block form_intro %}{% endblock %}</div>
         {% block progress_bar %}{% endblock %}
         {% block form %}{% endblock %}
     </div>

package/src/html/templates/action-page-cover-banner.html

@@ -5,10 +5,11 @@
 {% block main_container_class %}with-sidebar{% endblock %}
 
 {% block banner_content %}
-    <div class="grid-container with sidebar">
+    <div class="grid-container with-sidebar">
+        <header id="headline">{% block headline %}{% endblock %}</header>
         <div id=form-wrapper class="flex-container align-middle">
             <div id="form-outer">
-                {% block form_intro %}{% endblock %}
+                <div class="intro">{% block form_intro %}{% endblock %}</div>
                 {% block progress_bar %}{% endblock %}
                 {% block form %}{% endblock %}
             </div>
@@ -16,7 +17,7 @@
     </div>
 {% endblock %}
 
-{% block sidebar %}
+{% block sidebar_bottom %}
     <div id="sidebar">
         {% block recent_supporters %}{% endblock %}
     </div>

package/src/html/templates/action-page-reversed.html

@@ -8,7 +8,7 @@
     <div id="sidebar">
         <div id=form-wrapper class="flex-container align-middle">
             <div id="form-outer">
-                {% block form_intro %}{% endblock %}
+                <div class="intro">{% block form_intro %}{% endblock %}</div>
                 {% block progress_bar %}{% endblock %}
                 {% block form %}{% endblock %}
             </div>

package/src/html/templates/action-page.html

@@ -12,7 +12,7 @@
     <div id="sidebar">
         <div id=form-wrapper class="flex-container align-middle">
             <div id="form-outer">
-                {% block form_intro %}{% endblock %}
+                <div class="intro">{% block form_intro %}{% endblock %}</div>
                 {% block progress_bar %}{% endblock %}
                 {% block form %}{% endblock %}
             </div>

package/src/html/templates/page.html

@@ -20,15 +20,11 @@
             </div>
         </section>
 
-        <section id="bottom">
+        <section id="highlighted">
             {% block highlighted %}{% endblock %}
         </section>
 
-        {% if layout == "banner" %}
-            <section id="banner">
-                {% block banner %}{% endblock %}
-            </section>
-        {% elif layout and layout != "default" %}
+        {% if layout|truncate(5, true, '') == "cover" %}
             <section id="background">
                 {% block background %}{% endblock %}
             </section>
@@ -46,9 +42,19 @@
             </section>
         {% endif %}
 
+        {% if layout == "banner" %}
+            <section id="banner">
+                {% block banner %}{% endblock %}
+            </section>
+        {% endif %}
+
         <section id="main">
             <div class="grid-container {% block main_container_class %}narrow{% endblock %}">
 
+                {% if layout in ["banner", "cover-1col", "cover-2col"] %}
+                    <header id="headline">{% block headline %}{% endblock %}</header>
+                {% endif %}
+
                 {% if layout == "cover-1col" %}<div class="inner-wrapper">{% endif %}
 
                 <div id="top">
@@ -83,11 +89,12 @@
             {% block bottom %}{% endblock %}
         </section>
 
-        <section id="footer">
-            <div class="grid-container">
-                {% block footer %}{% endblock %}
-            </div>
-        </section>
-
     </div>
+
+    <section id="footer">
+        <div class="grid-container">
+            {% block footer %}{% endblock %}
+        </div>
+    </section>
+
 {% endblock %}

package/src/html/templates/share-page.html

@@ -1,3 +1,9 @@
 {% extends "./page.html" %}
 
 {% block page_class %}{{ layout }}-layout{% endblock %}
+
+{% block banner_content %}
+    <div class="grid-container narrow">
+        <header id="headline">{% block headline %}{% endblock %}</header>
+    </div>
+{% endblock %}

package/src/html/thank-you-page-cover-1col-with-headline.html

@@ -0,0 +1,33 @@
+{% extends "src/html/templates/share-page.html" %}
+
+{% set layout = "cover-1col" %}
+
+{% block page_class %}{{ super() }} with-headline{% endblock %}
+
+{% block page_title %}Thank you for taking action. You’re awesome!{% endblock %}
+
+{% block background %}
+    <img src="http://placekitten.com/1600/735" alt="test image with cats" crossorigin="">
+{% endblock %}
+
+{% block headline %}
+    <p>A huge thank you!</p>
+{% endblock %}
+
+{% block content %}
+    <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>
+{% endblock %}
+
+{% block content_bottom %}
+    {% include "src/html/includes/share-buttons.html" %}
+{% endblock %}
+
+{% block bottom %}
+    {% include "src/html/includes/section-2col.html" %}
+    {% include "src/html/includes/section-2col.html" %}
+    {% include "src/html/includes/section-1col.html" %}
+{% endblock %}
+
+{% block footer %}
+    {% include "src/html/includes/menu.html" %}
+{% endblock %}

package/src/html/thank-you-page-cover-2col-with-headline.html

@@ -0,0 +1,37 @@
+{% extends "src/html/templates/action-page.html" %}
+
+{% set layout = "cover-2col" %}
+
+{% block page_class %}{{ super() }} with-headline{% endblock %}
+
+{% block page_title %}Thank you for taking action. You’re awesome!{% endblock %}
+
+{% block background %}
+    <img src="http://placekitten.com/1600/800" alt="test image with cats" crossorigin="">
+{% endblock %}
+
+{% block headline %}
+    <p>A huge thank you!</p>
+{% endblock %}
+
+{% block content %}
+    <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>
+{% endblock %}
+
+{% block form %}
+    {% include "src/html/includes/share-buttons.html" %}
+{% endblock %}
+
+{% block recent_supporters %}
+    {% include "src/html/includes/recent-supporters.html" %}
+{% endblock %}
+
+{% block bottom %}
+    {% include "src/html/includes/section-2col.html" %}
+    {% include "src/html/includes/section-2col.html" %}
+    {% include "src/html/includes/section-1col.html" %}
+{% endblock %}
+
+{% block footer %}
+    {% include "src/html/includes/menu.html" %}
+{% endblock %}

package/src/html/thank-you-page-cover-banner-with-headline.html

@@ -0,0 +1,33 @@
+{% extends "src/html/templates/share-page.html" %}
+
+{% set layout = "cover-banner" %}
+
+{% block page_class %}{{ super() }} with-headline{% endblock %}
+
+{% block page_title %}Thank you for taking action. You’re awesome!{% endblock %}
+
+{% block background %}
+    <img src="http://placekitten.com/1600/735" alt="test image with cats" crossorigin="">
+{% endblock %}
+
+{% block headline %}
+    <p>A huge thank you!</p>
+{% endblock %}
+
+{% block content %}
+    <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>
+{% endblock %}
+
+{% block content_bottom %}
+    {% include "src/html/includes/share-buttons.html" %}
+{% endblock %}
+
+{% block bottom %}
+    {% include "src/html/includes/section-2col.html" %}
+    {% include "src/html/includes/section-2col.html" %}
+    {% include "src/html/includes/section-1col.html" %}
+{% endblock %}
+
+{% block footer %}
+    {% include "src/html/includes/menu.html" %}
+{% endblock %}

package/src/html/thank-you-page-with-banner-and-headline.html

@@ -0,0 +1,33 @@
+{% extends "src/html/templates/share-page.html" %}
+
+{% set layout = "banner" %}
+
+{% block page_class %}{{ super() }} with-headline{% endblock %}
+
+{% block page_title %}Thank you for taking action. You’re awesome!{% endblock %}
+
+{% block banner %}
+    <img src="http://placekitten.com/1600/735" alt="test image with cats" crossorigin="">
+{% endblock %}
+
+{% block headline %}
+    <p>A huge thank you!</p>
+{% endblock %}
+
+{% block content %}
+    <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>
+{% endblock %}
+
+{% block content_bottom %}
+    {% include "src/html/includes/share-buttons.html" %}
+{% endblock %}
+
+{% block bottom %}
+    {% include "src/html/includes/section-2col.html" %}
+    {% include "src/html/includes/section-2col.html" %}
+    {% include "src/html/includes/section-1col.html" %}
+{% endblock %}
+
+{% block footer %}
+    {% include "src/html/includes/menu.html" %}
+{% endblock %}

package/src/html/thank-you-page.html

@@ -1,4 +1,4 @@
-{% extends "src/html/templates/cdpage.html" %}
+{% extends "src/html/templates/page.html" %}
 
 {% set layout = "default" %}
 

package/src/js/foundist.js

@@ -95,10 +95,17 @@ export function stickyButton (options = {}) {
   if (!$cta.length) {
     return
   }
+  const defaults = {
+    topOverlap: 0.3
+  }
+  // Find blocking element
+  const target = $cta.find('a').attr('href')
+  if (target && !target.includes('/')) {
+    defaults.blocker = target
+  }
   // Put button(s) in right position.
   // Depending on the layout, the button should be on the bottom of the page,
   // the sidebar or the main wrapper for large screen sizes.
-  const target = $cta.find('a').attr('href')
   const $newParent = $('#sidebar, #main > .grid-container > .inner-wrapper')
   if ($newParent.length) {
     const $clone = $cta.clone().appendTo($newParent).addClass('bottom show-for-large')
@@ -112,8 +119,7 @@ export function stickyButton (options = {}) {
   // Initialize plugin
   return $cta.map((i, el) => {
     return new Foundation.StickyButton($(el), {
-      blocker: target,
-      topOverlap: 0.3,
+      ...defaults,
       ...options
     })
   })