-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
199 lines (199 loc) · 48.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!DOCTYPE html>
<html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="utf-8" />
<meta name="description" content="Frost lets you develop instead of making endless components." />
<link rel="canonical" href="index.html" />
<link rel="shortlink" href="index.html" />
<meta property="og:site_name" content="Frost" />
<meta property="og:url" content="https://www.frostdrupal.com/page/home" />
<meta property="og:title" content="Home" />
<meta property="og:description" content="Frost lets you develop instead of making endless components." />
<meta property="og:street_address" content="1428 Mark Ave" />
<meta property="og:locality" content="Lincoln Park" />
<meta property="og:region" content="MI" />
<meta property="og:postal_code" content="48146" />
<meta property="og:country_name" content="US" />
<meta property="og:email" content="brad@solveitonce.com" />
<meta property="og:phone_number" content="(313) 509-7214" />
<link rel="manifest" href="manifest.json" />
<meta name="theme-color" content="#007da3" />
<meta name="Generator" content="Drupal 10 (https://www.drupal.org); Commerce 2" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style media="all">.background--paragraph-stripe-524 {background-image: url('sites/default/files/styles/viewport/public/2022-01/frost-primary-cta_0.jpg.webp') ;}</style>
<style media="all">.background--paragraph-stripe-518 {background-image: url('sites/default/files/styles/viewport/public/2022-01/frost-breathing-room_0.jpg.webp') ;}</style>
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
<link rel="icon" href="themes/custom/frost_theme/favicon.ico" type="image/vnd.microsoft.icon" />
<title>Home | Frost</title>
<link rel="stylesheet" media="all" href="sites/default/files/css/css_vEdN6DIA6Zt_VhjukS4Rmge6l90At3iXMtgTeyOLuSE.css" />
<link rel="stylesheet" media="all" href="sites/default/files/css/css_Lj1MiLwiYw1IHg9sSOIs9K0kq7Ujl9oEepLa6Io1k-g.css" />
</head>
<body class="path-frontpage node--type-page layout-no-sidebars node--21 node-page--21 node--page page--node page--node-page page-has--field-hero page-has--field-sections">
<!--[if IE]>
<div class="browserupgrade">
<p> You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your
browser</a> to improve your experience and security.</p>
</div>
<![endif]-->
<div class="a11y--skip-hide">
<a href="index.html#main-content" class="focusable">Skip to main content</a>
</div>
<div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
<div class="page layout-container">
<header class="top-bar sticky--top">
<div class="background-color--white display--flow-root region region--alerts"><div class="inner">
<div id="block-alerts" class="settings-tray-editable block--block-content6f12931c-87ff-4a14-999f-854599ab183c block--block-content" data-drupal-settingstray="editable">
<div class="entity-type-paragraph entity-bundle-message entity--paragraph-message view-mode--default entity--paragraph-message-default entity-message-2 messages js--dismissible background--paragraph-message-2 messages--warning" id="paragraph-message-2"><p>This example warning-level dismissible message demonstrates frost's sitewide alerts feature.</p></div>
</div>
</div></div>
<div class="main-bar background-color--white padding-vertical--2">
<div class="inner display--flex position--relative appear-as-stripe">
<header class="region region--header">
<div class="inner">
<div id="block-frost-theme-branding" class="text-align--center settings-tray-editable block--system-branding-block block--system" data-drupal-settingstray="editable">
<a href="index.html" rel="home">
<img src="themes/custom/frost_theme/logo.svg" alt="Home" loading="lazy" height="64" width="64" />
</a>
<a href="index.html" rel="home">Frost</a>
</div>
</div>
</header>
<button aria-label="Menu" aria-controls="main-navigation" class="hamburger hamburger--spring js--hamburger frost-hamburger-icon margin-left--auto" type="button"><span class="hamburger-box"><span class="hamburger-inner"></span></span></button> <div id="main-navigation" class="utility-and-nav mobile--tray flex--auto display--flex align-items--center">
<ul class="menu menu--main list-style--none flex--auto display--flex layout--row font-weight--500">
<li class="flex--1 display--flex flex-direction--column justify-content--center text-align--center menu-item">
<a href="page/about.html" data-drupal-link-system-path="node/8">About</a>
</li>
<li class="flex--1 display--flex flex-direction--column justify-content--center text-align--center menu-item">
<a href="article.html" data-drupal-link-system-path="node/11">Blog</a>
</li>
</ul>
</div>
</div>
</div>
</header>
<div class="region region--splash">
<div class="inner">
<div id="block-heroorpagetitle" class="settings-tray-editable block--hero-title-block block--frost-custom" data-drupal-settingstray="editable">
<section class="entity-type-paragraph entity-bundle-stripe entity--paragraph-stripe view-mode--default entity--paragraph-stripe-default entity-stripe-535 background--paragraph-stripe-535 has-field-components background-color--main-light background-image-display-mobile--show background-position-x--center background-position-y--center background-repeat--no-repeat background-size--cover color--inherit child-inner-max-width--current text-align--left padding--inherit" id="paragraph-stripe-535"><div class="inner"><div class="entity-type-paragraph entity-bundle-layout entity--paragraph-layout view-mode--default entity--paragraph-layout-default entity-layout-534 display--flex flex-direction--row background--paragraph-layout-534 justify-content--center" id="paragraph-layout-534"><aside class="entity-type-paragraph entity-bundle-column entity--paragraph-column view-mode--default entity--paragraph-column-default entity-column-530 display--flex flex-direction--column contains-component--heading contains-component--rich-text contains-component--link background--paragraph-column-530 has-field-components js--to-animate background-color--transparent border-color--main-dark border-radius--default border--0-none box-shadow--none color--inherit flex--2 justify-content--center margin-horizontal--default padding-horizontal--8 padding-horizontal--default text-align--left" id="paragraph-column-530" data-animation="slideInUp"><h1 class="entity-type-paragraph entity-bundle-heading entity--paragraph-heading view-mode--default entity--paragraph-heading-default entity-heading-525 align-items--center background--paragraph-heading-525 text-transform--none" id="paragraph-heading-525">Low-code, Atomic, Cool Drupal 10</h1><div class="entity-type-paragraph entity-bundle-spacer entity--paragraph-spacer view-mode--default entity--paragraph-spacer-default entity-spacer-526 background--paragraph-spacer-526 padding-vertical--2" id="paragraph-spacer-526"></div><div class="entity-type-paragraph entity-bundle-rich-text entity--paragraph-rich-text view-mode--default entity--paragraph-rich-text-default entity-rich-text-527 background--paragraph-rich-text-527" id="paragraph-rich-text-527"><p>If you want professional, free and open source content management for storytelling [and much more] in one click, <em>frost</em> is here to help.</p></div><div class="entity-type-paragraph entity-bundle-spacer entity--paragraph-spacer view-mode--default entity--paragraph-spacer-default entity-spacer-528 background--paragraph-spacer-528 padding-vertical--4" id="paragraph-spacer-528"></div><div class="entity-type-paragraph entity-bundle-link entity--paragraph-link view-mode--default entity--paragraph-link-default entity-link-529 background--paragraph-link-529 child-links--as-buttons child-links-background-color--main-dark" id="paragraph-link-529"><a href="https://www.drupal.org/project/frost">View on drupal.org</a><a href="https://github.com/solve-it-once/frost">Code on GitHub</a></div></aside><aside class="entity-type-paragraph entity-bundle-column entity--paragraph-column view-mode--default entity--paragraph-column-default entity-column-533 display--flex flex-direction--column contains-component--media background--paragraph-column-533 has-field-components js--not-to-animate background-color--transparent border-color--main-dark border-radius--default border--0-none box-shadow--none color--inherit flex--1 justify-content--center margin-horizontal--default padding-horizontal--1 padding-horizontal--default text-align--center" id="paragraph-column-533" data-animation="slideInUp"><figure class="entity-type-paragraph entity-bundle-media entity--paragraph-media view-mode--default entity--paragraph-media-default entity-media-532 has--hotspots lacks--caption background--paragraph-media-532" id="paragraph-media-532"><img loading="lazy" src="sites/default/files/styles/content_area/public/2020-06/dan-meyers-F_DSvG5Fb0A-unsplash_0.jpg.webp" width="1440" height="1007" alt="Radiation meters" /><figcaption class="entity-type-paragraph entity-bundle-hotspot entity--paragraph-hotspot view-mode--default entity--paragraph-hotspot-default entity-hotspot-531 display--flex flex-direction--row background--paragraph-hotspot-531" id="paragraph-hotspot-531" tabindex="0" style="left:30.00%;top:43.00%;" data-xpercent="30.00" data-ypercent="43.00"><a aria-label="Toggle hotspot caption" aria-controls="toggle-paragraph-hotspot-531" class="hotspot-anchor" data-tippy-interactive="true" href="index.html#toggle-paragraph-hotspot-531" id="anchor-paragraph-hotspot-531">+</a><div class="hotspot-content" id="toggle-paragraph-hotspot-531"><p>Like a nuclear plant, the media component in <em>frost</em> has <strong>hotspots</strong>.</p></div></figcaption></figure></aside></div></div></section>
</div>
</div>
</div>
<main role="main">
<a href="index.html#main-content" id="main-content" class="a11y--visually-hidden" tabindex="-1">
You are at the start of the main content
</a>
<div class="region region--pre-content">
<div class="inner">
<div data-drupal-messages-fallback class="hidden"></div>
</div>
</div>
<div class="content-and-sidebar display--flex layout--flex-row">
<div class="middle-column flex--auto">
<div class="region region--content">
<div class="inner">
<div id="block-mainpagecontent" class="block--system-main-block block--system">
<article class="background--node-page-21 has-field-image node node-type--page node-view-mode--full view-mode--full node--page-full has--body">
<section class="entity-type-paragraph entity-bundle-stripe entity--paragraph-stripe view-mode--default entity--paragraph-stripe-default entity-stripe-539 background--paragraph-stripe-539 has-field-components background-color--second-light background-image-display-mobile--show background-position-x--center background-position-y--center background-repeat--no-repeat background-size--cover color--inherit child-inner-max-width--current text-align--center padding--0" id="paragraph-stripe-539"><div class="inner"><div class="entity-type-paragraph entity-bundle-spacer entity--paragraph-spacer view-mode--default entity--paragraph-spacer-default entity-spacer-536 background--paragraph-spacer-536 padding-vertical--1" id="paragraph-spacer-536"></div><div class="entity-type-paragraph entity-bundle-rich-text entity--paragraph-rich-text view-mode--default entity--paragraph-rich-text-default entity-rich-text-537 background--paragraph-rich-text-537 color--second-dark" id="paragraph-rich-text-537"><p>(<strong>frost</strong> is nuclear winter: when <a href="https://www.drupal.org/about/history">drops</a> meet <a href="https://atomicdesign.bradfrost.com/">Atomic Design</a>)</p></div><div class="entity-type-paragraph entity-bundle-spacer entity--paragraph-spacer view-mode--default entity--paragraph-spacer-default entity-spacer-538 background--paragraph-spacer-538 padding-vertical--1" id="paragraph-spacer-538"></div></div></section><section class="entity-type-paragraph entity-bundle-stripe entity--paragraph-stripe view-mode--default entity--paragraph-stripe-default entity-stripe-566 background--paragraph-stripe-566 has-field-components background-color--white background-image-display-mobile--show background-position-x--center background-position-y--center background-repeat--no-repeat background-size--cover color--inherit child-inner-max-width--current text-align--center padding--inherit has-field-video-background" id="paragraph-stripe-566"><div class="field field-name--field-media-video-file field-type--file field-label--hidden field-formatter--file-video"><div class="file-overlay"></div><video autoplay="autoplay" loop="loop" muted="muted" width="640" height="480"><source src="sites/default/files/2022-08/frost-drone-optimized_0.mp4" type="video/mp4" /></video></div><div class="inner"><h2 class="entity-type-paragraph entity-bundle-heading entity--paragraph-heading view-mode--default entity--paragraph-heading-default entity-heading-540 align-items--center background--paragraph-heading-540 color--third text-transform--none" id="paragraph-heading-540">Compelling features for your whole team</h2><div class="entity-type-paragraph entity-bundle-stripe-collection entity--paragraph-stripe-collection view-mode--default entity--paragraph-stripe-collection-default entity-stripe-collection-563 padding-vertical--4 background--paragraph-stripe-collection-563 child-display-mode--tab" id="paragraph-stripe-collection-563"><details id="paragraph-stripe-550"><summary><div class="field field-name--field-title field-type--string field-label--hidden field-formatter--string">
Design/UX</div></summary><div class="entity-type-paragraph entity-bundle-stripe entity--paragraph-stripe view-mode--tab entity--paragraph-stripe-tab entity-stripe-550 background--paragraph-stripe-550 has-field-components background-color--white background-image-display-mobile--show background-position-x--center background-position-y--center background-repeat--no-repeat background-size--cover color--inherit child-inner-max-width--current text-align--center padding--inherit"><div class="entity-type-paragraph entity-bundle-layout entity--paragraph-layout view-mode--default entity--paragraph-layout-default entity-layout-547 display--flex flex-direction--row background--paragraph-layout-547 justify-content--center" id="paragraph-layout-547"><aside class="entity-type-paragraph entity-bundle-column entity--paragraph-column view-mode--default entity--paragraph-column-default entity-column-544 display--flex flex-direction--column contains-component--heading contains-component--rich-text background--paragraph-column-544 has-field-components js--not-to-animate background-color--transparent border-color--grey border-radius--default border--0-none box-shadow--none color--inherit flex--2 justify-content--center margin-horizontal--default padding-horizontal--8 padding-horizontal--collapse text-align--left" id="paragraph-column-544" data-animation="slideInUp"><h2 class="entity-type-paragraph entity-bundle-heading entity--paragraph-heading view-mode--default entity--paragraph-heading-default entity-heading-541 align-items--center background--paragraph-heading-541 text-transform--none" id="paragraph-heading-541">Plan and design in place on day one</h2><div class="entity-type-paragraph entity-bundle-spacer entity--paragraph-spacer view-mode--default entity--paragraph-spacer-default entity-spacer-542 background--paragraph-spacer-542 padding-vertical--2" id="paragraph-spacer-542"></div><div class="entity-type-paragraph entity-bundle-rich-text entity--paragraph-rich-text view-mode--default entity--paragraph-rich-text-default entity-rich-text-543 background--paragraph-rich-text-543" id="paragraph-rich-text-543"><p>Website project teams often don't look much like teams, nor do they work much on the website itself: </p><ul><li>User experience specialists have their own wireframing and site-mapping tools</li><li>Graphic designers draw components and pages in a different tool</li><li>Copywriters and content strategists have their trusty word processors</li><li>Project managers and business folks live in software that makes the rest of us shudder</li><li>...and the developers work on the website</li></ul><p> </p><p>With <strong>frost</strong>, y'all can plan your site's content and structure <em>in the site itself</em> <strong>together</strong> on day one, refining the appearance of an already-in-place system of commonsense components.</p><hr><p>The <a href="https://solveitonce.com/">Solve it once</a> family of tools includes the <a href="https://chrome.google.com/webstore/detail/page-to-wireframe/djbpbelpckcfamdlkfhipkkadnanmkci">page to wireframe Chrome extension</a>, so you can build a page and then test it as a lower-fidelity wire. Turn your process on its head!</p></div></aside><aside class="entity-type-paragraph entity-bundle-column entity--paragraph-column view-mode--default entity--paragraph-column-default entity-column-546 display--flex flex-direction--column contains-component--media background--paragraph-column-546 has-field-components js--to-animate background-color--transparent border-color--grey border-radius--default border--0-none box-shadow--none color--inherit flex--1 justify-content--center margin-horizontal--default padding-horizontal--2 padding-horizontal--default text-align--center" id="paragraph-column-546" data-animation="slideInUp"><figure class="entity-type-paragraph entity-bundle-media entity--paragraph-media view-mode--default entity--paragraph-media-default entity-media-545 lacks--hotspots has--caption background--paragraph-media-545" id="paragraph-media-545"><img loading="lazy" src="sites/default/files/styles/content_area/public/2022-08/Screenshot from 2022-08-11 13-53-16_0.png.webp" width="1281" height="1188" alt="A wireframe version of the frost homepage, generated by the Page to Wireframe Chrome extension" /><figcaption class="field field-name--field-text field-type--text-long field-label--hidden field-formatter--text-default has--text text-length--extra-short"><p>Use <a href="https://chrome.google.com/webstore/detail/page-to-wireframe/djbpbelpckcfamdlkfhipkkadnanmkci">Page to wireframe</a> to get rid of the content so evaluators can focus on layout and elements.</p></figcaption></figure></aside></div><div class="entity-type-paragraph entity-bundle-spacer entity--paragraph-spacer view-mode--default entity--paragraph-spacer-default entity-spacer-548 background--paragraph-spacer-548 padding-vertical--4" id="paragraph-spacer-548"></div><div class="entity-type-paragraph entity-bundle-rich-text entity--paragraph-rich-text view-mode--default entity--paragraph-rich-text-default entity-rich-text-549 background--paragraph-rich-text-549 color--grey-dark" id="paragraph-rich-text-549"><p>Also, <strong>every piece of content has a 'Plan' tab</strong>, where you can save content strategy and other work/notes.</p></div></div></details><details id="paragraph-stripe-554"><summary><div class="field field-name--field-title field-type--string field-label--hidden field-formatter--string">
Developers</div></summary><div class="entity-type-paragraph entity-bundle-stripe entity--paragraph-stripe view-mode--tab entity--paragraph-stripe-tab entity-stripe-554 background--paragraph-stripe-554 has-field-components background-color--grey-light background-image-display-mobile--show background-position-x--center background-position-y--center background-repeat--no-repeat background-size--cover color--inherit child-inner-max-width--current text-align--left padding--inherit"><h3 class="entity-type-paragraph entity-bundle-heading entity--paragraph-heading view-mode--default entity--paragraph-heading-default entity-heading-551 align-items--center background--paragraph-heading-551 text-transform--none" id="paragraph-heading-551">A thoroughly-invented wheel</h3><div class="entity-type-paragraph entity-bundle-spacer entity--paragraph-spacer view-mode--default entity--paragraph-spacer-default entity-spacer-552 background--paragraph-spacer-552 padding-vertical--1" id="paragraph-spacer-552"></div><div class="entity-type-paragraph entity-bundle-rich-text entity--paragraph-rich-text view-mode--default entity--paragraph-rich-text-default entity-rich-text-553 background--paragraph-rich-text-553" id="paragraph-rich-text-553"><p><strong>frost</strong> comes fresh out of the box with the site you see here, ready to adapt.</p><p>The components and 'stripes' work together for complex storytelling, while the power of Drupal fields powers semantic and non-storytelling content like articles, products, and events.</p><hr><p>The repo is set up to use <a href="https://docs.lando.dev/drupal/getting-started.html"">lando</a>, <a href="https://docs.acquia.com/blt/">BLT</a> with <a href="https://docs.acquia.com/blt/developer/testing/#unit-and-functional-testing">phpunit</a> and <a href="https://www.specbee.com/blogs/testing-your-drupal-website-just-got-easier-behat-comprehensive-tutorial">behat</a> ready to go, and more:</p><ul><li><a href="https://github.com/solve-it-once/frost/tree/master/docroot/themes/custom/frost_theme/css">Utility-first CSS</a></li><li><a href="https://github.com/solve-it-once/frost/tree/master/.github">GitHub templates</a> and <a href="https://github.com/solve-it-once/frost/blob/master/blt/blt.yml#L14">commit message validation</a></li><li>Hosting configs for <a href="https://docs.platform.sh/create-apps.html">platform.sh</a>, <a href="https://pantheon.io/docs/pantheon-yml/">Pantheon</a>, and <a href="https://docs.acquia.com/pipelines/">Acquia Cloud</a></li><li><strong>Magic fields</strong>: use machine names like field_style_myclasses, field_attr_open, or <a href="https://github.com/solve-it-once/frost/blob/master/config/sync/field.storage.paragraph.field_data_animation.yml">field_data_holder</a> to automatically add styles, attributes, and data- attributes, respectively</li><li>Site-specific <a href="https://github.com/solve-it-once/frost/tree/master/docroot/modules/custom">custom modules</a> with blocks for contact information, cookie disclosure, "back to top", social sharing, and more</li><li>Default content for all the pages you've had to manually create a million times</li><li>Migration helpers</li><li>A head start setting up Drupal Commerce</li><li>Solr search with autocomplete already <em>done</em></li></ul></div></div></details><details id="paragraph-stripe-562"><summary><div class="field field-name--field-title field-type--string field-label--hidden field-formatter--string">
Authors</div></summary><div class="entity-type-paragraph entity-bundle-stripe entity--paragraph-stripe view-mode--tab entity--paragraph-stripe-tab entity-stripe-562 background--paragraph-stripe-562 has-field-components background-color--second-light background-image-display-mobile--show background-position-x--center background-position-y--center background-repeat--no-repeat background-size--cover color--inherit child-inner-max-width--current text-align--left padding--inherit"><h3 class="entity-type-paragraph entity-bundle-heading entity--paragraph-heading view-mode--default entity--paragraph-heading-default entity-heading-555 align-items--center background--paragraph-heading-555 text-transform--none" id="paragraph-heading-555">Authors</h3><div class="entity-type-paragraph entity-bundle-spacer entity--paragraph-spacer view-mode--default entity--paragraph-spacer-default entity-spacer-556 background--paragraph-spacer-556 padding-vertical--1" id="paragraph-spacer-556"></div><div class="entity-type-paragraph entity-bundle-rich-text entity--paragraph-rich-text view-mode--default entity--paragraph-rich-text-default entity-rich-text-557 background--paragraph-rich-text-557" id="paragraph-rich-text-557"><p>There's a balance when telling your brand story, between <strong>rigid templates</strong> and <strong>ill-advised creative freedom</strong>. The frost component system lets you use a big toolbox of components, <em>without</em> letting everyone put blinking Comic Sans text wherever they want.</p><p>Best of all, this balance doesn't require calling an expensive developer when the time comes to try something new.</p></div><div class="entity-type-paragraph entity-bundle-spacer entity--paragraph-spacer view-mode--default entity--paragraph-spacer-default entity-spacer-558 background--paragraph-spacer-558 padding-vertical--2" id="paragraph-spacer-558"></div><details class="entity-type-paragraph entity-bundle-accordion entity--paragraph-accordion view-mode--default entity--paragraph-accordion-default entity-accordion-559 background--paragraph-accordion-559" id="paragraph-accordion-559"><summary class="field field-name--field-title field-type--string field-label--hidden field-formatter--string">
Can I put an accordion in a tab in a stripe?</summary><p>You bet! The accordion contents can be rich text, too. That's a lot of layers, but with component-driven storytelling it's a walk in the park.</p></details><div class="entity-type-paragraph entity-bundle-spacer entity--paragraph-spacer view-mode--default entity--paragraph-spacer-default entity-spacer-560 background--paragraph-spacer-560 padding-vertical--2" id="paragraph-spacer-560"></div><div class="entity-type-paragraph entity-bundle-message entity--paragraph-message view-mode--default entity--paragraph-message-default entity-message-561 messages js--dismissible background--paragraph-message-561 messages--status" id="paragraph-message-561"><p>Yes, even the alerts/messages can be placed in a tab.</p></div></div></details></div><div class="entity-type-paragraph entity-bundle-spacer entity--paragraph-spacer view-mode--default entity--paragraph-spacer-default entity-spacer-564 background--paragraph-spacer-564 padding-vertical--2" id="paragraph-spacer-564"></div><div class="entity-type-paragraph entity-bundle-rich-text entity--paragraph-rich-text view-mode--default entity--paragraph-rich-text-default entity-rich-text-565 background--paragraph-rich-text-565" id="paragraph-rich-text-565"><p>Want to see what's included? Check out the <a href="page/component-guide.html"><strong>component guide</strong></a>.</p></div></div></section><section class="entity-type-paragraph entity-bundle-stripe entity--paragraph-stripe view-mode--default entity--paragraph-stripe-default entity-stripe-572 background--paragraph-stripe-572 has-field-components background-color--white background-image-display-mobile--show background-position-x--center background-position-y--center background-repeat--no-repeat background-size--cover color--inherit child-inner-max-width--current text-align--left padding--inherit" id="paragraph-stripe-572"><div class="inner"><h2 class="entity-type-paragraph entity-bundle-heading entity--paragraph-heading view-mode--default entity--paragraph-heading-default entity-heading-567 align-items--center background--paragraph-heading-567 text-transform--none" id="paragraph-heading-567">More Drupal than Drupal</h2><div class="entity-type-paragraph entity-bundle-spacer entity--paragraph-spacer view-mode--default entity--paragraph-spacer-default entity-spacer-568 background--paragraph-spacer-568 padding-vertical--2" id="paragraph-spacer-568"></div><div class="entity-type-paragraph entity-bundle-rich-text entity--paragraph-rich-text view-mode--default entity--paragraph-rich-text-default entity-rich-text-569 background--paragraph-rich-text-569" id="paragraph-rich-text-569"><p>As you can see in the graph and table below, <a href="https://www.drupal.org/docs/umami-drupal-demonstration-installation-profile">umami</a> has lots of dummy content, and Wordpress has a huge, confusing list of components. <strong>frost</strong> seeks to strike a balance.</p><p>(Isn't is cool that frost lets you create interactive charts using data from easy-to-make tables, all without paying extra?)</p></div><div class="entity-type-paragraph entity-bundle-spacer entity--paragraph-spacer view-mode--default entity--paragraph-spacer-default entity-spacer-570 background--paragraph-spacer-570 padding-vertical--2" id="paragraph-spacer-570"></div><div class="entity-type-paragraph entity-bundle-table entity--paragraph-table view-mode--default entity--paragraph-table-default entity-table-571 background--paragraph-table-571 js-chart-vertical-bar js-chart-no-replace-table" id="paragraph-table-571" data-charttitle="Comparison of out-of-the-box installs" data-yaxis="Count"><div class="field field-name--field-table field-type--tablefield field-label--hidden field-formatter--tablefield"><div id="tablefield-wrapper-paragraph-571-field_table-0" class="tablefield-wrapper"><div class="table--wrapper" role="region" aria-label="Data table within" tabindex="0"><table id="tablefield-paragraph-571-field_table-0" class="tablefield" data-striping="1"><caption>Features of content management systems</caption><thead><tr><th class="row_0 col_0">Software</th><th class="row_0 col_1">Components</th><th class="row_0 col_2">Types</th><th class="row_0 col_3">Tagging</th><th class="row_0 col_4">Content</th></tr></thead><tbody><tr><td class="row_1 col_0">frost</td><td class="row_1 col_1">28</td><td class="row_1 col_2">3</td><td class="row_1 col_3">2</td><td class="row_1 col_4">22</td></tr><tr><td class="row_2 col_0">Umami</td><td class="row_2 col_1">0</td><td class="row_2 col_2">3</td><td class="row_2 col_3">2</td><td class="row_2 col_4">36</td></tr><tr><td class="row_3 col_0">Wordpress</td><td class="row_3 col_1">78</td><td class="row_3 col_2">2</td><td class="row_3 col_3">1</td><td class="row_3 col_4">0</td></tr><tr><td class="row_4 col_0">Core d9</td><td class="row_4 col_1">0</td><td class="row_4 col_2">2</td><td class="row_4 col_3">1</td><td class="row_4 col_4">0</td></tr></tbody></table></div></div></div></div></div></section><div class="entity-type-paragraph entity-bundle-from-library entity--paragraph-from-library view-mode--default entity--paragraph-from-library-default entity-from-library-573 background--paragraph-from-library-573" id="paragraph-from-library-573"><section class="entity-type-paragraph entity-bundle-stripe entity--paragraph-stripe view-mode--default entity--paragraph-stripe-default entity-stripe-518 background--paragraph-stripe-518 has-field-components has-field-image-background background-color--grey-light background-image-display-mobile--show background-position-x--center background-position-y--center background-repeat--no-repeat background-size--cover color--inherit child-inner-max-width--current text-align--center padding--inherit" id="paragraph-stripe-518"><div class="inner"><h2 class="entity-type-paragraph entity-bundle-heading entity--paragraph-heading view-mode--default entity--paragraph-heading-default entity-heading-515 align-items--center background--paragraph-heading-515 text-transform--none" id="paragraph-heading-515">Reusable breathing room</h2><div class="entity-type-paragraph entity-bundle-spacer entity--paragraph-spacer view-mode--default entity--paragraph-spacer-default entity-spacer-516 background--paragraph-spacer-516 padding-vertical--2" id="paragraph-spacer-516"></div><div class="entity-type-paragraph entity-bundle-rich-text entity--paragraph-rich-text view-mode--default entity--paragraph-rich-text-default entity-rich-text-517 background--paragraph-rich-text-517" id="paragraph-rich-text-517"><p>This section can be dropped on any page, anywhere. It's part of the "Paragraphs library" so you can place it between two content-heavy sections.</p><p>It works like any content on the site, so you can edit it easily, which you'll have to do because this is an example that would make no sense on your website.</p></div></div></section></div><div class="entity-type-paragraph entity-bundle-from-library entity--paragraph-from-library view-mode--default entity--paragraph-from-library-default entity-from-library-574 background--paragraph-from-library-574" id="paragraph-from-library-574"><section class="entity-type-paragraph entity-bundle-stripe entity--paragraph-stripe view-mode--default entity--paragraph-stripe-default entity-stripe-418 background--paragraph-stripe-418 has-field-components background-color--white background-image-display-mobile--show background-position-x--center background-position-y--center background-repeat--no-repeat background-size--cover color--inherit child-inner-max-width--current text-align--center padding--inherit" id="paragraph-stripe-418"><div class="inner"><h2 class="entity-type-paragraph entity-bundle-heading entity--paragraph-heading view-mode--default entity--paragraph-heading-default entity-heading-415 align-items--center background--paragraph-heading-415 text-transform--none" id="paragraph-heading-415">Recently on the blog</h2><div class="entity-type-paragraph entity-bundle-spacer entity--paragraph-spacer view-mode--default entity--paragraph-spacer-default entity-spacer-416 background--paragraph-spacer-416 padding-vertical--2" id="paragraph-spacer-416"></div><div class="entity-type-paragraph entity-bundle-view entity--paragraph-view view-mode--default entity--paragraph-view-default entity-view-417 background--paragraph-view-417" id="paragraph-view-417"><div class="field field-name--field-view field-type--viewsreference field-label--hidden field-formatter--viewsreference-formatter"><div class="views-element-container"><div class="view view-node view-id-node view-display-id-horizontal-2 js-view-dom-id-8e2da09cde4fe101b2a56c672c819714201c543da94983784839e621c2107c67"><div class="view-content flex-wrap--wrap layout--flex-row layout--horizontal"><article class="background--node-article-20 tagged-with-tid--2 tagged-with-vocabulary--article-type has-field-components has-field-image node node-type--article node-view-mode--teaser view-mode--teaser node--article-teaser has--body js--child--link flex--1 display--flex flex-direction--column text-align--left justify-content--flex-start background-color--white border--1px-solid border-color--grey-light border-radius--default box-shadow--default"><figure class="field field-name--field-image field-type--entity-reference field-label--hidden field-formatter--entity-reference-entity-view"><img loading="lazy" src="sites/default/files/styles/teaser/public/brad_czerniak_1_0_0.jpg.webp" width="235" height="235" alt="Brad Czerniak" /></figure><div class="padding-horizontal--2 padding-vertical--2 flex--1"><div class="submitted">Brad Czerniak | 01/30/2022</div><h2><a href="article/third-test-blog.html">Third test blog</a></h2><div class="field field-name--body field-type--text-with-summary field-label--hidden field-formatter--text-default has--text text-length--medium"><p>Disrupt brunch hell of yuccie tumeric gochujang franzen mlkshk try-hard woke DIY helvetica. Cliche poutine godard, readymade affogato kinfolk twee mustache raclette artisan ramps craft beer. Kogi roof party subway tile adaptogen venmo edison bulb. Glossier vape kombucha pour-over flexitarian. Flannel coloring book bitters viral post-ironic. This is excessive teaser text.</p></div></div><ul class="links inline flex--initial margin-top--auto border-top--1px-solid border-color--grey text-transform--uppercase color--third text-align--center font-size--p75em font-weight--600 list-style--none"><li><a href="article/third-test-blog.html" rel="tag" title="Third test blog" class="color--third display--block padding-vertical--4 padding-horizontal--4" hreflang="en">Learn more<span class="visually-hidden"> about Third test blog</span></a></li></ul></article><article class="background--node-article-19 tagged-with-tid--2 tagged-with-vocabulary--article-type has-field-components has-field-image node node-type--article node-view-mode--teaser view-mode--teaser node--article-teaser has--body js--child--link flex--1 display--flex flex-direction--column text-align--left justify-content--flex-start background-color--white border--1px-solid border-color--grey-light border-radius--default box-shadow--default"><figure class="field field-name--field-image field-type--entity-reference field-label--hidden field-formatter--entity-reference-entity-view"><img loading="lazy" src="sites/default/files/styles/teaser/public/2022-01/frost-breathing-room_0.jpg.webp" width="418" height="235" alt="An outcropping" /></figure><div class="padding-horizontal--2 padding-vertical--2 flex--1"><div class="submitted">Brad Czerniak | 01/30/2022</div><h2><a href="article/blog-2-testing-title-long-wrapping.html">Blog 2 for testing. This title is long for wrapping</a></h2><div class="field field-name--body field-type--text-with-summary field-label--hidden field-formatter--text-default has--text text-length--extra-short"><p>The teaser is short, though.</p></div></div><ul class="links inline flex--initial margin-top--auto border-top--1px-solid border-color--grey text-transform--uppercase color--third text-align--center font-size--p75em font-weight--600 list-style--none"><li><a href="article/blog-2-testing-title-long-wrapping.html" rel="tag" title="Blog 2 for testing. This title is long for wrapping" class="color--third display--block padding-vertical--4 padding-horizontal--4" hreflang="en">Learn more<span class="visually-hidden"> about Blog 2 for testing. This title is long for wrapping</span></a></li></ul></article><article class="background--node-article-18 tagged-with-tid--2 tagged-with-vocabulary--article-type has-field-components has-field-image node node-type--article node-view-mode--teaser view-mode--teaser node--article-teaser has--body js--child--link flex--1 display--flex flex-direction--column text-align--left justify-content--flex-start background-color--white border--1px-solid border-color--grey-light border-radius--default box-shadow--default"><figure class="field field-name--field-image field-type--entity-reference field-label--hidden field-formatter--entity-reference-entity-view"><img loading="lazy" src="sites/default/files/styles/teaser/public/adeolu-eletu-E7RLgUjjazc-unsplash_0.jpg.webp" width="355" height="235" alt="The business section of a newspaper" /></figure><div class="padding-horizontal--2 padding-vertical--2 flex--1"><div class="submitted">Brad Czerniak | 01/19/2022</div><h2><a href="article/test-post.html">Test post</a></h2><div class="field field-name--body field-type--text-with-summary field-label--hidden field-formatter--text-default has--text text-length--extra-short"><p>It's all Greek to me</p></div></div><ul class="links inline flex--initial margin-top--auto border-top--1px-solid border-color--grey text-transform--uppercase color--third text-align--center font-size--p75em font-weight--600 list-style--none"><li><a href="article/test-post.html" rel="tag" title="Test post" class="color--third display--block padding-vertical--4 padding-horizontal--4" hreflang="en">Learn more<span class="visually-hidden"> about Test post</span></a></li></ul></article></div></div></div></div></div></div></section></div><div class="entity-type-paragraph entity-bundle-from-library entity--paragraph-from-library view-mode--default entity--paragraph-from-library-default entity-from-library-575 background--paragraph-from-library-575" id="paragraph-from-library-575"><section class="entity-type-paragraph entity-bundle-stripe entity--paragraph-stripe view-mode--default entity--paragraph-stripe-default entity-stripe-524 background--paragraph-stripe-524 has-field-components has-field-image-background background-color--grey-light background-image-display-mobile--show background-position-x--center background-position-y--center background-repeat--no-repeat background-size--cover color--inherit child-inner-max-width--current text-align--center padding--inherit" id="paragraph-stripe-524"><div class="inner"><h2 class="entity-type-paragraph entity-bundle-heading entity--paragraph-heading view-mode--default entity--paragraph-heading-default entity-heading-519 align-items--center background--paragraph-heading-519 text-transform--none" id="paragraph-heading-519">A CTA for your sense of adventure</h2><div class="entity-type-paragraph entity-bundle-spacer entity--paragraph-spacer view-mode--default entity--paragraph-spacer-default entity-spacer-520 background--paragraph-spacer-520 padding-vertical--2" id="paragraph-spacer-520"></div><div class="entity-type-paragraph entity-bundle-rich-text entity--paragraph-rich-text view-mode--default entity--paragraph-rich-text-default entity-rich-text-521 background--paragraph-rich-text-521" id="paragraph-rich-text-521"><p>Some rich text that <strong>boldly </strong>exclaims your unique selling proposition, to call your visitor to act. In this case, acting means pressing the button below!</p></div><div class="entity-type-paragraph entity-bundle-spacer entity--paragraph-spacer view-mode--default entity--paragraph-spacer-default entity-spacer-522 background--paragraph-spacer-522 padding-vertical--4" id="paragraph-spacer-522"></div><div class="entity-type-paragraph entity-bundle-link entity--paragraph-link view-mode--default entity--paragraph-link-default entity-link-523 background--paragraph-link-523 child-links--as-buttons child-links-background-color--main" id="paragraph-link-523"><a href="page/about.html">Haven't clicked? What are you, chicken?</a></div></div></section></div>
</article>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="footer-wrapper background-color--grey-dark color--white">
<div class="appear-as-stripe layout--flex-row display--flex padding-vertical--2">
<div class="flex--1 margin-vertical--4 padding-horizontal--4">
<div class="region region--footer">
<div class="inner">
<div id="block-invertedlogo" class="settings-tray-editable block--inverted-logo-block block--frost-custom" data-drupal-settingstray="editable">
<a href="index.html"><img src="themes/custom/frost_theme/images/footer-logo.png" alt="Return to the home page" loading="lazy" height="100" width="100" />
</a>
</div>
<div id="block-address" class="margin-vertical--4 settings-tray-editable block--address block--contact-info" data-drupal-settingstray="editable">
<address class="contact-info-address font-family--primary" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<div itemprop="streetAddress">1428 Mark Ave</div>
<span itemprop="addressLocality">Lincoln Park</span>,
<span itemprop="addressRegion">MI</span>
<span itemprop="postalCode">48146</span>
</address>
</div>
<div id="block-phone" class="settings-tray-editable block--phone block--contact-info" data-drupal-settingstray="editable">
<a href="tel:+3135097214" itemprop="telephone" class="telephone">(313) 509-7214</a>
</div>
<div id="block-email" class="margin-vertical--2 settings-tray-editable block--email block--contact-info" data-drupal-settingstray="editable">
<a href="mailto:brad@solveitonce.com">brad@solveitonce.com</a>
</div>
</div>
</div>
</div>
<div class="flex--1 margin-vertical--4 padding-horizontal--4">
<div class="padding-horizontal--collapse region region--footer-menu">
<div class="inner">
<ul class="menu menu--footer-main list-style--none">
<li class="menu-item">
<a href="event.html" data-drupal-link-system-path="node/10">Events</a>
</li>
<li class="menu-item">
<a href="page/frequently-asked-questions.html" data-drupal-link-system-path="node/12">FAQs</a>
</li>
<li class="menu-item">
<a href="page/press.html" title="For inquiries and more" data-drupal-link-system-path="node/9">Press</a>
</li>
</ul>
</div>
</div>
</div>
<div class="flex--1 margin-vertical--4 padding-horizontal--4">
<div class="region region--footer-cta">
<div class="inner">
<div id="block-social" class="margin-top--40px settings-tray-editable block--social block--contact-info" data-drupal-settingstray="editable">
<div class="social display--flex"><a href="https://www.facebook.com/solveitonce"><span class="a11y--visually-hidden">Facebook</span><svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>Facebook icon</title><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" /></svg></a><a href="https://www.drupal.org/project/frost"><span class="a11y--visually-hidden">Drupal.org</span><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Drupal icon</title><path d="M20.453 3.548C18.26 1.252 15.233 0 12 0 5.427 0 0 5.425 0 12s5.426 12 11.999 12S24 18.575 24 12c0-3.235-1.252-6.261-3.548-8.452zM12 19.826a6.546 6.546 0 01-6.573-6.573c0-3.027 2.086-5.114 3.86-6.888 1.252-1.252 2.4-2.401 2.713-3.757.313 1.253 1.46 2.4 2.713 3.652 1.774 1.775 3.861 3.862 3.861 6.888 0 3.651-2.921 6.574-6.574 6.678z" /></svg></a><a href="https://www.linkedin.com/company/solve-it-once/"><span class="a11y--visually-hidden">LinkedIn</span><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn icon</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" /></svg></a><a href="https://github.com/solve-it-once/frost"><span class="a11y--visually-hidden">GitHub</span><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub icon</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" /></svg></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="footer--utility-wrapper background-color--black padding-vertical--2">
<div class="region region--footer-utility">
<div class="inner">
<ul class="menu menu--footer list-style--none justify-content--center font-size--p875em font-weight--600 display--flex border-spaced">
<li class="menu-item--mobile--full-row display--flex flex-direction--column justify-content--center text-align--center menu-item">
<span class="display--flex margin-horizontal--2">© 2024 Solve it once LLC. All rights reserved. (Drupal is a registered trademark of Dries Buytaert.)</span>
</li>
<li class="display--flex flex-direction--column justify-content--center text-align--center menu-item">
<a href="page/privacy-policy.html" data-drupal-link-system-path="node/2">Privacy Policy</a>
</li>
<li class="display--flex flex-direction--column justify-content--center text-align--center menu-item">
<a href="page/terms-conditions.html" data-drupal-link-system-path="node/1">Terms</a>
</li>
<li class="display--flex flex-direction--column justify-content--center text-align--center menu-item">
<a href="page/accessibility-statement.html" data-drupal-link-system-path="node/3">Accessibility</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
<div class="region region--post-footer">
<div class="inner">
<div aria-describedby="dialog--cookie-disclosure--description" aria-label="Cookie consent" aria-live="polite" class="background-color--main-dark bottom--0 color--white dialog dialog--cookie-disclosure js--dismissible left--0 padding-horizontal--4 padding-vertical--4 position--fixed position--relative right--0 z-index--4 settings-tray-editable block--cookie-block block--frost-custom" role="dialog" id="block-cookienotice" data-drupal-settingstray="editable">
<div class="layout--stripe--inner"><span id="dialog--cookie-disclosure--description" class="dialog--cookie-disclosure--description">This website uses cookies to ensure you get the best visiting experience. <a href="page/privacy-policy.html">Read our Privacy Policy</a> or <a href="https://www.cookiesandyou.com" rel="external noopener noreferrer" target="_blank">Learn more about cookies</a></span></div>
</div>
</div>
</div>
</div>
<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/21","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"pwa":{"cache_version":"8.x-1.x-dev-v1","installPath":"\/serviceworker-pwa","scope":"\/"},"field_group":{"html_element":{"mode":"teaser","context":"view","settings":{"classes":"padding-horizontal--2 padding-vertical--2 flex--1","show_empty_fields":false,"id":"","element":"div","show_label":false,"label_element":"h3","label_element_classes":"","attributes":"","effect":"none","speed":"fast"}}},"user":{"uid":0,"permissionsHash":"1ec32d902729a69156731a4a990eea20ea2c8fdc55615cb8c18a177214e3c783"}}</script>
<script src="sites/default/files/js/js_AYVU_AF3lJC0EIyxxfS319w1FXh4cZrvMpGzs4eWB2M.js"></script>
<script src="https://unpkg.com/popper.js@1"></script>
<script src="https://unpkg.com/tippy.js@5"></script>
<script src="sites/default/files/js/js_pLcLpK5av_SdAV_pY2wSxczyrcwCasV5ArFNH9KAMYA.js"></script>
</body>
</html>