CINXE.COM

<!doctype html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="https://gmpg.org/xfn/11"> <title>Examples & Templates (Introduction) – Hive Mechanic</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="Hive Mechanic » Feed" href="https://www.hivemechanic.org/feed/" /> <link rel="alternate" type="application/rss+xml" title="Hive Mechanic » Comments Feed" href="https://www.hivemechanic.org/comments/feed/" />  <script src="//www.googletagmanager.com/gtag/js?id=G-KD1KG3H5PT" data-cfasync="false" data-wpfc-render="false" type="text/javascript" async></script> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript"> var mi_version = '9.2.2'; var mi_track_user = true; var mi_no_track_reason = ''; var MonsterInsightsDefaultLocations = {"page_location":"https:\/\/www.hivemechanic.org\/examples\/"}; if ( typeof MonsterInsightsPrivacyGuardFilter === 'function' ) { var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsPrivacyGuardFilter( MonsterInsightsExcludeQuery ) : MonsterInsightsPrivacyGuardFilter( MonsterInsightsDefaultLocations ); } else { var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsExcludeQuery : MonsterInsightsDefaultLocations; } var disableStrs = [ 'ga-disable-G-KD1KG3H5PT', ]; /* Function to detect opted out users */ function __gtagTrackerIsOptedOut() { for (var index = 0; index < disableStrs.length; index++) { if (document.cookie.indexOf(disableStrs[index] + '=true') > -1) { return true; } } return false; } /* Disable tracking if the opt-out cookie exists. */ if (__gtagTrackerIsOptedOut()) { for (var index = 0; index < disableStrs.length; index++) { window[disableStrs[index]] = true; } } /* Opt-out function */ function __gtagTrackerOptout() { for (var index = 0; index < disableStrs.length; index++) { document.cookie = disableStrs[index] + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/'; window[disableStrs[index]] = true; } } if ('undefined' === typeof gaOptout) { function gaOptout() { __gtagTrackerOptout(); } } window.dataLayer = window.dataLayer || []; window.MonsterInsightsDualTracker = { helpers: {}, trackers: {}, }; if (mi_track_user) { function __gtagDataLayer() { dataLayer.push(arguments); } function __gtagTracker(type, name, parameters) { if (!parameters) { parameters = {}; } if (parameters.send_to) { __gtagDataLayer.apply(null, arguments); return; } if (type === 'event') { parameters.send_to = monsterinsights_frontend.v4_id; var hookName = name; if (typeof parameters['event_category'] !== 'undefined') { hookName = parameters['event_category'] + ':' + name; } if (typeof MonsterInsightsDualTracker.trackers[hookName] !== 'undefined') { MonsterInsightsDualTracker.trackers[hookName](parameters); } else { __gtagDataLayer('event', name, parameters); } } else { __gtagDataLayer.apply(null, arguments); } } __gtagTracker('js', new Date()); __gtagTracker('set', { 'developer_id.dZGIzZG': true, }); if ( MonsterInsightsLocations.page_location ) { __gtagTracker('set', MonsterInsightsLocations); } __gtagTracker('config', 'G-KD1KG3H5PT', {"forceSSL":"true","link_attribution":"true"} ); window.gtag = __gtagTracker; (function () { /* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */ /* ga and __gaTracker compatibility shim. */ var noopfn = function () { return null; }; var newtracker = function () { return new Tracker(); }; var Tracker = function () { return null; }; var p = Tracker.prototype; p.get = noopfn; p.set = noopfn; p.send = function () { var args = Array.prototype.slice.call(arguments); args.unshift('send'); __gaTracker.apply(null, args); }; var __gaTracker = function () { var len = arguments.length; if (len === 0) { return; } var f = arguments[len - 1]; if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') { if ('send' === arguments[0]) { var hitConverted, hitObject = false, action; if ('event' === arguments[1]) { if ('undefined' !== typeof arguments[3]) { hitObject = { 'eventAction': arguments[3], 'eventCategory': arguments[2], 'eventLabel': arguments[4], 'value': arguments[5] ? arguments[5] : 1, } } } if ('pageview' === arguments[1]) { if ('undefined' !== typeof arguments[2]) { hitObject = { 'eventAction': 'page_view', 'page_path': arguments[2], } } } if (typeof arguments[2] === 'object') { hitObject = arguments[2]; } if (typeof arguments[5] === 'object') { Object.assign(hitObject, arguments[5]); } if ('undefined' !== typeof arguments[1].hitType) { hitObject = arguments[1]; if ('pageview' === hitObject.hitType) { hitObject.eventAction = 'page_view'; } } if (hitObject) { action = 'timing' === arguments[1].hitType ? 'timing_complete' : hitObject.eventAction; hitConverted = mapArgs(hitObject); __gtagTracker('event', action, hitConverted); } } return; } function mapArgs(args) { var arg, hit = {}; var gaMap = { 'eventCategory': 'event_category', 'eventAction': 'event_action', 'eventLabel': 'event_label', 'eventValue': 'event_value', 'nonInteraction': 'non_interaction', 'timingCategory': 'event_category', 'timingVar': 'name', 'timingValue': 'value', 'timingLabel': 'event_label', 'page': 'page_path', 'location': 'page_location', 'title': 'page_title', 'referrer' : 'page_referrer', }; for (arg in args) { if (!(!args.hasOwnProperty(arg) || !gaMap.hasOwnProperty(arg))) { hit[gaMap[arg]] = args[arg]; } else { hit[arg] = args[arg]; } } return hit; } try { f.hitCallback(); } catch (ex) { } }; __gaTracker.create = newtracker; __gaTracker.getByName = newtracker; __gaTracker.getAll = function () { return []; }; __gaTracker.remove = noopfn; __gaTracker.loaded = true; window['__gaTracker'] = __gaTracker; })(); } else { console.log(""); (function () { function __gtagTracker() { return null; } window['__gtagTracker'] = __gtagTracker; window['gtag'] = __gtagTracker; })(); } </script>  <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.hivemechanic.org\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <link rel='stylesheet' id='masterstudy-bootstrap-css' href='https://www.hivemechanic.org/wp-content/plugins/masterstudy-lms-learning-management-system/_core/assets/vendors/bootstrap.min.css?ver=3.4.14' type='text/css' media='all' /> <link rel='stylesheet' id='masterstudy-bootstrap-custom-css' href='https://www.hivemechanic.org/wp-content/plugins/masterstudy-lms-learning-management-system/_core/assets/vendors/ms-bootstrap-custom.css?ver=3.4.14' type='text/css' media='all' /> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <style id='wp-block-library-inline-css' type='text/css'> :root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <link rel='stylesheet' id='bbp-default-css' href='https://www.hivemechanic.org/wp-content/plugins/bbpress/templates/default/css/bbpress.min.css?ver=2.6.11' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-min-css' href='https://www.hivemechanic.org/wp-content/plugins/masterstudy-lms-learning-management-system/_core/assets/vendors/font-awesome.min.css?ver=3.4.14' type='text/css' media='all' /> <link rel='stylesheet' id='stm_lms_icons-css' href='https://www.hivemechanic.org/wp-content/plugins/masterstudy-lms-learning-management-system/_core/assets/icons/style.css?ver=3.4.14' type='text/css' media='all' /> <link rel='stylesheet' id='video.js-css' href='https://www.hivemechanic.org/wp-content/plugins/masterstudy-lms-learning-management-system/_core/assets/vendors/video-js.min.css?ver=3.4.14' type='text/css' media='all' /> <link rel='stylesheet' id='masterstudy-lms-learning-management-system-css' href='https://www.hivemechanic.org/wp-content/uploads/stm_lms_styles/stm_lms.css?ver=17680' type='text/css' media='all' /> <link rel='stylesheet' id='stm-lms-noconflict/main-css' href='https://www.hivemechanic.org/wp-content/uploads/stm_lms_styles/parts/noconflict/main.css?ver=17680' type='text/css' media='all' /> <link rel='stylesheet' id='polite-new-fonts-css' href='//fonts.googleapis.com/css2?family=Montserrat%3Aital%2Cwght%400%2C100%3B0%2C200%3B0%2C300%3B0%2C400%3B0%2C500%3B0%2C600%3B0%2C700%3B0%2C800%3B0%2C900%3B1%2C100%3B1%2C200%3B1%2C300%3B1%2C400%3B1%2C500%3B1%2C600%3B1%2C700%3B1%2C800&display=swap&ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='polite-style-css' href='https://www.hivemechanic.org/wp-content/themes/polite/style.css?ver=6.7.1' type='text/css' media='all' /> <style id='polite-style-inline-css' type='text/css'> body, .entry-content p{ font-family:Montserrat; font-weight:normal; } #toTop, a.effect:before, .show-more, a.link-format, .comment-form #submit:hover, .comment-form #submit:focus, .meta_bottom .post-share a:hover, .tabs-nav li:before, .post-slider-section .s-cat, .sidebar-3 .widget-title:after, .bottom-caption .slick-current .slider-items span, aarticle.format-status .post-content .post-format::after, article.format-chat .post-content .post-format::after, article.format-link .post-content .post-format::after, article.format-standard .post-content .post-format::after, article.format-image .post-content .post-format::after, article.hentry.sticky .post-content .post-format::after, article.format-video .post-content .post-format::after, article.format-gallery .post-content .post-format::after, article.format-audio .post-content .post-format::after, article.format-quote .post-content .post-format::after{ background-color: #d42929; border-color: #d42929; } #author:active, #email:active, #url:active, #comment:active, #author:focus, #email:focus, #url:focus, #comment:focus, #author:hover, #email:hover, #url:hover, #comment:hover{ border-color:#d42929; } .post-cats > span i, .post-cats > span a, .slide-wrap .caption .s-cat, .slide-wrap .caption span a:hover, .comment-form .logged-in-as a:last-child:hover, .comment-form .logged-in-as a:last-child:focus, .main-header a:hover, .main-header a:focus, .main-header a:active, .top-menu > ul > li > a:hover, .main-menu ul li.current-menu-item > a, .header-2 .main-menu > ul > li.current-menu-item > a, .main-menu ul li:hover > a, .post-navigation .nav-links a:hover, .post-navigation .nav-links a:focus, .tabs-nav li.tab-active a, .tabs-nav li.tab-active, .tabs-nav li.tab-active a, .tabs-nav li.tab-active, ul.trail-items li a:hover span, .author-socials a:hover, .post-date a:focus, .post-date a:hover, .post-excerpt a:hover, .post-excerpt a:focus, .content a:hover, .content a:focus, .post-footer > span a:hover, .post-footer > span a:focus, .widget a:hover, .widget a:focus, .footer-menu li a:hover, .footer-menu li a:focus, .footer-social-links a:hover, .footer-social-links a:focus, .site-footer a:hover, .site-footer a:focus, .content-area p a{ color : #d42929; } .header-1 .head_one .logo{ max-width : 500px; } .header-image:before { background-color : #000000; } .header-image:before { opacity : 0.1; } .header-1 .header-image .head_one { min-height : 100px; } </style> <link rel='stylesheet' id='polite-new-style-css' href='https://www.hivemechanic.org/wp-content/themes/polite-new/style.css?ver=1.3.4' type='text/css' media='all' /> <link rel='stylesheet' id='polite-body-css' href='//fonts.googleapis.com/css?family=Muli:400,400i,500,600,700&display=swap' type='text/css' media='all' /> <link rel='stylesheet' id='polite-heading-css' href='//fonts.googleapis.com/css?family=Prata&display=swap' type='text/css' media='all' /> <link rel='stylesheet' id='polite-sign-css' href='//fonts.googleapis.com/css?family=Monsieur+La+Doulaise&display=swap' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-css' href='https://www.hivemechanic.org/wp-content/themes/polite/css/font-awesome.min.css?ver=4.5.0' type='text/css' media='all' /> <link rel='stylesheet' id='grid-css-css' href='https://www.hivemechanic.org/wp-content/themes/polite/css/grid.min.css?ver=4.5.0' type='text/css' media='all' /> <link rel='stylesheet' id='slick-css' href='https://www.hivemechanic.org/wp-content/themes/polite/assets/css/slick.css?ver=4.5.0' type='text/css' media='all' /> <link rel='stylesheet' id='offcanvas-style-css' href='https://www.hivemechanic.org/wp-content/themes/polite/assets/css/canvi.css?ver=4.5.0' type='text/css' media='all' /> <link rel='stylesheet' id='gdatt-attachments-css' href='https://www.hivemechanic.org/wp-content/plugins/gd-bbpress-attachments/css/front.min.css?ver=4.7.3_b2580_free' type='text/css' media='all' /> <script type="text/javascript" src="https://www.hivemechanic.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-content/plugins/google-analytics-for-wordpress/assets/js/frontend-gtag.min.js?ver=9.2.2" id="monsterinsights-frontend-script-js" async="async" data-wp-strategy="async"></script> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript" id='monsterinsights-frontend-script-js-extra'>/* <![CDATA[ */ var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"doc,pdf,ppt,zip,xls,docx,pptx,xlsx","inbound_paths":"[{\"path\":\"\\\/go\\\/\",\"label\":\"affiliate\"},{\"path\":\"\\\/recommend\\\/\",\"label\":\"affiliate\"}]","home_url":"https:\/\/www.hivemechanic.org","hash_tracking":"false","v4_id":"G-KD1KG3H5PT"};/* ]]> */ </script> <script type="text/javascript" id="stm-lms-lms-js-extra"> /* <![CDATA[ */ var stm_lms_vars = {"symbol":"$","position":"left","currency_thousands":",","wp_rest_nonce":"034f508c31"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-content/plugins/masterstudy-lms-learning-management-system/_core/assets/js/lms.js?ver=17680" id="stm-lms-lms-js"></script> <link rel="https://api.w.org/" href="https://www.hivemechanic.org/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.hivemechanic.org/wp-json/wp/v2/pages/90" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.hivemechanic.org/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.1" /> <link rel="canonical" href="https://www.hivemechanic.org/examples/" /> <link rel='shortlink' href='https://www.hivemechanic.org/?p=90' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.hivemechanic.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.hivemechanic.org%2Fexamples%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.hivemechanic.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.hivemechanic.org%2Fexamples%2F&format=xml" /> <script> var stm_lms_pro_nonces = {"stm_lms_pro_install_base":"d3bd7a73b9","stm_lms_pro_search_courses":"dda265d924","stm_lms_pro_udemy_import_courses":"46872d79ca","stm_lms_pro_udemy_publish_course":"bfc15e4d1d","stm_lms_pro_udemy_import_curriculum":"1ebba920c3","stm_lms_pro_save_addons":"8aa5f9e91f","stm_lms_create_announcement":"7f4bd25ae2","stm_lms_get_course_info":"3f3d8518c2","stm_lms_get_course_students":"12870223b1","stm_lms_change_post_status":"dbde6a34a1","stm_lms_media_library_get_files":"46ae5faa6c","stm_lms_media_library_get_file_by_id":"dca88bd0b2","stm_lms_media_library_delete_file":"ba9423fdd3","stm_lms_media_library_search_file":"14efc3f530"}; </script> <script type="text/javascript"> var stm_lms_ajaxurl = 'https://www.hivemechanic.org/wp-admin/admin-ajax.php'; var stm_lms_resturl = 'https://www.hivemechanic.org/wp-json/stm-lms/v1'; var ms_lms_resturl = 'https://www.hivemechanic.org/wp-json/masterstudy-lms/v2'; var ms_lms_nonce = '034f508c31'; var stm_ajax_add_pear_hb = '3c4f6004ec'; </script> <style> .vue_is_disabled { display: none; } #wp-admin-bar-lms-settings img { max-width: 16px; vertical-align: sub; } </style> <script> var stm_lms_nonces = {"stm_install_starter_theme":"8c41c68149","load_modal":"2d589e06f8","load_content":"e2b16c6bbc","start_quiz":"26409ca1d8","user_answers":"d7a0d01289","get_order_info":"57f47c55a2","user_orders":"443929cf2d","stm_lms_get_instructor_courses":"301d6dc903","stm_lms_add_comment":"14dbc531f6","stm_lms_manage_students":"cbda3ab5e9","stm_lms_get_comments":"5ec50210cd","stm_lms_login":"faf8514f74","stm_lms_register":"2d7231c851","stm_lms_become_instructor":"56d7caa7ba","stm_lms_enterprise":"12d78305f8","stm_lms_get_user_courses":"e55f373f55","stm_lms_get_user_quizzes":"db0db7b15a","stm_lms_wishlist":"37b73eee09","stm_lms_save_user_info":"fed8ee90d7","stm_lms_lost_password":"06652f0414","stm_lms_change_avatar":"b295e1ff76","stm_lms_delete_avatar":"8943bcb11b","stm_lms_complete_lesson":"7bb0cdca35","stm_lms_use_membership":"e1a8261a36","stm_lms_change_featured":"9839f26322","stm_lms_delete_course_subscription":"449e96cc82","stm_lms_get_reviews":"2864b33211","stm_lms_add_review":"fbfe480036","stm_lms_add_to_cart":"f2918b256d","stm_lms_delete_from_cart":"cf96aa97bd","stm_lms_purchase":"aa017d82fb","stm_lms_send_message":"746eec82d4","stm_lms_get_user_conversations":"679b32c1b1","stm_lms_get_user_messages":"e97b415e53","wpcfto_save_settings":"740aa9f954","stm_lms_tables_update":"7b4e873f44","stm_lms_get_enterprise_groups":"bd17dc1885","stm_lms_get_enterprise_group":"02e4105983","stm_lms_add_enterprise_group":"ba6ced1d8f","stm_lms_delete_enterprise_group":"f8b6ed079b","stm_lms_add_to_cart_enterprise":"61ccb0ee96","stm_lms_get_user_ent_courses":"bc0183da5c","stm_lms_delete_user_ent_courses":"5f9e28ea97","stm_lms_add_user_ent_courses":"d4a152b239","stm_lms_change_ent_group_admin":"51dff71eeb","stm_lms_delete_user_from_group":"346ef7494a","stm_lms_import_groups":"6f6eb0a41d","stm_lms_upload_file_assignment":"5b88b0e5d8","stm_lms_delete_assignment_file":"cf75bce0f5","stm_lms_save_draft_content":"405352c416","stm_lms_accept_draft_assignment":"02bb9cfa31","stm_lms_get_assignment_data":"e639a2d743","stm_lms_get_instructor_assingments":"cabf0b71c9","stm_lms_get_user_assingments":"7ac358888f","stm_lms_edit_user_answer":"477e64afa7","stm_lms_get_user_points_history":"000fe607c3","stm_lms_buy_for_points":"cc96f8a496","stm_lms_get_point_users":"09bf7755f9","stm_lms_get_user_points_history_admin":"713ec0f4a1","stm_lms_change_points":"16bbd21df8","stm_lms_delete_points":"8965036289","stm_lms_get_user_bundles":"d49cfab4a1","stm_lms_change_bundle_status":"c324460457","stm_lms_delete_bundle":"74cd0e0be7","stm_lms_check_certificate_code":"78ee099043","stm_lms_get_google_classroom_courses":"33f2f3879e","stm_lms_get_google_classroom_course":"51a2943e80","stm_lms_get_google_classroom_publish_course":"635e384549","stm_lms_get_g_c_get_archive_page":"10f270465a","install_zoom_addon":"93ed7e74c7","stm_lms_get_course_cookie_redirect":"43aab1c00d","stm_get_certificates":"a56833f5ff","stm_get_certificate_fields":"5d21411c43","stm_save_certificate":"02d97d3a6c","stm_upload_certificate_images":"d689828747","stm_generate_certificates_preview":"7a571698f8","stm_save_default_certificate":"e4834f16d7","stm_delete_default_certificate":"b991509d9b","stm_save_certificate_category":"9f64bcc613","stm_delete_certificate_category":"5f1bfb1400","stm_get_certificate_categories":"0a828f999e","stm_get_certificate":"43046bd0a1","stm_delete_certificate":"5cc463ef2f","stm_lms_get_users_submissions":"2a82cd6437","stm_lms_update_user_status":"112bb3392e","stm_lms_hide_become_instructor_notice":"f2f7e8273d","stm_lms_ban_user":"7ab41e8e66","stm_lms_save_forms":"075eb3c3db","stm_lms_get_forms":"f77bd847ea","stm_lms_upload_form_file":"1dd1d0b0ce","stm_lms_dashboard_get_course_students":"cdcf7b2502","stm_lms_dashboard_delete_user_from_course":"6c6dbf4412","stm_lms_dashboard_add_user_to_course":"8f6a125e5c","stm_lms_dashboard_import_users_to_course":"d7f7ff4af6","stm_lms_dashboard_export_course_students_to_csv":"ec474a7b57","stm_lms_add_to_cart_guest":"796f49dd7a","stm_lms_fast_login":"51379698be","stm_lms_fast_register":"7cd5944d3b","stm_lms_change_lms_author":"e3412f87ab","stm_lms_add_student_manually":"27ccd62201","stm_lms_change_course_status":"5b474789dc","stm_lms_total_progress":"f851185a59","stm_lms_add_h5p_result":"9f04d072e5","stm_lms_toggle_buying":"8dca529965","stm_lms_logout":"bdb4309f60","stm_lms_restore_password":"d180e28264","stm_lms_hide_announcement":"45651ab25b","stm_lms_get_curriculum_v2":"c69ca27712","stm_lms_dashboard_get_student_progress":"e06e7a3017","stm_lms_dashboard_set_student_item_progress":"0031aeab60","stm_lms_dashboard_reset_student_progress":"3dc220c557","stm_lms_dashboard_get_courses_list":"d9bc0f8c9d","stm_lms_dashboard_get_student_assignments":"fd1ff08e35","stm_lms_dashboard_get_student_quizzes":"e624b01684","stm_lms_dashboard_get_student_quiz":"2d15ab54d1","stm_lms_wizard_save_settings":"6caff503cd","stm_lms_wizard_save_business_type":"c30b30b49b","stm_lms_get_enrolled_assingments":"2ee82df4ad","stm-lms-starter-theme-install":"32b8c651b6"}; </script> <style> :root { --accent-100: rgba(34,122,255,1); --accent-70: rgba(34, 122, 255, 0.7); --accent-50: rgba(34, 122, 255, 0.5); --accent-30: rgba(34, 122, 255, 0.3); --accent-10: rgba(34, 122, 255, 0.1); --accent-5: rgba(34, 122, 255, 0.05); --accent-0: rgba(34, 122, 255, 0); --accent-hover: rgba(34, 122, 255, 0.85); --warning-100: rgba(255,168,0,1); --warning-70: rgba(255, 168, 0, 0.7); --warning-50: rgba(255, 168, 0, 0.5); --warning-30: rgba(255, 168, 0, 0.3); --warning-10: rgba(255, 168, 0, 0.1); --warning-5: rgba(255, 168, 0, 0.05); --warning-0: rgba(255, 168, 0, 0); --warning-hover: rgba(255, 168, 0, 0.85); --danger-100: rgba(255,57,69,1); --danger-70: rgba(255, 57, 69, 0.7); --danger-50: rgba(255, 57, 69, 0.5); --danger-30: rgba(255, 57, 69, 0.3); --danger-10: rgba(255, 57, 69, 0.1); --danger-5: rgba(255, 57, 69, 0.05); --danger-0: rgba(255, 57, 69, 0); --danger-hover: rgba(255, 57, 69, 0.85); --success-100: rgba(97,204,47,1); --success-70: rgba(97, 204, 47, 0.7); --success-50: rgba(97, 204, 47, 0.5); --success-30: rgba(97, 204, 47, 0.3); --success-10: rgba(97, 204, 47, 0.1); --success-5: rgba(97, 204, 47, 0.05); --success-0: rgba(97, 204, 47, 0); --success-hover: rgba(97, 204, 47, 0.85); } </style> <script type="text/javascript"> var stm_wpcfto_ajaxurl = 'https://www.hivemechanic.org/wp-admin/admin-ajax.php'; </script> <style> .vue_is_disabled { display: none; } </style> <script> var stm_wpcfto_nonces = {"wpcfto_save_settings":"740aa9f954","get_image_url":"2007e6092b","wpcfto_upload_file":"8a6971e494","wpcfto_search_posts":"94a7705456","wpcfto_regenerate_fonts":"7a15fbc951"}; </script> <link rel="icon" href="https://www.hivemechanic.org/wp-content/uploads/2021/10/cropped-bees-through-hexagons492-32x32.jpg" sizes="32x32" /> <link rel="icon" href="https://www.hivemechanic.org/wp-content/uploads/2021/10/cropped-bees-through-hexagons492-192x192.jpg" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.hivemechanic.org/wp-content/uploads/2021/10/cropped-bees-through-hexagons492-180x180.jpg" /> <meta name="msapplication-TileImage" content="https://www.hivemechanic.org/wp-content/uploads/2021/10/cropped-bees-through-hexagons492-270x270.jpg" /> </head> <body class="page-template-default page page-id-90 page-parent wp-custom-logo wp-embed-responsive stm_lms_button at-sticky-sidebar single-right-sidebar no-sidebar masonry-post"> <script type="text/javascript" id="bbp-swap-no-js-body-class"> document.body.className = document.body.className.replace( 'bbp-no-js', 'bbp-js' ); </script> <div id="page" class="site "> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <div class="js-canvi-content canvi-content"> <header class="header-1"> <section class="main-header " style="background-image:url(); background-size: cover; background-position: center; background-repeat: no-repeat;"> <div class="head_one clearfix"> <div class="container"> <div class="logo"> <a href="https://www.hivemechanic.org/" class="custom-logo-link" rel="home"><img width="190" height="190" src="https://www.hivemechanic.org/wp-content/uploads/2021/10/cropped-bees-hexagon190.jpg" class="custom-logo" alt="Hive Mechanic" decoding="async" srcset="https://www.hivemechanic.org/wp-content/uploads/2021/10/cropped-bees-hexagon190.jpg 190w, https://www.hivemechanic.org/wp-content/uploads/2021/10/cropped-bees-hexagon190-150x150.jpg 150w" sizes="(max-width: 190px) 100vw, 190px" /></a> <h1 class="site-title"><a href="https://www.hivemechanic.org/" rel="home">Hive Mechanic</a></h1> <p class="site-description">A low-tech authoring tool for connected play</p> </div> </div> </div> <div class="menu-area"> <div class="container"> <nav id="site-navigation"> <button class="bar-menu"> <span>Menu</span> </button> <div class="main-menu menu-caret"> <ul id="primary-menu" class=""><li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-33"><a href="https://www.hivemechanic.org/">Overview</a> <ul class="sub-menu"> <li id="menu-item-93" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-90 current_page_item menu-item-93"><a href="https://www.hivemechanic.org/examples/" aria-current="page">Examples</a></li> <li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-121"><a href="https://www.hivemechanic.org/overview/tool-overview-hive-mechanic/">The Tool (editor / server)</a></li> <li id="menu-item-110" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-110"><a href="https://www.hivemechanic.org/overview/editor-in-action/">In Action: the Hive Mechanic editor</a></li> <li id="menu-item-160" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-160"><a href="https://www.hivemechanic.org/overview/our-team/">Our Team & Contributors (including alumni)</a></li> </ul> </li> <li id="menu-item-111" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-111"><a href="https://www.hivemechanic.org/workshops-for-libraries/">Libraries</a> <ul class="sub-menu"> <li id="menu-item-426" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-426"><a href="https://www.hivemechanic.org/workshops-for-libraries/">Overview of Library Workshops (IMLS)</a></li> <li id="menu-item-281" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-281"><a href="https://www.hivemechanic.org/workshops-for-libraries/workshop-details/">Details on workshops</a></li> <li id="menu-item-151" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-151"><a href="https://www.hivemechanic.org/workshops-for-libraries/faq-for-imls/">FAQ for Libraries</a></li> </ul> </li> <li id="menu-item-348" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-348"><a href="https://www.hivemechanic.org/guides-and-tutorials/">Guides</a></li> <li id="menu-item-34" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34"><a href="https://www.hivemechanic.org/news-and-updates/">Blog</a></li> <li id="menu-item-159" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-159"><a href="https://www.hivemechanic.org/stay-in-touch/">Stay in Touch</a></li> </ul> </div> </nav> </div> </div> </setion> </header> <section id="content" class="site-content posts-container"> <div class="container"> <div class="row"> <div class="breadcrumbs-wrap"> <div role="navigation" aria-label="Breadcrumbs" class="breadcrumb-trail breadcrumbs" itemprop="breadcrumb"><ul class="trail-items" itemscope itemtype="http://schema.org/BreadcrumbList"><meta name="numberOfItems" content="2" /><meta name="itemListOrder" content="Ascending" /><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="trail-item trail-begin"><a href="https://www.hivemechanic.org/" rel="home" itemprop="item"><span itemprop="name">Home</span></a><meta itemprop="position" content="1" /></li><span class="delim">»</span><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="trail-item trail-end"><a href="https://www.hivemechanic.org/examples/" itemprop="item"><span itemprop="name">Examples & Templates (Introduction)</span></a><meta itemprop="position" content="2" /></li><span class="delim">»</span></ul></div>  </div> <div id="primary" class="col-md-8 content-area"> <main id="main" class="site-main"> <article id="post-90" class="post-90 page type-page status-publish has-post-thumbnail hentry"> <div class="post-wrap"> <div class="post-media"> <div class="post-thumbnail"> <img width="1796" height="176" src="https://www.hivemechanic.org/wp-content/uploads/2021/12/examples-tile-hive-vDec2021a.jpg" class="attachment-full size-full wp-post-image" alt="" decoding="async" fetchpriority="high" srcset="https://www.hivemechanic.org/wp-content/uploads/2021/12/examples-tile-hive-vDec2021a.jpg 1796w, https://www.hivemechanic.org/wp-content/uploads/2021/12/examples-tile-hive-vDec2021a-300x29.jpg 300w, https://www.hivemechanic.org/wp-content/uploads/2021/12/examples-tile-hive-vDec2021a-1024x100.jpg 1024w, https://www.hivemechanic.org/wp-content/uploads/2021/12/examples-tile-hive-vDec2021a-768x75.jpg 768w, https://www.hivemechanic.org/wp-content/uploads/2021/12/examples-tile-hive-vDec2021a-1536x151.jpg 1536w" sizes="(max-width: 1796px) 100vw, 1796px" /> </div> </div> <div class="post-content"> <h1 class="post-title entry-title">Examples & Templates (Introduction)</h1> <div class="post-excerpt entry-content"> <p>With various funders and partners, we have launched a number of successful interactive stories and neighborhood games. An overview is below. Conceptually, hive has many capacities:</p> <figure class="wp-block-image size-large"><img decoding="async" width="1024" height="236" src="https://www.hivemechanic.org/wp-content/uploads/2021/12/hive-conceptual-types-per-Dec2021b-1024x236.jpg" alt="" class="wp-image-222" srcset="https://www.hivemechanic.org/wp-content/uploads/2021/12/hive-conceptual-types-per-Dec2021b-1024x236.jpg 1024w, https://www.hivemechanic.org/wp-content/uploads/2021/12/hive-conceptual-types-per-Dec2021b-300x69.jpg 300w, https://www.hivemechanic.org/wp-content/uploads/2021/12/hive-conceptual-types-per-Dec2021b-768x177.jpg 768w, https://www.hivemechanic.org/wp-content/uploads/2021/12/hive-conceptual-types-per-Dec2021b-1536x354.jpg 1536w, https://www.hivemechanic.org/wp-content/uploads/2021/12/hive-conceptual-types-per-Dec2021b.jpg 1994w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> <h2 class="has-text-align-left wp-block-heading" id="examples">What can you make? Recent examples:</h2> <div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center" style="grid-template-columns:34% auto"><figure class="wp-block-media-text__media"><img decoding="async" src="https://playfulcity.net/go/wp-content/uploads/2020/06/buoyant-oracle-icon-sq.jpg" alt="" class="wp-image-1129 size-full"/></figure><div class="wp-block-media-text__content"> <p><strong><a rel="noreferrer noopener" href="https://playfulcity.net/go/buoyant-oracle/" target="_blank">A Sculpture that Talks Back</a> </strong>/ “Buoyant Oracle”<br><em>(Five year installation for the Tephra Arts Center).</em> </p> <p>To accompany this 50-foot surrealist sculpture, we designed an “oracle” to engage with visitors by text message. The oracle sends annotated photographs (similar to polaroids), revealing the hidden history and philosophy of the artwork. More playfully, the oracle picks different “readings” of paired poetry and remixed images of the sculpture for each visitor. Featuring mounted signs with QR codes that start the text message conversation. <br><em>Created in collaboration with artist Sue Wrbican; located in Reston, VA.</em></p> </div></div> <div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center" style="grid-template-columns:34% auto"><figure class="wp-block-media-text__media"><img decoding="async" src="https://playfulcity.net/go/wp-content/uploads/2020/09/IMG_1786.jpeg" alt="" class="wp-image-1361 size-full"/></figure><div class="wp-block-media-text__content"> <p><strong><a rel="noreferrer noopener" href="https://playfulcity.net/go/mural-mural-on-the-wall/" target="_blank">Scavenger Hunt: Murals and Activist Art</a></strong> <br><em>(Launched in 2020 — Washington, DC).</em> </p> <p>This mural hunt was co-designed for Adams Morgan Day (the longest-running neighborhood festival in DC). Using SMS clues and photographs, we led players to iconic murals and recent activist street art as part of #BLM protests. Supported social distancing during the pandemic.<br><em>Created in collaboration with the Adams Morgan Day 2020 Planning Committee.</em></p> </div></div> <div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center" style="grid-template-columns:34% auto"><figure class="wp-block-media-text__media"><img decoding="async" src="https://playfulcity.net/go/wp-content/uploads/2020/06/phone-listening-stations-collage.jpg" alt="" class="wp-image-1108 size-full"/></figure><div class="wp-block-media-text__content"> <p><strong><a rel="noreferrer noopener" href="https://dc.storytelling.city/" data-type="URL" data-id="https://dc.storytelling.city/" target="_blank">Listening Stations</a></strong> with the Smithsonian and DC Public Library<br><em>(2018-2020 — Washington, DC</em>). </p> <p>Our listening stations aimed to collect and disseminate neighborhood history in audio form. We used analog phones and repurposed payphones at neighborhood libraries and in a Smithsonian exhibition. Our installations connected these classic phones to the internet using low-cost VOIP adapters (and mobile hotspots for street use). Callers could leave recordings, conduct interviews, or hear professional oral histories. The content can be controlled by Hive Mechanic.</p> </div></div> <div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center" style="grid-template-columns:34% auto"><figure class="wp-block-media-text__media"><img decoding="async" src="https://playfulcity.net/go/wp-content/uploads/2020/06/truck-admo-map-collage1.jpg" alt="" class="wp-image-1109 size-full"/></figure><div class="wp-block-media-text__content"> <p>Postcard <strong><a href="https://www.hivemechanic.org/examples/postcard-history-map-admo/">Trivia Map</a></strong> on neighborhood history with the Smithsonian and DC Public Library<br><em>(2018-2019 </em>–<em>– Washington, DC)</em>. </p> <p>For the longest-running neighborhood festival in DC, we created a trivia system that uses a paper map as the accessible interface. We’ve found that paper maps can be excellent starting points for an experience, coupled with historic photographs that are sent to visitors’ phones. For this event, we also reached large crowds by giving out the system phone number on stage between bands as part of a raffle for neighborhood gift certificates.</p> </div></div> <div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center" style="grid-template-columns:34% auto"><figure class="wp-block-media-text__media"><img decoding="async" src="https://playfulcity.net/go/wp-content/uploads/2020/04/Alley-Thumbnail-Square.jpg" alt="" class="wp-image-1020 size-full"/></figure><div class="wp-block-media-text__content"> <p><strong><a href="https://playfulcity.net/go/designs/exhibit-photo-mapping-dc-alleys/">Crowdmapping DC Alleys</a> </strong><br><em>(2020 in Washington, DC)</em>. </p> <p>We joined a group of architects to reimagine the 246 miles of DC alleys. Residents from across the city contacted our system by phone (no apps required), sending in photographs that were classified through conversation rather than forms. Meanwhile, in the gallery, photographs were automatically printed as they were sent in from the streets and displayed on the wall to provide an unfolding visualization of DC alleyways.<br><em>Created in collaboration with El Studio, the DC Alley Project, and the DC Architecture Center.</em></p> </div></div> <div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center" style="grid-template-columns:34% auto"><figure class="wp-block-media-text__media"><img decoding="async" width="970" height="506" src="https://www.hivemechanic.org/wp-content/uploads/2021/12/Hard-Choices_game_logo1.jpeg" alt="" class="wp-image-104 size-full" srcset="https://www.hivemechanic.org/wp-content/uploads/2021/12/Hard-Choices_game_logo1.jpeg 970w, https://www.hivemechanic.org/wp-content/uploads/2021/12/Hard-Choices_game_logo1-300x156.jpeg 300w, https://www.hivemechanic.org/wp-content/uploads/2021/12/Hard-Choices_game_logo1-768x401.jpeg 768w" sizes="(max-width: 970px) 100vw, 970px" /></figure><div class="wp-block-media-text__content"> <p><strong><a href="https://playfulcity.net/go/hard-choices-game-neighborhood-futures/">Hard Choices</a> </strong>with the DC Office of Planning<br><em>(2021 for Penn Ave East in Washington, DC)</em></p> <p>We created this outdoor game as a playful way to gather input on the future of a neighborhood. In the game, a charismatic “host” invites players to join at a sidewalk or public event. One player is selected to roll our ten-sided die. Their roll determines the “neighborhood futures” question that everyone will answer, displayed on a large screen or paper poster. Players can advocate for different futures, leave comments and discuss with their neighbors in person.</p> </div></div> <div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center" style="grid-template-columns:34% auto"><figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" width="1024" height="678" src="https://www.hivemechanic.org/wp-content/uploads/2022/07/storytelling-box-header2b-1024x678.jpg" alt="" class="wp-image-952 size-full" srcset="https://www.hivemechanic.org/wp-content/uploads/2022/07/storytelling-box-header2b-1024x678.jpg 1024w, https://www.hivemechanic.org/wp-content/uploads/2022/07/storytelling-box-header2b-300x199.jpg 300w, https://www.hivemechanic.org/wp-content/uploads/2022/07/storytelling-box-header2b-768x509.jpg 768w, https://www.hivemechanic.org/wp-content/uploads/2022/07/storytelling-box-header2b-1536x1017.jpg 1536w, https://www.hivemechanic.org/wp-content/uploads/2022/07/storytelling-box-header2b.jpg 1800w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure><div class="wp-block-media-text__content"> <p><a href="https://www.hivemechanic.org/examples/storytelling-box/" data-type="page" data-id="697"><strong>Storytelling Box</strong></a> <strong>and “Make-Your Own Exhibit” </strong><em>for the lobby of the DC Public Library</em></p> <p>Designed to accompany an indoor mural, our physical storytelling box is an example of how to “make your own exhibit.” This storytelling box includes a listening headset, small screen for slides, and arcade buttons. Our RFID reader can recognize objects like laminated historical photos to show select content. Building your own storytelling box is ideal for makerspaces and STEM programs. The content can be controlled by Hive Mechanic, and the box itself uses a tiny computer called a Raspberry Pi that is popular among hobbyists.</p> </div></div> <div class="wp-block-image"> <figure class="aligncenter size-large is-resized"><a href="https://www.hivemechanic.org/wp-content/uploads/2022/04/additionalPossibilitiesHeader-2.png"><img loading="lazy" decoding="async" src="https://www.hivemechanic.org/wp-content/uploads/2022/04/additionalPossibilitiesHeader-2-1024x576.png" alt="" class="wp-image-600" width="768" height="432" srcset="https://www.hivemechanic.org/wp-content/uploads/2022/04/additionalPossibilitiesHeader-2-1024x576.png 1024w, https://www.hivemechanic.org/wp-content/uploads/2022/04/additionalPossibilitiesHeader-2-300x169.png 300w, https://www.hivemechanic.org/wp-content/uploads/2022/04/additionalPossibilitiesHeader-2-768x432.png 768w, https://www.hivemechanic.org/wp-content/uploads/2022/04/additionalPossibilitiesHeader-2.png 1366w" sizes="auto, (max-width: 768px) 100vw, 768px" /></a></figure></div> <p>• <strong><a href="https://www.hivemechanic.org/examples/escape-rooms/">Escape room puzzles</a></strong> (indoor/outdoor), where each player receives a clue and everyone must come together in public space to solve it. Can involve combination locks from the local hardware store.</p> <p>• <strong>Audio tours</strong>, where you can hear the authentic voices of artists and residents while navigating through public installations. You could also receive accompanying text messages and photographs on your phone while you listen.</p> <p>• <strong>Use your Metro card as a game piece</strong>, where you can tap your bus card on a booth to play an audio clue.</p> <p>• Respond to the <strong>weather, bus times, pollution levels, and more</strong>. Connect to live data, smart city APIs, and third-party services. For example, send messages or change the color of smart lights based on if it’s going to rain. See also our <a href="https://www.hivemechanic.org/guides-and-tutorials/weather-game-example/" data-type="page" data-id="1334">weather game</a> description.</p> <p>• <strong>Connect with AR/VR/graphical game engines</strong> (e.g., Unity). These engines can coordinate or even run Hive Mechanic games using our API. For example, players might visit a historical virtual recreation of public space from 1933 — with their choices in the game triggering videos projected on the side of a nearby community center.</p> <p>…what else can <em>you </em>think of? The possibilities are really expansive and we can’t wait to see what new forms you will invent.</p>  </div>  <footer class="post-footer entry-footer"> <div class="meta_bottom"> <div class="post-share"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://www.hivemechanic.org/examples/"><i class="fa fa-facebook"></i></a> <a target="_blank" href="http://twitter.com/share?text=Examples%20&%20Templates%20(Introduction)&url=https://www.hivemechanic.org/examples/"><i class="fa fa-twitter"></i></a> <a target="_blank" href="http://pinterest.com/pin/create/button/?url=https://www.hivemechanic.org/examples/&media=https://www.hivemechanic.org/wp-content/uploads/2021/12/examples-tile-hive-vDec2021a.jpg&description=Examples%20&%20Templates%20(Introduction)"><i class="fa fa-pinterest"></i></a> <a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&title=Examples%20&%20Templates%20(Introduction)&url=https://www.hivemechanic.org/examples/"><i class="fa fa-linkedin"></i></a> </div> </div> </footer> </div> </div> </article> </main> </div> <aside id="secondary" class="col-md-4 widget-area side-right sidebar-3"> <div class="sidebar-area"> <section id="block-2" class="widget widget_block widget_search"><form role="search" method="get" action="https://www.hivemechanic.org/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >Search</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Search" class="wp-block-search__button wp-element-button" type="submit" >Search</button></div></form></section><section id="block-3" class="widget widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Recent Posts</h2><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://www.hivemechanic.org/2024/02/14/touchscreen-storytelling-boxes-branching-interactive-slides/">Touchscreen Storytelling Boxes: Branching Narratives Using “Interactive Slides”</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://www.hivemechanic.org/2024/01/05/fall-cohort-2023-announced/">Fall Cohort 2023 (asynch) brings count to 59 cities and towns</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://www.hivemechanic.org/2023/09/19/ebow-open-call-for-fall-2023-applicants/">Open call for fall 2023: Aspiring neighborhood STORYTELLERS and outdoor GAME MAKERS</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://www.hivemechanic.org/2023/08/29/storytelling-boxes-applying-our-lessons-learned/">Storytelling Boxes: Applying our Lessons Learned</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://www.hivemechanic.org/2023/08/15/blue-box-low-cost-storytelling-box/">Blue Box Model: Low-Cost & Eye Catching Storytelling Box</a></li> </ul></div></div></section><section id="block-4" class="widget widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Recent Comments</h2><ol class="wp-block-latest-comments"><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="https://www.hivemechanic.org/2023/08/29/storytelling-boxes-applying-our-lessons-learned/">Storytelling Boxes: Applying our Lessons Learned – Beyond Our Walls</a> on <a class="wp-block-latest-comments__comment-link" href="https://www.hivemechanic.org/2023/01/30/storytelling-box-teams-first-cohort-lessons-learned/#comment-6"><strong>Storytelling Box Teams First Cohort: Lessons Learned</strong></a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="https://www.hivemechanic.org/author/bstokes/">Benjamin Stokes</a> on <a class="wp-block-latest-comments__comment-link" href="https://www.hivemechanic.org/stm-lessons/welcome-to-the-course/#comment-5">Welcome and Try Two Demos (Activity)</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="https://www.hivemechanic.org/author/meaganc/">Meagan C</a> on <a class="wp-block-latest-comments__comment-link" href="https://www.hivemechanic.org/stm-lessons/welcome-video/#comment-4">Welcome video</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="https://www.hivemechanic.org/2023/05/02/community-ai-with-a-sculpture/">“Community AI” with a Sculpture – Beyond Our Walls</a> on <a class="wp-block-latest-comments__comment-link" href="https://www.hivemechanic.org/2023/02/16/hive-mechanic-with-ai-images-and-chat/#comment-3">Hive Mechanic with AI Images and Chat</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="https://www.hivemechanic.org/2023/02/16/library-examples-from-fall-2022/">Library Examples from Fall 2022 – Beyond Our Walls</a> on <a class="wp-block-latest-comments__comment-link" href="https://www.hivemechanic.org/2022/10/13/announcing-fall2022/#comment-2">Our first national cohort: 20+ cities, towns and places started this fall</a></footer></article></li></ol></div></div></section><section id="block-5" class="widget widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Archives</h2><ul class="wp-block-archives-list wp-block-archives"> <li><a href='https://www.hivemechanic.org/2024/02/'>February 2024</a></li> <li><a href='https://www.hivemechanic.org/2024/01/'>January 2024</a></li> <li><a href='https://www.hivemechanic.org/2023/09/'>September 2023</a></li> <li><a href='https://www.hivemechanic.org/2023/08/'>August 2023</a></li> <li><a href='https://www.hivemechanic.org/2023/07/'>July 2023</a></li> <li><a href='https://www.hivemechanic.org/2023/05/'>May 2023</a></li> <li><a href='https://www.hivemechanic.org/2023/04/'>April 2023</a></li> <li><a href='https://www.hivemechanic.org/2023/02/'>February 2023</a></li> <li><a href='https://www.hivemechanic.org/2023/01/'>January 2023</a></li> <li><a href='https://www.hivemechanic.org/2022/10/'>October 2022</a></li> <li><a href='https://www.hivemechanic.org/2022/09/'>September 2022</a></li> <li><a href='https://www.hivemechanic.org/2022/07/'>July 2022</a></li> <li><a href='https://www.hivemechanic.org/2022/06/'>June 2022</a></li> <li><a href='https://www.hivemechanic.org/2022/05/'>May 2022</a></li> <li><a href='https://www.hivemechanic.org/2022/04/'>April 2022</a></li> <li><a href='https://www.hivemechanic.org/2022/01/'>January 2022</a></li> <li><a href='https://www.hivemechanic.org/2021/12/'>December 2021</a></li> <li><a href='https://www.hivemechanic.org/2021/10/'>October 2021</a></li> </ul></div></div></section><section id="block-6" class="widget widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Categories</h2><ul class="wp-block-categories-list wp-block-categories"> <li class="cat-item cat-item-9"><a href="https://www.hivemechanic.org/category/events/">events</a> </li> <li class="cat-item cat-item-3"><a href="https://www.hivemechanic.org/category/libraries-project/">IMLS Libraries Project</a> </li> <li class="cat-item cat-item-4"><a href="https://www.hivemechanic.org/category/projects/">Projects</a> </li> <li class="cat-item cat-item-10"><a href="https://www.hivemechanic.org/category/projects/storytelling-boxes/">Storytelling Boxes</a> </li> </ul></div></div></section> </div> </aside> </div> </div> </section> <div class="footer-wrap"> <div class="container"> <div class="row"> </div> </div> <footer class="site-footer"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="copyright"> Copyright All Rights Reserved 2021 </div> <div class="site-info"> <a href="https://wordpress.org/"> Proudly powered by WordPress </a> <span class="sep"> | </span> Theme: Polite Lite by <a href="https://www.templatesell.com/">Template Sell</a>. </div> </div> <div class="col-md-6"> </div> </div> </div> </footer> <a id="toTop" class="go-to-top" href="#" title="Go to Top"> <i class="fa fa-angle-double-up"></i> </a> </div> </div> </div> <script> var authorization_data, authorization_settings; if (typeof authorization_data === 'undefined') { authorization_data = { 'register_nonce': '2d7231c851', 'instructor_nonce': '56d7caa7ba', 'login_nonce': 'faf8514f74', 'restore_nonce': '06652f0414', 'ajax_url': 'https://www.hivemechanic.org/wp-admin/admin-ajax.php', 'email_confirmation': '', 'recaptcha_site_key': '', 'default_fields': [], 'additional_fields': [], 'instructor_fields': [], 'only_for_instructor': '', 'user_account_page': 'https://www.hivemechanic.org/user-account/', 'instructor_premoderation': '', }; } if (typeof authorization_settings === 'undefined') { authorization_settings = { 'register_mode': '', 'titles': {"login":{"main":"Sign In","account":"No account?","separator":"or sign in with email"},"register":{"main":"Sign Up","account":"Have account?","separator":"or sign up with email"}}, }; } </script> <div class="masterstudy-authorization-modal " style="opacity:0"> <div class="masterstudy-authorization-modal__wrapper"> <div class="masterstudy-authorization-modal__container"> <span class="masterstudy-authorization-modal__close"></span> <div class="masterstudy-authorization masterstudy-authorization_style-modal masterstudy-authorization_login"> <div class="masterstudy-authorization__wrapper"> <div class="masterstudy-authorization__header"> <span class="masterstudy-authorization__header-title"> Sign In </span> </div> <div id="masterstudy-authorization-form-login" class="masterstudy-authorization__form"> <div class="masterstudy-authorization__form-wrapper"> <div class="masterstudy-authorization__form-field"> <input type="text" name="user_login" class="masterstudy-authorization__form-input" placeholder="Enter email or username"> </div> <div class="masterstudy-authorization__form-field"> <input type="password" name="user_password" class="masterstudy-authorization__form-input masterstudy-authorization__form-input_pass" placeholder="Enter password"> <span class="masterstudy-authorization__form-show-pass"></span> </div> </div> </div> <div id="masterstudy-authorization-form-register" class="masterstudy-authorization__form"> <div class="masterstudy-authorization__form-wrapper"> <div class="masterstudy-authorization__form-field"> <input type="text" name="register_user_email" class="masterstudy-authorization__form-input" placeholder="Enter your email"> </div> <div class="masterstudy-authorization__form-field"> <input type="text" name="register_user_login" class="masterstudy-authorization__form-input" placeholder="Enter username"> </div> <div class="masterstudy-authorization__form-field"> <input type="password" name="register_user_password" class="masterstudy-authorization__form-input masterstudy-authorization__form-input_pass" placeholder="Enter password"> <span class="masterstudy-authorization__form-show-pass"></span> <span class="masterstudy-authorization__form-explain-pass"> The password must have a minimum of 8 characters of numbers and letters, contain at least 1 capital letter </span> </div> <div class="masterstudy-authorization__form-field"> <input type="password" name="register_user_password_re" class="masterstudy-authorization__form-input masterstudy-authorization__form-input_pass" placeholder="Repeat password"> <span class="masterstudy-authorization__form-show-pass"></span> </div> </div> </div> <div class="masterstudy-authorization__actions"> <div class="masterstudy-authorization__actions-remember"> <div class="masterstudy-authorization__checkbox"> <input type="checkbox" name="masterstudy-authorization-remember" id="masterstudy-authorization-remember"/> <span class="masterstudy-authorization__checkbox-wrapper"></span> </div> <span class="masterstudy-authorization__checkbox-title"> Remember me </span> </div> <a href="#" class="masterstudy-button masterstudy-button_style-primary masterstudy-button_size-sm" data-id=masterstudy-authorization-login-button> <span class="masterstudy-button__title">Sign In</span> </a> <a href="#" class="masterstudy-button masterstudy-button_style-primary masterstudy-button_size-sm" data-id=masterstudy-authorization-register-button> <span class="masterstudy-button__title">Sign Up</span> </a> </div> </div> <div class="masterstudy-authorization__restore"> <div class="masterstudy-authorization__restore-header"> <span class="masterstudy-authorization__restore-header-back"></span> <span class="masterstudy-authorization__restore-header-title"> Restore password </span> </div> <div id="masterstudy-authorization-form-restore" class="masterstudy-authorization__form"> <div class="masterstudy-authorization__form-wrapper"> <div class="masterstudy-authorization__form-field"> <input type="text" name="restore_user_login" class="masterstudy-authorization__form-input" placeholder="Enter your email"> </div> </div> </div> <div class="masterstudy-authorization__actions"> <a href="#" class="masterstudy-button masterstudy-button_style-primary masterstudy-button_size-sm" data-id=masterstudy-authorization-restore-button> <span class="masterstudy-button__title">Send reset link</span> </a> </div> </div> <div id="masterstudy-authorization-restore-pass" class="masterstudy-authorization__send-mail"> <div class="masterstudy-authorization__send-mail-icon-wrapper"> <span class="masterstudy-authorization__send-mail-icon"></span> </div> <span class="masterstudy-authorization__send-mail-content"> <span class="masterstudy-authorization__send-mail-content-title"> Password reset link sent </span> <span class="masterstudy-authorization__send-mail-content-subtitle"> to your email </span> </span> <a href="#" class="masterstudy-button masterstudy-button_style-primary masterstudy-button_size-sm" data-id=masterstudy-authorization-close-button> <span class="masterstudy-button__title">Close</span> </a> </div> <div class="masterstudy-authorization__switch"> <div class="masterstudy-authorization__switch-wrapper"> <div class="masterstudy-authorization__switch-account"> <span class="masterstudy-authorization__switch-account-title"> No account? </span> <a href="#" id="masterstudy-authorization-sign-up" class="masterstudy-authorization__switch-account-link"> Sign Up </a> <a href="#" id="masterstudy-authorization-sign-in" class="masterstudy-authorization__switch-account-link"> Sign In </a> </div> <span class="masterstudy-authorization__switch-lost-pass"> Lost Password? </span> </div> </div> </div> </div> </div> </div> <style id='wp-block-paragraph-inline-css' type='text/css'> .is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} </style> <style id='wp-block-image-inline-css' type='text/css'> .wp-block-image a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media (prefers-reduced-motion:no-preference){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull a,.wp-block-image.alignwide a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} </style> <style id='wp-block-image-theme-inline-css' type='text/css'> :root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em} </style> <style id='wp-block-heading-inline-css' type='text/css'> h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} </style> <style id='wp-block-media-text-inline-css' type='text/css'> .wp-block-media-text{box-sizing:border-box; /*!rtl:begin:ignore*/direction:ltr; /*!rtl:end:ignore*/display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top>.wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top>.wp-block-media-text__media{align-self:start}.wp-block-media-text.is-vertically-aligned-center>.wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center>.wp-block-media-text__media,.wp-block-media-text>.wp-block-media-text__content,.wp-block-media-text>.wp-block-media-text__media{align-self:center}.wp-block-media-text.is-vertically-aligned-bottom>.wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom>.wp-block-media-text__media{align-self:end}.wp-block-media-text>.wp-block-media-text__media{ /*!rtl:begin:ignore*/grid-column:1;grid-row:1; /*!rtl:end:ignore*/margin:0}.wp-block-media-text>.wp-block-media-text__content{direction:ltr; /*!rtl:begin:ignore*/grid-column:2;grid-row:1; /*!rtl:end:ignore*/padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__media{ /*!rtl:begin:ignore*/grid-column:2;grid-row:1 /*!rtl:end:ignore*/}.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content{ /*!rtl:begin:ignore*/grid-column:1;grid-row:1 /*!rtl:end:ignore*/}.wp-block-media-text__media a{display:inline-block}.wp-block-media-text__media img,.wp-block-media-text__media video{height:auto;max-width:unset;vertical-align:middle;width:100%}.wp-block-media-text.is-image-fill>.wp-block-media-text__media{background-size:cover;height:100%;min-height:250px}.wp-block-media-text.is-image-fill>.wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill>.wp-block-media-text__media img{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media{height:100%;min-height:250px;position:relative}.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media img{height:100%;object-fit:cover;position:absolute;width:100%}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media{grid-column:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content{grid-column:1;grid-row:2}} </style> <style id='wp-block-search-inline-css' type='text/css'> .wp-block-search__button{margin-left:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{height:1.25em;min-height:24px;min-width:24px;width:1.25em;fill:currentColor;vertical-align:text-bottom}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search__input{appearance:none;border:1px solid #949494;flex-grow:1;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important}.wp-block-search.wp-block-search__button-only .wp-block-search__button{flex-shrink:0;margin-left:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true]{max-width:calc(100% - 100px)}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__input){font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:right} </style> <style id='wp-block-search-theme-inline-css' type='text/css'> .wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em} </style> <style id='wp-block-latest-posts-inline-css' type='text/css'> .wp-block-latest-posts{box-sizing:border-box}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both;overflow-wrap:break-word}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap}.wp-block-latest-posts.is-grid li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}:root :where(.wp-block-latest-posts.is-grid){padding:0}:root :where(.wp-block-latest-posts.wp-block-latest-posts__list){padding-left:0}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center} </style> <style id='wp-block-group-inline-css' type='text/css'> .wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative} </style> <style id='wp-block-group-theme-inline-css' type='text/css'> :where(.wp-block-group.has-background){padding:1.25em 2.375em} </style> <style id='wp-block-latest-comments-inline-css' type='text/css'> ol.wp-block-latest-comments{box-sizing:border-box;margin-left:0}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)){line-height:1.1}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)){line-height:1.8}.has-dates :where(.wp-block-latest-comments:not([style*=line-height])),.has-excerpts :where(.wp-block-latest-comments:not([style*=line-height])){line-height:1.5}.wp-block-latest-comments .wp-block-latest-comments{padding-left:0}.wp-block-latest-comments__comment{list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-latest-comments[class*=-font-size] a,.wp-block-latest-comments[style*=font-size] a{font-size:inherit} </style> <style id='wp-block-archives-inline-css' type='text/css'> .wp-block-archives{box-sizing:border-box}.wp-block-archives-dropdown label{display:block} </style> <style id='wp-block-categories-inline-css' type='text/css'> .wp-block-categories{box-sizing:border-box}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-categories.wp-block-categories-dropdown.aligncenter{text-align:center}.wp-block-categories .wp-block-categories__label{display:block;width:100%} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 16px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 25px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--larger: 35px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <link rel='stylesheet' id='masterstudy-authorization-css' href='https://www.hivemechanic.org/wp-content/plugins/masterstudy-lms-learning-management-system/_core/assets/css/components/authorization.css?ver=3.4.14' type='text/css' media='all' /> <link rel='stylesheet' id='masterstudy-button-css' href='https://www.hivemechanic.org/wp-content/plugins/masterstudy-lms-learning-management-system/_core//assets/css/components/button.css?ver=3.4.14' type='text/css' media='all' /> <script type="text/javascript" src="https://www.hivemechanic.org/wp-content/plugins/masterstudy-lms-learning-management-system/_core/assets/vendors/bootstrap.min.js?ver=3.4.14" id="masterstudy-bootstrap-js"></script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-content/plugins/masterstudy-lms-learning-management-system/_core/assets/vendors/ms-bootstrap-custom.js?ver=3.4.14" id="masterstudy-bootstrap-custom-js"></script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-content/themes/polite/assets/js/custom-infinte-pagination.js?ver=4.6.0" id="polite-custom-pagination-js"></script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-includes/js/masonry.min.js?ver=4.2.2" id="masonry-js"></script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-content/themes/polite/assets/js/custom-masonry.js?ver=4.6.0" id="polite-custom-masonry-js"></script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-content/themes/polite/js/navigation.js?ver=20200412" id="polite-navigation-js"></script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-content/themes/polite/assets/js/slick.js?ver=4.6.0" id="slick-js"></script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-content/themes/polite/assets/js/script.js?ver=20200412" id="polite-script-js"></script> <script type="text/javascript" id="polite-custom-js-extra"> /* <![CDATA[ */ var polite_ajax = {"ajaxurl":"https:\/\/www.hivemechanic.org\/wp-admin\/admin-ajax.php","paged":"1","max_num_pages":"0","next_posts":"https:\/\/www.hivemechanic.org\/examples\/page\/2\/","show_more":"View More","no_more_posts":"No More"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-content/themes/polite/assets/js/custom.js?ver=20200412" id="polite-custom-js"></script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-content/themes/polite/js/skip-link-focus-fix.js?ver=20200412" id="polite-skip-link-focus-fix-js"></script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-content/themes/polite/assets/js/theia-sticky-sidebar.js?ver=20200412" id="theia-sticky-sidebar-js"></script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-content/themes/polite/assets/js/custom-sticky-sidebar.js?ver=20200412" id="polite-sticky-sidebar-js"></script> <script type="text/javascript" id="gdatt-attachments-js-extra"> /* <![CDATA[ */ var gdbbPressAttachmentsInit = {"max_files":"4","are_you_sure":"This operation is not reversible. Are you sure?"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-content/plugins/gd-bbpress-attachments/js/front.min.js?ver=4.7.3_b2580_free" id="gdatt-attachments-js"></script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-content/plugins/masterstudy-lms-learning-management-system/_core//assets/js/components/authorization/main.js?ver=3.4.14" id="masterstudy-authorization-main-js"></script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-content/plugins/masterstudy-lms-learning-management-system/_core//assets/js/components/authorization/ajax.js?ver=3.4.14" id="masterstudy-authorization-ajax-js"></script> </body> </html>