{"id":13375,"date":"2025-03-11T06:46:01","date_gmt":"2025-03-11T06:46:01","guid":{"rendered":"https:\/\/tylerfreeman.me\/?page_id=13375"},"modified":"2025-12-03T03:37:58","modified_gmt":"2025-12-03T03:37:58","slug":"home-page-main-backup-14-mobile-ok-desktop-broken-copy","status":"publish","type":"page","link":"https:\/\/tylerfreeman.me\/","title":{"rendered":"HOME PAGE &#8211; MAIN"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13375\" class=\"elementor elementor-13375\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3831de3 e-con-full body e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"3831de3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3078455 e-con-full header e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no e-con e-child\" data-id=\"3078455\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b58e9b5 elementor-widget elementor-widget-html\" data-id=\"b58e9b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    html, body {\r\n        margin: 0;\r\n        padding: 0;\r\n        height: 100dvh;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    \/* Header Fade Effect *\/\r\n    .header {\r\n        position: fixed;\r\n        z-index: 1001;\r\n        transition: opacity 0.35s ease-in-out;\r\n    }\r\n    \r\n    .header.hidden {\r\n        opacity: 0;\r\n        pointer-events: none;\r\n    }\r\n    \r\n    .mail {\r\n    cursor: pointer; \/* Changes cursor to the hand icon *\/\r\n    }\r\n\r\n    .menu-container {\r\n        position: relative;\r\n        height: 15vh;\r\n        overflow: hidden;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .menu-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        transform: translateY(0);\r\n        transition: transform 0.4s ease-out;\r\n    }\r\n\r\n    .menu-item {\r\n        height: 5vh;\r\n        display: flex;\r\n        align-items: center;\r\n        padding-left: 10px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .menu-item h3 {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 100%;\r\n        transform-origin: center left;\r\n        transition: transform 0.3s ease, opacity 0.3s ease;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .menu-item.center h3,\r\n    .menu-item:hover h3 {\r\n        transform: scale(1.2);\r\n        font-weight: bold;\r\n        opacity: 1;\r\n    }\r\n    \r\n    .menu-item.disabled {\r\n        pointer-events: none; \/* Prevents taps *\/\r\n    }\r\n\r\n    .menu-item.disabled h3 {\r\n        transform: none !important;\r\n        opacity: 0.7;\r\n    }\r\n    \r\n    .main .content {\r\n        position: absolute; \/* Allow stacking without affecting layout *\/\r\n        width: 100%;\r\n        top: 0; \/* Stack content correctly *\/\r\n        opacity: 0;\r\n        pointer-events: none; \/* Prevent interaction when not visible *\/\r\n        transition: opacity 0.3s ease;\r\n    }\r\n    \r\n    .main .content.visible {\r\n        opacity: 1;\r\n        pointer-events: all; \/* Enable interaction when visible *\/\r\n    }\r\n    \r\n\r\n    .touch-action {\r\n        touch-action: none;\r\n    }\r\n\r\n    \/* Popup Styles *\/\r\n    .popup {\r\n \r\n        position: fixed;\r\n        bottom: -52vh;\r\n        align-items: \r\n        transform: translateX(-50%);\r\n        height: 52vh;\r\n        border-radius: 10px;\r\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\r\n        z-index: 1000;\r\n        transition: bottom 0.3s ease-in-out;\r\n    }\r\n\r\n    .popup.visible {\r\n        bottom: 10vh;\r\n    }\r\n\r\n    .popup-overlay {\r\n        display: none;\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 0, 0.5);\r\n        z-index: 999;\r\n    }\r\n\r\n    .popup-overlay.visible {\r\n        display: block;\r\n    }\r\n\r\n    \/* Breakpoints *\/\r\n    @media (min-width: 1200px) {\r\n        .menu-container {\r\n            overflow: visible;\r\n        }\r\n\r\n    .menu-list {\r\n        transform: none !important;\r\n        transition: none !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const menuList = document.querySelector('.menu-list');\r\n        const menuContainer = document.querySelector('.menu-container');\r\n        const items = Array.from(document.querySelectorAll('.menu-item'));\r\n        const main = document.querySelector('.main');\r\n        const contents = Array.from(main.querySelectorAll('.content'));\r\n        const totalItems = menuList.children.length;  \/\/ Get number of items\r\n        const itemHeight = menuList.children[0].offsetHeight; \/\/ Get height of one item\r\n        const cloneCount = totalItems \/ 3; \/\/ Assuming 3 sets of clones        let translateY = 0;\r\n        let isSwiping = false;\r\n        let initialTouchPosition = 0;\r\n\r\n        const isDesktop = window.matchMedia(\"(min-width: 1200px)\").matches;\r\n\r\n        function showContent(index) {\r\n            contents.forEach((content, i) => {\r\n                if (i === index) {\r\n                    \/\/ Fade in the content\r\n                    content.classList.add('visible');\r\n                } else {\r\n                    \/\/ Fade out the content\r\n                    content.classList.remove('visible');\r\n                }\r\n            });\r\n        }\r\n\r\n\r\n        function hideAllContent() {\r\n            contents.forEach(content => content.classList.remove('visible'));\r\n        }\r\n\r\n        if (isDesktop) {\r\n            items.forEach((item, index) => {\r\n                item.addEventListener('mouseover', () => {\r\n                    showContent(index);\r\n                });\r\n            });\r\n            menuContainer.addEventListener('mouseleave', hideAllContent);\r\n        } else {\r\n            const cloneCount = 2;\r\n            const cloneBefore = items.map(item => item.cloneNode(true));\r\n            const cloneAfter = items.map(item => item.cloneNode(true));\r\n\r\n            cloneBefore.reverse().forEach(clone => menuList.insertBefore(clone, menuList.firstChild));\r\n            cloneAfter.forEach(clone => menuList.appendChild(clone));\r\n\r\n            const middleIndex = totalItems + cloneCount;\r\n            translateY = -(middleIndex * itemHeight) + (menuContainer.offsetHeight \/ 2 - itemHeight \/ 2);\r\n            \r\n            const header = document.querySelector('.header'); \/\/ Select header\r\n            let headerHidden = false; \/\/ Track if header is hidden\r\n\r\n            function hideHeaderOnScroll() {\r\n                if (!headerHidden && header) {\r\n                    header.classList.add('hidden'); \/\/ Apply hidden class\r\n                    headerHidden = true;\r\n                }\r\n            }\r\n\r\n            function applyTransform() {\r\n                menuList.style.transform = `translateY(${translateY}px)`;\r\n            }\r\n\r\n            function updateContent() {\r\n                const centerOffset = menuContainer.offsetHeight \/ 2 - itemHeight \/ 2;\r\n                let activeIndex = Math.abs(Math.round((translateY - centerOffset) \/ itemHeight)) % totalItems;\r\n            \r\n                document.querySelectorAll('.menu-item').forEach((item, i) => {\r\n                    let distance = Math.abs((i % totalItems) - activeIndex);\r\n                    let scale = 1.2 - (Math.min(distance * (5 \/ totalItems), 5) \/ 5) * 0.2;\r\n            \r\n                    item.style.transform = `scale(${scale})`;\r\n                    item.classList.toggle('center', i % totalItems === activeIndex);\r\n            \r\n                    \/\/ \u2705 NEW: Apply .disabled class to top and bottom items\r\n                    const isDisabled = (i % totalItems === (activeIndex + 1) % totalItems) || \r\n                                      (i % totalItems === (activeIndex - 1 + totalItems) % totalItems);\r\n                    item.classList.toggle('disabled', isDisabled);\r\n                });\r\n            \r\n                showContent(activeIndex);\r\n            }\r\n\r\n            function resetPosition() {\r\n                const lowerBound = -(cloneCount + totalItems) * itemHeight;\r\n                const upperBound = -cloneCount * itemHeight;\r\n\r\n                if (translateY <= lowerBound) {\r\n                    translateY += totalItems * itemHeight;\r\n                    menuList.style.transition = 'none';\r\n                } else if (translateY >= upperBound) {\r\n                    translateY -= totalItems * itemHeight;\r\n                    menuList.style.transition = 'none';\r\n                }\r\n\r\n                requestAnimationFrame(updateContent);\r\n            }\r\n\r\n            \/\/ Smooth auto-scroll with seamless bounce\r\n            function autoScrollWithBounce() {\r\n                const centerOffset = menuContainer.offsetHeight \/ 2 - itemHeight \/ 2;\r\n                const targetTranslateY = -(middleIndex * itemHeight) + centerOffset;\r\n\r\n                menuList.style.transition = 'transform 1.2s ease-out';\r\n                menuList.style.transform = `translateY(${targetTranslateY}px)`;\r\n\r\n                bounceEffect(targetTranslateY, 3, 2.5 * itemHeight \/ 5);\r\n            }\r\n\r\n            function bounceEffect(finalPosition, bounces, distance) {\r\n                if (bounces === 0) {\r\n                    menuList.style.transition = 'transform 0.3s ease-out';\r\n                    menuList.style.transform = `translateY(${finalPosition}px)`;\r\n                    return;\r\n                }\r\n\r\n                const bounceTarget = finalPosition + (bounces % 2 === 0 ? distance : -distance);\r\n                menuList.style.transition = `transform ${0.25 + bounces * 0.05}s ease-in-out`;\r\n                menuList.style.transform = `translateY(${bounceTarget}px)`;\r\n\r\n                setTimeout(() => bounceEffect(finalPosition, bounces - 1, distance * 0.6), 250 + bounces * 50);\r\n            }\r\n\r\n            autoScrollWithBounce();\r\n            updateContent();\r\n\r\n            menuContainer.addEventListener('touchstart', (e) => {\r\n                isSwiping = true;\r\n                initialTouchPosition = e.touches[0].clientY;\r\n            });\r\n\r\n            menuContainer.addEventListener('touchmove', (e) => {\r\n                if (!isSwiping) return;\r\n                \r\n                let deltaY = e.touches[0].clientY - initialTouchPosition;\r\n                translateY += deltaY * 0.8;\r\n                applyTransform();\r\n                initialTouchPosition = e.touches[0].clientY;\r\n            \r\n                \/*** \ud83d\udea8 FIX: Prevents breaking the scroll loop on long drags \ud83d\udea8 ***\/\r\n                if (translateY <= -(cloneCount + totalItems) * itemHeight) {\r\n                    translateY += totalItems * itemHeight;\r\n                    menuList.style.transition = 'none'; \/\/ Disable transition for instant correction\r\n                } else if (translateY >= -cloneCount * itemHeight) {\r\n                    translateY -= totalItems * itemHeight;\r\n                    menuList.style.transition = 'none'; \/\/ Disable transition for instant correction\r\n                }\r\n                \/*** \u2705 End of fix ***\/\r\n                hideHeaderOnScroll();\r\n                requestAnimationFrame(updateContent);\r\n            });\r\n                        \r\n            menuContainer.addEventListener('touchend', () => {\r\n                isSwiping = false;\r\n                resetPosition();\r\n                menuList.style.transition = '';  \/\/ Restore transition after snap-back\r\n            });\r\n\r\n            applyTransform();\r\n            autoScrollWithBounce();\r\n            updateContent();\r\n        }\r\n        \/\/ \u2705 Popup script section starts here\r\n        const mailButton = document.querySelector('.mail');\r\n        const closeButton = document.querySelector('.close');\r\n        const popup = document.querySelector('.popup');\r\n        \r\n        \/\/ Create and append the overlay\r\n        const overlay = document.createElement('div');\r\n        overlay.classList.add('popup-overlay');\r\n        document.body.appendChild(overlay);\r\n\r\n        function togglePopup() {\r\n            popup.classList.toggle('visible');\r\n            overlay.classList.toggle('visible');\r\n        }\r\n\r\n        mailButton.addEventListener('click', togglePopup);\r\n        closeButton.addEventListener('click', togglePopup);\r\n        overlay.addEventListener('click', togglePopup);\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c879ea9 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"c879ea9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">TylerFreeman.<span style=\"text-transform: lowercase\">Me<\/span>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9071cfa e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"9071cfa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3bd10e4 e-con-full main e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"3bd10e4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-04c9735 e-con-full content content-1 fade-group fade-group-1 e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"04c9735\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ced9396 elementor-hidden-desktop elementor-widget-mobile__width-initial elementor-absolute elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"ced9396\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<span style=\"font-size: 4rem;\">P<\/span><span style=\"margin-left: -.5rem;\">ublic<\/span> <span style=\"font-size: 4rem;\">A<\/span>ccess\n\n<span style=\"font-size: 4rem;\">Q<\/span>uery <span style=\"font-size: 1rem;\">\u2122 <\/span>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5f668d elementor-hidden-desktop elementor-widget-mobile__width-initial elementor-absolute elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"e5f668d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<span style=\"font-size: 4rem;\">P<\/span><span style=\"margin-left: -.5rem;\">ublic<\/span> <span style=\"font-size: 4rem;\">A<\/span>ccess\n\n<span style=\"font-size: 4rem;\">Q<\/span>uery <span style=\"font-size: 1rem;\">\u2122 <\/span>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fc4c72 elementor-widget-mobile__width-initial elementor-widget__width-initial elementor-hidden-mobile elementor-absolute elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"1fc4c72\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<span style=\"font-size: 5.5rem;\">P<\/span><span style=\"margin-left: -.5rem;\">ublic <\/span><span style=\"font-size: 5.5rem;\">A<\/span>ccess\n<span style=\"font-size: 5.5rem;\">Q<\/span>uery<span style=\"letter-spacing: -1.0rem;\">\u00a0 \u00a0<\/span><span style=\"font-size: 1rem; letter-spacing: 1rem;\">\u2122<\/span>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e5c8fc elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"8e5c8fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">The final assignment in Google\u2019s UX\/UI course <\/br>involved\ndesigning an app for social good. <\/br> I used AI to explore the user's experience.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67e8b7b elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"67e8b7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"825\" height=\"484\" src=\"https:\/\/tylerfreeman.me\/wp-content\/uploads\/2025\/01\/CROWDasset04.png\" class=\"attachment-full size-full wp-image-10274\" alt=\"\" srcset=\"https:\/\/tylerfreeman.me\/wp-content\/uploads\/2025\/01\/CROWDasset04.png 825w, https:\/\/tylerfreeman.me\/wp-content\/uploads\/2025\/01\/CROWDasset04-300x176.png 300w, https:\/\/tylerfreeman.me\/wp-content\/uploads\/2025\/01\/CROWDasset04-768x451.png 768w\" sizes=\"(max-width: 825px) 100vw, 825px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ff7e45 e-con-full content content-2 fade-group fade-group-2 e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"0ff7e45\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-030f828 elementor-widget-mobile__width-inherit elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"030f828\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"291\" height=\"499\" src=\"https:\/\/tylerfreeman.me\/wp-content\/uploads\/2025\/01\/BELLA-LOGO-2.png\" class=\"attachment-full size-full wp-image-10564\" alt=\"\" srcset=\"https:\/\/tylerfreeman.me\/wp-content\/uploads\/2025\/01\/BELLA-LOGO-2.png 291w, https:\/\/tylerfreeman.me\/wp-content\/uploads\/2025\/01\/BELLA-LOGO-2-175x300.png 175w\" sizes=\"(max-width: 291px) 100vw, 291px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-160a3c3 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"160a3c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Extraordinary Embroidery<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2b2ab8 elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"d2b2ab8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">www.belladesignsgr.com<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9124c97 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"9124c97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>I built a website for a local embroidery studio.<br \/>The logo and photos were provided.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-496a971 e-con-full content content-3 fade-group fade-group-3 e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"496a971\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0c2845 elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"b0c2845\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Credentials<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f16c0c elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-absolute elementor-widget elementor-widget-text-editor\" data-id=\"4f16c0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>View my experience.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e7805a e-con-full menu-container touch-action e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"2e7805a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ed2e3ae e-con-full menu-list e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"ed2e3ae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35d071e menu-item trigger trigger1 elementor-widget elementor-widget-heading\" data-id=\"35d071e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/tylerfreeman.me\/index.php\/home\/project1\/\">-01- UX UI Case Study<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc9f2c2 menu-item trigger trigger2 elementor-widget elementor-widget-heading\" data-id=\"cc9f2c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/belladesignsgr.com\/\">-02- Website for Client<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8eea34e menu-item trigger trigger3 elementor-widget elementor-widget-heading\" data-id=\"8eea34e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/tylerfreeman.me\/index.php\/home\/project-3\/\">-03- Credentials<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2139c85 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"2139c85\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-264e50c elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"264e50c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/www.linkedin.com\/in\/tyler-freeman-34785776\/\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b22186b elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"b22186b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/www.behance.net\/greetingstyler\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-behance\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div data-eael_duration=\"{&quot;transitionDuration&quot;:1000}\" data-eael_easing=\"{&quot;transitionEasing&quot;:&quot;ease&quot;}\" data-eael_hover_duration=\"{&quot;transitionDuration&quot;:1000}\" data-eael_hover_easing=\"{&quot;transitionEasing&quot;:&quot;ease&quot;}\" class=\"eael_hover_effect elementor-element elementor-element-b455453 mail elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"b455453\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;eael_hover_effect_general_settings_easing&quot;:&quot;ease&quot;,&quot;eael_hover_effect_general_settings_hover_easing&quot;:&quot;ease&quot;}\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ef6d1e e-con-full e-transform popup e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"4ef6d1e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_skewX_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;animation_mobile&quot;:&quot;slideInUp&quot;,&quot;_transform_skewX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewX_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13cf9e8 elementor-widget-mobile__width-inherit close elementor-widget__width-auto elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"13cf9e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-window-close\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-83.6 290.5c4.8 4.8 4.8 12.6 0 17.4l-40.5 40.5c-4.8 4.8-12.6 4.8-17.4 0L256 313.3l-66.5 67.1c-4.8 4.8-12.6 4.8-17.4 0l-40.5-40.5c-4.8-4.8-4.8-12.6 0-17.4l67.1-66.5-67.1-66.5c-4.8-4.8-4.8-12.6 0-17.4l40.5-40.5c4.8-4.8 12.6-4.8 17.4 0l66.5 67.1 66.5-67.1c4.8-4.8 12.6-4.8 17.4 0l40.5 40.5c4.8 4.8 4.8 12.6 0 17.4L313.3 256l67.1 66.5z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a967a7f elementor-widget__width-initial wpr-step-type-number_text wpr-step-content-layout-vertical wpr-custom-styles-yes elementor-widget elementor-widget-wpr-form-builder\" data-id=\"a967a7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;button_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;success_message&quot;:&quot;Submission successful&quot;,&quot;error_message&quot;:&quot;Submission failed&quot;,&quot;button_width&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;button_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_content_layout&quot;:&quot;vertical&quot;}\" data-widget_type=\"wpr-form-builder.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"wpr-form\" method=\"post\" name=\"contactpopup\" page=\"HOME PAGE - MAIN\" page_id=\"13375\" novalidate>\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"13375\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"a967a7f\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t<div class=\"wpr-step-wrap\"><\/div>\n\t\t\t<div class=\"wpr-form-fields-wrap wpr-labels-above\">\n\t\t\t\t\t\t\t\t\t<div class=\"wpr-form-field-type-text wpr-field-group wpr-column wpr-field-group-name elementor-repeater-item-5837e3c\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"wpr-form-field-label\" data-alt-label=\"Name\">\n\t\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<input size=\"1 \"type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"wpr-form-field  wpr-form-field-textual\">\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"wpr-form-field-type-email wpr-field-group wpr-column wpr-field-group-email elementor-repeater-item-de4168a wpr-form-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"wpr-form-field-label\" data-alt-label=\"Email\">\n\t\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<input size=\"1 \"type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"wpr-form-field  wpr-form-field-textual\" required=\"required\" aria-required=\"true\">\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"wpr-form-field-type-textarea wpr-field-group wpr-column wpr-field-group-message elementor-repeater-item-15c2ff2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"wpr-form-field-label\" data-alt-label=\"Message\">\n\t\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<textarea class=\"wpr-form-field-textual wpr-form-field \" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"10\"><\/textarea>\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"wpr-field-group wpr-stp-btns-wrap wpr-column wpr-form-field-type-submit\" data-actions=\"[&quot;email&quot;]\" data-redirect-url=\"\" data-mailchimp-fields=\"{&quot;email_field&quot;:&quot;&quot;,&quot;first_name_field&quot;:&quot;&quot;,&quot;last_name_field&quot;:&quot;&quot;,&quot;address_field&quot;:&quot;&quot;,&quot;phone_field&quot;:&quot;&quot;,&quot;birthday_field&quot;:&quot;&quot;,&quot;group_id&quot;:&quot;&quot;}\" data-list-id=\"\">\t\t\t<button type=\"submit\" class=\"wpr-button\" id=\"senddd\">\n\t\t\t\t<span >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\t\n\t\t\t\t<div class=\"wpr-double-bounce wpr-loader-hidden\">\n\t\t\t\t\t<div class=\"wpr-child wpr-double-bounce1\"><\/div>\n\t\t\t\t\t<div class=\"wpr-child wpr-double-bounce2\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/button>\n\t\t<\/div>\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/form>\n\t  \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TylerFreeman.Me Public Access Query \u2122 Public Access Query \u2122 Public Access Query\u00a0 \u00a0\u2122 The final assignment in Google\u2019s UX\/UI course involved designing an app for social good. I used AI to explore the user&#8217;s experience. Extraordinary Embroidery www.belladesignsgr.com I built a website for a local embroidery studio.The logo and photos were provided. Credentials View my experience. -01- UX UI Case Study -02- Website for Client -03- Credentials Name Email Message Send<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13375","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tylerfreeman.me\/index.php\/wp-json\/wp\/v2\/pages\/13375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tylerfreeman.me\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tylerfreeman.me\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tylerfreeman.me\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tylerfreeman.me\/index.php\/wp-json\/wp\/v2\/comments?post=13375"}],"version-history":[{"count":2173,"href":"https:\/\/tylerfreeman.me\/index.php\/wp-json\/wp\/v2\/pages\/13375\/revisions"}],"predecessor-version":[{"id":15880,"href":"https:\/\/tylerfreeman.me\/index.php\/wp-json\/wp\/v2\/pages\/13375\/revisions\/15880"}],"wp:attachment":[{"href":"https:\/\/tylerfreeman.me\/index.php\/wp-json\/wp\/v2\/media?parent=13375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}