{"id":10326,"date":"2025-12-25T17:29:27","date_gmt":"2025-12-25T17:29:27","guid":{"rendered":"https:\/\/jacksondavies.me\/?page_id=10326"},"modified":"2025-12-26T08:14:56","modified_gmt":"2025-12-26T08:14:56","slug":"elementor-10326","status":"publish","type":"page","link":"https:\/\/jacksondavies.me\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10326\" class=\"elementor elementor-10326\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f2eede e-flex e-con-boxed e-con e-parent\" data-id=\"7f2eede\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8501a08 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8501a08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\" class=\"scroll-smooth\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Applied AI Researcher | Katalon & UoL<\/title>\n\n    <!-- Fonts: Inter (MIT Clean) & JetBrains Mono (Robot\/Code) -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link\n        href=\"https:\/\/fonts.googleapis.com\/css2?family=JetBrains+Mono:wght@100..800&family=Inter:wght@300;400;600;800&display=swap\"\n        rel=\"stylesheet\">\n\n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n    <!-- Icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        'mit-red': '#A31F34',\n                        'mit-gray': '#8A8B8C',\n                        'tech-black': '#050505',\n                        'tech-panel': '#0F0F11',\n                        'robot-blue': '#E0E0E0',\n                        'hud-cyan': '#00B8D4',\n                    },\n                    fontFamily: {\n                        'sans': ['\"Inter\"', 'sans-serif'],\n                        'mono': ['\"JetBrains Mono\"', 'monospace'],\n                    },\n                    backgroundImage: {\n                        'grid-pattern': \"linear-gradient(to right, #1f1f1f 1px, transparent 1px), linear-gradient(to bottom, #1f1f1f 1px, transparent 1px)\",\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        \/* Custom Scrollbar *\/\n        ::-webkit-scrollbar {\n            width: 6px;\n        }\n\n        ::-webkit-scrollbar-track {\n            background: #050505;\n        }\n\n        ::-webkit-scrollbar-thumb {\n            background: #333;\n            border-radius: 0px;\n        }\n\n        ::-webkit-scrollbar-thumb:hover {\n            background: #A31F34;\n        }\n\n        \/* Tech Grid Background *\/\n        .tech-grid {\n            background-size: 50px 50px;\n            mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);\n            -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 120%;\n            \/* Taller for parallax *\/\n            z-index: 0;\n            pointer-events: none;\n            opacity: 0.3;\n        }\n\n        \/* Robotic HUD Borders *\/\n        .hud-card {\n            position: relative;\n            background: rgba(15, 15, 17, 0.7);\n            backdrop-filter: blur(10px);\n            border: 1px solid #333;\n            transition: all 0.3s ease;\n            overflow: hidden;\n        }\n\n        \/* The Bracket Corners *\/\n        .hud-card::before,\n        .hud-card::after {\n            content: '';\n            position: absolute;\n            width: 10px;\n            height: 10px;\n            border: 1px solid transparent;\n            transition: all 0.3s ease;\n            z-index: 2;\n        }\n\n        .hud-card::before {\n            top: -1px;\n            left: -1px;\n            border-top-color: #555;\n            border-left-color: #555;\n        }\n\n        .hud-card::after {\n            bottom: -1px;\n            right: -1px;\n            border-bottom-color: #555;\n            border-right-color: #555;\n        }\n\n        .hud-card:hover {\n            border-color: #A31F34;\n            transform: translateY(-2px);\n            box-shadow: 0 10px 30px -10px rgba(163, 31, 52, 0.2);\n        }\n\n        .hud-card:hover::before,\n        .hud-card:hover::after {\n            width: 100%;\n            height: 100%;\n            border-color: #A31F34;\n        }\n\n        \/* Scanning Line Animation *\/\n        .scan-line {\n            width: 100%;\n            height: 2px;\n            background: linear-gradient(to right, transparent, #A31F34, transparent);\n            position: absolute;\n            top: 0;\n            left: 0;\n            animation: scan 3s linear infinite;\n            opacity: 0.5;\n            z-index: 1;\n        }\n\n        @keyframes scan {\n            0% {\n                top: 0%;\n                opacity: 0;\n            }\n\n            10% {\n                opacity: 1;\n            }\n\n            90% {\n                opacity: 1;\n            }\n\n            100% {\n                top: 100%;\n                opacity: 0;\n            }\n        }\n\n        \/* Research File Folder Tab *\/\n        .file-tab {\n            clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);\n        }\n    <\/style>\n<\/head>\n\n<body class=\"bg-tech-black text-gray-300 font-sans antialiased overflow-x-hidden\">\n\n    <!-- Parallax Background Grid -->\n    <div id=\"grid-bg\" class=\"tech-grid\"><\/div>\n\n\n\n\n\n    <!-- Right Sidebar Navigation Rail -->\n    <nav class=\"fixed right-8 top-1\/2 -translate-y-1\/2 z-40 hidden md:flex flex-col gap-8 items-end\">\n        <!-- Connecting Line -->\n        <div class=\"absolute top-0 bottom-0 right-[3px] w-px bg-gray-800 -z-10\"><\/div>\n\n        <!-- 01 -->\n        <a href=\"#hypothesis\" class=\"group flex items-center gap-4\">\n            <span\n                class=\"text-[10px] font-mono text-gray-500 opacity-0 -translate-x-4 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300 bg-tech-black px-2 border border-gray-800\">01_HYPOTHESIS<\/span>\n            <div\n                class=\"h-1.5 w-1.5 bg-tech-black border border-gray-600 rotate-45 group-hover:bg-mit-red group-hover:border-mit-red group-hover:scale-150 transition-all duration-300\">\n            <\/div>\n        <\/a>\n\n        <!-- 02 -->\n        <a href=\"#lab-data\" class=\"group flex items-center gap-4\">\n            <span\n                class=\"text-[10px] font-mono text-gray-500 opacity-0 -translate-x-4 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300 bg-tech-black px-2 border border-gray-800\">02_EXP_DATA<\/span>\n            <div\n                class=\"h-1.5 w-1.5 bg-tech-black border border-gray-600 rotate-45 group-hover:bg-mit-red group-hover:border-mit-red group-hover:scale-150 transition-all duration-300\">\n            <\/div>\n        <\/a>\n\n        <!-- 03 -->\n        <a href=\"#institute\" class=\"group flex items-center gap-4\">\n            <span\n                class=\"text-[10px] font-mono text-gray-500 opacity-0 -translate-x-4 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300 bg-tech-black px-2 border border-gray-800\">03_INSTITUTE<\/span>\n            <div\n                class=\"h-1.5 w-1.5 bg-tech-black border border-gray-600 rotate-45 group-hover:bg-mit-red group-hover:border-mit-red group-hover:scale-150 transition-all duration-300\">\n            <\/div>\n        <\/a>\n\n        <!-- 04 -->\n        <a href=\"#research\" class=\"group flex items-center gap-4\">\n            <span\n                class=\"text-[10px] font-mono text-gray-500 opacity-0 -translate-x-4 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300 bg-tech-black px-2 border border-gray-800\">04_LOGS<\/span>\n            <div\n                class=\"h-1.5 w-1.5 bg-tech-black border border-gray-600 rotate-45 group-hover:bg-mit-red group-hover:border-mit-red group-hover:scale-150 transition-all duration-300\">\n            <\/div>\n        <\/a>\n\n        <!-- 05 -->\n        <a href=\"#comms\" class=\"group flex items-center gap-4\">\n            <span\n                class=\"text-[10px] font-mono text-gray-500 opacity-0 -translate-x-4 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300 bg-tech-black px-2 border border-gray-800\">05_COMMS<\/span>\n            <div\n                class=\"h-1.5 w-1.5 bg-tech-black border border-gray-600 rotate-45 group-hover:bg-mit-red group-hover:border-mit-red group-hover:scale-150 transition-all duration-300\">\n            <\/div>\n        <\/a>\n    <\/nav>\n\n    <!-- Hero Section -->\n    <section class=\"relative z-10 min-h-screen flex items-center justify-center pt-16\">\n        <div class=\"max-w-5xl mx-auto px-6 grid md:grid-cols-5 gap-12 items-center\">\n\n            <!-- Text Content -->\n            <div class=\"md:col-span-3 space-y-6\">\n                <div class=\"inline-flex items-center gap-2 border border-mit-red\/30 bg-mit-red\/5 px-3 py-1 rounded-sm\">\n                    <span class=\"w-2 h-2 bg-mit-red rounded-full animate-pulse\"><\/span>\n                    <span class=\"font-mono text-xs text-mit-red tracking-widest\">SYSTEM ONLINE<\/span>\n                <\/div>\n\n                <h1 class=\"text-5xl md:text-7xl font-bold text-white leading-tight tracking-tight\">\n                    Engineering <br>\n                    <span class=\"scramble-text text-transparent bg-clip-text bg-gradient-to-r from-gray-100 to-gray-500\"\n                        data-final=\"Intelligence.\">Intelligence.<\/span>\n                <\/h1>\n\n                <p class=\"text-xl text-gray-400 font-light max-w-lg leading-relaxed border-l-2 border-mit-red pl-6\">\n                    Applied AI Researcher bridging <span class=\"text-white font-medium\">Computer Science<\/span>, <span\n                        class=\"text-white font-medium\">Finance<\/span> & <span\n                        class=\"text-white font-medium\">Economics<\/span>.\n                <\/p>\n\n                <div class=\"space-y-4 pt-4 max-w-lg\">\n                    <!-- Buttons Row -->\n                    <div class=\"grid grid-cols-2 gap-4\">\n                        <a href=\"#research\"\n                            class=\"flex items-center justify-center gap-2 bg-white text-black font-mono font-bold text-sm px-4 py-4 hover:bg-mit-red hover:text-white transition-colors h-full\">\n                            READ LOGS <i class=\"fa-solid fa-arrow-right\"><\/i>\n                        <\/a>\n\n                        <a href=\"#\"\n                            class=\"flex items-center justify-center gap-2 font-mono font-bold text-sm text-gray-400 border border-gray-700 px-4 py-4 hover:border-mit-red hover:text-mit-red transition-all group h-full\">\n                            <i class=\"fa-solid fa-download group-hover:animate-bounce\"><\/i>\n                            DOWNLOAD_CV\n                        <\/a>\n                    <\/div>\n\n                    <!-- Navigation Bar (converted from Skill Bar) -->\n                    <div\n                        class=\"w-full border border-gray-700 bg-tech-panel\/30 px-6 py-4 flex items-center justify-between font-mono text-xs text-gray-400\">\n                        <nav class=\"flex gap-6 w-full justify-start overflow-x-auto no-scrollbar items-center\">\n                            <a href=\"#hypothesis\"\n                                class=\"flex items-center gap-2 hover:text-mit-red transition-colors whitespace-nowrap\">\n                                <span class=\"text-mit-red font-bold\">01<\/span> HYPOTHESIS\n                            <\/a>\n                            <a href=\"#lab-data\"\n                                class=\"flex items-center gap-2 hover:text-mit-red transition-colors whitespace-nowrap\">\n                                <span class=\"text-mit-red font-bold\">02<\/span> DATA\n                            <\/a>\n                            <a href=\"#institute\"\n                                class=\"flex items-center gap-2 hover:text-mit-red transition-colors whitespace-nowrap\">\n                                <span class=\"text-mit-red font-bold\">03<\/span> INSTITUTE\n                            <\/a>\n                            <a href=\"#research\"\n                                class=\"flex items-center gap-2 hover:text-mit-red transition-colors whitespace-nowrap\">\n                                <span class=\"text-mit-red font-bold\">04<\/span> LOGS\n                            <\/a>\n                            <a href=\"#comms\"\n                                class=\"flex items-center gap-2 hover:text-mit-red transition-colors whitespace-nowrap\">\n                                <span class=\"text-mit-red font-bold\">05<\/span> COMMS\n                            <\/a>\n                        <\/nav>\n\n                        <!-- Pulse Indicator -->\n                        <div class=\"w-2 h-4 bg-mit-red\/50 animate-pulse hidden md:block flex-shrink-0 ml-4\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Hero Visual (Abstract Robotic\/MIT Structure) -->\n            <div class=\"md:col-span-2 relative\">\n                <div class=\"hud-card p-6 h-80 flex flex-col justify-between\">\n                    <div class=\"scan-line\"><\/div>\n                    <div class=\"font-mono text-xs text-mit-red mb-2\">\n                        > CURRENT_STATUS: OPERATIONAL<br>\n                        > LOCATION: KATALON LABS<br>\n                        > EDUCATION: UNIVERSITY OF LONDON\n                    <\/div>\n\n                    <!-- Abstract Data Visualization -->\n                    <div class=\"flex gap-1 items-end h-32 mb-4 opacity-50\">\n                        <div class=\"w-4 bg-gray-700 h-[40%] animate-pulse\"><\/div>\n                        <div class=\"w-4 bg-mit-red h-[70%]\"><\/div>\n                        <div class=\"w-4 bg-gray-700 h-[50%]\"><\/div>\n                        <div class=\"w-4 bg-gray-700 h-[30%]\"><\/div>\n                        <div class=\"w-4 bg-white h-[90%]\"><\/div>\n                        <div class=\"w-4 bg-gray-700 h-[60%]\"><\/div>\n                    <\/div>\n\n                    <div class=\"border-t border-gray-700 pt-4 font-mono text-[10px] text-gray-500\">\n                        ID: APPLIED_AI_RESEARCHER<br>\n                        FOCUS: APPLIED_AI_OPTIMIZATION\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Hypothesis \/ About -->\n    <section id=\"hypothesis\" class=\"relative z-10 py-24 bg-tech-panel\/80 border-y border-gray-800\">\n        <div class=\"max-w-6xl mx-auto px-6\">\n            <div class=\"flex items-center justify-between mb-16\">\n                <h2 class=\"scramble-text text-3xl font-bold text-white tracking-tight font-mono\"\n                    data-final=\"01 \/\/ THE HYPOTHESIS\">01 \/\/ THE HYPOTHESIS<\/h2>\n                <div class=\"hidden md:block h-px bg-gray-800 w-1\/2\"><\/div>\n            <\/div>\n\n            <div class=\"grid md:grid-cols-2 gap-16\">\n                <div class=\"font-light text-lg text-gray-400 space-y-6\">\n                    <p>\n                        <strong class=\"text-white\">The problem:<\/strong> Technology often lives in isolation\u2014brilliant\n                        code without business context, financial models without scalable infrastructure.\n                    <\/p>\n                    <p>\n                        <strong class=\"text-white\">My approach:<\/strong> I call it <span\n                            class=\"text-mit-red italic\">\"Fingerspitzengef\u00fchl\"<\/span>\u2014an intuitive feel for both the\n                        technical \"how\" and the economic \"why.\" With dual degrees in <span class=\"text-white\">Computer\n                            Science<\/span> (UoL) and <span class=\"text-white\">Economics & Finance<\/span> (LSE), I build\n                        AI systems that don't just work\u2014they understand why they matter.\n                    <\/p>\n                    <p>\n                        <strong class=\"text-white\">Why automate?<\/strong> \"Why do it the hard way when we can let AI\n                        handle the heavy lifting?\" At <span class=\"text-mit-red\">Katalon<\/span>, I translate this\n                        philosophy into production-ready automation that frees humans for the creative work.\n                    <\/p>\n                <\/div>\n\n                <!-- Robotic Stats Panel -->\n                <div class=\"grid grid-cols-2 gap-4\">\n                    <div\n                        class=\"hud-card p-6 flex flex-col justify-center transform hover:scale-105 transition-transform duration-300\">\n                        <i class=\"fa-solid fa-brain text-2xl text-mit-red mb-4\"><\/i>\n                        <div class=\"text-3xl font-bold text-white font-mono\">LLM<\/div>\n                        <div class=\"text-xs text-gray-500 font-mono mt-1\">AGENTS & AUTOMATION<\/div>\n                    <\/div>\n                    <div\n                        class=\"hud-card p-6 flex flex-col justify-center transform hover:scale-105 transition-transform duration-300\">\n                        <i class=\"fa-solid fa-chart-pie text-2xl text-white mb-4\"><\/i>\n                        <div class=\"text-3xl font-bold text-white font-mono\">QUANT<\/div>\n                        <div class=\"text-xs text-gray-500 font-mono mt-1\">FINANCIAL ANALYSIS<\/div>\n                    <\/div>\n                    <div class=\"hud-card p-6 flex flex-col justify-center col-span-2\">\n                        <div class=\"flex justify-between items-end mb-2\">\n                            <span class=\"font-mono text-xs text-gray-500\">DIGITAL TRANSFORMATION<\/span>\n                            <span class=\"font-mono text-mit-red text-xs\">OPTIMIZED<\/span>\n                        <\/div>\n                        <div class=\"w-full bg-gray-800 h-1 overflow-hidden\">\n                            <div class=\"bg-white h-1 w-[0%] animate-loading-bar\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Experience Data -->\n    <section id=\"lab-data\" class=\"relative z-10 py-24\">\n        <div class=\"max-w-5xl mx-auto px-6\">\n            <div class=\"flex items-center justify-between mb-16\">\n                <h2 class=\"scramble-text text-3xl font-bold text-white tracking-tight font-mono\"\n                    data-final=\"02 \/\/ EXPERIMENTAL DATA\">02 \/\/ EXPERIMENTAL DATA<\/h2>\n                <div class=\"font-mono text-xs text-gray-500\">LOG_ACCESS: GRANTED<\/div>\n            <\/div>\n\n            <div class=\"space-y-8\">\n\n                <!-- Role 1 -->\n                <div class=\"hud-card p-8 group\">\n                    <div\n                        class=\"absolute top-0 right-0 p-4 font-mono text-xs text-mit-red opacity-0 group-hover:opacity-100 transition-opacity\">\n                        STATUS: ACTIVE\n                    <\/div>\n                    <div class=\"flex flex-col md:flex-row md:items-baseline justify-between mb-4\">\n                        <h3 class=\"text-2xl font-bold text-white\">Applied AI Researcher <span\n                                class=\"font-light text-gray-500\">| ITDx<\/span><\/h3>\n                        <span class=\"font-mono text-sm text-mit-red\">JUL 2025 - PRESENT<\/span>\n                    <\/div>\n                    <div class=\"text-sm font-mono text-gray-400 mb-6 uppercase tracking-widest\">Katalon \/\/\n                    <\/div>\n\n                    <ul class=\"space-y-3 text-gray-400 font-light\">\n                        <li class=\"flex items-start gap-3 group-hover:text-white transition-colors\">\n                            <i class=\"fa-solid fa-caret-right text-mit-red mt-1.5 text-xs\"><\/i>\n                            <span>Engineered <strong class=\"text-white\">LLM automation agents<\/strong>, reducing Ops\n                                manual processing time by <strong class=\"text-white\">30%<\/strong>.<\/span>\n                        <\/li>\n                        <li class=\"flex items-start gap-3 group-hover:text-white transition-colors\">\n                            <i class=\"fa-solid fa-caret-right text-mit-red mt-1.5 text-xs\"><\/i>\n                            <span>Conducted <strong class=\"text-white\">Quantitative Analysis<\/strong> on tool\n                                efficiency, driving data-backed licensing consolidation.<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Role 2: SeedWisely Founder -->\n                <div class=\"hud-card p-8 group border-green-500\/30\">\n                    <div\n                        class=\"absolute top-0 right-0 p-4 font-mono text-xs text-green-400 opacity-0 group-hover:opacity-100 transition-opacity\">\n                        STATUS: ACTIVE\n                    <\/div>\n                    <div class=\"flex flex-col md:flex-row md:items-baseline justify-between mb-4\">\n                        <h3 class=\"text-2xl font-bold text-white\">Founder <span class=\"font-light text-gray-500\">|\n                                SeedWisely<\/span><\/h3>\n                        <span class=\"font-mono text-sm text-green-400\">NOV 2025 - PRESENT<\/span>\n                    <\/div>\n                    <div class=\"text-sm font-mono text-gray-400 mb-6 uppercase tracking-widest\">FinTech Startup \/\/\n                    <\/div>\n\n                    <ul class=\"space-y-3 text-gray-400 font-light\">\n                        <li class=\"flex items-start gap-3 group-hover:text-white transition-colors\">\n                            <i class=\"fa-solid fa-caret-right text-green-400 mt-1.5 text-xs\"><\/i>\n                            <span>Architected a <strong class=\"text-white\">multi-platform solution<\/strong> from scratch\n                                using <strong class=\"text-white\">Flutter & Python<\/strong>.<\/span>\n                        <\/li>\n                        <li class=\"flex items-start gap-3 group-hover:text-white transition-colors\">\n                            <i class=\"fa-solid fa-caret-right text-green-400 mt-1.5 text-xs\"><\/i>\n                            <span>Leveraged <strong class=\"text-white\">AI\/Automation<\/strong> to solve daily user pain\n                                points, from concept to live product.<\/span>\n                        <\/li>\n                        <li class=\"flex items-start gap-3 group-hover:text-white transition-colors\">\n                            <i class=\"fa-solid fa-caret-right text-green-400 mt-1.5 text-xs\"><\/i>\n                            <span>Orchestrated a lean, distributed team using <strong class=\"text-white\">async\n                                    workflows<\/strong> for consistent sprint delivery.<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Role 2 -->\n                <div class=\"hud-card p-8 group border-gray-800 bg-transparent\">\n                    <div class=\"flex flex-col md:flex-row md:items-baseline justify-between mb-4\">\n                        <h3 class=\"text-xl font-bold text-gray-300\">IT Operations Engineer<\/h3>\n                        <span class=\"font-mono text-sm text-gray-600\">OCT 2024 - JUL 2025<\/span>\n                    <\/div>\n                    <div class=\"text-sm font-mono text-gray-500 mb-6 uppercase tracking-widest\">Katalon \/\/\n                        Infrastructure<\/div>\n\n                    <ul class=\"space-y-3 text-gray-500 font-light\">\n                        <li class=\"flex items-start gap-3\">\n                            <i class=\"fa-solid fa-caret-right text-gray-700 mt-1.5 text-xs\"><\/i>\n                            <span>Automated device management via Python\/Bash scripts, reducing onboarding latency from\n                                48h to <strong class=\"text-gray-400\">2h<\/strong>.<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Education \/ Institute -->\n    <section id=\"institute\" class=\"relative z-10 py-24 bg-tech-panel\/80 border-y border-gray-800\">\n        <div class=\"max-w-5xl mx-auto px-6\">\n            <div class=\"flex items-center justify-between mb-16\">\n                <h2 class=\"scramble-text text-3xl font-bold text-white tracking-tight font-mono\"\n                    data-final=\"03 \/\/ THE INSTITUTE\">03 \/\/ THE INSTITUTE<\/h2>\n                <div class=\"font-mono text-xs text-gray-500\">ACADEMIC_RECORDS<\/div>\n            <\/div>\n\n            <div class=\"grid md:grid-cols-3 gap-6\">\n                <!-- MIT Sloan Block -->\n                <div class=\"hud-card p-8 border-mit-red\/50\">\n                    <div class=\"flex justify-between items-start mb-6\">\n                        <div\n                            class=\"w-12 h-12 bg-white flex items-center justify-center font-bold text-black text-sm tracking-tighter font-mono\">\n                            MIT<\/div>\n                        <span class=\"font-mono text-xs text-mit-red border border-mit-red px-2 py-1\">DEC 2025<\/span>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-2\">MIT Sloan School of Management<\/h3>\n                    <div class=\"text-gray-400 font-mono text-sm mb-4\">Pre-Master Programme<\/div>\n                    <div class=\"flex flex-wrap gap-2\">\n                        <span class=\"text-xs font-mono bg-mit-red\/10 text-mit-red px-2 py-1\">Data Science<\/span>\n                        <span class=\"text-xs font-mono bg-gray-900 text-gray-400 px-2 py-1\">Finance<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- LSE Block -->\n                <div class=\"hud-card p-8\">\n                    <div class=\"flex justify-between items-start mb-6\">\n                        <div\n                            class=\"w-12 h-12 bg-gray-800 flex items-center justify-center font-bold text-white text-sm font-serif tracking-tight\">\n                            LSE<\/div>\n                        <span class=\"font-mono text-xs text-green-400 border border-green-400\/50 px-2 py-1\">2023<\/span>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-2\">London School of Economics<\/h3>\n                    <div class=\"text-gray-400 font-mono text-sm mb-4\">BSc Economics and Finance<\/div>\n                    <div class=\"flex flex-wrap gap-2\">\n                        <span class=\"text-xs font-mono bg-gray-900 text-gray-400 px-2 py-1\">Macro\/Micro<\/span>\n                        <span class=\"text-xs font-mono bg-gray-900 text-gray-400 px-2 py-1\">Econometrics<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- UoL Block -->\n                <div class=\"hud-card p-8\">\n                    <div class=\"flex justify-between items-start mb-6\">\n                        <div\n                            class=\"w-12 h-12 bg-gray-800 flex items-center justify-center font-bold text-white text-sm font-serif\">\n                            UoL<\/div>\n                        <span class=\"font-mono text-xs text-gray-500 border border-gray-700 px-2 py-1\">2022-2026<\/span>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-2\">University of London<\/h3>\n                    <div class=\"text-gray-400 font-mono text-sm mb-4\">BSc Computer Science<\/div>\n                    <div class=\"flex flex-wrap gap-2\">\n                        <span class=\"text-xs font-mono bg-gray-900 text-gray-400 px-2 py-1\">Algorithms<\/span>\n                        <span class=\"text-xs font-mono bg-gray-900 text-gray-400 px-2 py-1\">Machine Learning<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- NEW SECTION: Research Logs (Blog) -->\n    <section id=\"research\" class=\"relative z-10 py-24\">\n        <div class=\"max-w-6xl mx-auto px-6\">\n            <div class=\"flex items-center justify-between mb-16\">\n                <h2 class=\"scramble-text text-3xl font-bold text-white tracking-tight font-mono\"\n                    data-final=\"04 \/\/ RESEARCH LOGS\">04 \/\/ RESEARCH LOGS<\/h2>\n                <div class=\"flex gap-2 font-mono text-xs\">\n                    <span class=\"text-mit-red\">[ENCRYPTED]<\/span>\n                    <span class=\"text-gray-500\">SORT: DATE_DESC<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"grid md:grid-cols-3 gap-6\">\n\n                <!-- Blog Post 1 -->\n                <article class=\"hud-card group cursor-pointer hover:bg-gray-900\/80 transition-colors\">\n                    <div\n                        class=\"h-32 bg-gradient-to-br from-gray-900 to-black border-b border-gray-800 p-4 relative overflow-hidden\">\n                        <div class=\"absolute top-0 right-0 p-2 font-mono text-[10px] text-gray-500\">\n                            LOG_ID: #8821A\n                        <\/div>\n                        <i\n                            class=\"fa-solid fa-network-wired text-4xl text-gray-800 group-hover:text-mit-red\/50 transition-colors absolute bottom-4 right-4\"><\/i>\n                    <\/div>\n                    <div class=\"p-6\">\n                        <div class=\"flex items-center gap-2 mb-3\">\n                            <span class=\"text-[10px] font-mono bg-mit-red\/10 text-mit-red px-2 py-1\">AI AGENTS<\/span>\n                            <span class=\"text-[10px] font-mono text-gray-500\">OCT 12, 2025<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-mit-red transition-colors\">\n                            Optimizing Context Windows in FinTech LLMs<\/h3>\n                        <p class=\"text-sm text-gray-400 font-light mb-4 line-clamp-3\">\n                            Investigating retrieval-augmented generation (RAG) strategies to handle extensive financial\n                            reports without losing context fidelity.\n                        <\/p>\n                        <span class=\"text-xs font-mono text-white border-b border-mit-red pb-1\">ACCESS_FILE >><\/span>\n                    <\/div>\n                <\/article>\n\n                <!-- Blog Post 2 -->\n                <article class=\"hud-card group cursor-pointer hover:bg-gray-900\/80 transition-colors\">\n                    <div\n                        class=\"h-32 bg-gradient-to-br from-gray-900 to-black border-b border-gray-800 p-4 relative overflow-hidden\">\n                        <div class=\"absolute top-0 right-0 p-2 font-mono text-[10px] text-gray-500\">\n                            LOG_ID: #8822B\n                        <\/div>\n                        <i\n                            class=\"fa-solid fa-chart-line text-4xl text-gray-800 group-hover:text-white\/20 transition-colors absolute bottom-4 right-4\"><\/i>\n                    <\/div>\n                    <div class=\"p-6\">\n                        <div class=\"flex items-center gap-2 mb-3\">\n                            <span\n                                class=\"text-[10px] font-mono bg-blue-900\/20 text-blue-400 px-2 py-1\">ECONOMETRICS<\/span>\n                            <span class=\"text-[10px] font-mono text-gray-500\">SEP 28, 2025<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-blue-400 transition-colors\">The\n                            Alpha in Algorithms<\/h3>\n                        <p class=\"text-sm text-gray-400 font-light mb-4 line-clamp-3\">\n                            A quantitative analysis of market volatility prediction using LSTM networks versus\n                            traditional GARCH models.\n                        <\/p>\n                        <span class=\"text-xs font-mono text-white border-b border-blue-400 pb-1\">ACCESS_FILE >><\/span>\n                    <\/div>\n                <\/article>\n\n                <!-- Blog Post 3 -->\n                <article class=\"hud-card group cursor-pointer hover:bg-gray-900\/80 transition-colors\">\n                    <div\n                        class=\"h-32 bg-gradient-to-br from-gray-900 to-black border-b border-gray-800 p-4 relative overflow-hidden\">\n                        <div class=\"absolute top-0 right-0 p-2 font-mono text-[10px] text-gray-500\">\n                            LOG_ID: #8823C\n                        <\/div>\n                        <i\n                            class=\"fa-solid fa-robot text-4xl text-gray-800 group-hover:text-green-500\/20 transition-colors absolute bottom-4 right-4\"><\/i>\n                    <\/div>\n                    <div class=\"p-6\">\n                        <div class=\"flex items-center gap-2 mb-3\">\n                            <span\n                                class=\"text-[10px] font-mono bg-green-900\/20 text-green-400 px-2 py-1\">AUTOMATION<\/span>\n                            <span class=\"text-[10px] font-mono text-gray-500\">AUG 15, 2025<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-white mb-3 group-hover:text-green-400 transition-colors\">\n                            Building the \"Self-Healing\" IT Infrastructure<\/h3>\n                        <p class=\"text-sm text-gray-400 font-light mb-4 line-clamp-3\">\n                            How I used Python scripts and Jamf webhooks to create an automated remediation loop for 500+\n                            endpoints.\n                        <\/p>\n                        <span class=\"text-xs font-mono text-white border-b border-green-400 pb-1\">ACCESS_FILE >><\/span>\n                    <\/div>\n                <\/article>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer \/ Comms -->\n    <footer id=\"comms\" class=\"relative z-10 py-16 text-center border-t border-gray-800\">\n        <div class=\"max-w-2xl mx-auto px-6\">\n            <h2 class=\"font-mono text-lg text-mit-red mb-6 cursor-blink\">> ESTABLISH_CONNECTION_<\/h2>\n            <p class=\"text-gray-400 mb-8 font-light\">\n                Research inquiries, collaboration proposals, or discussion on the intersection of AI and Finance.\n            <\/p>\n            <a href=\"https:\/\/www.linkedin.com\/in\/jacksonwilliamdavies\/\"\n                class=\"inline-block bg-white text-black font-bold font-mono px-8 py-4 hover:bg-gray-200 transition-colors\">\n                SEND_TRANSMISSION()\n            <\/a>\n\n            <div class=\"mt-12 flex justify-center space-x-8 text-2xl text-gray-600\">\n                <a href=\"https:\/\/www.linkedin.com\/in\/jacksonwilliamdavies\/\"\n                    class=\"hover:text-white transition-colors\"><i class=\"fa-brands fa-linkedin\"><\/i><\/a>\n                <a href=\"#\" class=\"hover:text-white transition-colors\"><i class=\"fa-brands fa-github\"><\/i><\/a>\n            <\/div>\n\n            <div class=\"mt-12 font-mono text-[10px] text-gray-700 uppercase tracking-widest\">\n                System Status: Nominal<br>\n                Design: Jackson William Davies\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ --- 1. TEXT SCRAMBLE ANIMATION ---\n        class TextScramble {\n            constructor(el) {\n                this.el = el;\n                this.chars = '!<>-_\\\\\/[]{}\u2014=+*^?#________';\n                this.update = this.update.bind(this);\n            }\n            setText(newText) {\n                const oldText = this.el.innerText;\n                const length = Math.max(oldText.length, newText.length);\n                const promise = new Promise((resolve) => this.resolve = resolve);\n                this.queue = [];\n                for (let i = 0; i < length; i++) {\n                    const from = oldText[i] || '';\n                    const to = newText[i] || '';\n                    const start = Math.floor(Math.random() * 40);\n                    const end = start + Math.floor(Math.random() * 40);\n                    this.queue.push({ from, to, start, end });\n                }\n                cancelAnimationFrame(this.frameRequest);\n                this.frame = 0;\n                this.update();\n                return promise;\n            }\n            update() {\n                let output = '';\n                let complete = 0;\n                for (let i = 0, n = this.queue.length; i < n; i++) {\n                    let { from, to, start, end, char } = this.queue[i];\n                    if (this.frame >= end) {\n                        complete++;\n                        output += to;\n                    } else if (this.frame >= start) {\n                        if (!char || Math.random() < 0.28) {\n                            char = this.randomChar();\n                            this.queue[i].char = char;\n                        }\n                        output += `<span class=\"text-mit-red\">${char}<\/span>`;\n                    } else {\n                        output += from;\n                    }\n                }\n                this.el.innerHTML = output;\n                if (complete === this.queue.length) {\n                    this.resolve();\n                } else {\n                    this.frameRequest = requestAnimationFrame(this.update);\n                    this.frame++;\n                }\n            }\n            randomChar() {\n                return this.chars[Math.floor(Math.random() * this.chars.length)];\n            }\n        }\n\n        \/\/ --- 2. INTERSECTION OBSERVER FOR SCRAMBLE ---\n        const observerOptions = {\n            root: null,\n            rootMargin: '0px',\n            threshold: 0.1\n        };\n\n        const scrambleObserver = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    const el = entry.target;\n                    \/\/ Only animate if not already animated\n                    if (!el.classList.contains('animated-scramble')) {\n                        const final = el.getAttribute('data-final') || el.innerText;\n                        const fx = new TextScramble(el);\n                        fx.setText(final);\n                        el.classList.add('animated-scramble');\n                    }\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.scramble-text').forEach((el) => {\n            scrambleObserver.observe(el);\n        });\n\n\n        \/\/ --- 3. PARALLAX EFFECT ---\n        window.addEventListener('scroll', () => {\n            const scrolled = window.pageYOffset;\n            const grid = document.getElementById('grid-bg');\n            \/\/ Move grid slower than scroll for depth\n            grid.style.transform = `translateY(${scrolled * 0.4}px)`;\n        });\n\n\n        \/\/ --- 4. STANDARD REVEAL ANIMATION ---\n        const revealObserver = new IntersectionObserver((entries, observer) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('opacity-100', 'translate-y-0');\n                    entry.target.classList.remove('opacity-0', 'translate-y-10');\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('section, .hud-card').forEach((el) => {\n            el.classList.add('transition-all', 'duration-700', 'opacity-0', 'translate-y-10');\n            revealObserver.observe(el);\n        });\n\n        \/\/ --- 5. LOADING BAR ANIMATION ---\n        \/\/ Add specific keyframe for loading bar width\n        const styleSheet = document.createElement(\"style\");\n        styleSheet.innerText = `\n            @keyframes loadWidth {\n                0% { width: 0; }\n                100% { width: 85%; }\n            }\n            .animate-loading-bar {\n                animation: loadWidth 2s ease-out forwards;\n                animation-delay: 0.5s;\n            }\n        `;\n        document.head.appendChild(styleSheet);\n\n    <\/script>\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\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>Applied AI Researcher | Katalon &amp; UoL 01_HYPOTHESIS 02_EXP_DATA 03_INSTITUTE 04_LOGS 05_COMMS SYSTEM ONLINE Engineering Intelligence. Applied AI Researcher bridging Computer Science, Finance &amp; Economics. &lt;!&#8211; Buttons Row &#8211;&gt; &lt;a href=&#8221;#research&#8221; &gt; READ LOGS &lt;\/a&gt; &lt;a href=&#8221;#&#8221; &gt; DOWNLOAD_CV &lt;\/a&gt; &lt;!&#8211; Navigation Bar (converted from Skill Bar) &#8211;&gt; &lt;nav&gt; &lt;a href=&#8221;#hypothesis&#8221; &gt; 01 HYPOTHESIS &lt;\/a&gt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","_crdt_document":"","_uag_custom_page_level_css":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-10326","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"JacksonNguyen","author_link":"https:\/\/jacksondavies.me\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Applied AI Researcher | Katalon &amp; UoL 01_HYPOTHESIS 02_EXP_DATA 03_INSTITUTE 04_LOGS 05_COMMS SYSTEM ONLINE Engineering Intelligence. Applied AI Researcher bridging Computer Science, Finance &amp; Economics. &lt;!-- Buttons Row --&gt; &lt;a href=\"#research\" &gt; READ LOGS &lt;\/a&gt; &lt;a href=\"#\" &gt; DOWNLOAD_CV &lt;\/a&gt; &lt;!-- Navigation Bar (converted from Skill Bar) --&gt; &lt;nav&gt; &lt;a href=\"#hypothesis\" &gt; 01 HYPOTHESIS &lt;\/a&gt;&hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jacksondavies.me\/index.php?rest_route=\/wp\/v2\/pages\/10326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jacksondavies.me\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jacksondavies.me\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jacksondavies.me\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jacksondavies.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10326"}],"version-history":[{"count":5,"href":"https:\/\/jacksondavies.me\/index.php?rest_route=\/wp\/v2\/pages\/10326\/revisions"}],"predecessor-version":[{"id":10352,"href":"https:\/\/jacksondavies.me\/index.php?rest_route=\/wp\/v2\/pages\/10326\/revisions\/10352"}],"wp:attachment":[{"href":"https:\/\/jacksondavies.me\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}