{"id":178,"date":"2025-06-05T20:02:24","date_gmt":"2025-06-06T00:02:24","guid":{"rendered":"https:\/\/mse.ucf.edu\/fms\/?page_id=178"},"modified":"2026-04-13T18:31:44","modified_gmt":"2026-04-13T22:31:44","slug":"research","status":"publish","type":"page","link":"https:\/\/mse.ucf.edu\/fms\/research\/","title":{"rendered":"Research"},"content":{"rendered":"<style>\n    :root {\n        --primary-color: #00f2fe;\n        --secondary-color: #4facfe;\n        --dark-bg: #0a192f;\n        --darker-bg: #020c1b;\n        --text-color: #ccd6f6;\n        --text-muted: #8892b0;\n    }\n    \n    .fms-research {\n        font-family: 'Space Grotesk', sans-serif;\n        background-color: var(--dark-bg);\n        color: var(--text-color);\n        line-height: 1.6;\n        padding-top: 76px;\n        position: relative;\n        overflow-x: hidden;\n        \/* Prevent nested scrolling containers (fixes double scrollbar in WP embeds) *\/\n        height: auto !important;\n        min-height: 0 !important;\n        overflow-y: visible !important;\n    }\n\n    \/* If the theme wraps content in a scroll container, force the research block to participate in the page scroll *\/\n    .entry-content .fms-research,\n    main .fms-research,\n    .site-content .fms-research {\n        height: auto !important;\n        overflow: visible !important;\n    }\n\n    \/* Animated Background *\/\n    .animated-background {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    .floating-orbs {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n    }\n\n    .orb {\n        position: absolute;\n        border-radius: 50%;\n        filter: blur(60px);\n        opacity: 0.08;\n        animation: floatOrb 25s infinite ease-in-out;\n    }\n\n    .orb-1 {\n        width: 400px;\n        height: 400px;\n        background: radial-gradient(circle, var(--primary-color), transparent);\n        top: 10%;\n        left: 10%;\n        animation-delay: 0s;\n    }\n\n    .orb-2 {\n        width: 300px;\n        height: 300px;\n        background: radial-gradient(circle, var(--secondary-color), transparent);\n        top: 60%;\n        right: 15%;\n        animation-delay: -8s;\n    }\n\n    .orb-3 {\n        width: 250px;\n        height: 250px;\n        background: radial-gradient(circle, #64ffda, transparent);\n        bottom: 20%;\n        left: 20%;\n        animation-delay: -16s;\n    }\n\n    .orb-4 {\n        width: 350px;\n        height: 350px;\n        background: radial-gradient(circle, #4facfe, transparent);\n        top: 30%;\n        right: 30%;\n        animation-delay: -12s;\n    }\n\n    #researchParticleCanvas {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0.2;\n    }\n\n    @keyframes floatOrb {\n        0%, 100% {\n            transform: translate(0, 0) scale(1);\n        }\n        25% {\n            transform: translate(15px, -25px) scale(1.1);\n        }\n        50% {\n            transform: translate(-8px, -15px) scale(0.9);\n        }\n        75% {\n            transform: translate(-15px, 8px) scale(1.05);\n        }\n    }\n\n    \/* Container *\/\n    .fms-container {\n        width: 100%;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n\n    \/* Navigation *\/\n    .fms-nav {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        background: rgba(10, 25, 47, 0.95);\n        backdrop-filter: blur(10px);\n        -webkit-backdrop-filter: blur(10px);\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n        z-index: 1000;\n    }\n\n    .fms-nav-container {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 1rem 20px;\n    }\n\n    .fms-brand {\n        font-weight: 700;\n        color: var(--primary-color);\n        font-size: 1.5rem;\n        text-decoration: none;\n    }\n\n    .fms-nav-menu {\n        display: flex;\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n\n    .fms-nav-item {\n        margin-left: 2rem;\n    }\n\n    .fms-nav-link {\n        color: var(--text-color);\n        text-decoration: none;\n        font-weight: 500;\n        position: relative;\n        padding: 0.5rem 0;\n    }\n\n    .fms-nav-link::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 0;\n        height: 2px;\n        background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n        transition: width 0.3s ease;\n    }\n\n    .fms-nav-link:hover::after {\n        width: 100%;\n    }\n\n    .fms-nav-link.active {\n        color: var(--primary-color);\n    }\n\n    \/* Header *\/\n    .fms-header {\n        background: var(--darker-bg);\n        padding: 100px 0 50px;\n        position: relative;\n        overflow: hidden;\n        text-align: center;\n    }\n\n    .fms-header::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: \n            radial-gradient(circle at 20% 20%, rgba(0, 242, 254, 0.1) 0%, transparent 50%),\n            radial-gradient(circle at 80% 80%, rgba(79, 172, 254, 0.1) 0%, transparent 50%);\n    }\n\n    .fms-header h1 {\n        font-size: 3rem;\n        margin-bottom: 1rem;\n    }\n\n    .fms-header p {\n        font-size: 1.25rem;\n        color: var(--text-muted);\n    }\n\n    \/* Grid System *\/\n    .fms-grid {\n        display: grid;\n        grid-template-columns: repeat(12, 1fr);\n        gap: 2rem;\n    }\n\n    .fms-col-4 {\n        grid-column: span 4;\n    }\n\n    .fms-col-6 {\n        grid-column: span 6;\n    }\n\n    .fms-col-12 {\n        grid-column: span 12;\n    }\n\n    @media (max-width: 992px) {\n        .fms-col-4 {\n            grid-column: span 6;\n        }\n        .fms-col-6 {\n            grid-column: span 12;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .fms-col-4 {\n            grid-column: span 12;\n        }\n    }\n\n    \/* Research Cards *\/\n    .fms-section {\n        padding: 80px 0;\n        position: relative;\n        z-index: 1;\n    }\n\n    .fms-section-title {\n        text-align: center;\n        font-size: 2.5rem;\n        margin-bottom: 3rem;\n        position: relative;\n        display: inline-block;\n        background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n        -webkit-background-clip: text;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n\n    .floating-title {\n        animation: floatTitle 6s ease-in-out infinite;\n    }\n\n    .fms-section-title::after {\n        content: '';\n        position: absolute;\n        bottom: -10px;\n        left: 0;\n        width: 100%;\n        height: 2px;\n        background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n        animation: pulseGlow 2s ease-in-out infinite;\n    }\n\n    @keyframes floatTitle {\n        0%, 100% {\n            transform: translateY(0px);\n        }\n        50% {\n            transform: translateY(-5px);\n        }\n    }\n\n    @keyframes pulseGlow {\n        0%, 100% {\n            box-shadow: 0 0 5px var(--primary-color);\n            opacity: 1;\n        }\n        50% {\n            box-shadow: 0 0 20px var(--primary-color);\n            opacity: 0.8;\n        }\n    }\n\n    .fms-card {\n        background: rgba(255, 255, 255, 0.05);\n        border-radius: 15px;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        padding: 2.5rem;\n        height: 100%;\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        backdrop-filter: blur(10px);\n        -webkit-backdrop-filter: blur(10px);\n        position: relative;\n        overflow: hidden;\n    }\n\n    .floating-card {\n        animation: floatCard 8s ease-in-out infinite;\n    }\n\n    .floating-card:nth-child(2) {\n        animation-delay: -2s;\n    }\n\n    .floating-card:nth-child(3) {\n        animation-delay: -4s;\n    }\n\n    .card-glow {\n        position: absolute;\n        top: -2px;\n        left: -2px;\n        right: -2px;\n        bottom: -2px;\n        background: linear-gradient(45deg, var(--primary-color), var(--secondary-color), var(--primary-color));\n        border-radius: 17px;\n        opacity: 0;\n        z-index: -1;\n        transition: opacity 0.3s ease;\n        filter: blur(10px);\n    }\n\n    .fms-card:hover {\n        transform: translateY(-15px) scale(1.02);\n        box-shadow: 0 25px 50px rgba(0, 242, 254, 0.2);\n        border-color: var(--primary-color);\n    }\n\n    .fms-card:hover .card-glow {\n        opacity: 0.3;\n    }\n\n    @keyframes floatCard {\n        0%, 100% {\n            transform: translateY(0px) rotate(0deg);\n        }\n        25% {\n            transform: translateY(-8px) rotate(0.5deg);\n        }\n        50% {\n            transform: translateY(-5px) rotate(0deg);\n        }\n        75% {\n            transform: translateY(-12px) rotate(-0.5deg);\n        }\n    }\n\n    .card-icon-container {\n        position: relative;\n        display: inline-block;\n        margin-bottom: 1.5rem;\n    }\n\n    .fms-card-icon {\n        font-size: 2.5rem;\n        background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n        background-clip: text;\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        transition: all 0.4s ease;\n        position: relative;\n        z-index: 2;\n    }\n\n    .icon-particles {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 100%;\n        height: 100%;\n        transform: translate(-50%, -50%);\n        pointer-events: none;\n        z-index: 1;\n    }\n\n    .fms-card:hover .fms-card-icon {\n        transform: scale(1.2) rotate(10deg);\n        filter: drop-shadow(0 0 10px rgba(0, 242, 254, 0.5));\n    }\n\n    .card-ripple {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 0;\n        height: 0;\n        background: rgba(0, 242, 254, 0.1);\n        border-radius: 50%;\n        transform: translate(-50%, -50%);\n        transition: all 0.6s ease;\n        z-index: 0;\n    }\n\n    .fms-card:hover .card-ripple {\n        width: 300px;\n        height: 300px;\n    }\n\n    \/* Facilities \u2014 editorial rows (not uniform cards) *\/\n    .fms-facilities-section {\n        position: relative;\n    }\n\n    .fms-facilities-stack {\n        position: relative;\n        margin-top: 2.5rem;\n        padding-left: 1.25rem;\n        display: flex;\n        flex-direction: column;\n        gap: 0;\n    }\n\n    .fms-facilities-stack::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        width: 3px;\n        border-radius: 3px;\n        background: linear-gradient(180deg, var(--primary-color), transparent 55%, var(--secondary-color));\n        opacity: 0.4;\n        pointer-events: none;\n    }\n\n    .fms-facility-row {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 1.5rem;\n        align-items: center;\n        padding: 2.25rem 0;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n        text-align: left;\n    }\n\n    .fms-facilities-stack .fms-facility-row:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n    }\n\n    .fms-facilities-stack .fms-facility-row:first-child {\n        padding-top: 0;\n    }\n\n    @media (min-width: 900px) {\n        .fms-facility-row {\n            grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);\n            gap: 2.5rem;\n            padding: 2.75rem 0;\n        }\n\n        .fms-facility-row:nth-child(even) .fms-facility-media {\n            order: 2;\n        }\n\n        .fms-facility-row:nth-child(even) .fms-facility-body {\n            order: 1;\n        }\n    }\n\n    .fms-facility-media {\n        position: relative;\n        border-radius: 14px;\n        overflow: hidden;\n        box-shadow:\n            0 24px 48px rgba(0, 0, 0, 0.35),\n            0 0 0 1px rgba(255, 255, 255, 0.06);\n    }\n\n    .fms-facility-media::after {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(135deg, rgba(0, 242, 254, 0.12) 0%, transparent 42%, transparent 58%, rgba(79, 172, 254, 0.1) 100%);\n        pointer-events: none;\n        opacity: 0.85;\n        transition: opacity 0.35s ease;\n    }\n\n    .fms-facility-row:hover .fms-facility-media::after {\n        opacity: 0.45;\n    }\n\n    .fms-facility-img {\n        display: block;\n        width: 100%;\n        height: auto;\n        aspect-ratio: 4 \/ 3;\n        object-fit: cover;\n    }\n\n    .fms-facility-body {\n        position: relative;\n        padding: 0.25rem 0;\n    }\n\n    .fms-facility-index {\n        display: block;\n        font-size: 0.75rem;\n        font-weight: 700;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n        color: var(--primary-color);\n        margin-bottom: 0.65rem;\n        opacity: 0.9;\n    }\n\n    .fms-facility-body h3 {\n        font-size: clamp(1.35rem, 2.5vw, 1.65rem);\n        font-weight: 700;\n        line-height: 1.25;\n        margin: 0 0 0.85rem;\n        color: var(--text-color);\n    }\n\n    .fms-facility-body p {\n        margin: 0;\n        color: var(--text-muted);\n        font-size: 1.02rem;\n        line-height: 1.75;\n        max-width: 38em;\n    }\n\n    @media (max-width: 899px) {\n        .fms-facility-row .fms-facility-media {\n            order: -1;\n        }\n    }\n\n     \/* Awards Podium *\/\n     .awards-podium {\n         margin: 3rem 0;\n         display: flex;\n         justify-content: center;\n     }\n\n     .podium-container {\n         display: flex;\n         align-items: flex-end;\n         justify-content: center;\n         gap: 1rem;\n         max-width: 800px;\n         width: 100%;\n     }\n\n     .podium-item {\n         flex: 1;\n         display: flex;\n         flex-direction: column;\n         align-items: center;\n         justify-content: flex-end;\n         position: relative;\n     }\n\n     .podium-base {\n         width: 100%;\n         display: flex;\n         flex-direction: column;\n         align-items: center;\n         justify-content: flex-end;\n     }\n\n     .podium-step {\n         width: 100%;\n         background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));\n         border: 1px solid rgba(255, 255, 255, 0.2);\n         border-radius: 10px 10px 0 0;\n         display: flex;\n         flex-direction: column;\n         align-items: center;\n         justify-content: space-evenly;\n         padding: 1.5rem 1rem;\n         position: relative;\n         backdrop-filter: blur(10px);\n         -webkit-backdrop-filter: blur(10px);\n         transition: all 0.3s ease;\n         min-height: 140px;\n     }\n\n     .podium-first .podium-step {\n         background: linear-gradient(135deg, rgba(255, 215, 0, 0.2), rgba(255, 215, 0, 0.1));\n         border-color: rgba(255, 215, 0, 0.3);\n         box-shadow: 0 0 20px rgba(255, 215, 0, 0.2);\n     }\n\n     .podium-second .podium-step {\n         background: linear-gradient(135deg, rgba(192, 192, 192, 0.2), rgba(192, 192, 192, 0.1));\n         border-color: rgba(192, 192, 192, 0.3);\n         box-shadow: 0 0 20px rgba(192, 192, 192, 0.2);\n     }\n\n     .podium-third .podium-step {\n         background: linear-gradient(135deg, rgba(205, 127, 50, 0.2), rgba(205, 127, 50, 0.1));\n         border-color: rgba(205, 127, 50, 0.3);\n         box-shadow: 0 0 20px rgba(205, 127, 50, 0.2);\n     }\n\n     .podium-item:hover .podium-step {\n         transform: translateY(-5px);\n         box-shadow: 0 10px 30px rgba(0, 242, 254, 0.3);\n     }\n\n     .award-icon {\n         font-size: 2rem;\n         margin-bottom: 0.75rem;\n         color: var(--primary-color);\n         display: flex;\n         align-items: center;\n         justify-content: center;\n     }\n\n     .podium-first .award-icon {\n         color: #ffd700;\n     }\n\n     .podium-second .award-icon {\n         color: #c0c0c0;\n     }\n\n     .podium-third .award-icon {\n         color: #cd7f32;\n     }\n\n     .award-info {\n         display: flex;\n         flex-direction: column;\n         align-items: center;\n         justify-content: center;\n         text-align: center;\n         width: 100%;\n     }\n\n     .award-info h4 {\n         font-size: 1.2rem;\n         font-weight: 700;\n         margin: 0 0 0.25rem 0;\n         color: var(--text-color);\n         text-align: center;\n     }\n\n     .award-info p {\n         font-size: 0.9rem;\n         margin: 0;\n         color: var(--text-muted);\n         text-align: center;\n         line-height: 1.3;\n         max-width: 100%;\n         word-wrap: break-word;\n     }\n\n     \/* Professional Organizations *\/\n     .professional-orgs {\n         margin-top: 3rem;\n     }\n\n     .org-grid {\n         display: grid;\n         grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n         gap: 1.5rem;\n         margin-top: 1rem;\n     }\n\n     .org-item {\n         display: flex;\n         align-items: center;\n         gap: 0.75rem;\n         padding: 1rem;\n         background: rgba(255, 255, 255, 0.05);\n         border-radius: 10px;\n         border: 1px solid rgba(255, 255, 255, 0.1);\n         transition: all 0.3s ease;\n     }\n\n     .org-item:hover {\n         background: rgba(255, 255, 255, 0.1);\n         border-color: var(--primary-color);\n         transform: translateY(-2px);\n     }\n\n     .org-item i {\n         font-size: 1.5rem;\n         color: var(--primary-color);\n         min-width: 24px;\n     }\n\n     .org-item span {\n         font-size: 0.95rem;\n         color: var(--text-color);\n     }\n\n     \/* Mobile Responsive *\/\n     @media (max-width: 768px) {\n         .podium-container {\n             flex-direction: column;\n             gap: 1.5rem;\n             align-items: center;\n         }\n\n         .podium-item {\n             width: 100%;\n             max-width: 300px;\n             margin: 0 auto;\n             justify-content: flex-start;\n         }\n\n         .podium-step {\n             height: 140px !important;\n             min-height: 140px;\n             justify-content: space-evenly;\n         }\n\n         .award-info {\n             width: 100%;\n         }\n\n         .award-info p {\n             font-size: 0.85rem;\n         }\n\n         .org-grid {\n             grid-template-columns: 1fr;\n             gap: 1rem;\n         }\n     }\n\n    \/* Footer *\/\n    .fms-footer {\n        background: var(--darker-bg);\n        padding: 40px 0;\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .fms-footer-content {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .fms-social-links {\n        display: flex;\n        gap: 1rem;\n    }\n\n    .fms-social-link {\n        color: var(--text-color);\n        font-size: 1.5rem;\n        transition: color 0.3s ease;\n    }\n\n    .fms-social-link:hover {\n        color: var(--primary-color);\n    }\n\n    \/* Mobile Menu *\/\n    .fms-menu-toggle {\n        display: none;\n        background: none;\n        border: none;\n        color: var(--text-color);\n        font-size: 1.5rem;\n        cursor: pointer;\n    }\n\n    @media (max-width: 768px) {\n        .fms-menu-toggle {\n            display: block;\n        }\n\n        .fms-nav-menu {\n            display: none;\n            position: absolute;\n            top: 100%;\n            left: 0;\n            right: 0;\n            background: var(--dark-bg);\n            flex-direction: column;\n            padding: 1rem;\n        }\n\n        .fms-nav-menu.active {\n            display: flex;\n        }\n\n        .fms-nav-item {\n            margin: 0.5rem 0;\n        }\n    }\n<\/style>\n\n<!-- Add Font Awesome -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/aos@next\/dist\/aos.css\" \/>\n\n<div class=\"fms-research\">\n    <!-- Animated Background -->\n    <div class=\"animated-background\">\n        <div class=\"floating-orbs\">\n            <div class=\"orb orb-1\"><\/div>\n            <div class=\"orb orb-2\"><\/div>\n            <div class=\"orb orb-3\"><\/div>\n            <div class=\"orb orb-4\"><\/div>\n        <\/div>\n        <canvas id=\"researchParticleCanvas\"><\/canvas>\n    <\/div>\n\n    <!-- Research Areas -->\n    <section class=\"fms-section\">\n        <div class=\"fms-container\">\n            <h2 class=\"fms-section-title floating-title\" data-aos=\"fade-up\">Research Areas<\/h2>\n            <div class=\"fms-grid\">\n                <div class=\"fms-col-4\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"fms-card floating-card\">\n                        <div class=\"card-glow\"><\/div>\n                        <div class=\"card-icon-container\">\n                            <i class=\"fas fa-mobile-alt fms-card-icon\"><\/i>\n                            <div class=\"icon-particles\"><\/div>\n                        <\/div>\n                        <h3>Flexible Devices<\/h3>\n                        <p>We study flexible electronic devices built from low-dimensional materials, hybrid structures, and integrated thin-film platforms. This work is aimed at mechanically compliant systems for next-generation electronics and biomedical applications.<\/p>\n                        <div class=\"card-ripple\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"fms-col-4\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div class=\"fms-card floating-card\">\n                        <div class=\"card-glow\"><\/div>\n                        <div class=\"card-icon-container\">\n                            <i class=\"fas fa-microchip fms-card-icon\"><\/i>\n                            <div class=\"icon-particles\"><\/div>\n                        <\/div>\n                        <h3>Semiconductor Material Processing<\/h3>\n                        <p>Our group works on the growth, processing, and integration of semiconductor materials for electronic and optoelectronic devices. This includes thin-film deposition, surface engineering, and fabrication methods for low-dimensional and hybrid systems.<\/p>\n                        <div class=\"card-ripple\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"fms-col-4\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                    <div class=\"fms-card floating-card\">\n                        <div class=\"card-glow\"><\/div>\n                        <div class=\"card-icon-container\">\n                            <i class=\"fas fa-brain fms-card-icon\"><\/i>\n                            <div class=\"icon-particles\"><\/div>\n                        <\/div>\n                        <h3>AI-Assisted Material Characterization<\/h3>\n                        <p>We use data-driven methods to speed up material characterization and analysis. These tools help identify patterns in experimental data, improve measurement workflows, and support faster evaluation of material properties.<\/p>\n                        <div class=\"card-ripple\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Equipment \/ lab capabilities -->\n    <section class=\"fms-section fms-facilities-section\">\n        <div class=\"fms-container\">\n            <h2 class=\"fms-section-title\" data-aos=\"fade-up\">Our Facilities<\/h2>\n            <div class=\"fms-facilities-stack\">\n                <article class=\"fms-facility-row\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"fms-facility-media\">\n                        <img decoding=\"async\" src=\"https:\/\/mse.ucf.edu\/fms\/wp-content\/uploads\/2025\/09\/thumbnail_image1.jpg\" alt=\"Optical characterization setup with lasers and bench instrumentation\" class=\"fms-facility-img\" loading=\"lazy\" width=\"1200\" height=\"900\">\n                    <\/div>\n                    <div class=\"fms-facility-body\">\n                        <span class=\"fms-facility-index\" aria-hidden=\"true\">01<\/span>\n                        <h3>Optics &amp; spectroscopy<\/h3>\n                        <p>Optical tables equipped with lasers, detectors, and microscopy tools for spectroscopy and optical characterization.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"fms-facility-row\" data-aos=\"fade-up\" data-aos-delay=\"125\">\n                    <div class=\"fms-facility-media\">\n                        <img decoding=\"async\" src=\"https:\/\/mse.ucf.edu\/fms\/wp-content\/uploads\/2026\/04\/IMG_20251024_213921-scaled.jpg\" alt=\"Vacuum chamber viewport with internal illumination and sample staging\" class=\"fms-facility-img\" loading=\"lazy\" width=\"1200\" height=\"900\">\n                    <\/div>\n                    <div class=\"fms-facility-body\">\n                        <span class=\"fms-facility-index\" aria-hidden=\"true\">02<\/span>\n                        <h3>High-vacuum &amp; surface science<\/h3>\n                        <p>Vacuum chamber systems for material processing and surface studies, with integrated pumping, gauges, and multi-port access for different experiments.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"fms-facility-row\" data-aos=\"fade-up\" data-aos-delay=\"150\">\n                    <div class=\"fms-facility-media\">\n                        <img decoding=\"async\" src=\"https:\/\/mse.ucf.edu\/fms\/wp-content\/uploads\/2026\/04\/PXL_20260330_193917300-scaled.jpg\" alt=\"Optical table with cryogenic or vacuum chamber, temperature readouts, and instrument rack\" class=\"fms-facility-img\" loading=\"lazy\" width=\"1200\" height=\"900\">\n                    <\/div>\n                    <div class=\"fms-facility-body\">\n                        <span class=\"fms-facility-index\" aria-hidden=\"true\">03<\/span>\n                        <h3>Cryogenic &amp; rack instrumentation<\/h3>\n                        <p>Low-temperature and vacuum-compatible setups paired with rack-mounted electronics for stable, long-duration measurements.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"fms-facility-row\" data-aos=\"fade-up\" data-aos-delay=\"175\">\n                    <div class=\"fms-facility-media\">\n                        <img decoding=\"async\" src=\"https:\/\/mse.ucf.edu\/fms\/wp-content\/uploads\/2026\/04\/PXL_20260330_194244995-scaled.jpg\" alt=\"Optical table with oscilloscopes, laser enclosure, and vacuum plumbing\" class=\"fms-facility-img\" loading=\"lazy\" width=\"1200\" height=\"900\">\n                    <\/div>\n                    <div class=\"fms-facility-body\">\n                        <span class=\"fms-facility-index\" aria-hidden=\"true\">04<\/span>\n                        <h3>Lasers, diagnostics &amp; vacuum lines<\/h3>\n                        <p>Laser systems, measurement electronics, and vacuum lines integrated across the lab for synchronized optical experiments and diagnostics.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"fms-facility-row\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div class=\"fms-facility-media\">\n                        <img decoding=\"async\" src=\"https:\/\/mse.ucf.edu\/fms\/wp-content\/uploads\/2026\/04\/PXL_20260330_193847465-scaled.jpg\" alt=\"Kurt J. Lesker NANO 36 thin-film deposition system with integrated control rack\" class=\"fms-facility-img\" loading=\"lazy\" width=\"1200\" height=\"900\">\n                    <\/div>\n                    <div class=\"fms-facility-body\">\n                        <span class=\"fms-facility-index\" aria-hidden=\"true\">05<\/span>\n                        <h3>Thin-film deposition<\/h3>\n                        <p>Kurt J. Lesker <strong>NANO 36<\/strong> deposition system with an <strong>FTM-2400<\/strong> thickness monitor for controlled thin-film growth and real-time process monitoring.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"fms-facility-row\" data-aos=\"fade-up\" data-aos-delay=\"225\">\n                    <div class=\"fms-facility-media\">\n                        <img decoding=\"async\" src=\"https:\/\/mse.ucf.edu\/fms\/wp-content\/uploads\/2026\/04\/PXL_20260330_194726427-scaled.jpg\" alt=\"Research laboratory with fume hood, optical table, and electronics benches\" class=\"fms-facility-img\" loading=\"lazy\" width=\"1200\" height=\"900\">\n                    <\/div>\n                    <div class=\"fms-facility-body\">\n                        <span class=\"fms-facility-index\" aria-hidden=\"true\">06<\/span>\n                        <h3>Wet chemistry &amp; full lab bay<\/h3>\n                        <p>Lab space with a chemical fume hood, optical tables, and bench equipment for material synthesis, sample preparation, and device work.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"fms-facility-row\" data-aos=\"fade-up\" data-aos-delay=\"250\">\n                    <div class=\"fms-facility-media\">\n                        <img decoding=\"async\" src=\"https:\/\/mse.ucf.edu\/fms\/wp-content\/uploads\/2026\/04\/PXL_20260330_194147118-scaled.jpg\" alt=\"Melles Griot optical table with microscope, Thorlabs controller, and laser hardware\" class=\"fms-facility-img\" loading=\"lazy\" width=\"1200\" height=\"900\">\n                    <\/div>\n                    <div class=\"fms-facility-body\">\n                        <span class=\"fms-facility-index\" aria-hidden=\"true\">07<\/span>\n                        <h3>Microscopy &amp; nanoscale probing<\/h3>\n                        <p>Microscopy and probe-based measurement setups for imaging, alignment, and localized testing of small-scale devices and samples.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"fms-facility-row\" data-aos=\"fade-up\" data-aos-delay=\"275\">\n                    <div class=\"fms-facility-media\">\n                        <img decoding=\"async\" src=\"https:\/\/mse.ucf.edu\/fms\/wp-content\/uploads\/2026\/04\/PXL_20260330_194410395-scaled.jpg\" alt=\"Characterization bench with microscope, RF equipment, and safety signage\" class=\"fms-facility-img\" loading=\"lazy\" width=\"1200\" height=\"900\">\n                    <\/div>\n                    <div class=\"fms-facility-body\">\n                        <span class=\"fms-facility-index\" aria-hidden=\"true\">08<\/span>\n                        <h3>Electrical &amp; RF characterization<\/h3>\n                        <p>Bench-top RF and DC instrumentation for device testing, signal measurement, tuning, and troubleshooting.<\/p>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Current Projects -->\n    <section class=\"fms-section\" style=\"background: var(--darker-bg);\">\n        <div class=\"fms-container\">\n            <h2 class=\"fms-section-title\" data-aos=\"fade-up\">Current Projects<\/h2>\n            <div class=\"fms-grid\">\n                <div class=\"fms-col-12\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"fms-card\" style=\"text-align: center; padding: 4rem 2rem;\">\n                        <i class=\"fas fa-clock fms-card-icon\" style=\"font-size: 4rem; margin-bottom: 2rem;\"><\/i>\n                        <h3>Coming Soon<\/h3>\n                        <p>Information about current research projects will be available soon.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<!-- Add AOS script -->\n<script src=\"https:\/\/unpkg.com\/aos@next\/dist\/aos.js\"><\/script>\n<script>\n    \/\/ Initialize AOS\n    AOS.init({\n        duration: 800,\n        once: true\n    });\n\n    \/\/ Enhanced dynamic interactions\n    function initResearchAnimations() {\n        initParticleSystem();\n        initCardParticles();\n        initScrollAnimations();\n    }\n\n    \/\/ Particle system for background\n    function initParticleSystem() {\n        const canvas = document.getElementById('researchParticleCanvas');\n        if (!canvas) return;\n        \n        const ctx = canvas.getContext('2d');\n        let particles = [];\n\n        function resizeCanvas() {\n            canvas.width = canvas.offsetWidth;\n            canvas.height = canvas.offsetHeight;\n        }\n\n        class Particle {\n            constructor() {\n                this.reset();\n                this.hue = Math.random() * 60 + 180;\n            }\n\n            reset() {\n                this.x = Math.random() * canvas.width;\n                this.y = Math.random() * canvas.height;\n                this.size = Math.random() * 2 + 0.5;\n                this.speedX = Math.random() * 0.3 - 0.15;\n                this.speedY = Math.random() * 0.3 - 0.15;\n                this.opacity = Math.random() * 0.3 + 0.1;\n                this.pulse = Math.random() * Math.PI * 2;\n                this.pulseSpeed = Math.random() * 0.02 + 0.01;\n            }\n\n            update() {\n                this.x += this.speedX;\n                this.y += this.speedY;\n\n                if (this.x < 0 || this.x > canvas.width) this.speedX *= -1;\n                if (this.y < 0 || this.y > canvas.height) this.speedY *= -1;\n\n                this.pulse += this.pulseSpeed;\n                this.currentSize = this.size + Math.sin(this.pulse) * 0.3;\n            }\n\n            draw() {\n                const gradient = ctx.createRadialGradient(\n                    this.x, this.y, 0,\n                    this.x, this.y, this.currentSize * 2\n                );\n                gradient.addColorStop(0, `hsla(${this.hue}, 70%, 60%, ${this.opacity})`);\n                gradient.addColorStop(1, `hsla(${this.hue}, 70%, 60%, 0)`);\n                \n                ctx.beginPath();\n                ctx.arc(this.x, this.y, this.currentSize, 0, Math.PI * 2);\n                ctx.fillStyle = gradient;\n                ctx.fill();\n            }\n        }\n\n        function createParticles() {\n            const particleCount = Math.min(25, Math.floor(canvas.width * canvas.height \/ 30000));\n            particles = [];\n            for (let i = 0; i < particleCount; i++) {\n                particles.push(new Particle());\n            }\n        }\n\n        function animate() {\n            ctx.clearRect(0, 0, canvas.width, canvas.height);\n            particles.forEach(particle => {\n                particle.update();\n                particle.draw();\n            });\n            requestAnimationFrame(animate);\n        }\n\n        resizeCanvas();\n        createParticles();\n        animate();\n\n        window.addEventListener('resize', () => {\n            resizeCanvas();\n            createParticles();\n        });\n    }\n\n    \/\/ Card particle effects\n    function initCardParticles() {\n        const cards = document.querySelectorAll('.fms-card');\n        \n        cards.forEach(card => {\n            const iconContainer = card.querySelector('.card-icon-container');\n            const particles = card.querySelector('.icon-particles');\n            \n            if (!iconContainer || !particles) return;\n\n            card.addEventListener('mouseenter', () => {\n                createIconParticles(particles);\n            });\n        });\n\n        function createIconParticles(container) {\n            for (let i = 0; i < 8; i++) {\n                const particle = document.createElement('div');\n                particle.style.cssText = `\n                    position: absolute;\n                    width: 4px;\n                    height: 4px;\n                    background: var(--primary-color);\n                    border-radius: 50%;\n                    pointer-events: none;\n                    animation: particleFloat 1.2s ease-out forwards;\n                `;\n                \n                const angle = (Math.PI * 2 * Math.random());\n                const distance = 50 + Math.random() * 30;\n                const x = Math.cos(angle) * distance;\n                const y = Math.sin(angle) * distance;\n                \n                particle.style.left = '50%';\n                particle.style.top = '50%';\n                particle.style.transform = `translate(${x}px, ${y}px)`;\n                \n                container.appendChild(particle);\n                \n                setTimeout(() => {\n                    if (particle.parentNode) {\n                        particle.parentNode.removeChild(particle);\n                    }\n                }, 1200);\n            }\n        }\n\n        \/\/ Add particle animation CSS\n        if (!document.querySelector('#research-particle-styles')) {\n            const style = document.createElement('style');\n            style.id = 'research-particle-styles';\n            style.textContent = `\n                @keyframes particleFloat {\n                    0% {\n                        opacity: 1;\n                        transform: translate(var(--x, 0), var(--y, 0)) scale(1);\n                    }\n                    100% {\n                        opacity: 0;\n                        transform: translate(var(--x, 0), var(--y, 0)) scale(0);\n                    }\n                }\n            `;\n            document.head.appendChild(style);\n        }\n    }\n\n    \/\/ Scroll-triggered animations\n    function initScrollAnimations() {\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('animate-in');\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe all animated elements\n        document.querySelectorAll('[data-aos]').forEach(el => {\n            observer.observe(el);\n        });\n    }\n\n    \/\/ Initialize animations when page loads\n    document.addEventListener('DOMContentLoaded', () => {\n        initResearchAnimations();\n    });\n<\/script>\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Research Areas Flexible Devices We study flexible electronic devices built from low-dimensional materials, hybrid structures, and integrated thin-film platforms. This work is aimed at mechanically compliant systems for next-generation electronics and biomedical applications. Semiconductor Material Processing Our group works on the growth, processing, and integration of semiconductor materials for electronic and optoelectronic devices. This includes [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_analysis_target_kw":"","footnotes":""},"class_list":["post-178","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mse.ucf.edu\/fms\/wp-json\/wp\/v2\/pages\/178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mse.ucf.edu\/fms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mse.ucf.edu\/fms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mse.ucf.edu\/fms\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mse.ucf.edu\/fms\/wp-json\/wp\/v2\/comments?post=178"}],"version-history":[{"count":64,"href":"https:\/\/mse.ucf.edu\/fms\/wp-json\/wp\/v2\/pages\/178\/revisions"}],"predecessor-version":[{"id":932,"href":"https:\/\/mse.ucf.edu\/fms\/wp-json\/wp\/v2\/pages\/178\/revisions\/932"}],"wp:attachment":[{"href":"https:\/\/mse.ucf.edu\/fms\/wp-json\/wp\/v2\/media?parent=178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}