frostdrupal-static/article.html at main · solve-it-once/frostdrupal-static · GitHub

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
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<!DOCTYPE html>
<html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="utf-8" />
<meta name="description" content="Timely, relevant articles" />
<link rel="canonical" href="article.html" />
<meta property="og:site_name" content="Frost" />
<meta property="og:url" content="https://www.frostdrupal.com/article" />
<meta property="og:title" content="Blog" />
<meta property="og:description" content="Timely, relevant articles" />
<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" />
<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>Blog | 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_OweuPokiOB0J25VN9wz6nMgDQYpJ2coUYmyznIO--M0.css" />
</head>
<body class="path-node node--type-page layout-no-sidebars node--11 node-page--11 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="article.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 menu-item--active-trail">
<a href="article.html" data-drupal-link-system-path="node/11" class="is-active">Blog</a>
</li>
</ul>
</div>
</div>
</div>
</header>
<div class="region region--splash">
<div class="inner">
<div class="settings-tray-editable block--hero-title-block block--frost-custom" id="block-heroorpagetitle" data-drupal-settingstray="editable">
<article class="background--node-page-11 has-field-image node node-type--page node-view-mode--hero view-mode--hero node--page-hero has--body entity-bundle-stripe background-color--main-dark color--white background-image--default">
<div class="inner">
<div class="display--flex flex-direction--row layout--flex-row justify-content--center align-items--center">
<div class="flex--2 display--flex flex-direction--column justify-content--center padding-horizontal--8 text-align--left">
<h1 class="frost-custom-module--linked-title">Blog</h1><div class="field field-name--body field-type--text-with-summary field-label--hidden field-formatter--text-default has--text text-length--extra-short font-size--1-125em margin-vertical--2">
<p>Timely, relevant articles</p></div>
</div>
<div class="flex--1">
<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/content_area/public/1_KYLUsvBiRYQM9zTHj3sKXA_0.jpeg.webp" width="1440" height="960" alt="Toy bricks that look similar to LEGO" />
</figure>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
<main role="main">
<a href="article.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 id="block-breadcrumbs" class="settings-tray-editable block--system-breadcrumb-block block--system" data-drupal-settingstray="editable">
<nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb">
<h2 id="system-breadcrumb" class="visually-hidden">Breadcrumb</h2>
<ol>
<li>
<a href="index.html">Home</a>
</li>
<li>
Blog
</li>
</ol>
</nav>
</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-11 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-486 background--paragraph-stripe-486 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-486"><div class="inner"><div class="entity-type-paragraph entity-bundle-view entity--paragraph-view view-mode--default entity--paragraph-view-default entity-view-485 background--paragraph-view-485" id="paragraph-view-485"><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-3 js-view-dom-id-bfca60c2ce4d9ea4ecfa6496cb843a950a3675f64862fef4ce8c8b210239b933"><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>
</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\/11","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"pwa":{"cache_version":"8.x-1.x-dev-v1","installPath":"\/serviceworker-pwa","scope":"\/"},"field_group":{"html_element":{"mode":"hero","context":"view","settings":{"classes":"flex--2 display--flex flex-direction--column justify-content--center padding-horizontal--8 text-align--left","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_wKu7hpsmHYfuNOfVeNH1e1YmQ0Gl5fc5-hafWp3cVRs.js"></script>
</body>
</html>