[ { "path": "_sections/alerts.html", "relative_path": "_sections/alerts.html", "excerpt": "All the site-wide alerts", "id": "/alerts", "collection": "sections", "content": "\n", "url": "/alerts/", "draft": false, "categories": [], "layout": "section", "authors": ["brad-czerniak"], "classes": "padding-vertical--0", "title": "Site alerts", "title_classes": "a11y--visually-hidden", "slug": "alerts", "ext": ".html", "tags": [] }, { "path": "_sections/contact.html", "relative_path": "_sections/contact.html", "excerpt": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n <form method=\"POST\" action=\"https://formsubmit.co/helper@lowerbarriers.org\" enctype=\"multipart/form-data\" class=\"form include include--organism include--organism--form \"> <label for=\"_honey\" class=\"a11y--visually-hidden\" aria-hidden=\"true\"> Math CAPTCHA: What's the number of stars on the American flag divided by two? </label> <input type=\"text\" id=\"_honey\" name=\"_honey\" placeholder=\"(if you're human leave this blank)\" class=\"a11y--visually-hidden\" aria-hidden=\"true\" /> <input type=\"hidden\" name=\"_next\" value=\"http://lowerbarriers.org/finished-starter/finished-starter/thank-you/\" /> <input type=\"hidden\" name=\"_template\" value=\"box\" /> <input type=\"hidden\" name=\"_subject\" value=\"[finished-starter] Contact Form\" /> <fieldset name=\"message\"> <legend>Shoot us a message</legend> <div class=\"form--item form--item--input form--item--input--text \"> <label class=\"label form--item--label display--block font-size--p75em\" for=\"fullname\"> Name </label> <input name=\"fullname\" id=\"fullname\" type=\"text\" /> </div> <div class=\"form--item form--item--input form--item--input--email \"> <label class=\"label form--item--label display--block font-size--p75em\" for=\"email\"> Email <sup class=\"form--item--required\" aria-hidden=\"true\">*</sup> <span class=\"a11y--visually-hidden\">required</span> </label> <input name=\"email\" id=\"email\" type=\"email\" required /> </div> <div class=\"form--item form--item--textarea \"> <label class=\"label form--item--label display--block font-size--p75em\" for=\"message\"> Message <sup class=\"form--item--required\" aria-hidden=\"true\">*</sup> <span class=\"a11y--visually-hidden\">required</span> </label> <textarea name=\"message\" id=\"message\" rows=\"4\" aria-describedby=\"message--description\" required ></textarea> <p class=\"form--item--description\" id=\"message--description\">Questions, comments, anything.</p> </div> </fieldset> <div class=\"form--actions display--flex justify-content--center\"> <button class=\"form--button form--button--submit form--actions--button form--actions--button--submit\" type=\"submit\">Send</button> <button class=\"form--button form--button--reset form--actions--button form--actions--button--reset a11y--visually-hidden\" type=\"reset\">Reset</button> </div> </form>\n\n\n\n", "id": "/contact", "collection": "sections", "content": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n <form method=\"POST\" action=\"https://formsubmit.co/helper@lowerbarriers.org\" enctype=\"multipart/form-data\" class=\"form include include--organism include--organism--form \"> <label for=\"_honey\" class=\"a11y--visually-hidden\" aria-hidden=\"true\"> Math CAPTCHA: What's the number of stars on the American flag divided by two? </label> <input type=\"text\" id=\"_honey\" name=\"_honey\" placeholder=\"(if you're human leave this blank)\" class=\"a11y--visually-hidden\" aria-hidden=\"true\" /> <input type=\"hidden\" name=\"_next\" value=\"http://lowerbarriers.org/finished-starter/finished-starter/thank-you/\" /> <input type=\"hidden\" name=\"_template\" value=\"box\" /> <input type=\"hidden\" name=\"_subject\" value=\"[finished-starter] Contact Form\" /> <fieldset name=\"message\"> <legend>Shoot us a message</legend> <div class=\"form--item form--item--input form--item--input--text \"> <label class=\"label form--item--label display--block font-size--p75em\" for=\"fullname\"> Name </label> <input name=\"fullname\" id=\"fullname\" type=\"text\" /> </div> <div class=\"form--item form--item--input form--item--input--email \"> <label class=\"label form--item--label display--block font-size--p75em\" for=\"email\"> Email <sup class=\"form--item--required\" aria-hidden=\"true\">*</sup> <span class=\"a11y--visually-hidden\">required</span> </label> <input name=\"email\" id=\"email\" type=\"email\" required /> </div> <div class=\"form--item form--item--textarea \"> <label class=\"label form--item--label display--block font-size--p75em\" for=\"message\"> Message <sup class=\"form--item--required\" aria-hidden=\"true\">*</sup> <span class=\"a11y--visually-hidden\">required</span> </label> <textarea name=\"message\" id=\"message\" rows=\"4\" aria-describedby=\"message--description\" required ></textarea> <p class=\"form--item--description\" id=\"message--description\">Questions, comments, anything.</p> </div> </fieldset> <div class=\"form--actions display--flex justify-content--center\"> <button class=\"form--button form--button--submit form--actions--button form--actions--button--submit\" type=\"submit\">Send</button> <button class=\"form--button form--button--reset form--actions--button form--actions--button--reset a11y--visually-hidden\" type=\"reset\">Reset</button> </div> </form>\n\n\n\n", "url": "/contact/", "draft": false, "categories": [], "layout": "section", "authors": ["brad-czerniak"], "classes": "", "title": "Contact us", "title_classes": " heading--h1 text-align--center", "slug": "contact", "ext": ".html", "tags": [] }, { "path": "_sections/cta.html", "relative_path": "_sections/cta.html", "excerpt": "<div class=\"layout--row display--flex\">\n <aside class=\"layout--column flex--1 display--flex flex-direction--column justify-content--center\n padding-horizontal--4 padding-horizontal--collapse\">\n <p>\n This is the \"Call to action\" section you can drop onto any page using finished-starter's flexible, reusable sections.\n </p>\n\n", "id": "/cta", "collection": "sections", "content": "<div class=\"layout--row display--flex\">\n <aside class=\"layout--column flex--1 display--flex flex-direction--column justify-content--center\n padding-horizontal--4 padding-horizontal--collapse\">\n <p>\n This is the \"Call to action\" section you can drop onto any page using finished-starter's flexible, reusable sections.\n </p>\n\n <p>\n When you customize this for your site, replace this text with your \"hard sell\"; the quick, captivating reason to click\n the button below and perform the subsequent business action.\n </p>\n\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n<div class=\"spacer padding-vertical--2 \"></div>\n\n\n\n\n <a class=\"button cta\" href=\"https://github.com/lowerbarriers/finished-starter\">Finish what you start</a>\n </aside>\n <aside class=\"layout--column flex--1 display--flex flex-direction--column justify-content--center\">\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n <figure class=\"figure figure--image figure--image--undraw-to-do-list-re-9nt7-png \">\n <a href=\"https://github.com/lowerbarriers/finished-starter\">\n <picture class=\"picture picture--lazy-load layout--hide--no-javascript\" itemprop=\"image\">\n \n \n \n <source srcset=\"/finished-starter/assets/images/required/s.webp\"\n data-srcset=\"/finished-starter/assets/images/undraw_To_do_list_re_9nt7.png.webp\" type=\"image/webp\" />\n \n\n \n \n \n \n <source srcset=\"/finished-starter/assets/images/required/s.webp\"\n data-srcset=\"/finished-starter/assets/images/undraw_To_do_list_re_9nt7.png.avif\" type=\"image/avif\" />\n \n\n <img src=\"/finished-starter/assets/images/required/s.gif\"\n data-src=\"/finished-starter/assets/images/undraw_To_do_list_re_9nt7.png\" alt=\"Checking off to-do list items\" loading=\"lazy\"\n height=\"629\"\n width=\"1089\"\n />\n </picture>\n <noscript>\n <img src=\"/finished-starter/assets/images/undraw_To_do_list_re_9nt7.png\" alt=\"Checking off to-do list items\" loading=\"lazy\" />\n </noscript>\n </a>\n \n </figure>\n\n\n\n </aside>\n</div>\n", "url": "/cta/", "draft": false, "categories": [], "layout": "section", "authors": ["brad-czerniak"], "classes": "", "title": "Call to action", "title_classes": " text-align--center", "slug": "cta", "ext": ".html", "tags": [] }, { "path": "_sections/events.html", "relative_path": "_sections/events.html", "excerpt": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n<div class=\"spacer padding-vertical--4 \"></div>\n\n\n\n\n", "id": "/events", "collection": "sections", "content": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n<div class=\"spacer padding-vertical--4 \"></div>\n\n\n\n\n\n\n <ul class=\"list-style--none layout--multiple--horizontal\">\n \n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n <li class=\"card js--child--link display--flex flex-direction--column \">\n <div class=\"card--text padding-horizontal--4 padding-vertical--4\">\n <h3 class=\"card--title font-size--1p25em\"><a href=\"/finished-starter/events/2076/07/tricentennial-party/\">Tricentennial party</a></h3>\n \n <strong class=\"card--subtitle display--block font-size--p875em font-weight--100 font-style--italic\">Sat, Jul 4, 2076</strong>\n \n <p class=\"card--description font-size--p75em\">Arbitrary location for a party three centuries in the making</p>\n </div>\n\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n <figure class=\"figure figure--image figure--image--required-meta-image-default-jpg figure--card--image order--neg1 box-shadow--lifted-edges\">\n \n <picture class=\"picture picture--lazy-load layout--hide--no-javascript\" itemprop=\"image\">\n \n \n \n <source srcset=\"/finished-starter/assets/images/required/s.webp\"\n data-srcset=\"/finished-starter/assets/images/required/meta-image--default.jpg.webp\" type=\"image/webp\" />\n \n\n \n \n \n \n <source srcset=\"/finished-starter/assets/images/required/s.webp\"\n data-srcset=\"/finished-starter/assets/images/required/meta-image--default.jpg.avif\" type=\"image/avif\" />\n \n\n <img src=\"/finished-starter/assets/images/required/s.gif\"\n data-src=\"/finished-starter/assets/images/required/meta-image--default.jpg\" alt=\"Site default social image\" loading=\"lazy\"\n height=\"630\"\n width=\"1200\"\n />\n </picture>\n <noscript>\n <img src=\"/finished-starter/assets/images/required/meta-image--default.jpg\" alt=\"Site default social image\" loading=\"lazy\" />\n </noscript>\n \n \n </figure>\n\n\n\n </li>\n\n\n\n \n </ul>\n\n <p>To see all current events, check out the <a href=\"/finished-starter/events/\">Events page</a></p>\n\n", "url": "/events/", "draft": false, "categories": [], "layout": "section", "authors": ["brad-czerniak"], "classes": "background-color--white text-align--center", "title": "The goings-on", "title_classes": " heading--h1", "slug": "events", "ext": ".html", "tags": [] }, { "path": "_sections/freshness.html", "relative_path": "_sections/freshness.html", "excerpt": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n<div class=\"spacer padding-vertical--4 \"></div>\n\n\n\n\n", "id": "/freshness", "collection": "sections", "content": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n<div class=\"spacer padding-vertical--4 \"></div>\n\n\n\n\n\n <ul class=\"list-style--none layout--multiple--horizontal\">\n \n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n <li class=\"card js--child--link display--flex flex-direction--column \">\n <div class=\"card--text padding-horizontal--4 padding-vertical--4\">\n <h3 class=\"card--title font-size--1p25em\"><a href=\"/finished-starter/blog/example-post/\">Example post</a></h3>\n \n <strong class=\"card--subtitle display--block font-size--p875em font-weight--100 font-style--italic\">January 1, 1970</strong>\n \n <p class=\"card--description font-size--p75em\">A blog post with example content and front matter.</p>\n </div>\n\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n <figure class=\"figure figure--image figure--image--required-meta-image-default-jpg figure--card--image order--neg1 box-shadow--lifted-edges\">\n \n <picture class=\"picture picture--lazy-load layout--hide--no-javascript\" itemprop=\"image\">\n \n \n \n <source srcset=\"/finished-starter/assets/images/required/s.webp\"\n data-srcset=\"/finished-starter/assets/images/required/meta-image--default.jpg.webp\" type=\"image/webp\" />\n \n\n \n \n \n \n <source srcset=\"/finished-starter/assets/images/required/s.webp\"\n data-srcset=\"/finished-starter/assets/images/required/meta-image--default.jpg.avif\" type=\"image/avif\" />\n \n\n <img src=\"/finished-starter/assets/images/required/s.gif\"\n data-src=\"/finished-starter/assets/images/required/meta-image--default.jpg\" alt=\"Site default social image\" loading=\"lazy\"\n height=\"630\"\n width=\"1200\"\n />\n </picture>\n <noscript>\n <img src=\"/finished-starter/assets/images/required/meta-image--default.jpg\" alt=\"Site default social image\" loading=\"lazy\" />\n </noscript>\n \n \n </figure>\n\n\n\n </li>\n\n\n\n \n </ul>\n\n <p>See more on our <a href=\"/finished-starter/blog/\">Blog page</a>.</p>\n\n", "url": "/freshness/", "draft": false, "categories": [], "layout": "section", "authors": ["brad-czerniak"], "classes": "background-color--grey-light text-align--center", "title": "Recent posts", "title_classes": "", "slug": "freshness", "ext": ".html", "tags": [] }, { "path": "_sections/mailchimp.html", "relative_path": "_sections/mailchimp.html", "excerpt": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n<div class=\"spacer padding-vertical--2 \"></div>\n\n\n\n\n", "id": "/mailchimp", "collection": "sections", "content": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n<div class=\"spacer padding-vertical--2 \"></div>\n\n\n\n\n<p>Updates aren't too frequent. If you subscribe and then quickly unsubscribe, no hard feelings.</p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n <form method=\"POST\" action=\"https://lowerbarriers.us2.list-manage.com/subscribe/post?u=527b27e9dbed9f106f262b9fd&amp;id=66b6e9340b\" name=\"mc-embedded-subscribe-form\" class=\"form include include--organism include--organism--form \"> <label for=\"b_527b27e9dbed9f106f262b9fd_66b6e9340b\" class=\"a11y--visually-hidden\" aria-hidden=\"true\"> Math CAPTCHA: What's the number of stars on the American flag divided by two? </label> <input type=\"text\" id=\"b_527b27e9dbed9f106f262b9fd_66b6e9340b\" name=\"b_527b27e9dbed9f106f262b9fd_66b6e9340b\" placeholder=\"(if you're human leave this blank)\" class=\"a11y--visually-hidden\" aria-hidden=\"true\" /> <fieldset name=\"message\"> <legend>Start getting our newsletter</legend> <div class=\"form--item form--item--input form--item--input--email \"> <label class=\"label form--item--label display--block font-size--p75em\" for=\"EMAIL\"> Email <sup class=\"form--item--required\" aria-hidden=\"true\">*</sup> <span class=\"a11y--visually-hidden\">required</span> </label> <input name=\"EMAIL\" id=\"EMAIL\" type=\"email\" required /> </div> </fieldset> <div class=\"form--actions display--flex justify-content--center\"> <button class=\"form--button form--button--submit form--actions--button form--actions--button--submit\" type=\"submit\">Subscribe</button> <button class=\"form--button form--button--reset form--actions--button form--actions--button--reset a11y--visually-hidden\" type=\"reset\">Reset</button> </div> </form>\n\n\n\n", "url": "/mailchimp/", "draft": false, "categories": [], "layout": "section", "authors": ["brad-czerniak"], "classes": "background-color--main-light", "title": "Newsletter", "title_classes": " heading--h1 text-align--center", "slug": "mailchimp", "ext": ".html", "tags": [] }, { "path": "_sections/people.html", "relative_path": "_sections/people.html", "excerpt": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n<div class=\"spacer padding-vertical--4 \"></div>\n\n\n\n\n", "id": "/people", "collection": "sections", "content": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n<div class=\"spacer padding-vertical--4 \"></div>\n\n\n\n\n\n <ul class=\"list-style--none layout--multiple--horizontal\">\n \n \n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n <li class=\"card js--child--link display--flex flex-direction--column \">\n <div class=\"card--text padding-horizontal--4 padding-vertical--4\">\n <h3 class=\"card--title font-size--1p25em\"><a href=\"/finished-starter/people/brad-czerniak/\">Brad Czerniak</a></h3>\n \n <strong class=\"card--subtitle display--block font-size--p875em font-weight--100 font-style--italic\">Web developer</strong>\n \n <p class=\"card--description font-size--p75em\">Drupal and JAMstack dev, team lead, librarian, renaissance man</p>\n </div>\n\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n <figure class=\"figure figure--image figure--image--1200x630-brad-czerniak-jpg figure--card--image order--neg1 box-shadow--lifted-edges\">\n \n <picture class=\"picture picture--lazy-load layout--hide--no-javascript\" itemprop=\"image\">\n \n \n \n <source srcset=\"/finished-starter/assets/images/required/s.webp\"\n data-srcset=\"/finished-starter/assets/images/1200x630/brad-czerniak.jpg.webp\" type=\"image/webp\" />\n \n\n \n \n \n \n <source srcset=\"/finished-starter/assets/images/required/s.webp\"\n data-srcset=\"/finished-starter/assets/images/1200x630/brad-czerniak.jpg.avif\" type=\"image/avif\" />\n \n\n <img src=\"/finished-starter/assets/images/required/s.gif\"\n data-src=\"/finished-starter/assets/images/1200x630/brad-czerniak.jpg\" alt=\"Brad Czerniak\" loading=\"lazy\"\n height=\"630\"\n width=\"1200\"\n />\n </picture>\n <noscript>\n <img src=\"/finished-starter/assets/images/1200x630/brad-czerniak.jpg\" alt=\"Brad Czerniak\" loading=\"lazy\" />\n </noscript>\n \n \n </figure>\n\n\n\n </li>\n\n\n\n \n </ul>\n\n", "url": "/people/", "draft": false, "categories": [], "layout": "section", "authors": ["brad-czerniak"], "classes": "text-align--center", "title": "The who's who", "title_classes": " heading--h1", "slug": "people", "ext": ".html", "tags": [] }, { "path": "_sections/products.html", "relative_path": "_sections/products.html", "excerpt": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n<div class=\"spacer padding-vertical--4 \"></div>\n\n\n\n\n", "id": "/products", "collection": "sections", "content": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n<div class=\"spacer padding-vertical--4 \"></div>\n\n\n\n\n\n\n <ul class=\"list-style--none layout--multiple--horizontal\">\n \n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n <li class=\"card js--child--link display--flex flex-direction--column \">\n <div class=\"card--text padding-horizontal--4 padding-vertical--4\">\n <h3 class=\"card--title font-size--1p25em\"><a href=\"/finished-starter/products/a-banana/\">A banana</a></h3>\n \n <strong class=\"card--subtitle display--block font-size--p875em font-weight--100 font-style--italic\">$82.99</strong>\n \n <p class=\"card--description font-size--p75em\">Affordable, portable fruiting</p>\n </div>\n\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n <figure class=\"figure figure--image figure--image--1200x630-banana-jpg figure--card--image order--neg1 box-shadow--lifted-edges\">\n \n <picture class=\"picture picture--lazy-load layout--hide--no-javascript\" itemprop=\"image\">\n \n \n \n <source srcset=\"/finished-starter/assets/images/required/s.webp\"\n data-srcset=\"/finished-starter/assets/images/1200x630/banana.jpg.webp\" type=\"image/webp\" />\n \n\n \n \n \n \n <source srcset=\"/finished-starter/assets/images/required/s.webp\"\n data-srcset=\"/finished-starter/assets/images/1200x630/banana.jpg.avif\" type=\"image/avif\" />\n \n\n <img src=\"/finished-starter/assets/images/required/s.gif\"\n data-src=\"/finished-starter/assets/images/1200x630/banana.jpg\" alt=\"Stylish banana\" loading=\"lazy\"\n height=\"630\"\n width=\"1200\"\n />\n </picture>\n <noscript>\n <img src=\"/finished-starter/assets/images/1200x630/banana.jpg\" alt=\"Stylish banana\" loading=\"lazy\" />\n </noscript>\n \n \n </figure>\n\n\n\n </li>\n\n\n\n \n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n <li class=\"card js--child--link display--flex flex-direction--column \">\n <div class=\"card--text padding-horizontal--4 padding-vertical--4\">\n <h3 class=\"card--title font-size--1p25em\"><a href=\"/finished-starter/products/b-banana/\">B banana</a></h3>\n \n <strong class=\"card--subtitle display--block font-size--p875em font-weight--100 font-style--italic\">$2.50</strong>\n \n <p class=\"card--description font-size--p75em\">Lesser fruit</p>\n </div>\n\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n <figure class=\"figure figure--image figure--image--1200x630-banana-invert-jpg figure--card--image order--neg1 box-shadow--lifted-edges\">\n \n <picture class=\"picture picture--lazy-load layout--hide--no-javascript\" itemprop=\"image\">\n \n \n \n <source srcset=\"/finished-starter/assets/images/required/s.webp\"\n data-srcset=\"/finished-starter/assets/images/1200x630/banana-invert.jpg.webp\" type=\"image/webp\" />\n \n\n \n \n \n \n <source srcset=\"/finished-starter/assets/images/required/s.webp\"\n data-srcset=\"/finished-starter/assets/images/1200x630/banana-invert.jpg.avif\" type=\"image/avif\" />\n \n\n <img src=\"/finished-starter/assets/images/required/s.gif\"\n data-src=\"/finished-starter/assets/images/1200x630/banana-invert.jpg\" alt=\"Stylish banana\" loading=\"lazy\"\n height=\"630\"\n width=\"1200\"\n />\n </picture>\n <noscript>\n <img src=\"/finished-starter/assets/images/1200x630/banana-invert.jpg\" alt=\"Stylish banana\" loading=\"lazy\" />\n </noscript>\n \n \n </figure>\n\n\n\n </li>\n\n\n\n \n </ul>\n\n <p>To see all products, check out the <a href=\"/finished-starter/products/\">Products page</a></p>\n\n", "url": "/products/", "draft": false, "categories": [], "layout": "section", "authors": ["brad-czerniak"], "classes": "background-color--white text-align--center", "title": "Product highlights", "title_classes": " heading--h1", "slug": "products", "ext": ".html", "tags": [] } ]