CINXE.COM

Touchscreen Storytelling Boxes: Branching Narratives Using “Interactive Slides” – Hive Mechanic

<!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>Touchscreen Storytelling Boxes: Branching Narratives Using &#8220;Interactive Slides&#8221; &#8211; 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 &raquo; Feed" href="https://www.hivemechanic.org/feed/" /> <link rel="alternate" type="application/rss+xml" title="Hive Mechanic &raquo; Comments Feed" href="https://www.hivemechanic.org/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="Hive Mechanic &raquo; Touchscreen Storytelling Boxes: Branching Narratives Using &#8220;Interactive Slides&#8221; Comments Feed" href="https://www.hivemechanic.org/2024/02/14/touchscreen-storytelling-boxes-branching-interactive-slides/feed/" /> <!-- This site uses the Google Analytics by MonsterInsights plugin v9.3.0 - Using Analytics tracking - https://www.monsterinsights.com/ --> <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.3.0'; var mi_track_user = true; var mi_no_track_reason = ''; var MonsterInsightsDefaultLocations = {"page_location":"https:\/\/www.hivemechanic.org\/2024\/02\/14\/touchscreen-storytelling-boxes-branching-interactive-slides\/"}; 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> <!-- / Google Analytics by MonsterInsights --> <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.2"}}; /*! 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.5.16' 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.5.16' 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.5.16' 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.5.16' 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.5.16' 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=18450' 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=18450' 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&#038;display=swap&#038;ver=6.7.2' 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.2' 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&#038;display=swap' type='text/css' media='all' /> <link rel='stylesheet' id='polite-heading-css' href='//fonts.googleapis.com/css?family=Prata&#038;display=swap' type='text/css' media='all' /> <link rel='stylesheet' id='polite-sign-css' href='//fonts.googleapis.com/css?family=Monsieur+La+Doulaise&#038;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.8_b2700_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.3.0" 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":"db427c0c2d","translate":{"delete":"Are you sure you want to delete this course from cart?"}}; /* ]]> */ </script> <script type="text/javascript" src="https://www.hivemechanic.org/wp-content/plugins/masterstudy-lms-learning-management-system/_core/assets/js/lms.js?ver=18450" 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/posts/5642" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.hivemechanic.org/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.2" /> <link rel="canonical" href="https://www.hivemechanic.org/2024/02/14/touchscreen-storytelling-boxes-branching-interactive-slides/" /> <link rel='shortlink' href='https://www.hivemechanic.org/?p=5642' /> <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%2F2024%2F02%2F14%2Ftouchscreen-storytelling-boxes-branching-interactive-slides%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%2F2024%2F02%2F14%2Ftouchscreen-storytelling-boxes-branching-interactive-slides%2F&#038;format=xml" /> <script> var stm_lms_pro_nonces = {"stm_lms_pro_install_base":"a9860773be","stm_lms_pro_search_courses":"f2ffef57cb","stm_lms_pro_udemy_import_courses":"cec13cde24","stm_lms_pro_udemy_publish_course":"de4cdc8776","stm_lms_pro_udemy_import_curriculum":"638db5eeba","stm_lms_pro_save_addons":"3a02ef1a43","stm_lms_create_announcement":"55cfa71e73","stm_lms_get_course_info":"8cec653759","stm_lms_get_course_students":"7301d5470f","stm_lms_change_post_status":"2d2229444d","stm_lms_media_library_get_files":"0976c43bc8","stm_lms_media_library_get_file_by_id":"d9dfe12fe1","stm_lms_media_library_delete_file":"2825279d87","stm_lms_media_library_search_file":"483d20682b"}; </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 = 'db427c0c2d'; var stm_ajax_add_pear_hb = '09b344c7a3'; </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":"80925bd2ab","load_modal":"a186af314f","load_content":"3288129241","start_quiz":"9c6ac8bff6","user_answers":"b22f4485b3","get_order_info":"cf3ad1b925","user_orders":"5fbbf34c1e","stm_lms_get_instructor_courses":"aba480d882","stm_lms_add_comment":"17d842969a","stm_lms_manage_students":"1276c015b6","stm_lms_get_comments":"44c4cc3e73","stm_lms_login":"38c1fa9ee1","stm_lms_register":"2800867215","stm_lms_become_instructor":"012236e2a6","stm_lms_enterprise":"b0b131f906","stm_lms_get_user_courses":"211ba788d0","stm_lms_get_user_quizzes":"37dfcdad4b","stm_lms_wishlist":"6a1cca3ee3","stm_lms_save_user_info":"1f9675474f","stm_lms_lost_password":"f840f07009","stm_lms_change_avatar":"9121538474","stm_lms_delete_avatar":"f5c4c1ff38","stm_lms_complete_lesson":"f79d6b9621","stm_lms_use_membership":"6f8847daaa","stm_lms_change_featured":"b4abccb056","stm_lms_delete_course_subscription":"ad6d6d81dd","stm_lms_get_reviews":"37c52bd37e","stm_lms_add_review":"9901fdb87c","stm_lms_add_to_cart":"1380b87772","stm_lms_delete_from_cart":"1b90fb7974","stm_lms_purchase":"bb9c4b5af9","stm_lms_send_message":"6661b61963","stm_lms_get_user_conversations":"05a1f28638","stm_lms_get_user_messages":"e23d942f10","stm_lms_clear_new_messages":"51a4164942","wpcfto_save_settings":"b9a907319e","stm_lms_tables_update":"bd33f53853","stm_lms_get_enterprise_groups":"eccbb4b633","stm_lms_get_enterprise_group":"c8e461fd48","stm_lms_add_enterprise_group":"20b5796ad5","stm_lms_delete_enterprise_group":"316f31bb01","stm_lms_add_to_cart_enterprise":"b2528af270","stm_lms_get_user_ent_courses":"795e908899","stm_lms_delete_user_ent_courses":"a8359d12ea","stm_lms_add_user_ent_courses":"a2e7fd6cca","stm_lms_change_ent_group_admin":"453ca78fae","stm_lms_delete_user_from_group":"1db66d5f95","stm_lms_import_groups":"8a4eec34b4","stm_lms_edit_user_answer":"91ee020873","stm_lms_get_user_points_history":"921396e810","stm_lms_buy_for_points":"8f569cf3c7","stm_lms_get_point_users":"3f88bf107f","stm_lms_get_user_points_history_admin":"472ac3ffde","stm_lms_change_points":"9919a9619e","stm_lms_delete_points":"e0878c86ca","stm_lms_get_user_bundles":"03464cc0fe","stm_lms_change_bundle_status":"dde50636fd","stm_lms_delete_bundle":"3aeae4b06d","stm_lms_check_certificate_code":"16e3441665","stm_lms_get_google_classroom_courses":"e23e58fc9b","stm_lms_get_google_classroom_course":"9142a75239","stm_lms_get_google_classroom_publish_course":"99df4ebb05","stm_lms_get_g_c_get_archive_page":"824b957f90","install_zoom_addon":"b53f81e9fd","stm_lms_get_course_cookie_redirect":"e63841ad59","stm_get_certificates":"f9b0000066","stm_get_certificate_fields":"c19dffdb44","stm_save_certificate":"cf92924fc6","stm_upload_certificate_images":"9ef490a8f8","stm_generate_certificates_preview":"a03cbdbbdf","stm_save_default_certificate":"fc95abe03e","stm_delete_default_certificate":"3c71ec69f9","stm_save_certificate_category":"431c71013a","stm_delete_certificate_category":"885647621b","stm_get_certificate_categories":"245617fba8","stm_get_certificate":"5771a6ed5e","stm_delete_certificate":"6a1f983b0b","stm_lms_get_users_submissions":"9cb0e7f15e","stm_lms_update_user_status":"6aa097d885","stm_lms_hide_become_instructor_notice":"deb3782ef2","stm_lms_ban_user":"5f9cae1d76","stm_lms_save_forms":"71380bcb08","stm_lms_get_forms":"f3f80d410b","stm_lms_upload_form_file":"008ec0e706","stm_lms_dashboard_get_course_students":"747b5610d9","stm_lms_dashboard_delete_user_from_course":"31bc9bd8d6","stm_lms_dashboard_add_user_to_course":"1527520ef0","stm_lms_dashboard_import_users_to_course":"b4d174e524","stm_lms_dashboard_export_course_students_to_csv":"6f36cf3a87","stm_lms_add_to_cart_guest":"a670fd5f7e","stm_lms_fast_login":"8a959cbdc8","stm_lms_fast_register":"f8be64ac30","stm_lms_change_lms_author":"38a37bd9a2","stm_lms_add_student_manually":"525cbf0b7b","stm_lms_change_course_status":"4bfb6d582a","stm_lms_total_progress":"f5e60e7ef7","stm_lms_add_h5p_result":"7d8fb93a96","stm_lms_toggle_buying":"1aa8c0c83a","stm_lms_logout":"3a9bda71aa","stm_lms_restore_password":"e7acf23039","stm_lms_hide_announcement":"f1881a38cf","stm_lms_get_curriculum_v2":"6dbff0675f","stm_lms_dashboard_get_student_progress":"af7021b328","stm_lms_dashboard_set_student_item_progress":"2a81de0a95","stm_lms_dashboard_reset_student_progress":"6418622bfc","stm_lms_dashboard_get_courses_list":"70044fea7b","stm_lms_dashboard_get_student_assignments":"04f915098d","stm_lms_dashboard_get_student_quizzes":"9e324e2074","stm_lms_dashboard_get_student_quiz":"b51fe0eecd","stm_lms_wizard_save_settings":"1357cd06fa","stm_lms_wizard_save_business_type":"7bbae9f504","stm_lms_get_enrolled_assingments":"4e83d6daac","stm-lms-starter-theme-install":"25e38e5515"}; </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":"b9a907319e","get_image_url":"a5e87e82f4","wpcfto_upload_file":"57f7e3b856","wpcfto_search_posts":"70a2dc2053","wpcfto_regenerate_fonts":"2a8ae02f58","wpcfto_create_term":"97d7cc3d21"}; </script> <link rel="pingback" href="https://www.hivemechanic.org/xmlrpc.php"><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="post-template-default single single-post postid-5642 single-format-standard 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">An authoring tool and game engine for connected play</p> </div><!-- .site-logo --> </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 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 menu-item-93"><a href="https://www.hivemechanic.org/examples/">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 &#038; 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 current_page_parent 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><!-- #site-navigation --> </div> </div> </setion><!-- #masthead --> </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="5" /><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"><a href="https://www.hivemechanic.org/2024/" itemprop="item"><span itemprop="name">2024</span></a><meta itemprop="position" content="2" /></li><span class="delim">»</span><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="trail-item"><a href="https://www.hivemechanic.org/2024/02/" itemprop="item"><span itemprop="name">February</span></a><meta itemprop="position" content="3" /></li><span class="delim">»</span><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="trail-item"><a href="https://www.hivemechanic.org/2024/02/14/" itemprop="item"><span itemprop="name">14</span></a><meta itemprop="position" content="4" /></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/2024/02/14/touchscreen-storytelling-boxes-branching-interactive-slides/" itemprop="item"><span itemprop="name">Touchscreen Storytelling Boxes: Branching Narratives Using &#8220;Interactive Slides&#8221;</span></a><meta itemprop="position" content="5" /></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-5642" class="post-5642 post type-post status-publish format-standard hentry category-libraries-project category-projects category-storytelling-boxes tag-branching-narratives tag-google-slides tag-storytelling-boxes tag-touch-screen"> <div class="post-wrap"> <div class="post-media"> </div> <div class="post-content"> <div class="post-cats"> <span class="cat-links"><a href="https://www.hivemechanic.org/category/libraries-project/" rel="category tag">IMLS Libraries Project</a>, <a href="https://www.hivemechanic.org/category/projects/" rel="category tag">Projects</a>, <a href="https://www.hivemechanic.org/category/projects/storytelling-boxes/" rel="category tag">Storytelling Boxes</a></span><span class="tags-links"><i class="fa fa-tag"></i></span> </div> <h1 class="post-title entry-title">Touchscreen Storytelling Boxes: Branching Narratives Using &#8220;Interactive Slides&#8221;</h1> <div class="post-date"> <div class="entry-meta"> <span class="posted-on"><a href="https://www.hivemechanic.org/2024/02/14/touchscreen-storytelling-boxes-branching-interactive-slides/" rel="bookmark"><time class="entry-date published" datetime="2024-02-14T10:13:06-05:00">February 14, 2024</time><time class="updated" datetime="2024-02-14T10:13:53-05:00">February 14, 2024</time></a></span><span class="post_by"> by <span class="author vcard"><a class="url fn n" href="https://www.hivemechanic.org/author/harroyo/">Hazel A</a></span></span> </div><!-- .entry-meta --> </div> <div class="content post-excerpt entry-content clearfix"> <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div> <h2 class="wp-block-heading">Overview</h2> <div class="wp-block-image"> <figure class="alignright size-large is-resized"><img fetchpriority="high" decoding="async" width="1024" height="582" src="https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.01.43-AM-1-1024x582.png" alt="" class="wp-image-5644" style="width:353px;height:201px" srcset="https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.01.43-AM-1-1024x582.png 1024w, https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.01.43-AM-1-300x170.png 300w, https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.01.43-AM-1-768x436.png 768w, https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.01.43-AM-1-128x72.png 128w, https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.01.43-AM-1.png 1278w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div> <p>We are big fans of a simple way to create interactive stories with tools that librarians <em>already </em>know. It’s not hidden… and comes to life with a touchscreen. The secret is to use <strong>&#8220;hot spots&#8221;</strong> on ordinary slide tools (including Google Slides) to branch out to various slides in the deck. The result is powerful, especially with a touchscreen: ordinary slides can have “buttons” and branching narratives that work instantly. No coding or programming is required. Our demonstration below is with Google Slides because it is so widely used, but the same approach can be used with many slide making tools (PowerPoint, etc.).&nbsp;</p> <h2 class="wp-block-heading">Try it out</h2> <p>Here is an example we put together using content from the DC Public Library’s main branch: <a href="https://docs.google.com/presentation/d/1EsYKmxrZWV2c1Xdr8rjtKqQsEhcES4dZyVgn0-2eE2U/edit?usp=sharing">MLK Interactive Slide demo (for Box with Touchscreen)</a> </p> <h2 class="wp-block-heading">Audio/video can drive the experience</h2> <p>Given the multimedia opportunities of a slide deck, we encourage the full use of the technology capabilities. Can you include photos or videos as part of your content set? Do you have audio recordings or can you record someone to be the “tour guide” for your project? Including relevant multimedia makes the experience more interesting and feels less like “just a slide deck” when you don’t rely on too much text to convey the information to your audience.&nbsp;</p> <p>Our demo includes archival images, labeled button images, and a “tour guide”/”trivia presenter” audio recording made by one of our team members.&nbsp;</p> <h2 class="wp-block-heading"><strong>Simplest Version: A “Next” Button</strong></h2> <div class="wp-block-image"> <figure class="alignright size-large is-resized"><img decoding="async" width="1024" height="579" src="https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.02.03-AM-1024x579.png" alt="" class="wp-image-5645" style="width:387px;height:219px" srcset="https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.02.03-AM-1024x579.png 1024w, https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.02.03-AM-300x170.png 300w, https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.02.03-AM-768x435.png 768w, https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.02.03-AM-128x72.png 128w, https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.02.03-AM.png 1382w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div> <p>Inserting an image of a button and then linking it to another slide rather than a hyperlink to another site is a great way to move through a branching narrative with slides. For example, you can create something like a “menu slide” with buttons that go to different parts of the narrative structure.&nbsp;</p> <p>You can also create a trivia interaction, similar to how we did in our example. We decided to ask a question using audio clips and then have two labeled buttons to give participants choices in how they would answer the question. Then we have slides for if the answer was correct or incorrect that align with the buttons accordingly.&nbsp;</p> <h2 class="wp-block-heading"><strong>Player Choice</strong></h2> <div class="wp-block-image"> <figure class="alignright size-large is-resized"><img decoding="async" width="1024" height="577" src="https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.02.22-AM-1024x577.png" alt="" class="wp-image-5646" style="width:384px;height:216px" srcset="https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.02.22-AM-1024x577.png 1024w, https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.02.22-AM-300x169.png 300w, https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.02.22-AM-768x433.png 768w, https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.02.22-AM-128x72.png 128w, https://www.hivemechanic.org/wp-content/uploads/2023/09/Screenshot-2023-09-07-at-10.02.22-AM.png 1488w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div> <p>Wherever possible, introduce choices for players to make. Without choices, they may as well be reading a book or pamphlet about the subject of your project. One way to introduce interaction from players is to give them meaningful choices; let them drive the experience. If they make certain choices, can they be led down a completely different path than if they had made other choices? Will they learn something new if they are given the opportunity to answer questions incorrectly?</p> <p>The choices we include in our demo are with correct and incorrect answers to the trivia questions, but there is a world of branching choices out there to create choices within your own projects!&nbsp;</p> <p>Give these tactics a try and see what compelling interactions you and your team can come up with!</p> </div><!-- .entry-content --> <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/2024/02/14/touchscreen-storytelling-boxes-branching-interactive-slides/"><i class="fa fa-facebook"></i></a> <a target="_blank" href="http://twitter.com/share?text=Touchscreen%20Storytelling%20Boxes:%20Branching%20Narratives%20Using%20&#8220;Interactive%20Slides&#8221;&#038;url=https://www.hivemechanic.org/2024/02/14/touchscreen-storytelling-boxes-branching-interactive-slides/"><i class="fa fa-twitter"></i></a> <a target="_blank" href="http://pinterest.com/pin/create/button/?url=https://www.hivemechanic.org/2024/02/14/touchscreen-storytelling-boxes-branching-interactive-slides/&#038;media=&#038;description=Touchscreen%20Storytelling%20Boxes:%20Branching%20Narratives%20Using%20&#8220;Interactive%20Slides&#8221;"><i class="fa fa-pinterest"></i></a> <a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&#038;title=Touchscreen%20Storytelling%20Boxes:%20Branching%20Narratives%20Using%20&#8220;Interactive%20Slides&#8221;&#038;url=https://www.hivemechanic.org/2024/02/14/touchscreen-storytelling-boxes-branching-interactive-slides/"><i class="fa fa-linkedin"></i></a> </div> </div> </footer><!-- .entry-footer --> <nav class="navigation post-navigation" aria-label="Posts"> <h2 class="screen-reader-text">Post navigation</h2> <div class="nav-links"><div class="nav-previous"><a href="https://www.hivemechanic.org/2024/01/05/fall-cohort-2023-announced/" rel="prev">Fall Cohort 2023 (asynch) brings count to 59 cities and towns</a></div></div> </nav> </div> </div> </article><!-- #post-5642 --> </main><!-- #main --> </div><!-- #primary --> <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 &#8220;Interactive Slides&#8221;</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 &#038; 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 &#8211; 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/">&#8220;Community AI&#8221; with a Sculpture &#8211; 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 &#8211; 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><!-- #secondary --> </div> </div> </section> <section class=""> <div class="container"> <div class="row"> <div class="col-sm-12"> </div> </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><!-- main container --> </div><!-- #page --> <script> var authorization_data, authorization_settings; if (typeof authorization_data === 'undefined') { authorization_data = { 'register_nonce': '2800867215', 'instructor_nonce': '012236e2a6', 'login_nonce': '38c1fa9ee1', 'restore_nonce': 'f840f07009', '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-spacer-inline-css' type='text/css'> .wp-block-spacer{clear:both} </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-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-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-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.5.16' 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.5.16' 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.5.16" 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.5.16" 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":"","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.8_b2700_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.5.16" 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.5.16" id="masterstudy-authorization-ajax-js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10