{"id":81,"date":"2023-12-06T09:24:14","date_gmt":"2023-12-06T09:24:14","guid":{"rendered":"https:\/\/shores.design\/index.php\/brite\/"},"modified":"2024-08-28T05:46:16","modified_gmt":"2024-08-28T05:46:16","slug":"shores-design-graphics-programming-services","status":"publish","type":"page","link":"https:\/\/shores.design\/","title":{"rendered":"Front Page"},"content":{"rendered":"<div data-colibri-id=\"81-c1\" class=\"style-192 style-local-81-c1 position-relative\">\n  <!---->\n  <div data-colibri-component=\"section\" data-colibri-id=\"81-c2\" id=\"services\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-272 style-local-81-c2 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"81-c3\" class=\"h-row-container gutters-row-lg-1 gutters-row-md-1 gutters-row-2 gutters-row-v-lg-1 gutters-row-v-md-1 gutters-row-v-1 style-273 style-local-81-c3 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-1 gutters-col-md-1 gutters-col-2 gutters-col-v-lg-1 gutters-col-v-md-1 gutters-col-v-1\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-274-outer style-local-81-c4-outer\">\n            <div data-colibri-id=\"81-c4\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-274 style-local-81-c4 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n                <!---->\n                <div data-colibri-id=\"81-c5\" class=\"h-global-transition-all h-heading style-275 style-local-81-c5 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-275 style-local-81-c5\">\n                    <!---->\n                    <!---->\n                    <h3 class=\"\">Shores Design provides software development and graphics programming services via freelance \/ contract \/ consulting projects with lead developer Dan Shores<\/h3>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"81-c6\" class=\"h-text h-text-component style-276 style-local-81-c6 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Reach out if you are interested in hiring us!\n                      <br>\n                    <\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"81-c7\" class=\"h-x-container style-277 style-local-81-c7 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-81-c7-group style-277-spacing style-local-81-c7-spacing\"><span class=\"h-button__outer style-278-outer style-local-81-c8-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/shores.design\/#contact\"  data-colibri-id=\"81-c8\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-278 style-local-81-c8 position-relative\"><!----><!----> <span>Contact<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-279-outer style-local-81-c9-outer\">\n            <div data-colibri-id=\"81-c9\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-279 style-local-81-c9 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"81-c10\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-280 style-local-81-c10 position-relative\">\n                  <!---->\n                  <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n                    <!---->\n                    <div class=\"h-column h-column-container d-flex h-col-lg-6 h-col-md-6 h-col-12 style-281-outer style-local-81-c11-outer\">\n                      <div data-colibri-id=\"81-c11\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-281 style-local-81-c11 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-id=\"81-c12\" class=\"h-icon style-282 style-local-81-c12 position-relative h-element\">\n                            <!----><span class=\"h-svg-icon h-icon__icon style-282-icon style-local-81-c12-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"cube\" viewBox=\"0 0 512 545.5\"><path d=\"M256 102.5l6.5 3 160 72 9.5 4v203l-8 4.5-160 89-8 4.5-8-4.5-160-89-8-4.5v-203l9.5-4 160-72zm0 35l-123 55L256 254l123-61.5zM112 218v147.5l128 71V282zm288 0l-128 64v154.5l128-71V218z\"><\/path><\/svg><\/span><\/div>\n                          <div\n                            data-colibri-id=\"81-c13\" class=\"h-global-transition-all h-heading style-283 style-local-81-c13 position-relative h-element\">\n                            <!---->\n                            <div class=\"h-heading__outer style-283 style-local-81-c13\">\n                              <!---->\n                              <!---->\n                              <h5 class=\"\">Graphics Programming<\/h5>\n                            <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"81-c14\" class=\"h-text h-text-component style-284 style-local-81-c14 position-relative h-element\">\n                          <!---->\n                          <!---->\n                          <div class=\"\">\n                            <p>This is our bread and butter. Dan has five years of professional experience with WebGL and Three.js for web graphics, and is currently working on expanding services to include C++ projects with Vulkan\/OpenGL\n                              <br>\n                            <\/p>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                  <div class=\"h-column h-column-container d-flex h-col-lg-6 h-col-md-6 h-col-12 style-281-outer style-local-81-c15-outer\">\n                    <div data-colibri-id=\"81-c15\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-281 style-local-81-c15 position-relative\">\n                      <!---->\n                      <!---->\n                      <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                        <!---->\n                        <div data-colibri-id=\"81-c16\" class=\"h-icon style-282 style-local-81-c16 position-relative h-element\">\n                          <!----><span class=\"h-svg-icon h-icon__icon style-282-icon style-local-81-c16-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"gears\" viewBox=\"0 0 512 545.5\"><path d=\"M344 72h32v22.5c13.256 2.334 25.375 7.58 36 15l15-15 22.5 22.5-15 15c7.42 10.625 12.666 22.744 15 36H472v32h-22.5c-2.357 13.388-7.46 25.802-15 36.5L450 253l-23.5 22-15-16c-10.494 7.212-22.48 12.208-35.5 14.5V296h-32v-22.5c-13.256-2.334-25.375-7.58-36-15l-16.5 17-23-23 17-16.5c-7.42-10.625-12.666-22.744-15-36H248v-32h22.5c2.292-13.02 7.288-25.006 14.5-35.5l-16-15L291 94l16.5 15.5c10.698-7.54 23.112-12.643 36.5-15V72zm16 53c-32.885 0-59 26.115-59 59s26.115 59 59 59 59-26.115 59-59-26.115-59-59-59zm-207.5 94.5l11.5 29c8.477-2.118 17.388-3.5 26.5-3.5 9.13 0 18.015 1.362 26.5 3.5l11.5-29 29.5 12-11.5 29c15.108 9.133 27.874 21.944 37 37l29-11.5 12 29.5-29 11.5c2.118 8.458 3.5 17.388 3.5 26.5s-1.382 18.023-3.5 26.5l29 11.5-12 29.5-29-11.5c-9.107 15.23-21.88 28.264-37 37.5l11.5 28.5-29.5 12L217 459c-8.458 2.138-17.388 3.5-26.5 3.5-9.166 0-17.972-1.345-26.5-3.5l-11.5 28.5-29.5-12 11.5-28.5c-15.37-9.23-28.246-22.145-37.5-37.5L68.5 421l-12-29.5L85 380c-2.138-8.477-3.5-17.388-3.5-26.5s1.362-18.042 3.5-26.5l-28.5-11.5 12-29.5L97 297.5c9.236-15.12 22.27-27.893 37.5-37l-11.5-29zm38 57.5c-42.605 0-77 33.895-77 76.5s34.395 77 77 77 76.5-34.395 76.5-77-33.895-76.5-76.5-76.5z\"><\/path><\/svg><\/span><\/div>\n                        <div\n                          data-colibri-id=\"81-c17\" class=\"h-global-transition-all h-heading style-283 style-local-81-c17 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-heading__outer style-283 style-local-81-c17\">\n                            <!---->\n                            <!---->\n                            <h5 class=\"\">Desktop Applications<\/h5>\n                          <\/div>\n                      <\/div>\n                      <div data-colibri-id=\"81-c18\" class=\"h-text h-text-component style-284 style-local-81-c18 position-relative h-element\">\n                        <!---->\n                        <!---->\n                        <div class=\"\">\n                          <p>Dan has five years of professional experience building desktop applications using C++ for native and Electron for hybrid\/cross-platform applications<\/p>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"h-column h-column-container d-flex h-col-lg-6 h-col-md-6 h-col-12 style-281-outer style-local-81-c19-outer\">\n                  <div data-colibri-id=\"81-c19\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-281 style-local-81-c19 position-relative\">\n                    <!---->\n                    <!---->\n                    <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                      <!---->\n                      <div data-colibri-id=\"81-c20\" class=\"h-icon style-282 style-local-81-c20 position-relative h-element\">\n                        <!----><span class=\"h-svg-icon h-icon__icon style-282-icon style-local-81-c20-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"laptop\" viewBox=\"0 0 512 545.5\"><path d=\"M80 128h352v217l36.5 37c7.243 7.243 11.5 17.262 11.5 27.5 0 21.142-17.358 38.5-38.5 38.5h-371C49.358 448 32 430.642 32 409.5c0-10.238 4.257-20.257 11.5-27.5L80 345V128zm32 32v176h288V160H112zm-9 208l-37 36.5c-1.237 1.237-2 3.238-2 5 0 3.85 2.65 6.5 6.5 6.5h371c3.85 0 6.5-2.65 6.5-6.5 0-1.762-.763-3.763-2-5L409 368H103z\"><\/path><\/svg><\/span><\/div>\n                      <div\n                        data-colibri-id=\"81-c21\" class=\"h-global-transition-all h-heading style-283 style-local-81-c21 position-relative h-element\">\n                        <!---->\n                        <div class=\"h-heading__outer style-283 style-local-81-c21\">\n                          <!---->\n                          <!---->\n                          <h5 class=\"\">Web Applications<\/h5>\n                        <\/div>\n                    <\/div>\n                    <div data-colibri-id=\"81-c22\" class=\"h-text h-text-component style-284 style-local-81-c22 position-relative h-element\">\n                      <!---->\n                      <!---->\n                      <div class=\"\">\n                        <p>Dan has three years of professional experience working with web applications hosted on Google Cloud using D3.js and Three.js for data visualizations, and always enjoys learning new environments for web development\n                          <br>\n                        <\/p>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"h-column h-column-container d-flex h-col-lg-6 h-col-md-6 h-col-12 style-281-outer style-local-81-c23-outer\">\n                <div data-colibri-id=\"81-c23\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-281 style-local-81-c23 position-relative\">\n                  <!---->\n                  <!---->\n                  <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                    <!---->\n                    <div data-colibri-id=\"81-c24\" class=\"h-icon style-282 style-local-81-c24 position-relative h-element\">\n                      <!----><span class=\"h-svg-icon h-icon__icon style-282-icon style-local-81-c24-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"wordpress\" viewBox=\"0 0 512 545.5\"><path d=\"M256 96c105.888 0 192 86.144 192 192s-86.112 192-192 192c-105.872 0-192-86.144-192-192 0-105.888 86.112-192 192-192zm0 9c-101.024 0-183 81.992-183 183 0 100.992 81.992 183 183 183s183-81.992 183-183-81.976-183-183-183zm0 18.5c42.88 0 81.704 16.136 111 43-.72-.016-1.28 0-2 0-16.176 0-27.5 13.88-27.5 29 0 13.584 7.664 25.416 16 39 6.288 10.96 13.5 24.648 13.5 45 0 14.128-4.164 32.108-12.5 53.5L338 388l-59.5-177c9.904-.512 19-2 19-2 8.864-1.056 7.88-14.012-1-13.5 0 0-26.768 2-44 2-16.176 0-43.5-2-43.5-2-8.88-.528-9.88 12.972-1 13.5 0 0 8.62 1.488 17.5 2l25.5 70-36 108-60-178c9.92-.512 19-2 19-2 8.864-1.056 7.88-14.012-1-13.5 0 0-26.768 2-44 2-3.103 0-6.628.112-10.5 0 29.44-44.736 79.948-74 137.5-74zM400.5 209c12.864 23.44 20.016 50.344 20 79 0 60.752-32.524 113.94-81.5 142.5L389 285c9.392-23.488 12.5-42.296 12.5-59 0-6.08-.28-11.752-1-17zm-295 12L184 436c-54.96-26.704-92.5-82.816-92.5-148 0-23.888 4.864-46.536 14-67zM259 302.5L309.5 441c.336.8.568 1.796 1 2.5-17.12 6.016-35.332 9-54.5 9-16.176 0-31.732-2.164-46.5-6.5z\"><\/path><\/svg><\/span><\/div>\n                    <div\n                      data-colibri-id=\"81-c25\" class=\"h-global-transition-all h-heading style-283 style-local-81-c25 position-relative h-element\">\n                      <!---->\n                      <div class=\"h-heading__outer style-283 style-local-81-c25\">\n                        <!---->\n                        <!---->\n                        <h5 class=\"\">Websites<\/h5>\n                      <\/div>\n                  <\/div>\n                  <div data-colibri-id=\"81-c26\" class=\"h-text h-text-component style-284 style-local-81-c26 position-relative h-element\">\n                    <!---->\n                    <!---->\n                    <div class=\"\">\n                      <p>Although not our primary focus, we would be happy to discuss making you a website using WordPress, React, or Vue.js, especially if you have a sustainability-focused and\/or local business\n                        <br>\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div data-colibri-component=\"section\" data-colibri-id=\"81-c27\" id=\"demos\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-228 style-local-81-c27 position-relative\">\n  <!---->\n  <!---->\n  <div class=\"h-section-grid-container h-section-boxed-container\">\n    <div data-colibri-id=\"81-c64\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-254 style-local-81-c64 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-255-outer style-local-81-c65-outer\">\n          <div data-colibri-id=\"81-c65\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-255 style-local-81-c65 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-id=\"81-c66\" class=\"h-global-transition-all h-heading style-304 style-local-81-c66 position-relative h-element\">\n                <!---->\n                <div class=\"h-heading__outer style-304 style-local-81-c66\">\n                  <!---->\n                  <!---->\n                  <h3 class=\"\">Live Demos<\/h3>\n                <\/div>\n              <\/div>\n              <div data-colibri-id=\"81-c67\" class=\"h-text h-text-component style-257 style-local-81-c67 position-relative h-element\">\n                <!---->\n                <!---->\n                <div class=\"\">\n                  <p>Check out some projects and demos representative of Dan&#8217;s past work\n                    <br>\n                  <\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div data-colibri-component=\"slider\" data-colibri-id=\"81-c28\" class=\"h-slider d-flex style-231 style-local-81-c28 position-relative\">\n      <!---->\n      <div class=\"swiper-container h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-3 gutters-row-v-lg-3 gutters-row-v-md-3 gutters-row-v-3 h-overflow-hidden\">\n        <div class=\"swiper-wrapper h-row justify-content-lg-start justify-content-md-start justify-content-start align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-3 gutters-col-v-lg-3 gutters-col-v-md-3 gutters-col-v-3\">\n          <div data-colibri-component=\"link\" data-href=\"\" class=\"h-slider-item swiper-slide h-column h-column-container d-flex h-col-auto style-232-outer style-local-81-c29-outer\">\n            <div data-colibri-id=\"81-c29\" class=\"w-100 h-swiper-item__inner d-flex h-flex-basis h-HopTextCarouselItem__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-232 style-local-81-c29 position-relative\">\n              <div class=\"background-wrapper\">\n                <div class=\"background-layer background-layer-media-container-lg\">\n                  <div data-enabled=\"false\" data-colibri-component=\"parallax\" class=\"background-layer\" style=\"background-position: center center; background-size: cover; background-image: url(&quot;https:\/\/shores.design\/wp-content\/uploads\/2023\/12\/Screenshot.png&quot;); background-attachment: scroll; background-repeat: no-repeat;\"\n                    model-id=\"81-c29\" media=\"desktop\" is-preview=\"true\"><\/div>\n                <\/div>\n                <div class=\"background-layer background-layer-media-container-md\">\n                  <div data-enabled=\"false\" data-colibri-component=\"parallax\" class=\"background-layer\" style=\"background-position: center center; background-size: cover; background-image: url(&quot;https:\/\/shores.design\/wp-content\/uploads\/2023\/12\/Screenshot.png&quot;); background-attachment: scroll; background-repeat: no-repeat;\"\n                    model-id=\"81-c29\" media=\"tablet\" is-preview=\"true\"><\/div>\n                <\/div>\n                <div class=\"background-layer background-layer-media-container\">\n                  <div data-enabled=\"false\" data-colibri-component=\"parallax\" class=\"background-layer\" style=\"background-position: center center; background-size: cover; background-image: url(&quot;https:\/\/shores.design\/wp-content\/uploads\/2023\/12\/Screenshot.png&quot;); background-attachment: scroll; background-repeat: no-repeat;\"\n                    model-id=\"81-c29\" media=\"mobile\" is-preview=\"true\"><\/div>\n                <\/div>\n              <\/div>\n              <div class=\"w-100 h-100 d-flex justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-center align-items-md-center align-items-center\">\n                <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center h-slider-item-content-wrapper\">\n                  <!---->\n                  <div data-colibri-id=\"81-c30\" class=\"style-253 style-local-81-c30 position-relative h-element\">\n                    <!---->\n                  <\/div>\n                  <div data-colibri-id=\"81-c31\" class=\"h-global-transition-all h-heading style-247 style-local-81-c31 position-relative h-element\">\n                    <!---->\n                    <div class=\"h-heading__outer style-247 style-local-81-c31\">\n                      <!---->\n                      <!---->\n                      <h3 class=\"\">REACT-THREE-FIBER<\/h3>\n                    <\/div>\n                  <\/div>\n                  <div data-colibri-id=\"81-c32\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-250 style-local-81-c32 position-relative\">\n                    <!---->\n                    <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n                      <!---->\n                      <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-251-outer style-local-81-c33-outer\">\n                        <div data-colibri-id=\"81-c33\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-251 style-local-81-c33 position-relative\">\n                          <!---->\n                          <!---->\n                          <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                            <!---->\n                            <div data-colibri-id=\"81-c34\" class=\"h-x-container style-248 style-local-81-c34 position-relative h-element\">\n                              <!---->\n                              <div class=\"h-x-container-inner style-dynamic-81-c34-group style-248-spacing style-local-81-c34-spacing\"><span class=\"h-button__outer style-249-outer style-local-81-c35-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/shores.design\/index.php\/react-three-fiber-demo\/\"  data-colibri-id=\"81-c35\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-249 style-local-81-c35 position-relative\"><!----><!----> <span>Live Demo<\/span><\/a>\n                                <\/span>\n                              <\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                      <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-251-outer style-local-81-c36-outer\">\n                        <div data-colibri-id=\"81-c36\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-251 style-local-81-c36 position-relative\">\n                          <!---->\n                          <!---->\n                          <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                            <!---->\n                            <div data-colibri-id=\"81-c37\" class=\"h-x-container style-248 style-local-81-c37 position-relative h-element\">\n                              <!---->\n                              <div class=\"h-x-container-inner style-dynamic-81-c37-group style-248-spacing style-local-81-c37-spacing\"><span class=\"h-button__outer style-249-outer style-local-81-c38-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/github.com\/dansh0\/react-three-fiber-demo\"  data-colibri-id=\"81-c38\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-249 style-local-81-c38 position-relative\"><!----><!----> <span>Source Code<\/span><\/a>\n                                <\/span>\n                              <\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div data-colibri-component=\"link\" data-href=\"\" class=\"h-slider-item swiper-slide h-column h-column-container d-flex h-col-auto style-245-outer style-local-81-c39-outer\">\n            <div data-colibri-id=\"81-c39\" class=\"w-100 h-swiper-item__inner d-flex h-flex-basis h-HopTextCarouselItem__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-245 style-local-81-c39 position-relative\">\n              <div class=\"background-wrapper\">\n                <div class=\"background-layer background-layer-media-container-lg\">\n                  <div data-enabled=\"false\" data-colibri-component=\"parallax\" class=\"background-layer\" style=\"background-position: center center; background-size: cover; background-image: url(&quot;https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/gyroidFill.png&quot;); background-attachment: scroll; background-repeat: no-repeat;\"\n                    model-id=\"81-c39\" media=\"desktop\" is-preview=\"true\"><\/div>\n                <\/div>\n                <div class=\"background-layer background-layer-media-container-md\">\n                  <div data-enabled=\"false\" data-colibri-component=\"parallax\" class=\"background-layer\" style=\"background-position: center center; background-size: cover; background-image: url(&quot;https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/gyroidFill.png&quot;); background-attachment: scroll; background-repeat: no-repeat;\"\n                    model-id=\"81-c39\" media=\"tablet\" is-preview=\"true\"><\/div>\n                <\/div>\n                <div class=\"background-layer background-layer-media-container\">\n                  <div data-enabled=\"false\" data-colibri-component=\"parallax\" class=\"background-layer\" style=\"background-position: center center; background-size: cover; background-image: url(&quot;https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/gyroidFill.png&quot;); background-attachment: scroll; background-repeat: no-repeat;\"\n                    model-id=\"81-c39\" media=\"mobile\" is-preview=\"true\"><\/div>\n                <\/div>\n              <\/div>\n              <div class=\"w-100 h-100 d-flex justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-center align-items-md-center align-items-center\">\n                <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center h-slider-item-content-wrapper\">\n                  <!---->\n                  <div data-colibri-id=\"81-c40\" class=\"style-253 style-local-81-c40 position-relative h-element\">\n                    <!---->\n                  <\/div>\n                  <div data-colibri-id=\"81-c41\" class=\"h-global-transition-all h-heading style-247 style-local-81-c41 position-relative h-element\">\n                    <!---->\n                    <div class=\"h-heading__outer style-247 style-local-81-c41\">\n                      <!---->\n                      <!---->\n                      <h3 class=\"\">VOLUMETRIC SHADERS<\/h3>\n                    <\/div>\n                  <\/div>\n                  <div data-colibri-id=\"81-c42\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-250 style-local-81-c42 position-relative\">\n                    <!---->\n                    <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n                      <!---->\n                      <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-251-outer style-local-81-c43-outer\">\n                        <div data-colibri-id=\"81-c43\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-251 style-local-81-c43 position-relative\">\n                          <!---->\n                          <!---->\n                          <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                            <!---->\n                            <div data-colibri-id=\"81-c44\" class=\"h-x-container style-248 style-local-81-c44 position-relative h-element\">\n                              <!---->\n                              <div class=\"h-x-container-inner style-dynamic-81-c44-group style-248-spacing style-local-81-c44-spacing\"><span class=\"h-button__outer style-249-outer style-local-81-c45-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/shores.design\/index.php\/shader-mesh-demo\/\"  data-colibri-id=\"81-c45\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-249 style-local-81-c45 position-relative\"><!----><!----> <span>Live Demo<\/span><\/a>\n                                <\/span>\n                              <\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                      <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-251-outer style-local-81-c46-outer\">\n                        <div data-colibri-id=\"81-c46\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-251 style-local-81-c46 position-relative\">\n                          <!---->\n                          <!---->\n                          <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                            <!---->\n                            <div data-colibri-id=\"81-c47\" class=\"h-x-container style-248 style-local-81-c47 position-relative h-element\">\n                              <!---->\n                              <div class=\"h-x-container-inner style-dynamic-81-c47-group style-248-spacing style-local-81-c47-spacing\"><span class=\"h-button__outer style-249-outer style-local-81-c48-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/github.com\/dansh0\/shader-mesh-demo\"  data-colibri-id=\"81-c48\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-249 style-local-81-c48 position-relative\"><!----><!----> <span>Source Code<\/span><\/a>\n                                <\/span>\n                              <\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div data-colibri-component=\"link\" data-href=\"\" class=\"h-slider-item swiper-slide h-column h-column-container d-flex h-col-auto style-420-outer style-local-81-c49-outer\">\n            <div data-colibri-id=\"81-c49\" class=\"w-100 h-swiper-item__inner d-flex h-flex-basis h-HopTextCarouselItem__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-420 style-local-81-c49 position-relative\">\n              <div class=\"background-wrapper\">\n                <div class=\"background-layer background-layer-media-container-lg\">\n                  <div data-enabled=\"false\" data-colibri-component=\"parallax\" class=\"background-layer\" style=\"background-position: 53.422% 53.6417%; background-size: cover; background-image: url(&quot;https:\/\/shores.design\/wp-content\/uploads\/2024\/08\/Screenshot-3-1.png&quot;); background-attachment: scroll; background-repeat: no-repeat;\"\n                    model-id=\"81-c49\" media=\"desktop\" is-preview=\"true\"><\/div>\n                <\/div>\n                <div class=\"background-layer background-layer-media-container-md\">\n                  <div data-enabled=\"false\" data-colibri-component=\"parallax\" class=\"background-layer\" style=\"background-position: 53.422% 53.6417%; background-size: cover; background-image: url(&quot;https:\/\/shores.design\/wp-content\/uploads\/2024\/08\/Screenshot-3-1.png&quot;); background-attachment: scroll; background-repeat: no-repeat;\"\n                    model-id=\"81-c49\" media=\"tablet\" is-preview=\"true\"><\/div>\n                <\/div>\n                <div class=\"background-layer background-layer-media-container\">\n                  <div data-enabled=\"false\" data-colibri-component=\"parallax\" class=\"background-layer\" style=\"background-position: 53.422% 53.6417%; background-size: cover; background-image: url(&quot;https:\/\/shores.design\/wp-content\/uploads\/2024\/08\/Screenshot-3-1.png&quot;); background-attachment: scroll; background-repeat: no-repeat;\"\n                    model-id=\"81-c49\" media=\"mobile\" is-preview=\"true\"><\/div>\n                <\/div>\n              <\/div>\n              <div class=\"w-100 h-100 d-flex justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-center align-items-md-center align-items-center\">\n                <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center h-slider-item-content-wrapper\">\n                  <!---->\n                  <div data-colibri-id=\"81-c50\" class=\"style-421 style-local-81-c50 position-relative h-element\">\n                    <!---->\n                  <\/div>\n                  <div data-colibri-id=\"81-c51\" class=\"h-global-transition-all h-heading style-422 style-local-81-c51 position-relative h-element\">\n                    <!---->\n                    <div class=\"h-heading__outer style-422 style-local-81-c51\">\n                      <!---->\n                      <!---->\n                      <h3 class=\"\">WebGL Shadows<\/h3>\n                    <\/div>\n                  <\/div>\n                  <div data-colibri-id=\"81-c52\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-423 style-local-81-c52 position-relative\">\n                    <!---->\n                    <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n                      <!---->\n                      <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-424-outer style-local-81-c53-outer\">\n                        <div data-colibri-id=\"81-c53\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-424 style-local-81-c53 position-relative\">\n                          <!---->\n                          <!---->\n                          <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                            <!---->\n                            <div data-colibri-id=\"81-c54\" class=\"h-x-container style-425 style-local-81-c54 position-relative h-element\">\n                              <!---->\n                              <div class=\"h-x-container-inner style-dynamic-81-c54-group style-425-spacing style-local-81-c54-spacing\"><span class=\"h-button__outer style-426-outer style-local-81-c55-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/shores.design\/index.php\/shadows-webgl-demo\/\"  data-colibri-id=\"81-c55\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-426 style-local-81-c55 position-relative\"><!----><!----> <span>Live Demo<\/span><\/a>\n                                <\/span>\n                              <\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                      <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-424-outer style-local-81-c56-outer\">\n                        <div data-colibri-id=\"81-c56\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-424 style-local-81-c56 position-relative\">\n                          <!---->\n                          <!---->\n                          <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                            <!---->\n                            <div data-colibri-id=\"81-c57\" class=\"h-x-container style-425 style-local-81-c57 position-relative h-element\">\n                              <!---->\n                              <div class=\"h-x-container-inner style-dynamic-81-c57-group style-425-spacing style-local-81-c57-spacing\"><span class=\"h-button__outer style-426-outer style-local-81-c58-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/github.com\/dansh0\/shadows_webgl\"  data-colibri-id=\"81-c58\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-426 style-local-81-c58 position-relative\"><!----><!----> <span>Source Code<\/span><\/a>\n                                <\/span>\n                              <\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"resize-triggers\">\n          <div class=\"expand-trigger\">\n            <div style=\"width: 1px; height: 1px;\"><\/div>\n          <\/div>\n          <div class=\"contract-trigger\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"h-swiper-dots__outer justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-end align-items-md-end align-items-end style-241-positionWrapper style-local-81-c63-positionWrapper h-element\">\n        <div data-colibri-id=\"81-c63\" class=\"h-swiper-dots__wrapper style-241 style-local-81-c63 position-relative\">\n          <!---->\n          <div id=\"swiper-pagination__81-c28\" class=\"h-swiper-dots swiper-pagination d-flex swiper-pagination-clickable swiper-pagination-bullets\"><\/div>\n          <div><\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"81-c59\" class=\"h-swiper-arrow__outer justify-content-lg-start justify-content-md-start justify-content-start align-items-lg-center align-items-md-center align-items-center style-238 style-local-81-c59 position-relative h-element\">\n        <!---->\n        <div id=\"swiper-arrow__81-c59\" class=\"h-swiper-arrow h-slider-navigation-arrow swiper-button-prev\">\n          <div data-colibri-id=\"81-c60\" class=\"h-icon style-239 style-local-81-c60 position-relative h-element\">\n            <!----><span class=\"h-svg-icon h-icon__icon style-239-icon style-local-81-c60-icon\"><!--Icon by Font Awesome (https:\/\/fontawesome.com)-->\n    <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"chevron-left\" viewBox=\"0 0 1289.1823 1896.0833\">\n      <path d=\"M1171 301L640 832l531 531q19 19 19 45t-19 45l-166 166q-19 19-45 19t-45-19L173 877q-19-19-19-45t19-45L915 45q19-19 45-19t45 19l166 166q19 19 19 45t-19 45z\"><\/path>\n    <\/svg><\/span><\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"81-c61\" class=\"h-swiper-arrow__outer justify-content-lg-end justify-content-md-end justify-content-end align-items-lg-center align-items-md-center align-items-center style-240 style-local-81-c61 position-relative h-element\">\n        <!---->\n        <div id=\"swiper-arrow__81-c61\" class=\"h-swiper-arrow h-slider-navigation-arrow swiper-button-next\">\n          <div data-colibri-id=\"81-c62\" class=\"h-icon style-239 style-local-81-c62 position-relative h-element\">\n            <!----><span class=\"h-svg-icon h-icon__icon style-239-icon style-local-81-c62-icon\"><!--Icon by Font Awesome (https:\/\/fontawesome.com)-->\n    <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"chevron-right\" viewBox=\"0 0 1280 1896.0833\">\n      <path d=\"M1107 877l-742 742q-19 19-45 19t-45-19l-166-166q-19-19-19-45t19-45l531-531-531-531q-19-19-19-45t19-45L275 45q19-19 45-19t45 19l742 742q19 19 19 45t-19 45z\"><\/path>\n    <\/svg><\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<div data-colibri-component=\"section\" data-colibri-id=\"81-c68\" id=\"about\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-327 style-local-81-c68 position-relative\">\n  <!---->\n  <!---->\n  <div class=\"h-section-grid-container h-section-boxed-container\">\n    <!---->\n    <div data-colibri-id=\"81-c69\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-328 style-local-81-c69 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-329-outer style-local-81-c70-outer\">\n          <div data-colibri-id=\"81-c70\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-2 h-px-0 v-inner-lg-0 v-inner-md-2 v-inner-0 style-329 style-local-81-c70 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-id=\"81-c71\" class=\"d-block style-330 style-local-81-c71 position-relative h-element\">\n                <!---->\n                <div class=\"h-image__frame-container-outer\">\n                  <div class=\"h-image__frame-container\">\n                    <!---->\n                    <!---->\n                    <img loading=\"lazy\" decoding=\"async\" width=\"1453\" height=\"1329\" src=\"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/cropped-CompassScreenshot.png\" class=\"wp-image-468 style-330-image style-local-81-c71-image\" alt=\"\" srcset=\"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/cropped-CompassScreenshot.png 1453w, https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/cropped-CompassScreenshot-300x274.png 300w, https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/cropped-CompassScreenshot-1024x937.png 1024w, https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/cropped-CompassScreenshot-768x702.png 768w\" sizes=\"(max-width: 1453px) 100vw, 1453px\" \/>\n                    <div class=\"h-image__frame h-hide-sm style-330-frameImage style-local-81-c71-frameImage\"><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-331-outer style-local-81-c72-outer\">\n          <div data-colibri-id=\"81-c72\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-2 v-inner-lg-0 v-inner-md-0 v-inner-2 style-331 style-local-81-c72 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-id=\"81-c73\" class=\"h-global-transition-all h-heading style-304 style-local-81-c73 position-relative h-element\">\n                <!---->\n                <div class=\"h-heading__outer style-304 style-local-81-c73\">\n                  <!---->\n                  <!---->\n                  <h3 class=\"\">Industry Experience<\/h3>\n                <\/div>\n              <\/div>\n              <div data-colibri-id=\"81-c74\" class=\"h-text h-text-component style-333 style-local-81-c74 position-relative h-element\">\n                <!---->\n                <!---->\n                <div class=\"\">\n                  <p>Dan Shores has eight years of industry experience in product design, software engineering, and graphics programming. He started in medical device development but has spent the majority of his career in the Additive Manufacturing industry.<\/p>\n                  <p>Dan co-founded Fortify based in Boston in 2016, where he developed the software tools to design prints and run the advanced materials 3D-printer. He also built up the software team that is continuing to develop these tools today.<\/p>\n                  <p>Now he is focused on other industries in hopes of applying his expertise to projects that focus on sustainability, social improvement, and\/or positive technological advancements.<\/p>\n                  <p>\n                    <br>\n                  <\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div data-colibri-id=\"81-c75\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-338 style-local-81-c75 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-339-outer style-local-81-c76-outer\">\n          <div data-colibri-id=\"81-c76\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-339 style-local-81-c76 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-id=\"81-c77\" class=\"h-x-container style-336 style-local-81-c77 position-relative h-element\">\n                <!---->\n                <div class=\"h-x-container-inner style-dynamic-81-c77-group style-336-spacing style-local-81-c77-spacing\"><span class=\"h-button__outer style-337-outer style-local-81-c78-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/3dfortify.com\/compass\/\"  data-colibri-id=\"81-c78\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-337 style-local-81-c78 position-relative\"><!----><!----> <span>Check out Fortify<\/span><\/a>\n                  <\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<div data-colibri-component=\"section\" data-colibri-id=\"81-c79\" id=\"team\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-340 style-local-81-c79 position-relative\">\n  <!---->\n  <!---->\n  <div class=\"h-section-grid-container h-section-boxed-container\">\n    <!---->\n    <div data-colibri-id=\"81-c80\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-341 style-local-81-c80 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-342-outer style-local-81-c81-outer\">\n          <div data-colibri-id=\"81-c81\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-342 style-local-81-c81 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-component=\"slider\" data-colibri-id=\"81-c82\" class=\"h-slider d-flex style-343 style-local-81-c82 position-relative\">\n                <!---->\n                <div class=\"swiper-container h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 h-overflow-hidden\">\n                  <div class=\"swiper-wrapper h-row justify-content-lg-start justify-content-md-start justify-content-start align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n                    <div data-colibri-component=\"link\" data-href=\"\" class=\"h-slider-item swiper-slide h-column h-column-container d-flex h-col-auto style-344-outer style-local-81-c83-outer\">\n                      <div data-colibri-id=\"81-c83\" class=\"w-100 h-swiper-item__inner d-flex h-flex-basis h-HopSliderItem__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-343-images style-local-81-c82-images style-344 style-local-81-c83 position-relative\">\n                        <!---->\n                        <div class=\"w-100 h-100 d-flex justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-center align-items-md-center align-items-center\">\n                          <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start h-slider-item-content-wrapper\">\n                            <!---->\n                            <div data-colibri-id=\"81-c84\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-2 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-2 style-345 style-local-81-c84 position-relative\">\n                              <!---->\n                              <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-2 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-2\">\n                                <!---->\n                                <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-346-outer style-local-81-c85-outer\">\n                                  <div data-colibri-id=\"81-c85\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-346 style-local-81-c85 position-relative\">\n                                    <!---->\n                                    <!---->\n                                    <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                                      <!---->\n                                    <\/div>\n                                  <\/div>\n                                <\/div>\n                                <div class=\"h-column h-column-container d-flex h-col-lg h-col-md h-col-auto style-347-outer style-local-81-c86-outer\">\n                                  <div data-colibri-id=\"81-c86\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-347 style-local-81-c86 position-relative\">\n                                    <!---->\n                                    <!---->\n                                    <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                                      <!---->\n                                      <div data-colibri-id=\"81-c87\" class=\"h-row-container gutters-row-lg-3 gutters-row-md-3 gutters-row-2 gutters-row-v-lg-3 gutters-row-v-md-0 gutters-row-v-2 style-348 style-local-81-c87 position-relative\">\n                                        <!---->\n                                        <div class=\"h-row justify-content-lg-start justify-content-md-start justify-content-start align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-3 gutters-col-md-3 gutters-col-2 gutters-col-v-lg-3 gutters-col-v-md-0 gutters-col-v-2\">\n                                          <!---->\n                                          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-349-outer style-local-81-c88-outer\">\n                                            <div data-colibri-id=\"81-c88\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-2 v-inner-lg-0 v-inner-md-0 v-inner-2 style-349 style-local-81-c88 position-relative\">\n                                              <!---->\n                                              <!---->\n                                              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n                                                <!---->\n                                                <div data-colibri-id=\"81-c89\" class=\"h-global-transition-all h-heading style-304 style-local-81-c89 position-relative h-element\">\n                                                  <!---->\n                                                  <div class=\"h-heading__outer style-304 style-local-81-c89\">\n                                                    <!---->\n                                                    <!---->\n                                                    <h3 class=\"\">Dan Shores<\/h3>\n                                                  <\/div>\n                                                <\/div>\n                                                <div data-colibri-id=\"81-c90\" class=\"style-352 style-local-81-c90 position-relative h-element\">\n                                                  <!---->\n                                                  <div class=\"d-flex flex-wrap h-social-icons justify-content-lg-center justify-content-md-center justify-content-center\">\n                                                    <div class=\"social-icon-container d-inline-flex\">\n                                                      <a href=\"https:\/\/www.linkedin.com\/in\/dan-shores-7525b159\/\" h-use-smooth-scroll=\"true\">\n                                                        <div class=\"icon-container h-social-icon h-global-transition\">\n                                                          <div class=\"h-icon-svg\" style=\"width: 100%; height: 100%;\">\n                                                            <!--Icon by Socicon (http:\/\/www.socicon.com)-->\n                                                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1500 1500\">\n\n                                                              <path d=\"M1122.070 767.578c-20.508-23.438-55.664-35.156-105.469-35.156-64.453 0-108.398 20.508-134.766 55.664-26.367 38.086-38.086 90.82-38.086 158.203v512.695c0 8.789-2.93 17.578-11.719 26.367-5.859 5.859-17.578 11.719-26.367 11.719h-269.531c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-946.289c0-8.789 5.859-17.578 11.719-26.367 8.789-5.859 17.578-11.719 26.367-11.719h260.742c8.789 0 17.578 2.93 23.438 5.859s8.789 11.719 11.719 20.508c0 8.789 2.93 17.578 2.93 20.508s0 11.719 0 23.438c67.383-64.453 158.203-93.75 266.602-93.75 125.977 0 222.656 29.297 292.969 90.82 70.313 64.453 105.469 155.273 105.469 278.32v638.672c0 8.789-2.93 17.578-11.719 26.367-5.859 5.859-17.578 11.719-26.367 11.719h-275.391c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-577.148c0-49.805-8.789-87.891-26.367-114.258zM310.547 313.477c-35.156 35.156-79.102 52.734-128.906 52.734s-93.75-17.578-128.906-52.734c-35.156-35.156-52.734-76.172-52.734-128.906 0-49.805 17.578-90.82 52.734-125.977s79.102-55.664 128.906-55.664c49.805 0 93.75 20.508 128.906 55.664s52.734 76.172 52.734 125.977c0 52.734-17.578 93.75-52.734 128.906zM354.492 512.695v946.289c0 8.789-5.859 17.578-11.719 26.367-8.789 5.859-17.578 11.719-26.367 11.719h-269.531c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-946.289c0-8.789 5.859-17.578 11.719-26.367 8.789-5.859 17.578-11.719 26.367-11.719h269.531c8.789 0 17.578 5.859 26.367 11.719 5.859 8.789 11.719 17.578 11.719 26.367z\"><\/path>\n                                                            <\/svg>\n                                                          <\/div>\n                                                        <\/div>\n                                                      <\/a>\n                                                    <\/div>\n                                                    <div class=\"social-icon-container d-inline-flex\">\n                                                      <a href=\"https:\/\/github.com\/dansh0\" h-use-smooth-scroll=\"true\">\n                                                        <div class=\"icon-container h-social-icon h-global-transition\">\n                                                          <div class=\"h-icon-svg\" style=\"width: 100%; height: 100%;\">\n                                                            <!--Icon by Socicon (http:\/\/www.socicon.com)-->\n                                                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1500 1500\">\n\n                                                              <path d=\"M1417.969 521.484c0-105.469-35.156-193.359-99.609-260.742 11.719-23.438 43.945-123.047-8.789-257.813 0 0-82.031-26.367-266.602 99.609-79.102-20.508-161.133-32.227-246.094-32.227-82.031 0-164.063 11.719-243.164 32.227-187.5-125.977-266.602-99.609-266.602-99.609-55.664 134.766-20.508 234.375-11.719 257.813-61.523 67.383-99.609 155.273-99.609 260.742 0 375 228.516 457.031 445.313 483.398-29.297 23.438-55.664 67.383-64.453 128.906-55.664 26.367-196.289 67.383-281.25-82.031 0 0-52.734-90.82-149.414-99.609 0 0-96.68 0-8.789 58.594 0 0 64.453 32.227 108.398 143.555 0 0 58.594 172.852 328.125 114.258 2.93 82.031 2.93 208.008 2.93 231.445h483.398c0-32.227 0-187.5 0-316.406 0-90.82-29.297-149.414-64.453-181.641 216.797-23.438 442.383-105.469 442.383-480.469zM193.359 999.023c-2.93 2.93-11.719 5.859-17.578 2.93s-11.719-11.719-8.789-14.648c2.93-5.859 8.789-8.789 17.578-2.93 5.859 2.93 8.789 8.789 8.789 14.648zM231.445 1042.969c-2.93 2.93-14.648 0-20.508-5.859s-5.859-14.648-2.93-20.508c5.859-2.93 14.648-2.93 20.508 5.859 5.859 5.859 8.789 14.648 2.93 20.508zM269.531 1098.633c-5.859 2.93-14.648 0-20.508-8.789s-5.859-20.508 0-23.438c5.859-2.93 14.648 0 20.508 8.789s5.859 17.578 0 23.438zM322.266 1151.367c-5.859 5.859-17.578 5.859-23.438-2.93-8.789-8.789-11.719-17.578-5.859-23.438 5.859-8.789 17.578-5.859 23.438 2.93 8.789 5.859 11.719 17.578 5.859 23.438zM395.508 1183.594c-2.93 8.789-14.648 11.719-23.438 8.789-11.719-2.93-20.508-11.719-17.578-20.508s14.648-11.719 26.367-8.789c8.789 2.93 17.578 11.719 14.648 20.508zM454.102 1204.102c-11.719 0-20.508-5.859-20.508-14.648s8.789-14.648 20.508-14.648c11.719 0 20.508 5.859 20.508 14.648s-8.789 14.648-20.508 14.648zM530.273 1195.313c-11.719 2.93-20.508-2.93-23.438-11.719 0-5.859 8.789-14.648 20.508-17.578s20.508 2.93 23.438 11.719c0 5.859-8.789 14.648-20.508 17.578z\"><\/path>\n                                                            <\/svg>\n                                                          <\/div>\n                                                        <\/div>\n                                                      <\/a>\n                                                    <\/div>\n                                                    <div class=\"social-icon-container d-inline-flex\">\n                                                      <a href=\"https:\/\/www.upwork.com\/freelancers\/~01e25f4a526345bbe1\" h-use-smooth-scroll=\"true\">\n                                                        <div class=\"icon-container h-social-icon h-global-transition\">\n                                                          <div class=\"h-icon-svg\" style=\"width: 100%; height: 100%;\">\n                                                            <!--Icon by Socicon (http:\/\/www.socicon.com)-->\n                                                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1500 1500\">\n\n                                                              <path d=\"M1159.5 313.5c-159 0-282 103.5-331.5 273-76.5-114-135-252-168-369h-171v444c0 87-72 159-159 159s-159-72-159-159v-442.5h-171v444c0 181.5 148.5 331.5 330 331.5s330-150 330-331.5v-75c33 69 73.5 139.5 123 201l-105 492h175.5l76.5-355.5c66 42 142.5 69 231 69 187.5 0 340.5-153 340.5-340.5-1.5-187.5-154.5-340.5-342-340.5zM1159.5 822c-69 0-133.5-28.5-192-76.5l15-67.5v-3c13.5-72 52.5-190.5 177-190.5 93 0 169.5 76.5 169.5 169.5s-75 168-169.5 168z\"><\/path>\n                                                            <\/svg>\n                                                          <\/div>\n                                                        <\/div>\n                                                      <\/a>\n                                                    <\/div>\n                                                    <div class=\"social-icon-container d-inline-flex\">\n                                                      <a href=\"https:\/\/www.forbes.com\/sites\/amyfeldman\/2019\/12\/03\/30-under-30-manufacturing-2020-meet-the-young-entrepreneurs-building-the-future\/?sh=175360bf2229\" h-use-smooth-scroll=\"true\">\n                                                        <div class=\"icon-container h-social-icon h-global-transition\">\n                                                          <div class=\"h-icon-svg\" style=\"width: 100%; height: 100%;\">\n                                                            <!--Icon by Ionicons (https:\/\/ionicons.com)-->\n                                                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"link\" viewBox=\"0 0 384 512\">\n                                                              <path d=\"M192 208zm112-48c44 0 80 36 80 80v32c0 44-36 80-80 80H192c-33 0-60-20-73-48-4-10-7-20-7-32v-32h48v32c0 18 14 32 32 32h112c18 0 32-14 32-32v-32c0-18-14-32-32-32h-16c-6-31-32-48-32-48h48zm-38 48c4 10 6 21 6 32v32h-48v-32c0-18-14-32-32-32H80c-18 0-32 14-32 32v32c0 18 14 32 32 32h16c6 31 32 48 32 48H80c-44 0-80-36-80-80v-32c0-44 36-80 80-80h112c33 0 62 20 74 48z\"><\/path>\n                                                            <\/svg>\n                                                          <\/div>\n                                                        <\/div>\n                                                      <\/a>\n                                                    <\/div>\n                                                  <\/div>\n                                                <\/div>\n                                              <\/div>\n                                            <\/div>\n                                          <\/div>\n                                          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-353-outer style-local-81-c91-outer\">\n                                            <div data-colibri-id=\"81-c91\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-353 style-local-81-c91 position-relative\">\n                                              <!---->\n                                              <!---->\n                                              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                                                <!---->\n                                                <div data-colibri-id=\"81-c92\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-2 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-2 style-354 style-local-81-c92 position-relative\">\n                                                  <!---->\n                                                  <div class=\"h-row justify-content-lg-start justify-content-md-start justify-content-start align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-2 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-2\">\n                                                    <!---->\n                                                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-355-outer style-local-81-c93-outer\">\n                                                      <div data-colibri-id=\"81-c93\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-3 v-inner-0 style-355 style-local-81-c93 position-relative\">\n                                                        <!---->\n                                                        <!---->\n                                                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-auto align-self-lg-start align-self-md-start align-self-start\">\n                                                          <!---->\n                                                          <div data-colibri-id=\"81-c94\" class=\"h-text h-text-component style-357 style-local-81-c94 position-relative h-element\">\n                                                            <!---->\n                                                            <!---->\n                                                            <div class=\"\">\n                                                              <p>Dan is a Software Engineer from the Boston area where he received his master&#8217;s degree in Mechanical Engineering and co-founded the successful startup Fortify. He was selected with his co-founders\n                                                                for the 2020 Forbes 30-under-30 Manufacturing &amp; Industry list.\n                                                                <br>\n                                                              <\/p>\n                                                            <\/div>\n                                                          <\/div>\n                                                          <div data-colibri-id=\"81-c95\" class=\"h-text h-text-component style-358 style-local-81-c95 position-relative h-element\">\n                                                            <!---->\n                                                            <!---->\n                                                            <div class=\"\">\n                                                              <p>Outside of programming, Dan enjoys traveling with his wife, skiing, canoe camping, cats, and learning new genres of music.\n                                                                <br>\n                                                              <\/p>\n                                                            <\/div>\n                                                          <\/div>\n                                                        <\/div>\n                                                      <\/div>\n                                                    <\/div>\n                                                  <\/div>\n                                                <\/div>\n                                              <\/div>\n                                            <\/div>\n                                          <\/div>\n                                        <\/div>\n                                      <\/div>\n                                    <\/div>\n                                  <\/div>\n                                <\/div>\n                              <\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                  <div class=\"resize-triggers\">\n                    <div class=\"expand-trigger\">\n                      <div style=\"width: 1px; height: 1px;\"><\/div>\n                    <\/div>\n                    <div class=\"contract-trigger\"><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<div data-colibri-component=\"section\" data-colibri-id=\"81-c101\" id=\"custom\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-403 style-local-81-c101 h-hide-sm position-relative\">\n  <!---->\n  <!---->\n  <div class=\"h-section-grid-container h-section-boxed-container\">\n    <!---->\n    <div data-colibri-id=\"81-c102\" class=\"h-row-container gutters-row-lg-3 gutters-row-md-3 gutters-row-0 gutters-row-v-lg-3 gutters-row-v-md-3 gutters-row-v-3 style-404 style-local-81-c102 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-3 gutters-col-md-3 gutters-col-0 gutters-col-v-lg-3 gutters-col-v-md-3 gutters-col-v-3\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-2 h-col-md-2 h-col-12 style-405-outer style-local-81-c103-outer\">\n          <div data-colibri-id=\"81-c103\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-405 style-local-81-c103 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-id=\"81-c104\" class=\"d-block style-410 style-local-81-c104 h-hide-sm position-relative h-element\">\n                <!---->\n                <div class=\"h-image__frame-container-outer\">\n                  <div class=\"h-image__frame-container\">\n                    <!---->\n                    <!---->\n                    <img loading=\"lazy\" decoding=\"async\" width=\"225\" height=\"225\" src=\"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/electron-1.png\" class=\"wp-image-583 style-410-image style-local-81-c104-image\" alt=\"\" srcset=\"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/electron-1.png 225w, https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/electron-1-150x150.png 150w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/>\n                    <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-410-frameImage style-local-81-c104-frameImage\"><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-column h-column-container d-flex h-col-lg-2 h-col-md-2 h-col-12 style-406-outer style-local-81-c105-outer\">\n          <div data-colibri-id=\"81-c105\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-406 style-local-81-c105 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-id=\"81-c106\" class=\"d-block style-411 style-local-81-c106 h-hide-sm position-relative h-element\">\n                <!---->\n                <div class=\"h-image__frame-container-outer\">\n                  <div class=\"h-image__frame-container\">\n                    <!---->\n                    <!---->\n                    <img loading=\"lazy\" decoding=\"async\" width=\"176\" height=\"176\" src=\"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/channels4_profile.jpg\" class=\"wp-image-577 style-411-image style-local-81-c106-image\" alt=\"\" srcset=\"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/channels4_profile.jpg 176w, https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/channels4_profile-150x150.jpg 150w\" sizes=\"(max-width: 176px) 100vw, 176px\" \/>\n                    <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-411-frameImage style-local-81-c106-frameImage\"><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-column h-column-container d-flex h-col-lg-2 h-col-md-2 h-col-12 style-407-outer style-local-81-c107-outer\">\n          <div data-colibri-id=\"81-c107\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-407 style-local-81-c107 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-id=\"81-c108\" class=\"d-block style-412 style-local-81-c108 position-relative h-element\">\n                <!---->\n                <div class=\"h-image__frame-container-outer\">\n                  <a href=\"https:\/\/www.forbes.com\/sites\/amyfeldman\/2019\/12\/03\/30-under-30-manufacturing-2020-meet-the-young-entrepreneurs-building-the-future\/?sh=175360bf2229\" h-use-smooth-scroll=\"true\" class=\"image-link\">\n                    <div class=\"h-image__frame-container\">\n                      <!---->\n                      <!---->\n                      <img loading=\"lazy\" decoding=\"async\" width=\"225\" height=\"225\" src=\"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/under30.png\" class=\"wp-image-576 style-412-image style-local-81-c108-image\" alt=\"\" srcset=\"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/under30.png 225w, https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/under30-150x150.png 150w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/>\n                      <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-412-frameImage style-local-81-c108-frameImage\"><\/div>\n                    <\/div>\n                  <\/a>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-column h-column-container d-flex h-col-lg-2 h-col-md-2 h-col-12 style-408-outer style-local-81-c109-outer\">\n          <div data-colibri-id=\"81-c109\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-408 style-local-81-c109 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-id=\"81-c110\" class=\"d-block style-413 style-local-81-c110 h-hide-sm position-relative h-element\">\n                <!---->\n                <div class=\"h-image__frame-container-outer\">\n                  <div class=\"h-image__frame-container\">\n                    <!---->\n                    <!---->\n                    <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/webgl.png\" class=\"wp-image-585 style-413-image style-local-81-c110-image\" alt=\"\" \/>\n                    <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-413-frameImage style-local-81-c110-frameImage\"><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-column h-column-container d-flex h-col-lg-2 h-col-md-2 h-col-12 style-409-outer style-local-81-c111-outer\">\n          <div data-colibri-id=\"81-c111\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-409 style-local-81-c111 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-id=\"81-c112\" class=\"d-block style-414 style-local-81-c112 h-hide-sm position-relative h-element\">\n                <!---->\n                <div class=\"h-image__frame-container-outer\">\n                  <div class=\"h-image__frame-container\">\n                    <!---->\n                    <!---->\n                    <img loading=\"lazy\" decoding=\"async\" width=\"163\" height=\"163\" src=\"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/cloud.png\" class=\"wp-image-584 style-414-image style-local-81-c112-image\" alt=\"\" srcset=\"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/cloud.png 163w, https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/cloud-150x150.png 150w\" sizes=\"(max-width: 163px) 100vw, 163px\" \/>\n                    <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-414-frameImage style-local-81-c112-frameImage\"><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<div data-colibri-component=\"section\" data-colibri-id=\"81-c113\" id=\"contact\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-301 style-local-81-c113 position-relative\">\n  <!---->\n  <!---->\n  <div class=\"h-section-grid-container h-section-boxed-container\">\n    <!---->\n    <div data-colibri-id=\"81-c114\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-302 style-local-81-c114 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-303-outer style-local-81-c115-outer\">\n          <div data-colibri-id=\"81-c115\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-303 style-local-81-c115 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-auto align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-id=\"81-c116\" class=\"h-global-transition-all h-heading style-304 style-local-81-c116 position-relative h-element\">\n                <!---->\n                <div class=\"h-heading__outer style-304 style-local-81-c116\">\n                  <!---->\n                  <!---->\n                  <h3 class=\"\">contact<\/h3>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div data-colibri-id=\"81-c117\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-2 style-305 style-local-81-c117 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-2\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-306-outer style-local-81-c118-outer\">\n          <div data-colibri-id=\"81-c118\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-306 style-local-81-c118 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-id=\"81-c119\" class=\"h-text h-text-component style-447 style-local-81-c119 position-relative h-element\">\n                <!---->\n                <!---->\n                <div class=\"\">\n                  <p>Please contact us if you are interested in Dan&#8217;s software engineering and graphics programming services such as contract projects or consulting hours to advice on a project. We would also love to hear from you even if you don&#8217;t have\n                    a project in mind and just want to say hi!<\/p>\n                <\/div>\n              <\/div>\n              <div data-colibri-id=\"81-c120\" class=\"icon-list d-flex justify-content-lg-center justify-content-md-center justify-content-center style-454 style-local-81-c120 position-relative h-element\">\n                <!---->\n                <ul class=\"ul-list-icon vertical-on-desktop vertical-on-tablet vertical-on-mobile justify-content-lg-center justify-content-md-center justify-content-center\">\n                  <!---->\n                  <li class=\"list-item no-gutters\">\n                    <!---->\n                    <div class=\"list-container-divider d-flex justify-content-lg-center justify-content-md-center justify-content-center first-el-spacer\"><\/div>\n                    <a href=\"mailto:contact@shores.design\" h-use-smooth-scroll=\"true\" class=\"item-link no-gutters\">\n                      <div class=\"d-flex h-col no-gutters align-items-lg-center align-items-md-center align-items-center list-item-text-wrapper\">\n                        <div class=\"d-flex\"><span class=\"h-svg-icon style-454-icon style-local-81-c120-icon\"><!--Icon by Ionicons (https:\/\/ionicons.com)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"android-mail\" viewBox=\"0 0 448 512\"><path d=\"M405 80c23 0 43 20 43 43v266c0 23-20 43-43 43H43c-23 0-43-20-43-43V123c0-23 20-43 43-43h362zm-5 91v-43L224 245 48 128v43l176 117z\"><\/path><\/svg><\/span><\/div>\n                        <span class=\"list-text d-block\"><span>contact@shores.design<\/span><\/span>\n                      <\/div>\n                    <\/a>\n                    <div class=\"list-container-divider d-flex justify-content-lg-center justify-content-md-center justify-content-center\">\n                      <!---->\n                    <\/div>\n                  <\/li>\n                  <li class=\"list-item no-gutters\">\n                    <!---->\n                    <!---->\n                    <a href=\"https:\/\/www.linkedin.com\/in\/dan-shores-7525b159\" h-use-smooth-scroll=\"true\" class=\"item-link no-gutters\">\n                      <div class=\"d-flex h-col no-gutters align-items-lg-center align-items-md-center align-items-center list-item-text-wrapper\">\n                        <div class=\"d-flex\"><span class=\"h-svg-icon style-454-icon style-local-81-c120-icon\"><!--Icon by Font Awesome (https:\/\/fontawesome.com)-->\n    <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"linkedin-square\" viewBox=\"0 0 1536 1896.0833\">\n      <path d=\"M237 1414h231V720H237v694zm246-908q-1-52-36-86t-93-34-94.5 34-36.5 86q0 51 35.5 85.5T351 626h1q59 0 95-34.5t36-85.5zm585 908h231v-398q0-154-73-233t-193-79q-136 0-209 117h2V720H595q3 66 0 694h231v-388q0-38 7-56 15-35 45-59.5t74-24.5q116 0 116 157v371zm468-998v960q0 119-84.5 203.5T1248 1664H288q-119 0-203.5-84.5T0 1376V416q0-119 84.5-203.5T288 128h960q119 0 203.5 84.5T1536 416z\"><\/path>\n    <\/svg><\/span><\/div> <span class=\"list-text d-block\"><span>LinkedIn &#8211; Dan Shores<\/span><\/span>\n                      <\/div>\n                    <\/a>\n                    <div class=\"list-container-divider d-flex justify-content-lg-center justify-content-md-center justify-content-center\" style=\"display: none;\">\n                      <!---->\n                    <\/div>\n                    <div class=\"list-container-divider d-flex justify-content-lg-center justify-content-md-center justify-content-center last-el-spacer\"><\/div>\n                  <\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<div data-colibri-component=\"section\" data-colibri-id=\"81-c121\" id=\"blog\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-427 style-local-81-c121 position-relative\">\n  <!---->\n  <!---->\n  <div class=\"h-section-grid-container h-section-boxed-container\">\n    <div data-colibri-id=\"81-c136\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-441 style-local-81-c136 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-442-outer style-local-81-c137-outer\">\n          <div data-colibri-id=\"81-c137\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-442 style-local-81-c137 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-id=\"81-c138\" class=\"h-global-transition-all h-heading style-443 style-local-81-c138 position-relative h-element\">\n                <!---->\n                <div class=\"h-heading__outer style-443 style-local-81-c138\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Blog<\/h2>\n                <\/div>\n              <\/div>\n              <div data-colibri-id=\"81-c139\" class=\"h-text h-text-component style-446 style-local-81-c139 position-relative h-element\">\n                <!---->\n                <!---->\n                <div class=\"\">\n                  <p>Please read our thoughts regarding the world of graphics programming\n                    <br>\n                  <\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div data-colibri-id=\"81-c122\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-428 style-local-81-c122 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-429-outer style-local-81-c123-outer\">\n          <div data-colibri-id=\"81-c123\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-429 style-local-81-c123 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-id=\"81-c124\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 colibri-dynamic-list style-430 style-local-81-c124 position-relative\">\n                <!---->\n                <div data-colibri-component=\"masonry\" class=\"h-row justify-content-lg-start justify-content-md-start justify-content-start align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2 style-430-row style-local-81-c124-row\">\n                  <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-6 h-col-md-6 h-col-12 post-937 post type-post status-publish format-standard has-post-thumbnail hentry category-blog tag-r3f tag-react-three-fiber tag-three-js masonry-item style-431-outer style-local-81-c125-outer\"><div data-colibri-id=\"81-c125\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-431 style-local-81-c125 h-overflow-hidden position-relative\"> <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\"> <div data-href=\"https:\/\/shores.design\/index.php\/2024\/02\/23\/faster-hdri-cubemap-loading-using-lqip-web-workers\/\" data-colibri-component=\"link\" data-colibri-id=\"81-c126\" class=\"colibri-post-thumbnail colibri-post-has-thumbnail colibri-post-thumbnail-has-placeholder style-432 style-local-81-c126 h-overflow-hidden position-relative h-element\"><div class=\"h-global-transition-all colibri-post-thumbnail-shortcode style-dynamic-81-c126-height\">            <a href=\"https:\/\/shores.design\/index.php\/2024\/02\/23\/faster-hdri-cubemap-loading-using-lqip-web-workers\/\" title=\"Faster HDRI Cubemap Loading using LQIP &#038; Web Workers\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1414\" height=\"1077\" src=\"https:\/\/shores.design\/wp-content\/uploads\/2024\/02\/lowRes.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"A low-resolution cubemap HDRI is loaded first for quick first render\" srcset=\"https:\/\/shores.design\/wp-content\/uploads\/2024\/02\/lowRes.png 1414w, https:\/\/shores.design\/wp-content\/uploads\/2024\/02\/lowRes-300x229.png 300w, https:\/\/shores.design\/wp-content\/uploads\/2024\/02\/lowRes-1024x780.png 1024w, https:\/\/shores.design\/wp-content\/uploads\/2024\/02\/lowRes-768x585.png 768w\" sizes=\"(max-width: 1414px) 100vw, 1414px\" \/>            <\/a>\n\t\t\t<\/div> <div class=\"colibri-post-thumbnail-content align-items-lg-center align-items-md-center align-items-center flex-basis-100\"><div class=\"w-100 h-y-container\"> <\/div><\/div><\/div><div data-colibri-id=\"81-c127\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-2 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-433 style-local-81-c127 position-relative\"><div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-2 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\"> <div class=\"h-column h-column-container d-flex h-col-lg h-col-md h-col-auto style-434-outer style-local-81-c128-outer\"><div data-colibri-id=\"81-c128\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-434 style-local-81-c128 position-relative\"> <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\"> <div data-colibri-id=\"81-c129\" class=\"h-blog-title style-436 style-local-81-c129 position-relative h-element\"><div class=\"h-global-transition-all\"><a href=\"https:\/\/shores.design\/index.php\/2024\/02\/23\/faster-hdri-cubemap-loading-using-lqip-web-workers\/\"><h4 class=\"colibri-word-wrap\">Faster HDRI Cubemap Loading using LQIP &#038; Web Workers<\/h4><\/a><\/div><\/div><div data-colibri-id=\"81-c130\" class=\"h-blog-meta style-437 style-local-81-c130 position-relative h-element\"><div class=\"metadata-item\"><span class=\"metadata-prefix\">by<\/span> <a href=\"https:\/\/shores.design\/index.php\/author\/danshores\/\">Dan Shores<\/a> <span class=\"meta-separator\"><\/span><\/div><div class=\"metadata-item\"><span class=\"metadata-prefix\">on<\/span> <a href=\"https:\/\/shores.design\/index.php\/2024\/02\/23\/\">Feb 23<\/a><\/div><\/div><div data-colibri-id=\"81-c131\" class=\"style-438 style-local-81-c131 position-relative h-element\"><div class=\"h-global-transition-all\"><div class=\"colibri-post-excerpt\">Interested in faster HDRI cubemap loading and smoother UX for your web [&hellip;]<\/div><\/div><\/div><div data-colibri-id=\"81-c132\" class=\"h-x-container style-439 style-local-81-c132 position-relative h-element\"><div class=\"h-x-container-inner style-dynamic-81-c132-group\"><span class=\"h-button__outer style-440-outer style-local-81-c133-outer d-inline-flex h-element\"><a href=\"https:\/\/shores.design\/index.php\/2024\/02\/23\/faster-hdri-cubemap-loading-using-lqip-web-workers\/\" data-colibri-id=\"81-c133\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-440 style-local-81-c133 position-relative\"> <span>Read more<\/span> <span class=\"h-svg-icon h-button__icon style-440-icon style-local-81-c133-icon\"><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"arrow-right\" viewBox=\"0 0 512 545.5\"><path d=\"M299.5 140.5l136 136 11 11.5-11 11.5-136 136-23-23L385 304H64v-32h321L276.5 163.5z\"><\/path><\/svg><\/span><\/a><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n      \n      \n        <div class=\"h-column h-column-container d-flex h-col-lg-6 h-col-md-6 h-col-12 post-681 post type-post status-publish format-standard has-post-thumbnail hentry category-blog tag-graphics-programming tag-gyroid tag-implicit tag-mesh tag-octet tag-raymarching tag-sdf tag-three-js tag-webgl masonry-item style-431-outer style-local-81-c125-outer\"><div data-colibri-id=\"81-c125\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-431 style-local-81-c125 h-overflow-hidden position-relative\"> <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\"> <div data-href=\"https:\/\/shores.design\/index.php\/2024\/01\/17\/integration-of-mesh-and-volumetric-shader-sdf\/\" data-colibri-component=\"link\" data-colibri-id=\"81-c126\" class=\"colibri-post-thumbnail colibri-post-has-thumbnail colibri-post-thumbnail-has-placeholder style-432 style-local-81-c126 h-overflow-hidden position-relative h-element\"><div class=\"h-global-transition-all colibri-post-thumbnail-shortcode style-dynamic-81-c126-height\">            <a href=\"https:\/\/shores.design\/index.php\/2024\/01\/17\/integration-of-mesh-and-volumetric-shader-sdf\/\" title=\"Integration of Mesh and Volumetric Shader SDF\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"447\" src=\"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/gyroidTeapot-small.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Complex mesh (teapot) with a gyroid infill. The desired outcome!\" srcset=\"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/gyroidTeapot-small.png 700w, https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/gyroidTeapot-small-300x192.png 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/>            <\/a>\n\t\t\t<\/div> <div class=\"colibri-post-thumbnail-content align-items-lg-center align-items-md-center align-items-center flex-basis-100\"><div class=\"w-100 h-y-container\"> <\/div><\/div><\/div><div data-colibri-id=\"81-c127\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-2 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-433 style-local-81-c127 position-relative\"><div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-2 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\"> <div class=\"h-column h-column-container d-flex h-col-lg h-col-md h-col-auto style-434-outer style-local-81-c128-outer\"><div data-colibri-id=\"81-c128\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-434 style-local-81-c128 position-relative\"> <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\"> <div data-colibri-id=\"81-c129\" class=\"h-blog-title style-436 style-local-81-c129 position-relative h-element\"><div class=\"h-global-transition-all\"><a href=\"https:\/\/shores.design\/index.php\/2024\/01\/17\/integration-of-mesh-and-volumetric-shader-sdf\/\"><h4 class=\"colibri-word-wrap\">Integration of Mesh and Volumetric Shader SDF<\/h4><\/a><\/div><\/div><div data-colibri-id=\"81-c130\" class=\"h-blog-meta style-437 style-local-81-c130 position-relative h-element\"><div class=\"metadata-item\"><span class=\"metadata-prefix\">by<\/span> <a href=\"https:\/\/shores.design\/index.php\/author\/danshores\/\">Dan Shores<\/a> <span class=\"meta-separator\"><\/span><\/div><div class=\"metadata-item\"><span class=\"metadata-prefix\">on<\/span> <a href=\"https:\/\/shores.design\/index.php\/2024\/01\/17\/\">Jan 17<\/a><\/div><\/div><div data-colibri-id=\"81-c131\" class=\"style-438 style-local-81-c131 position-relative h-element\"><div class=\"h-global-transition-all\"><div class=\"colibri-post-excerpt\">Let&#8217;s take a look at a problem I worked on recently trying [&hellip;]<\/div><\/div><\/div><div data-colibri-id=\"81-c132\" class=\"h-x-container style-439 style-local-81-c132 position-relative h-element\"><div class=\"h-x-container-inner style-dynamic-81-c132-group\"><span class=\"h-button__outer style-440-outer style-local-81-c133-outer d-inline-flex h-element\"><a href=\"https:\/\/shores.design\/index.php\/2024\/01\/17\/integration-of-mesh-and-volumetric-shader-sdf\/\" data-colibri-id=\"81-c133\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-440 style-local-81-c133 position-relative\"> <span>Read more<\/span> <span class=\"h-svg-icon h-button__icon style-440-icon style-local-81-c133-icon\"><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"arrow-right\" viewBox=\"0 0 512 545.5\"><path d=\"M299.5 140.5l136 136 11 11.5-11 11.5-136 136-23-23L385 304H64v-32h321L276.5 163.5z\"><\/path><\/svg><\/span><\/a><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n      \n      \n                  <\/div>\n              <\/div>\n              <div data-colibri-id=\"81-c134\" class=\"h-x-container style-444 style-local-81-c134 position-relative h-element\">\n                <!---->\n                <div class=\"h-x-container-inner style-dynamic-81-c134-group style-444-spacing style-local-81-c134-spacing\"><span class=\"h-button__outer style-445-outer style-local-81-c135-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/shores.design\/index.php\/blog\/\"  data-colibri-id=\"81-c135\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-445 style-local-81-c135 position-relative\"><!----><!----> <span>More Posts<\/span><\/a>\n                  <\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Shores Design provides software development and graphics programming services via freelance \/ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/homepage.php","meta":{"footnotes":""},"class_list":["post-81","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Shores Design - Graphics Programming Services<\/title>\n<meta name=\"description\" content=\"Shores Design provides software development and graphics programming services via freelance \/ contract \/ consulting projects\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/shores.design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shores Design - Graphics Programming Services\" \/>\n<meta property=\"og:description\" content=\"Shores Design provides software development and graphics programming services via freelance \/ contract \/ consulting projects\" \/>\n<meta property=\"og:url\" content=\"https:\/\/shores.design\/\" \/>\n<meta property=\"og:site_name\" content=\"Shores Design\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-28T05:46:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/cropped-CompassScreenshot.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/shores.design\/\",\"url\":\"https:\/\/shores.design\/\",\"name\":\"Shores Design - Graphics Programming Services\",\"isPartOf\":{\"@id\":\"https:\/\/shores.design\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/shores.design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/shores.design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/cropped-CompassScreenshot.png\",\"datePublished\":\"2023-12-06T09:24:14+00:00\",\"dateModified\":\"2024-08-28T05:46:16+00:00\",\"description\":\"Shores Design provides software development and graphics programming services via freelance \/ contract \/ consulting projects\",\"breadcrumb\":{\"@id\":\"https:\/\/shores.design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/shores.design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/shores.design\/#primaryimage\",\"url\":\"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/cropped-CompassScreenshot.png\",\"contentUrl\":\"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/cropped-CompassScreenshot.png\",\"width\":1453,\"height\":1329},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/shores.design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/shores.design\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Front Page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/shores.design\/#website\",\"url\":\"https:\/\/shores.design\/\",\"name\":\"Shores Design\",\"description\":\"Graphics, Web, and Desktop Design Services\",\"publisher\":{\"@id\":\"https:\/\/shores.design\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/shores.design\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/shores.design\/#organization\",\"name\":\"Shores Design\",\"url\":\"https:\/\/shores.design\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/shores.design\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/shores.design\/wp-content\/uploads\/2023\/11\/LogoBackwardsWhite.png\",\"contentUrl\":\"https:\/\/shores.design\/wp-content\/uploads\/2023\/11\/LogoBackwardsWhite.png\",\"width\":480,\"height\":480,\"caption\":\"Shores Design\"},\"image\":{\"@id\":\"https:\/\/shores.design\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Shores Design - Graphics Programming Services","description":"Shores Design provides software development and graphics programming services via freelance \/ contract \/ consulting projects","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/shores.design\/","og_locale":"en_US","og_type":"article","og_title":"Shores Design - Graphics Programming Services","og_description":"Shores Design provides software development and graphics programming services via freelance \/ contract \/ consulting projects","og_url":"https:\/\/shores.design\/","og_site_name":"Shores Design","article_modified_time":"2024-08-28T05:46:16+00:00","og_image":[{"url":"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/cropped-CompassScreenshot.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/shores.design\/","url":"https:\/\/shores.design\/","name":"Shores Design - Graphics Programming Services","isPartOf":{"@id":"https:\/\/shores.design\/#website"},"primaryImageOfPage":{"@id":"https:\/\/shores.design\/#primaryimage"},"image":{"@id":"https:\/\/shores.design\/#primaryimage"},"thumbnailUrl":"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/cropped-CompassScreenshot.png","datePublished":"2023-12-06T09:24:14+00:00","dateModified":"2024-08-28T05:46:16+00:00","description":"Shores Design provides software development and graphics programming services via freelance \/ contract \/ consulting projects","breadcrumb":{"@id":"https:\/\/shores.design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/shores.design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/shores.design\/#primaryimage","url":"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/cropped-CompassScreenshot.png","contentUrl":"https:\/\/shores.design\/wp-content\/uploads\/2024\/01\/cropped-CompassScreenshot.png","width":1453,"height":1329},{"@type":"BreadcrumbList","@id":"https:\/\/shores.design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/shores.design\/"},{"@type":"ListItem","position":2,"name":"Front Page"}]},{"@type":"WebSite","@id":"https:\/\/shores.design\/#website","url":"https:\/\/shores.design\/","name":"Shores Design","description":"Graphics, Web, and Desktop Design Services","publisher":{"@id":"https:\/\/shores.design\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/shores.design\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/shores.design\/#organization","name":"Shores Design","url":"https:\/\/shores.design\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/shores.design\/#\/schema\/logo\/image\/","url":"https:\/\/shores.design\/wp-content\/uploads\/2023\/11\/LogoBackwardsWhite.png","contentUrl":"https:\/\/shores.design\/wp-content\/uploads\/2023\/11\/LogoBackwardsWhite.png","width":480,"height":480,"caption":"Shores Design"},"image":{"@id":"https:\/\/shores.design\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/shores.design\/index.php\/wp-json\/wp\/v2\/pages\/81"}],"collection":[{"href":"https:\/\/shores.design\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shores.design\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shores.design\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shores.design\/index.php\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":20,"href":"https:\/\/shores.design\/index.php\/wp-json\/wp\/v2\/pages\/81\/revisions"}],"predecessor-version":[{"id":1071,"href":"https:\/\/shores.design\/index.php\/wp-json\/wp\/v2\/pages\/81\/revisions\/1071"}],"wp:attachment":[{"href":"https:\/\/shores.design\/index.php\/wp-json\/wp\/v2\/media?parent=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}