Chance Davies Interactive Career Highlights<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@100..900&display=swap\" rel=\"stylesheet\">\n <style>\n \/* --- CUSTOM STYLES & OVERRIDES --- *\/\n .resume-block-container { font-family: 'Inter', sans-serif; background-color: #f3f4f6; }\n .resume-purple-dark { background-color: #6d28d9 !important; }\n .resume-purple-text { color: #6d28d9 !important; }\n .resume-shadow-pop { box-shadow: 8px 8px 0px 0px rgba(109, 40, 217, 0.7) !important; }\n\n \/* --- CUSTOM SNAPPING SLIDER STYLES --- *\/\n .slider-container {\n position: relative;\n width: 100%;\n padding: 20px 0 40px; \/* Extra bottom padding for labels *\/\n }\n .slider-track {\n position: relative;\n width: 100%;\n height: 8px;\n background: #e5e7eb;\n border-radius: 4px;\n cursor: pointer;\n }\n .slider-fill {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n background: #6d28d9;\n border-radius: 4px;\n transition: width 0.3s ease;\n }\n .slider-thumb {\n position: absolute;\n top: 50%;\n width: 24px;\n height: 24px;\n background: #6d28d9;\n border: 4px solid white;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n box-shadow: 0 0 0 2px #6d28d9;\n cursor: grab;\n transition: left 0.3s ease, transform 0.1s ease;\n z-index: 2;\n }\n .slider-thumb:active { cursor: grabbing; transform: translate(-50%, -50%) scale(1.1); }\n .slider-labels {\n position: relative;\n width: 100%;\n display: flex;\n justify-content: space-between;\n margin-top: 12px;\n }\n .slider-label {\n position: absolute;\n transform: translateX(-50%);\n text-align: center;\n font-size: 0.75rem; \/* text-xs *\/\n font-weight: 600; \/* font-semibold *\/\n color: #6b7280; \/* text-gray-500 *\/\n cursor: pointer;\n transition: color 0.2s ease;\n white-space: nowrap; \/* Prevent wrapping *\/\n }\n .slider-label.active { color: #6d28d9; }\n .slider-pip {\n position: absolute;\n top: 50%;\n width: 12px;\n height: 12px;\n background: #e5e7eb;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n z-index: 1;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n .slider-pip.active { background: #6d28d9; }\n\n\n \/* --- LOUPE MAGNIFIER STYLES --- *\/\n .img-magnifier-container { position: relative; display: inline-block; cursor: none; }\n .img-magnifier-glass {\n position: absolute; border: 3px solid #6d28d9; border-radius: 50%; cursor: none;\n width: 150px; height: 150px; display: none; pointer-events: none;\n box-shadow: 0 4px 10px rgba(0,0,0,0.3); z-index: 10; transform: translate(-50%, -50%);\n }\n \/* Utility *\/\n .hidden { display: none !important; }\n \/* Tab Button Styling *\/\n .tab-button.active { background-color: #6d28d9 !important; color: white !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }\n\n \/* --- FLOATING ARROW STYLES --- *\/\n #scrollToBottomArrow {\n position: fixed; bottom: 25px; right: 25px; z-index: 9999; width: 50px; height: 50px;\n background-color: #6d28d9; border-radius: 50%; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n cursor: pointer; display: flex; align-items: center; justify-content: center;\n opacity: 1; visibility: visible; transform: scale(1); transition: all 0.3s ease-in-out;\n }\n #scrollToBottomArrow.hidden { opacity: 0; visibility: hidden; transform: scale(0.8); }\n #scrollToBottomArrow:hover { background-color: #5b21b6; transform: translateY(2px); }\n #scrollToBottomArrow svg { stroke: white; width: 28px; height: 28px; }\n\n <\/style>\n<\/head>\n<body class=\"p-4 sm:p-8 resume-block-container\">\n\n \n <div class=\"max-w-7xl mx-auto rounded-xl overflow-hidden bg-white shadow-2xl resume-shadow-pop border-4 border-purple-700\">\n\n \n <header class=\"resume-purple-dark text-white p-6 sm:p-8 text-center\">\n <h1 class=\"text-4xl sm:text-5xl font-bold tracking-tight mb-1\">CHANCE DAVIES<\/h1>\n <p class=\"text-2xl font-bold opacity-90\">PROJECT MANAGER AND DEVOPS ENGINEER<\/p>\n <\/header>\n\n \n <section class=\"bg-purple-100 p-6 sm:p-8 border-b-4 border-purple-300\">\n <h2 class=\"text-center text-3xl font-bold text-purple-800 mb-6\">QUANTIFIED IMPACT<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-center\">\n \n <div class=\"p-4 bg-white rounded-xl shadow-lg border-b-4 border-purple-500 hover:scale-[1.02] transition duration-300\">\n <p id=\"impact-250k\" data-prefix=\"$\" data-suffix=\"K+\" class=\"text-5xl font-bold resume-purple-text\">0<\/p>\n <p class=\"text-sm font-medium uppercase text-gray-600 mt-1\">ANNUAL COST SAVINGS OVERSIGHT<\/p>\n <\/div>\n \n <div class=\"p-4 bg-white rounded-xl shadow-lg border-b-4 border-purple-500 hover:scale-[1.02] transition duration-300\">\n <p id=\"impact-30\" data-prefix=\"\" data-suffix=\"%\" class=\"text-5xl font-bold resume-purple-text\">0<\/p>\n <p class=\"text-sm font-medium uppercase text-gray-600 mt-1\">RELEASE CYCLE TIME REDUCTION<\/p>\n <\/div>\n \n <div class=\"p-4 bg-white rounded-xl shadow-lg border-b-4 border-purple-500 hover:scale-[1.02] transition duration-300\">\n <p id=\"impact-200\" data-prefix=\"\" data-suffix=\"+\" class=\"text-5xl font-bold resume-purple-text\">0<\/p>\n <p class=\"text-sm font-medium uppercase text-gray-600 mt-1\">GLOBAL ENGINEERS SUPPORTED DAILY<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"p-6 sm:p-10 lg:grid lg:grid-cols-3 lg:gap-8 border-b-4 border-purple-300 bg-gray-50\">\n \n \n <aside class=\"lg:col-span-1 space-y-6 mb-8 lg:mb-0\">\n \n \n <div class=\"bg-white p-5 rounded-lg shadow-md border-t-4 border-purple-500\">\n <h2 class=\"text-2xl font-bold resume-purple-text mb-3 border-b border-purple-300 pb-1\">PROFILE<\/h2>\n <p class=\"text-gray-700 leading-relaxed mb-3\">\n Agile leader with expertise in product development, engineering, infrastructure, and solution strategy. Known for building high-performing teams, mentoring future leaders, and blending strategic vision with hands-on execution to deliver lasting results.\n <\/p>\n <p class=\"resume-purple-text font-bold mt-4 pt-2 border-t border-purple-200\">\n Over 6 years of Project Management, DevOps, and Leadership experience.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-lg shadow-md border-t-4 border-purple-500\">\n <h2 class=\"text-2xl font-bold resume-purple-text mb-3 border-b border-purple-300 pb-1\">CONTACT<\/h2>\n <ul class=\"space-y-4 text-gray-700\">\n <li class=\"flex flex-col items-start\">\n <div class=\"flex items-center mb-1\">\n <svg class=\"w-5 h-5 mr-3 text-purple-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n <span class=\"font-bold\">Phone:<\/span>\n <\/div>\n <span class=\"pl-8 text-gray-800\">(208) 340-2148<\/span>\n <\/li>\n <li class=\"flex flex-col items-start\">\n <div class=\"flex items-center mb-1\">\n <svg class=\"w-5 h-5 mr-3 text-purple-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8m-2 4v7a2 2 0 01-2 2H5a2 2 0 01-2-2v-7\"><\/path><\/svg>\n <span class=\"font-bold\">Email:<\/span>\n <\/div>\n \n <a href=\"mailto:interviewme@chancedavies.net\" class=\"pl-8 text-gray-800 hover:text-purple-700 transition duration-150 underline font-medium\">interviewme@chancedavies.net<\/a>\n <\/li>\n <li class=\"flex items-center\">\n <svg class=\"w-5 h-5 mr-3 text-purple-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"><\/path><\/svg>\n <a href=\"http:\/\/www.linkedin.com\/in\/chanced\" target=\"_blank\" class=\"hover:text-purple-700 transition duration-150 underline font-medium\">LinkedIn Profile<\/a>\n <\/li>\n <\/ul>\n <\/div>\n \n \n <div class=\"bg-white p-5 rounded-lg shadow-md border-t-4 border-purple-500\">\n <h2 class=\"text-2xl font-bold resume-purple-text mb-3 border-b border-purple-300 pb-1\">AWARDS<\/h2>\n <div class=\"space-y-4 text-gray-700\">\n <div>\n <p class=\"font-bold text-gray-900\">PMBA Signature Student Award<\/p>\n <p class=\"text-sm text-purple-600 mb-1\">BSU Professional MBA Program<\/p>\n <ul class=\"list-disc ml-5 text-sm text-gray-700\">\n <li>Given to students who \u201cdemonstrate a passion for learning, effective communication, critical thinking, ethical behavior, strong leadership, and community engagement.\u201d<\/li>\n <\/ul>\n <\/div>\n <div>\n <p class=\"font-bold text-gray-900\">2025 SW\u2013EE Excellence Award<\/p>\n <p class=\"text-sm text-purple-600 mb-1\">HP Inc. Indigo R&D Leadership<\/p>\n <ul class=\"list-disc ml-5 text-sm text-gray-700\">\n <li>Recognizes impact on Indigo R&D team performance across 3 continents<\/li>\n <\/ul>\n <\/div>\n <div class=\"pt-2 border-t border-purple-100\">\n <p class=\"font-bold text-gray-900\">2006 Time Person of the Year<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-lg shadow-md border-t-4 border-purple-500\">\n <h2 class=\"text-2xl font-bold resume-purple-text mb-3 border-b border-purple-300 pb-1\">PROFESSIONAL SPEAKING<\/h2>\n <div class=\"space-y-4\">\n <div>\n <p class=\"font-semibold text-gray-800\">An Exploration of Cybersecurity Project Management<\/p>\n <p class=\"text-sm text-gray-600\">5\/2025, Professional Development Day hosted by the Project Management Institute<\/p>\n <\/div>\n <div>\n <p class=\"font-semibold text-gray-800\">Passing the PMP<\/p>\n <p class=\"text-sm text-gray-600\">7\/2025, The Program Management Guild at Clearwater Analytics<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/aside>\n\n \n <main class=\"lg:col-span-2 space-y-10\">\n\n \n <section class=\"bg-white p-6 rounded-lg shadow-lg border-l-4 border-purple-500\">\n <h2 class=\"text-3xl font-bold resume-purple-text mb-5 pb-2 border-b-2 border-purple-200\">EDUCATION<\/h2>\n <div class=\"space-y-6\">\n <div class=\"border-l-4 border-purple-300 pl-4\">\n <h3 class=\"text-xl font-semibold text-gray-900\">Boise State University<\/h3>\n <p class=\"text-purple-600 font-medium italic mb-1\">2024-Spring 2026 Graduation<\/p>\n <p class=\"text-lg font-normal\">Professional Master of Business Administration (PMBA)<\/p>\n <\/div>\n <div class=\"border-l-4 border-purple-300 pl-4\">\n <h3 class=\"text-xl font-semibold text-gray-900\">Boise State University<\/h3>\n <p class=\"text-purple-600 font-medium italic mb-1\">2020-2023<\/p>\n <p class=\"text-lg font-normal\">Bachelor of Business Administration in Information Technology Management (ITM)<\/p>\n <p class=\"text-sm text-gray-500\">Magna Cum Laude<\/p>\n <\/div>\n <div class=\"border-l-4 border-purple-300 pl-4\">\n <h3 class=\"text-xl font-semibold text-gray-900\">College of Western Idaho<\/h3>\n <p class=\"text-purple-600 font-medium italic mb-1\">2015-2017<\/p>\n <p class=\"text-lg font-normal\">Associate of Arts in Liberal Arts<\/p>\n <p class=\"text-sm text-gray-500\">Magna Cum Laude, Phi Theta Kappa Honor Society<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-white p-6 rounded-lg shadow-lg border-l-4 border-purple-500\">\n <h2 class=\"text-3xl font-bold resume-purple-text mb-5 pb-2 border-b-2 border-purple-200\">LICENSES & CERTIFICATIONS<\/h2>\n <ul class=\"space-y-4 text-gray-700 list-disc pl-5\">\n <li>\n <span class=\"font-bold\">Project Management Professional (PMP)<\/span><br>\n (Credential ID 3903769)\n <\/li>\n <li>\n <span class=\"font-bold\">Certificate in Business Analytics<\/span><br>\n (Boise State University, 2023)\n <\/li>\n <\/ul>\n <\/section>\n\n \n <section class=\"bg-white p-6 rounded-lg shadow-lg border-l-4 border-purple-500\">\n <h2 class=\"text-3xl font-bold resume-purple-text mb-5 pb-2 border-b-2 border-purple-200\">WORK EXPERIENCE<\/h2>\n \n <div class=\"mb-8 px-4 sm:px-8\">\n <div id=\"job-title-label\" class=\"text-xl font-semibold text-gray-800 text-center mb-6 min-h-[32px]\"><\/div>\n \n \n <div class=\"slider-container\" id=\"custom-slider\">\n <div class=\"slider-track\">\n <div class=\"slider-fill\" id=\"slider-fill\"><\/div>\n \n <\/div>\n <div class=\"slider-thumb\" id=\"slider-thumb\"><\/div>\n <div class=\"slider-labels\" id=\"slider-labels\">\n \n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"experience-container\"><\/div>\n <\/section>\n\n <\/main>\n <\/div>\n\n \n <section class=\"bg-white p-6 sm:p-10 pb-24 relative\">\n <div class=\"max-w-4xl mx-auto text-center\">\n <h2 class=\"text-3xl font-bold resume-purple-text mb-5 pb-2 border-b-2 border-purple-200 inline-block\">CAREER HIGHLIGHT PHOTOS<\/h2>\n <div class=\"flex flex-wrap justify-center gap-3 mb-8\">\n <button id=\"tab-pmp\" class=\"tab-button active px-6 py-2 text-sm font-semibold rounded-full bg-purple-700 text-white transition duration-200\">\n PMP Team Rafting\n <\/button>\n <button id=\"tab-ifb\" class=\"tab-button px-6 py-2 text-sm font-semibold rounded-full bg-gray-200 text-gray-700 hover:bg-purple-100 transition duration-200\">\n Idaho Food Bank (IFB)\n <\/button>\n <button id=\"tab-swee\" class=\"tab-button px-6 py-2 text-sm font-semibold rounded-full bg-gray-200 text-gray-700 hover:bg-purple-100 transition duration-200\">\n SW-EE Excellence Award\n <\/button>\n <\/div>\n <div id=\"gallery-content\" class=\"bg-gray-50 p-6 rounded-xl border border-gray-200 shadow-inner\">\n \n <div id=\"content-pmp\" class=\"tab-content flex flex-col items-center\">\n <div class=\"img-magnifier-container\">\n <img decoding=\"async\" id=\"img-pmp\" src=\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg\" \n alt=\"Chance's team rafting the river.\" \n class=\"max-h-[500px] shadow-lg\">\n <\/div>\n <p class=\"mt-4 text-lg text-gray-700 italic font-medium\">\n Team building activity with Cascade Raft & Kayak. Yes, that is a laptop. I took my PMP shortly after this, and studied most of the ride.\n <\/p>\n <\/div>\n \n <div id=\"content-ifb\" class=\"tab-content hidden flex-col items-center\">\n <div class=\"img-magnifier-container\">\n <img decoding=\"async\" id=\"img-ifb\" src=\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/IFB.jpg\" \n alt=\"Volunteering at the Idaho Food Bank.\" \n class=\"max-h-[500px] shadow-lg\">\n <\/div>\n <p class=\"mt-4 text-lg text-gray-700 italic font-medium\">\n Volunteering with other HP Indigo team members at the Idaho Food Bank, which we did often. We packed just over 540 boxes for seniors.\n <\/p>\n <\/div>\n \n <div id=\"content-swee\" class=\"tab-content hidden flex-col items-center\">\n <div class=\"img-magnifier-container\">\n <img decoding=\"async\" id=\"img-swee\" src=\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/SWEE-scaled.jpg\" \n alt=\"SW-EE Excellence Award certificate.\" \n class=\"max-h-[500px] shadow-lg\">\n <\/div>\n <p class=\"mt-4 text-lg text-gray-700 italic font-medium\">\n I was honored to receive the <span class=\"font-bold\">SW-EE Excellence Award<\/span> for outstanding contributions to the DFE team.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <a id=\"scrollToBottomArrow\" title=\"Scroll to Bottom\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"7 13 12 18 17 13\"><\/polyline>\n <polyline points=\"7 6 12 11 17 6\"><\/polyline>\n <\/svg>\n <\/a>\n <\/section>\n\n <\/div>\n\n \n <script>\n \/\/ 1. IMPACT ANIMATION\n function animateValue(objId, start, end, duration) {\n let startTimestamp = null;\n const obj = document.getElementById(objId);\n if (!obj) return;\n const prefix = obj.getAttribute('data-prefix') || '';\n const suffix = obj.getAttribute('data-suffix') || '';\n const step = (timestamp) => {\n if (!startTimestamp) startTimestamp = timestamp;\n const progress = Math.min((timestamp - startTimestamp) \/ duration, 1);\n const currentValue = Math.floor(progress * (end - start) + start);\n obj.innerHTML = `${prefix}${currentValue.toLocaleString('en-US')}${suffix}`;\n if (progress < 1) { window.requestAnimationFrame(step); } \n else { obj.innerHTML = `${prefix}${end.toLocaleString('en-US')}${suffix}`; }\n };\n window.requestAnimationFrame(step);\n }\n function startImpactAnimations() {\n animateValue(\"impact-250k\", 0, 250, 2000); \n animateValue(\"impact-30\", 0, 30, 1500); \n animateValue(\"impact-200\", 0, 200, 1800); \n }\n\n \/\/ 2. JOB DATA\n const jobs = [\n {\n title: \"Software DevOps Engineer\",\n company: \"HP Inc.\",\n shortName: \"HP\",\n logoText: \"HP\",\n dates: \"2022-2025\",\n details: [\n \"Pioneered a structured risk tracking system and led comprehensive release retrospectives, directly resulting in a sustained <span class='font-bold'>50%<\/span> decrease in post-deployment incidents and higher overall system stability.\",\n \"Architected and automated complex deployment pipelines using Jenkins and Azure DevOps, successfully scaling delivery capacity to support over <span class='font-bold'>200<\/span> global engineers across multiple concurrent product lines.\",\n \"Spearheaded the automation of key CI\/CD pipelines to provide real-time release transparency for stakeholders, significantly improving reporting accuracy and ensuring consistent on-time delivery.\",\n \"Designed, implemented, and maintained critical CI\/CD workflows supporting multiple business-essential applications, which measurably increased total team delivery velocity and reduced manual overhead.\"\n ]\n },\n {\n title: \"Graduate Teaching Assistant and Lecturer\",\n company: \"Boise State University\",\n shortName: \"BSU\",\n logoText: \"BSU\",\n dates: \"2024-2025\",\n details: [\n \"Delivered comprehensive, full-length lectures to both undergraduate and graduate students, breaking down complex topics into accessible, engaging learning modules.\",\n \"Managed instruction, communication, and academic support for a diverse roster of <span class='font-bold'>60+<\/span> students across two concurrent, high-level courses: Project Management and Information Security.\",\n \"Evaluated and graded <span class='font-bold'>hundreds<\/span> of assignments while collaborating with faculty to design rigorous course materials, detailed rubrics, and interactive learning activities across multiple semesters.\"\n ]\n },\n {\n title: \"Manager and Sr. Automation Engineer\",\n company: \"KForce Inc\",\n shortName: \"KForce\",\n logoText: \"KF\",\n dates: \"2019-2022\",\n details: [\n \"Directed a high-performing, <span class='font-bold'>12-person<\/span> cross-functional team\u2014comprising developers, QA engineers, technicians, and UI Localization PMs\u2014to deliver complex enterprise automation projects strictly on time and under budget.\",\n \"Engineered robust automation pipelines for intricate product dependencies, eliminating repetitive manual tasks and saving the team <span class='font-bold'>hundreds<\/span> of operational hours annually.\",\n \"Oversaw and negotiated critical vendor contracts and service-level agreements (SLAs), ensuring strict compliance while identifying opportunities that led to verified cost savings of over <span class='font-bold'>$250,000<\/span> annually.\"\n ]\n },\n {\n title: \"Software Engineer\",\n company: \"Aquent LLC\",\n shortName: \"Aquent\",\n logoText: \"AQ\",\n dates: \"2016-2019\",\n details: [\n \"Revolutionized legacy processes by introducing fully automated pipelines for testing, email notifications, and data processing, significantly increasing operational efficiency and reducing human error.\",\n \"Integrated advanced monitoring tools that proactively identified system issues, dramatically reducing downtime incidents from a weekly occurrence to less than <span class='font-bold'>once per quarter<\/span>.\"\n ]\n }\n ];\n\n \/\/ 3. CUSTOM SNAPPING SLIDER LOGIC\n let currentJobIndex = 0;\n const numJobs = jobs.length;\n const sliderContainer = document.getElementById('custom-slider');\n const sliderTrack = sliderContainer.querySelector('.slider-track');\n const sliderFill = document.getElementById('slider-fill');\n const sliderThumb = document.getElementById('slider-thumb');\n const sliderLabels = document.getElementById('slider-labels');\n const jobTitleLabel = document.getElementById('job-title-label');\n const experienceContainer = document.getElementById('experience-container');\n\n function initSlider() {\n \/\/ Create pips and labels\n for (let i = 0; i < numJobs; i++) {\n const pip = document.createElement('div');\n pip.className = `slider-pip ${i === 0 ? 'active' : ''}`;\n pip.style.left = `${(i \/ (numJobs - 1)) * 100}%`;\n pip.dataset.index = i;\n sliderTrack.appendChild(pip);\n\n const label = document.createElement('div');\n label.className = `slider-label ${i === 0 ? 'active' : ''}`;\n label.textContent = jobs[i].shortName;\n label.style.left = `${(i \/ (numJobs - 1)) * 100}%`;\n label.dataset.index = i;\n sliderLabels.appendChild(label);\n\n \/\/ Add click handlers for pips and labels\n pip.addEventListener('click', (e) => { e.stopPropagation(); setSliderPosition(i); });\n label.addEventListener('click', (e) => { e.stopPropagation(); setSliderPosition(i); });\n }\n \/\/ Track click handler\n sliderTrack.addEventListener('click', (e) => {\n const rect = sliderTrack.getBoundingClientRect();\n const percent = (e.clientX - rect.left) \/ rect.width;\n const index = Math.round(percent * (numJobs - 1));\n setSliderPosition(Math.max(0, Math.min(index, numJobs - 1)));\n });\n\n updateSliderVisuals(0);\n }\n\n function setSliderPosition(index) {\n currentJobIndex = index;\n updateSliderVisuals(index);\n renderJob(index);\n }\n\n function updateSliderVisuals(index) {\n const percent = (index \/ (numJobs - 1)) * 100;\n sliderFill.style.width = `${percent}%`;\n sliderThumb.style.left = `${percent}%`;\n\n \/\/ Update active states for pips and labels\n document.querySelectorAll('.slider-pip').forEach((pip, i) => {\n pip.classList.toggle('active', i <= index);\n });\n document.querySelectorAll('.slider-label').forEach((label, i) => {\n label.classList.toggle('active', i === index);\n });\n }\n\n \/\/ Dragging functionality\n let isDragging = false;\n sliderThumb.addEventListener('mousedown', () => { isDragging = true; document.body.style.cursor = 'grabbing'; });\n document.addEventListener('mouseup', () => {\n if (isDragging) {\n isDragging = false;\n document.body.style.cursor = '';\n \/\/ Snap to nearest on release\n setSliderPosition(currentJobIndex);\n }\n });\n document.addEventListener('mousemove', (e) => {\n if (!isDragging) return;\n const rect = sliderTrack.getBoundingClientRect();\n let percent = (e.clientX - rect.left) \/ rect.width;\n percent = Math.max(0, Math.min(1, percent));\n const rawIndex = percent * (numJobs - 1);\n currentJobIndex = Math.round(rawIndex);\n \n \/\/ Visual update during drag (smooth, no snapping yet)\n sliderFill.style.width = `${percent * 100}%`;\n sliderThumb.style.left = `${percent * 100}%`;\n });\n \/\/ Touch support\n sliderThumb.addEventListener('touchstart', (e) => { isDragging = true; e.preventDefault(); });\n document.addEventListener('touchend', () => { if (isDragging) { isDragging = false; setSliderPosition(currentJobIndex); } });\n document.addEventListener('touchmove', (e) => {\n if (!isDragging) return;\n const rect = sliderTrack.getBoundingClientRect();\n let percent = (e.touches[0].clientX - rect.left) \/ rect.width;\n percent = Math.max(0, Math.min(1, percent));\n currentJobIndex = Math.round(percent * (numJobs - 1));\n sliderFill.style.width = `${percent * 100}%`;\n sliderThumb.style.left = `${percent * 100}%`;\n }, { passive: false });\n\n\n function renderJob(index) {\n const job = jobs[index];\n jobTitleLabel.innerHTML = `${job.company} <span class=\"text-base font-normal text-purple-600\">(${job.dates})<\/span>`;\n experienceContainer.innerHTML = `\n <div class=\"flex items-start space-x-4 transition duration-500 ease-in-out transform opacity-0 translate-x-4 job-item pt-2\">\n <div class=\"flex-shrink-0 w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center border-2 border-purple-500 shadow-sm\">\n <span class=\"text-purple-700 font-bold text-lg\">${job.logoText}<\/span>\n <\/div>\n <div class=\"flex-grow\">\n <h3 class=\"text-xl font-bold text-gray-900 leading-tight\">${job.title}<\/h3>\n <ul class=\"list-disc ml-5 mt-3 space-y-2 text-gray-700\">\n ${job.details.map(detail => `<li>${detail}<\/li>`).join('')}\n <\/ul>\n <\/div>\n <\/div>\n `;\n setTimeout(() => {\n const jobItem = experienceContainer.querySelector('.job-item');\n if(jobItem) { jobItem.classList.remove('opacity-0', 'translate-x-4'); jobItem.classList.add('opacity-100', 'translate-x-0'); }\n }, 10);\n }\n\n\n \/\/ 4. LOUPE MAGNIFIER\n let currentMagnifier = null;\n function magnifier(imgID, zoom) {\n const img = document.getElementById(imgID);\n let glass, w, h, bw;\n glass = document.createElement(\"DIV\");\n glass.setAttribute(\"class\", \"img-magnifier-glass\");\n img.parentElement.insertBefore(glass, img);\n glass.style.backgroundImage = \"url('\" + img.src + \"')\";\n glass.style.backgroundRepeat = \"no-repeat\";\n glass.style.backgroundSize = (img.width * zoom) + \"px \" + (img.height * zoom) + \"px\";\n bw = 3; w = glass.offsetWidth \/ 2; h = glass.offsetHeight \/ 2;\n glass.addEventListener(\"mousemove\", moveMagnifier); img.addEventListener(\"mousemove\", moveMagnifier);\n glass.addEventListener(\"touchmove\", moveMagnifier); img.addEventListener(\"touchmove\", moveMagnifier);\n img.addEventListener(\"mouseenter\", () => { glass.style.display = \"block\"; });\n img.addEventListener(\"mouseleave\", () => { glass.style.display = \"none\"; });\n function moveMagnifier(e) {\n e.preventDefault();\n const pos = getCursorPos(e);\n let x = pos.x, y = pos.y;\n if (x > img.width - (w \/ zoom)) {x = img.width - (w \/ zoom);}\n if (x < w \/ zoom) {x = w \/ zoom;}\n if (y > img.height - (h \/ zoom)) {y = img.height - (h \/ zoom);}\n if (y < h \/ zoom) {y = h \/ zoom;}\n glass.style.left = x + \"px\"; glass.style.top = y + \"px\";\n glass.style.backgroundPosition = \"-\" + ((x * zoom) - w + bw) + \"px -\" + ((y * zoom) - h + bw) + \"px\";\n }\n function getCursorPos(e) {\n let a, x = 0, y = 0;\n e = e || window.event;\n a = img.getBoundingClientRect();\n x = e.pageX - a.left; y = e.pageY - a.top;\n x = x - window.pageXOffset; y = y - window.pageYOffset;\n return {x : x, y : y};\n }\n return glass;\n }\n function setupTabs() {\n const tabButtons = document.querySelectorAll('.tab-button');\n const tabContents = document.querySelectorAll('.tab-content');\n const checkImageLoaded = (imgId) => {\n const img = document.getElementById(imgId);\n return img && img.complete && img.naturalHeight !== 0;\n };\n const initFirstMagnifier = () => {\n if (checkImageLoaded('img-pmp')) { currentMagnifier = magnifier(\"img-pmp\", 2); } \n else { setTimeout(initFirstMagnifier, 500); }\n };\n initFirstMagnifier();\n tabButtons.forEach(button => {\n button.addEventListener('click', () => {\n const targetId = button.id.replace('tab-', 'content-');\n const imgId = button.id.replace('tab-', 'img-');\n if (currentMagnifier) { currentMagnifier.remove(); currentMagnifier = null; }\n tabButtons.forEach(btn => { btn.classList.remove('active', 'bg-purple-700', 'text-white'); btn.classList.add('bg-gray-200', 'text-gray-700'); });\n tabContents.forEach(content => content.classList.add('hidden'));\n button.classList.add('active', 'bg-purple-700', 'text-white'); button.classList.remove('bg-gray-200', 'text-gray-700');\n document.getElementById(targetId).classList.remove('hidden');\n setTimeout(() => { if (checkImageLoaded(imgId)) { currentMagnifier = magnifier(imgId, 2); } }, 100);\n });\n });\n }\n\n \/\/ 5. SCROLL ARROW\n function setupScrollArrow() {\n const arrow = document.getElementById('scrollToBottomArrow');\n if (!arrow) return;\n function toggleArrowVisibility() {\n const isAtBottom = (window.innerHeight + window.scrollY) >= document.body.offsetHeight - 50;\n if (isAtBottom) { arrow.classList.add('hidden'); } else { arrow.classList.remove('hidden'); }\n }\n arrow.addEventListener('click', (e) => {\n e.preventDefault();\n window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' });\n });\n window.addEventListener('scroll', toggleArrowVisibility);\n toggleArrowVisibility();\n }\n\n \/\/ INITIALIZATION\n window.onload = function() {\n startImpactAnimations();\n initSlider(); \/\/ Initialize custom slider\n renderJob(0); \/\/ Render first job\n setupTabs();\n setupScrollArrow();\n };\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Chance Davies Interactive Career Highlights CHANCE DAVIES PROJECT MANAGER AND DEVOPS ENGINEER QUANTIFIED IMPACT 0 ANNUAL COST SAVINGS OVERSIGHT 0 RELEASE CYCLE TIME REDUCTION 0 GLOBAL ENGINEERS SUPPORTED DAILY PROFILE Agile leader with expertise in product development, engineering, infrastructure, and solution strategy. Known for building high-performing teams, mentoring future leaders, and blending strategic vision with […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>RESUME - Chance Davies<\/title>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"RESUME - Chance Davies\" \/>\n<meta property=\"og:description\" content=\"Chance Davies Interactive Career Highlights CHANCE DAVIES PROJECT MANAGER AND DEVOPS ENGINEER QUANTIFIED IMPACT 0 ANNUAL COST SAVINGS OVERSIGHT 0 RELEASE CYCLE TIME REDUCTION 0 GLOBAL ENGINEERS SUPPORTED DAILY PROFILE Agile leader with expertise in product development, engineering, infrastructure, and solution strategy. Known for building high-performing teams, mentoring future leaders, and blending strategic vision with […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/chancedavies.net\/\" \/>\n<meta property=\"og:site_name\" content=\"Chance Davies\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-09T00:11:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/chancedavies.net\/\",\"url\":\"https:\/\/chancedavies.net\/\",\"name\":\"RESUME - Chance Davies\",\"isPartOf\":{\"@id\":\"https:\/\/chancedavies.net\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/chancedavies.net\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/chancedavies.net\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg\",\"datePublished\":\"2025-09-25T05:20:50+00:00\",\"dateModified\":\"2025-11-09T00:11:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/chancedavies.net\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/chancedavies.net\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/chancedavies.net\/#primaryimage\",\"url\":\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg\",\"contentUrl\":\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg\",\"width\":2560,\"height\":1561},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/chancedavies.net\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/chancedavies.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"RESUME\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/chancedavies.net\/#website\",\"url\":\"https:\/\/chancedavies.net\/\",\"name\":\"Chance Davies\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/chancedavies.net\/#\/schema\/person\/a2a9dded2d4ca21df8645a06569bec00\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/chancedavies.net\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/chancedavies.net\/#\/schema\/person\/a2a9dded2d4ca21df8645a06569bec00\",\"name\":\"Chance Davies\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/chancedavies.net\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/09\/Suave.png\",\"contentUrl\":\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/09\/Suave.png\",\"width\":796,\"height\":1024,\"caption\":\"Chance Davies\"},\"logo\":{\"@id\":\"https:\/\/chancedavies.net\/#\/schema\/person\/image\/\"},\"sameAs\":[\"http:\/\/localhost:8081\"]}]}<\/script>\n","yoast_head_json":{"title":"RESUME - Chance Davies","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"RESUME - Chance Davies","og_description":"Chance Davies Interactive Career Highlights CHANCE DAVIES PROJECT MANAGER AND DEVOPS ENGINEER QUANTIFIED IMPACT 0 ANNUAL COST SAVINGS OVERSIGHT 0 RELEASE CYCLE TIME REDUCTION 0 GLOBAL ENGINEERS SUPPORTED DAILY PROFILE Agile leader with expertise in product development, engineering, infrastructure, and solution strategy. Known for building high-performing teams, mentoring future leaders, and blending strategic vision with […]","og_url":"https:\/\/chancedavies.net\/","og_site_name":"Chance Davies","article_modified_time":"2025-11-09T00:11:59+00:00","og_image":[{"url":"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/chancedavies.net\/","url":"https:\/\/chancedavies.net\/","name":"RESUME - Chance Davies","isPartOf":{"@id":"https:\/\/chancedavies.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/chancedavies.net\/#primaryimage"},"image":{"@id":"https:\/\/chancedavies.net\/#primaryimage"},"thumbnailUrl":"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg","datePublished":"2025-09-25T05:20:50+00:00","dateModified":"2025-11-09T00:11:59+00:00","breadcrumb":{"@id":"https:\/\/chancedavies.net\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/chancedavies.net\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/chancedavies.net\/#primaryimage","url":"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg","contentUrl":"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg","width":2560,"height":1561},{"@type":"BreadcrumbList","@id":"https:\/\/chancedavies.net\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/chancedavies.net\/"},{"@type":"ListItem","position":2,"name":"RESUME"}]},{"@type":"WebSite","@id":"https:\/\/chancedavies.net\/#website","url":"https:\/\/chancedavies.net\/","name":"Chance Davies","description":"","publisher":{"@id":"https:\/\/chancedavies.net\/#\/schema\/person\/a2a9dded2d4ca21df8645a06569bec00"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/chancedavies.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/chancedavies.net\/#\/schema\/person\/a2a9dded2d4ca21df8645a06569bec00","name":"Chance Davies","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/chancedavies.net\/#\/schema\/person\/image\/","url":"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/09\/Suave.png","contentUrl":"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/09\/Suave.png","width":796,"height":1024,"caption":"Chance Davies"},"logo":{"@id":"https:\/\/chancedavies.net\/#\/schema\/person\/image\/"},"sameAs":["http:\/\/localhost:8081"]}]}},"_links":{"self":[{"href":"https:\/\/chancedavies.net\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chancedavies.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chancedavies.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chancedavies.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chancedavies.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":17,"href":"https:\/\/chancedavies.net\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/chancedavies.net\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/chancedavies.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2,"date":"2025-09-25T05:20:50","date_gmt":"2025-09-25T05:20:50","guid":{"rendered":"http:\/\/localhost:8081\/?page_id=2"},"modified":"2025-11-09T00:11:59","modified_gmt":"2025-11-09T00:11:59","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/chancedavies.net\/","title":{"rendered":"RESUME"},"content":{"rendered":"\n\n\n\n \n \n Chance Davies Interactive Career Highlights<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@100..900&display=swap\" rel=\"stylesheet\">\n <style>\n \/* --- CUSTOM STYLES & OVERRIDES --- *\/\n .resume-block-container { font-family: 'Inter', sans-serif; background-color: #f3f4f6; }\n .resume-purple-dark { background-color: #6d28d9 !important; }\n .resume-purple-text { color: #6d28d9 !important; }\n .resume-shadow-pop { box-shadow: 8px 8px 0px 0px rgba(109, 40, 217, 0.7) !important; }\n\n \/* --- CUSTOM SNAPPING SLIDER STYLES --- *\/\n .slider-container {\n position: relative;\n width: 100%;\n padding: 20px 0 40px; \/* Extra bottom padding for labels *\/\n }\n .slider-track {\n position: relative;\n width: 100%;\n height: 8px;\n background: #e5e7eb;\n border-radius: 4px;\n cursor: pointer;\n }\n .slider-fill {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n background: #6d28d9;\n border-radius: 4px;\n transition: width 0.3s ease;\n }\n .slider-thumb {\n position: absolute;\n top: 50%;\n width: 24px;\n height: 24px;\n background: #6d28d9;\n border: 4px solid white;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n box-shadow: 0 0 0 2px #6d28d9;\n cursor: grab;\n transition: left 0.3s ease, transform 0.1s ease;\n z-index: 2;\n }\n .slider-thumb:active { cursor: grabbing; transform: translate(-50%, -50%) scale(1.1); }\n .slider-labels {\n position: relative;\n width: 100%;\n display: flex;\n justify-content: space-between;\n margin-top: 12px;\n }\n .slider-label {\n position: absolute;\n transform: translateX(-50%);\n text-align: center;\n font-size: 0.75rem; \/* text-xs *\/\n font-weight: 600; \/* font-semibold *\/\n color: #6b7280; \/* text-gray-500 *\/\n cursor: pointer;\n transition: color 0.2s ease;\n white-space: nowrap; \/* Prevent wrapping *\/\n }\n .slider-label.active { color: #6d28d9; }\n .slider-pip {\n position: absolute;\n top: 50%;\n width: 12px;\n height: 12px;\n background: #e5e7eb;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n z-index: 1;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n .slider-pip.active { background: #6d28d9; }\n\n\n \/* --- LOUPE MAGNIFIER STYLES --- *\/\n .img-magnifier-container { position: relative; display: inline-block; cursor: none; }\n .img-magnifier-glass {\n position: absolute; border: 3px solid #6d28d9; border-radius: 50%; cursor: none;\n width: 150px; height: 150px; display: none; pointer-events: none;\n box-shadow: 0 4px 10px rgba(0,0,0,0.3); z-index: 10; transform: translate(-50%, -50%);\n }\n \/* Utility *\/\n .hidden { display: none !important; }\n \/* Tab Button Styling *\/\n .tab-button.active { background-color: #6d28d9 !important; color: white !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }\n\n \/* --- FLOATING ARROW STYLES --- *\/\n #scrollToBottomArrow {\n position: fixed; bottom: 25px; right: 25px; z-index: 9999; width: 50px; height: 50px;\n background-color: #6d28d9; border-radius: 50%; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n cursor: pointer; display: flex; align-items: center; justify-content: center;\n opacity: 1; visibility: visible; transform: scale(1); transition: all 0.3s ease-in-out;\n }\n #scrollToBottomArrow.hidden { opacity: 0; visibility: hidden; transform: scale(0.8); }\n #scrollToBottomArrow:hover { background-color: #5b21b6; transform: translateY(2px); }\n #scrollToBottomArrow svg { stroke: white; width: 28px; height: 28px; }\n\n <\/style>\n<\/head>\n<body class=\"p-4 sm:p-8 resume-block-container\">\n\n \n <div class=\"max-w-7xl mx-auto rounded-xl overflow-hidden bg-white shadow-2xl resume-shadow-pop border-4 border-purple-700\">\n\n \n <header class=\"resume-purple-dark text-white p-6 sm:p-8 text-center\">\n <h1 class=\"text-4xl sm:text-5xl font-bold tracking-tight mb-1\">CHANCE DAVIES<\/h1>\n <p class=\"text-2xl font-bold opacity-90\">PROJECT MANAGER AND DEVOPS ENGINEER<\/p>\n <\/header>\n\n \n <section class=\"bg-purple-100 p-6 sm:p-8 border-b-4 border-purple-300\">\n <h2 class=\"text-center text-3xl font-bold text-purple-800 mb-6\">QUANTIFIED IMPACT<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-center\">\n \n <div class=\"p-4 bg-white rounded-xl shadow-lg border-b-4 border-purple-500 hover:scale-[1.02] transition duration-300\">\n <p id=\"impact-250k\" data-prefix=\"$\" data-suffix=\"K+\" class=\"text-5xl font-bold resume-purple-text\">0<\/p>\n <p class=\"text-sm font-medium uppercase text-gray-600 mt-1\">ANNUAL COST SAVINGS OVERSIGHT<\/p>\n <\/div>\n \n <div class=\"p-4 bg-white rounded-xl shadow-lg border-b-4 border-purple-500 hover:scale-[1.02] transition duration-300\">\n <p id=\"impact-30\" data-prefix=\"\" data-suffix=\"%\" class=\"text-5xl font-bold resume-purple-text\">0<\/p>\n <p class=\"text-sm font-medium uppercase text-gray-600 mt-1\">RELEASE CYCLE TIME REDUCTION<\/p>\n <\/div>\n \n <div class=\"p-4 bg-white rounded-xl shadow-lg border-b-4 border-purple-500 hover:scale-[1.02] transition duration-300\">\n <p id=\"impact-200\" data-prefix=\"\" data-suffix=\"+\" class=\"text-5xl font-bold resume-purple-text\">0<\/p>\n <p class=\"text-sm font-medium uppercase text-gray-600 mt-1\">GLOBAL ENGINEERS SUPPORTED DAILY<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"p-6 sm:p-10 lg:grid lg:grid-cols-3 lg:gap-8 border-b-4 border-purple-300 bg-gray-50\">\n \n \n <aside class=\"lg:col-span-1 space-y-6 mb-8 lg:mb-0\">\n \n \n <div class=\"bg-white p-5 rounded-lg shadow-md border-t-4 border-purple-500\">\n <h2 class=\"text-2xl font-bold resume-purple-text mb-3 border-b border-purple-300 pb-1\">PROFILE<\/h2>\n <p class=\"text-gray-700 leading-relaxed mb-3\">\n Agile leader with expertise in product development, engineering, infrastructure, and solution strategy. Known for building high-performing teams, mentoring future leaders, and blending strategic vision with hands-on execution to deliver lasting results.\n <\/p>\n <p class=\"resume-purple-text font-bold mt-4 pt-2 border-t border-purple-200\">\n Over 6 years of Project Management, DevOps, and Leadership experience.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-lg shadow-md border-t-4 border-purple-500\">\n <h2 class=\"text-2xl font-bold resume-purple-text mb-3 border-b border-purple-300 pb-1\">CONTACT<\/h2>\n <ul class=\"space-y-4 text-gray-700\">\n <li class=\"flex flex-col items-start\">\n <div class=\"flex items-center mb-1\">\n <svg class=\"w-5 h-5 mr-3 text-purple-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n <span class=\"font-bold\">Phone:<\/span>\n <\/div>\n <span class=\"pl-8 text-gray-800\">(208) 340-2148<\/span>\n <\/li>\n <li class=\"flex flex-col items-start\">\n <div class=\"flex items-center mb-1\">\n <svg class=\"w-5 h-5 mr-3 text-purple-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8m-2 4v7a2 2 0 01-2 2H5a2 2 0 01-2-2v-7\"><\/path><\/svg>\n <span class=\"font-bold\">Email:<\/span>\n <\/div>\n \n <a href=\"mailto:interviewme@chancedavies.net\" class=\"pl-8 text-gray-800 hover:text-purple-700 transition duration-150 underline font-medium\">interviewme@chancedavies.net<\/a>\n <\/li>\n <li class=\"flex items-center\">\n <svg class=\"w-5 h-5 mr-3 text-purple-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"><\/path><\/svg>\n <a href=\"http:\/\/www.linkedin.com\/in\/chanced\" target=\"_blank\" class=\"hover:text-purple-700 transition duration-150 underline font-medium\">LinkedIn Profile<\/a>\n <\/li>\n <\/ul>\n <\/div>\n \n \n <div class=\"bg-white p-5 rounded-lg shadow-md border-t-4 border-purple-500\">\n <h2 class=\"text-2xl font-bold resume-purple-text mb-3 border-b border-purple-300 pb-1\">AWARDS<\/h2>\n <div class=\"space-y-4 text-gray-700\">\n <div>\n <p class=\"font-bold text-gray-900\">PMBA Signature Student Award<\/p>\n <p class=\"text-sm text-purple-600 mb-1\">BSU Professional MBA Program<\/p>\n <ul class=\"list-disc ml-5 text-sm text-gray-700\">\n <li>Given to students who \u201cdemonstrate a passion for learning, effective communication, critical thinking, ethical behavior, strong leadership, and community engagement.\u201d<\/li>\n <\/ul>\n <\/div>\n <div>\n <p class=\"font-bold text-gray-900\">2025 SW\u2013EE Excellence Award<\/p>\n <p class=\"text-sm text-purple-600 mb-1\">HP Inc. Indigo R&D Leadership<\/p>\n <ul class=\"list-disc ml-5 text-sm text-gray-700\">\n <li>Recognizes impact on Indigo R&D team performance across 3 continents<\/li>\n <\/ul>\n <\/div>\n <div class=\"pt-2 border-t border-purple-100\">\n <p class=\"font-bold text-gray-900\">2006 Time Person of the Year<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-lg shadow-md border-t-4 border-purple-500\">\n <h2 class=\"text-2xl font-bold resume-purple-text mb-3 border-b border-purple-300 pb-1\">PROFESSIONAL SPEAKING<\/h2>\n <div class=\"space-y-4\">\n <div>\n <p class=\"font-semibold text-gray-800\">An Exploration of Cybersecurity Project Management<\/p>\n <p class=\"text-sm text-gray-600\">5\/2025, Professional Development Day hosted by the Project Management Institute<\/p>\n <\/div>\n <div>\n <p class=\"font-semibold text-gray-800\">Passing the PMP<\/p>\n <p class=\"text-sm text-gray-600\">7\/2025, The Program Management Guild at Clearwater Analytics<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/aside>\n\n \n <main class=\"lg:col-span-2 space-y-10\">\n\n \n <section class=\"bg-white p-6 rounded-lg shadow-lg border-l-4 border-purple-500\">\n <h2 class=\"text-3xl font-bold resume-purple-text mb-5 pb-2 border-b-2 border-purple-200\">EDUCATION<\/h2>\n <div class=\"space-y-6\">\n <div class=\"border-l-4 border-purple-300 pl-4\">\n <h3 class=\"text-xl font-semibold text-gray-900\">Boise State University<\/h3>\n <p class=\"text-purple-600 font-medium italic mb-1\">2024-Spring 2026 Graduation<\/p>\n <p class=\"text-lg font-normal\">Professional Master of Business Administration (PMBA)<\/p>\n <\/div>\n <div class=\"border-l-4 border-purple-300 pl-4\">\n <h3 class=\"text-xl font-semibold text-gray-900\">Boise State University<\/h3>\n <p class=\"text-purple-600 font-medium italic mb-1\">2020-2023<\/p>\n <p class=\"text-lg font-normal\">Bachelor of Business Administration in Information Technology Management (ITM)<\/p>\n <p class=\"text-sm text-gray-500\">Magna Cum Laude<\/p>\n <\/div>\n <div class=\"border-l-4 border-purple-300 pl-4\">\n <h3 class=\"text-xl font-semibold text-gray-900\">College of Western Idaho<\/h3>\n <p class=\"text-purple-600 font-medium italic mb-1\">2015-2017<\/p>\n <p class=\"text-lg font-normal\">Associate of Arts in Liberal Arts<\/p>\n <p class=\"text-sm text-gray-500\">Magna Cum Laude, Phi Theta Kappa Honor Society<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-white p-6 rounded-lg shadow-lg border-l-4 border-purple-500\">\n <h2 class=\"text-3xl font-bold resume-purple-text mb-5 pb-2 border-b-2 border-purple-200\">LICENSES & CERTIFICATIONS<\/h2>\n <ul class=\"space-y-4 text-gray-700 list-disc pl-5\">\n <li>\n <span class=\"font-bold\">Project Management Professional (PMP)<\/span><br>\n (Credential ID 3903769)\n <\/li>\n <li>\n <span class=\"font-bold\">Certificate in Business Analytics<\/span><br>\n (Boise State University, 2023)\n <\/li>\n <\/ul>\n <\/section>\n\n \n <section class=\"bg-white p-6 rounded-lg shadow-lg border-l-4 border-purple-500\">\n <h2 class=\"text-3xl font-bold resume-purple-text mb-5 pb-2 border-b-2 border-purple-200\">WORK EXPERIENCE<\/h2>\n \n <div class=\"mb-8 px-4 sm:px-8\">\n <div id=\"job-title-label\" class=\"text-xl font-semibold text-gray-800 text-center mb-6 min-h-[32px]\"><\/div>\n \n \n <div class=\"slider-container\" id=\"custom-slider\">\n <div class=\"slider-track\">\n <div class=\"slider-fill\" id=\"slider-fill\"><\/div>\n \n <\/div>\n <div class=\"slider-thumb\" id=\"slider-thumb\"><\/div>\n <div class=\"slider-labels\" id=\"slider-labels\">\n \n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"experience-container\"><\/div>\n <\/section>\n\n <\/main>\n <\/div>\n\n \n <section class=\"bg-white p-6 sm:p-10 pb-24 relative\">\n <div class=\"max-w-4xl mx-auto text-center\">\n <h2 class=\"text-3xl font-bold resume-purple-text mb-5 pb-2 border-b-2 border-purple-200 inline-block\">CAREER HIGHLIGHT PHOTOS<\/h2>\n <div class=\"flex flex-wrap justify-center gap-3 mb-8\">\n <button id=\"tab-pmp\" class=\"tab-button active px-6 py-2 text-sm font-semibold rounded-full bg-purple-700 text-white transition duration-200\">\n PMP Team Rafting\n <\/button>\n <button id=\"tab-ifb\" class=\"tab-button px-6 py-2 text-sm font-semibold rounded-full bg-gray-200 text-gray-700 hover:bg-purple-100 transition duration-200\">\n Idaho Food Bank (IFB)\n <\/button>\n <button id=\"tab-swee\" class=\"tab-button px-6 py-2 text-sm font-semibold rounded-full bg-gray-200 text-gray-700 hover:bg-purple-100 transition duration-200\">\n SW-EE Excellence Award\n <\/button>\n <\/div>\n <div id=\"gallery-content\" class=\"bg-gray-50 p-6 rounded-xl border border-gray-200 shadow-inner\">\n \n <div id=\"content-pmp\" class=\"tab-content flex flex-col items-center\">\n <div class=\"img-magnifier-container\">\n <img decoding=\"async\" id=\"img-pmp\" src=\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg\" \n alt=\"Chance's team rafting the river.\" \n class=\"max-h-[500px] shadow-lg\">\n <\/div>\n <p class=\"mt-4 text-lg text-gray-700 italic font-medium\">\n Team building activity with Cascade Raft & Kayak. Yes, that is a laptop. I took my PMP shortly after this, and studied most of the ride.\n <\/p>\n <\/div>\n \n <div id=\"content-ifb\" class=\"tab-content hidden flex-col items-center\">\n <div class=\"img-magnifier-container\">\n <img decoding=\"async\" id=\"img-ifb\" src=\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/IFB.jpg\" \n alt=\"Volunteering at the Idaho Food Bank.\" \n class=\"max-h-[500px] shadow-lg\">\n <\/div>\n <p class=\"mt-4 text-lg text-gray-700 italic font-medium\">\n Volunteering with other HP Indigo team members at the Idaho Food Bank, which we did often. We packed just over 540 boxes for seniors.\n <\/p>\n <\/div>\n \n <div id=\"content-swee\" class=\"tab-content hidden flex-col items-center\">\n <div class=\"img-magnifier-container\">\n <img decoding=\"async\" id=\"img-swee\" src=\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/SWEE-scaled.jpg\" \n alt=\"SW-EE Excellence Award certificate.\" \n class=\"max-h-[500px] shadow-lg\">\n <\/div>\n <p class=\"mt-4 text-lg text-gray-700 italic font-medium\">\n I was honored to receive the <span class=\"font-bold\">SW-EE Excellence Award<\/span> for outstanding contributions to the DFE team.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <a id=\"scrollToBottomArrow\" title=\"Scroll to Bottom\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"7 13 12 18 17 13\"><\/polyline>\n <polyline points=\"7 6 12 11 17 6\"><\/polyline>\n <\/svg>\n <\/a>\n <\/section>\n\n <\/div>\n\n \n <script>\n \/\/ 1. IMPACT ANIMATION\n function animateValue(objId, start, end, duration) {\n let startTimestamp = null;\n const obj = document.getElementById(objId);\n if (!obj) return;\n const prefix = obj.getAttribute('data-prefix') || '';\n const suffix = obj.getAttribute('data-suffix') || '';\n const step = (timestamp) => {\n if (!startTimestamp) startTimestamp = timestamp;\n const progress = Math.min((timestamp - startTimestamp) \/ duration, 1);\n const currentValue = Math.floor(progress * (end - start) + start);\n obj.innerHTML = `${prefix}${currentValue.toLocaleString('en-US')}${suffix}`;\n if (progress < 1) { window.requestAnimationFrame(step); } \n else { obj.innerHTML = `${prefix}${end.toLocaleString('en-US')}${suffix}`; }\n };\n window.requestAnimationFrame(step);\n }\n function startImpactAnimations() {\n animateValue(\"impact-250k\", 0, 250, 2000); \n animateValue(\"impact-30\", 0, 30, 1500); \n animateValue(\"impact-200\", 0, 200, 1800); \n }\n\n \/\/ 2. JOB DATA\n const jobs = [\n {\n title: \"Software DevOps Engineer\",\n company: \"HP Inc.\",\n shortName: \"HP\",\n logoText: \"HP\",\n dates: \"2022-2025\",\n details: [\n \"Pioneered a structured risk tracking system and led comprehensive release retrospectives, directly resulting in a sustained <span class='font-bold'>50%<\/span> decrease in post-deployment incidents and higher overall system stability.\",\n \"Architected and automated complex deployment pipelines using Jenkins and Azure DevOps, successfully scaling delivery capacity to support over <span class='font-bold'>200<\/span> global engineers across multiple concurrent product lines.\",\n \"Spearheaded the automation of key CI\/CD pipelines to provide real-time release transparency for stakeholders, significantly improving reporting accuracy and ensuring consistent on-time delivery.\",\n \"Designed, implemented, and maintained critical CI\/CD workflows supporting multiple business-essential applications, which measurably increased total team delivery velocity and reduced manual overhead.\"\n ]\n },\n {\n title: \"Graduate Teaching Assistant and Lecturer\",\n company: \"Boise State University\",\n shortName: \"BSU\",\n logoText: \"BSU\",\n dates: \"2024-2025\",\n details: [\n \"Delivered comprehensive, full-length lectures to both undergraduate and graduate students, breaking down complex topics into accessible, engaging learning modules.\",\n \"Managed instruction, communication, and academic support for a diverse roster of <span class='font-bold'>60+<\/span> students across two concurrent, high-level courses: Project Management and Information Security.\",\n \"Evaluated and graded <span class='font-bold'>hundreds<\/span> of assignments while collaborating with faculty to design rigorous course materials, detailed rubrics, and interactive learning activities across multiple semesters.\"\n ]\n },\n {\n title: \"Manager and Sr. Automation Engineer\",\n company: \"KForce Inc\",\n shortName: \"KForce\",\n logoText: \"KF\",\n dates: \"2019-2022\",\n details: [\n \"Directed a high-performing, <span class='font-bold'>12-person<\/span> cross-functional team\u2014comprising developers, QA engineers, technicians, and UI Localization PMs\u2014to deliver complex enterprise automation projects strictly on time and under budget.\",\n \"Engineered robust automation pipelines for intricate product dependencies, eliminating repetitive manual tasks and saving the team <span class='font-bold'>hundreds<\/span> of operational hours annually.\",\n \"Oversaw and negotiated critical vendor contracts and service-level agreements (SLAs), ensuring strict compliance while identifying opportunities that led to verified cost savings of over <span class='font-bold'>$250,000<\/span> annually.\"\n ]\n },\n {\n title: \"Software Engineer\",\n company: \"Aquent LLC\",\n shortName: \"Aquent\",\n logoText: \"AQ\",\n dates: \"2016-2019\",\n details: [\n \"Revolutionized legacy processes by introducing fully automated pipelines for testing, email notifications, and data processing, significantly increasing operational efficiency and reducing human error.\",\n \"Integrated advanced monitoring tools that proactively identified system issues, dramatically reducing downtime incidents from a weekly occurrence to less than <span class='font-bold'>once per quarter<\/span>.\"\n ]\n }\n ];\n\n \/\/ 3. CUSTOM SNAPPING SLIDER LOGIC\n let currentJobIndex = 0;\n const numJobs = jobs.length;\n const sliderContainer = document.getElementById('custom-slider');\n const sliderTrack = sliderContainer.querySelector('.slider-track');\n const sliderFill = document.getElementById('slider-fill');\n const sliderThumb = document.getElementById('slider-thumb');\n const sliderLabels = document.getElementById('slider-labels');\n const jobTitleLabel = document.getElementById('job-title-label');\n const experienceContainer = document.getElementById('experience-container');\n\n function initSlider() {\n \/\/ Create pips and labels\n for (let i = 0; i < numJobs; i++) {\n const pip = document.createElement('div');\n pip.className = `slider-pip ${i === 0 ? 'active' : ''}`;\n pip.style.left = `${(i \/ (numJobs - 1)) * 100}%`;\n pip.dataset.index = i;\n sliderTrack.appendChild(pip);\n\n const label = document.createElement('div');\n label.className = `slider-label ${i === 0 ? 'active' : ''}`;\n label.textContent = jobs[i].shortName;\n label.style.left = `${(i \/ (numJobs - 1)) * 100}%`;\n label.dataset.index = i;\n sliderLabels.appendChild(label);\n\n \/\/ Add click handlers for pips and labels\n pip.addEventListener('click', (e) => { e.stopPropagation(); setSliderPosition(i); });\n label.addEventListener('click', (e) => { e.stopPropagation(); setSliderPosition(i); });\n }\n \/\/ Track click handler\n sliderTrack.addEventListener('click', (e) => {\n const rect = sliderTrack.getBoundingClientRect();\n const percent = (e.clientX - rect.left) \/ rect.width;\n const index = Math.round(percent * (numJobs - 1));\n setSliderPosition(Math.max(0, Math.min(index, numJobs - 1)));\n });\n\n updateSliderVisuals(0);\n }\n\n function setSliderPosition(index) {\n currentJobIndex = index;\n updateSliderVisuals(index);\n renderJob(index);\n }\n\n function updateSliderVisuals(index) {\n const percent = (index \/ (numJobs - 1)) * 100;\n sliderFill.style.width = `${percent}%`;\n sliderThumb.style.left = `${percent}%`;\n\n \/\/ Update active states for pips and labels\n document.querySelectorAll('.slider-pip').forEach((pip, i) => {\n pip.classList.toggle('active', i <= index);\n });\n document.querySelectorAll('.slider-label').forEach((label, i) => {\n label.classList.toggle('active', i === index);\n });\n }\n\n \/\/ Dragging functionality\n let isDragging = false;\n sliderThumb.addEventListener('mousedown', () => { isDragging = true; document.body.style.cursor = 'grabbing'; });\n document.addEventListener('mouseup', () => {\n if (isDragging) {\n isDragging = false;\n document.body.style.cursor = '';\n \/\/ Snap to nearest on release\n setSliderPosition(currentJobIndex);\n }\n });\n document.addEventListener('mousemove', (e) => {\n if (!isDragging) return;\n const rect = sliderTrack.getBoundingClientRect();\n let percent = (e.clientX - rect.left) \/ rect.width;\n percent = Math.max(0, Math.min(1, percent));\n const rawIndex = percent * (numJobs - 1);\n currentJobIndex = Math.round(rawIndex);\n \n \/\/ Visual update during drag (smooth, no snapping yet)\n sliderFill.style.width = `${percent * 100}%`;\n sliderThumb.style.left = `${percent * 100}%`;\n });\n \/\/ Touch support\n sliderThumb.addEventListener('touchstart', (e) => { isDragging = true; e.preventDefault(); });\n document.addEventListener('touchend', () => { if (isDragging) { isDragging = false; setSliderPosition(currentJobIndex); } });\n document.addEventListener('touchmove', (e) => {\n if (!isDragging) return;\n const rect = sliderTrack.getBoundingClientRect();\n let percent = (e.touches[0].clientX - rect.left) \/ rect.width;\n percent = Math.max(0, Math.min(1, percent));\n currentJobIndex = Math.round(percent * (numJobs - 1));\n sliderFill.style.width = `${percent * 100}%`;\n sliderThumb.style.left = `${percent * 100}%`;\n }, { passive: false });\n\n\n function renderJob(index) {\n const job = jobs[index];\n jobTitleLabel.innerHTML = `${job.company} <span class=\"text-base font-normal text-purple-600\">(${job.dates})<\/span>`;\n experienceContainer.innerHTML = `\n <div class=\"flex items-start space-x-4 transition duration-500 ease-in-out transform opacity-0 translate-x-4 job-item pt-2\">\n <div class=\"flex-shrink-0 w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center border-2 border-purple-500 shadow-sm\">\n <span class=\"text-purple-700 font-bold text-lg\">${job.logoText}<\/span>\n <\/div>\n <div class=\"flex-grow\">\n <h3 class=\"text-xl font-bold text-gray-900 leading-tight\">${job.title}<\/h3>\n <ul class=\"list-disc ml-5 mt-3 space-y-2 text-gray-700\">\n ${job.details.map(detail => `<li>${detail}<\/li>`).join('')}\n <\/ul>\n <\/div>\n <\/div>\n `;\n setTimeout(() => {\n const jobItem = experienceContainer.querySelector('.job-item');\n if(jobItem) { jobItem.classList.remove('opacity-0', 'translate-x-4'); jobItem.classList.add('opacity-100', 'translate-x-0'); }\n }, 10);\n }\n\n\n \/\/ 4. LOUPE MAGNIFIER\n let currentMagnifier = null;\n function magnifier(imgID, zoom) {\n const img = document.getElementById(imgID);\n let glass, w, h, bw;\n glass = document.createElement(\"DIV\");\n glass.setAttribute(\"class\", \"img-magnifier-glass\");\n img.parentElement.insertBefore(glass, img);\n glass.style.backgroundImage = \"url('\" + img.src + \"')\";\n glass.style.backgroundRepeat = \"no-repeat\";\n glass.style.backgroundSize = (img.width * zoom) + \"px \" + (img.height * zoom) + \"px\";\n bw = 3; w = glass.offsetWidth \/ 2; h = glass.offsetHeight \/ 2;\n glass.addEventListener(\"mousemove\", moveMagnifier); img.addEventListener(\"mousemove\", moveMagnifier);\n glass.addEventListener(\"touchmove\", moveMagnifier); img.addEventListener(\"touchmove\", moveMagnifier);\n img.addEventListener(\"mouseenter\", () => { glass.style.display = \"block\"; });\n img.addEventListener(\"mouseleave\", () => { glass.style.display = \"none\"; });\n function moveMagnifier(e) {\n e.preventDefault();\n const pos = getCursorPos(e);\n let x = pos.x, y = pos.y;\n if (x > img.width - (w \/ zoom)) {x = img.width - (w \/ zoom);}\n if (x < w \/ zoom) {x = w \/ zoom;}\n if (y > img.height - (h \/ zoom)) {y = img.height - (h \/ zoom);}\n if (y < h \/ zoom) {y = h \/ zoom;}\n glass.style.left = x + \"px\"; glass.style.top = y + \"px\";\n glass.style.backgroundPosition = \"-\" + ((x * zoom) - w + bw) + \"px -\" + ((y * zoom) - h + bw) + \"px\";\n }\n function getCursorPos(e) {\n let a, x = 0, y = 0;\n e = e || window.event;\n a = img.getBoundingClientRect();\n x = e.pageX - a.left; y = e.pageY - a.top;\n x = x - window.pageXOffset; y = y - window.pageYOffset;\n return {x : x, y : y};\n }\n return glass;\n }\n function setupTabs() {\n const tabButtons = document.querySelectorAll('.tab-button');\n const tabContents = document.querySelectorAll('.tab-content');\n const checkImageLoaded = (imgId) => {\n const img = document.getElementById(imgId);\n return img && img.complete && img.naturalHeight !== 0;\n };\n const initFirstMagnifier = () => {\n if (checkImageLoaded('img-pmp')) { currentMagnifier = magnifier(\"img-pmp\", 2); } \n else { setTimeout(initFirstMagnifier, 500); }\n };\n initFirstMagnifier();\n tabButtons.forEach(button => {\n button.addEventListener('click', () => {\n const targetId = button.id.replace('tab-', 'content-');\n const imgId = button.id.replace('tab-', 'img-');\n if (currentMagnifier) { currentMagnifier.remove(); currentMagnifier = null; }\n tabButtons.forEach(btn => { btn.classList.remove('active', 'bg-purple-700', 'text-white'); btn.classList.add('bg-gray-200', 'text-gray-700'); });\n tabContents.forEach(content => content.classList.add('hidden'));\n button.classList.add('active', 'bg-purple-700', 'text-white'); button.classList.remove('bg-gray-200', 'text-gray-700');\n document.getElementById(targetId).classList.remove('hidden');\n setTimeout(() => { if (checkImageLoaded(imgId)) { currentMagnifier = magnifier(imgId, 2); } }, 100);\n });\n });\n }\n\n \/\/ 5. SCROLL ARROW\n function setupScrollArrow() {\n const arrow = document.getElementById('scrollToBottomArrow');\n if (!arrow) return;\n function toggleArrowVisibility() {\n const isAtBottom = (window.innerHeight + window.scrollY) >= document.body.offsetHeight - 50;\n if (isAtBottom) { arrow.classList.add('hidden'); } else { arrow.classList.remove('hidden'); }\n }\n arrow.addEventListener('click', (e) => {\n e.preventDefault();\n window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' });\n });\n window.addEventListener('scroll', toggleArrowVisibility);\n toggleArrowVisibility();\n }\n\n \/\/ INITIALIZATION\n window.onload = function() {\n startImpactAnimations();\n initSlider(); \/\/ Initialize custom slider\n renderJob(0); \/\/ Render first job\n setupTabs();\n setupScrollArrow();\n };\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Chance Davies Interactive Career Highlights CHANCE DAVIES PROJECT MANAGER AND DEVOPS ENGINEER QUANTIFIED IMPACT 0 ANNUAL COST SAVINGS OVERSIGHT 0 RELEASE CYCLE TIME REDUCTION 0 GLOBAL ENGINEERS SUPPORTED DAILY PROFILE Agile leader with expertise in product development, engineering, infrastructure, and solution strategy. Known for building high-performing teams, mentoring future leaders, and blending strategic vision with […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>RESUME - Chance Davies<\/title>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"RESUME - Chance Davies\" \/>\n<meta property=\"og:description\" content=\"Chance Davies Interactive Career Highlights CHANCE DAVIES PROJECT MANAGER AND DEVOPS ENGINEER QUANTIFIED IMPACT 0 ANNUAL COST SAVINGS OVERSIGHT 0 RELEASE CYCLE TIME REDUCTION 0 GLOBAL ENGINEERS SUPPORTED DAILY PROFILE Agile leader with expertise in product development, engineering, infrastructure, and solution strategy. Known for building high-performing teams, mentoring future leaders, and blending strategic vision with […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/chancedavies.net\/\" \/>\n<meta property=\"og:site_name\" content=\"Chance Davies\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-09T00:11:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/chancedavies.net\/\",\"url\":\"https:\/\/chancedavies.net\/\",\"name\":\"RESUME - Chance Davies\",\"isPartOf\":{\"@id\":\"https:\/\/chancedavies.net\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/chancedavies.net\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/chancedavies.net\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg\",\"datePublished\":\"2025-09-25T05:20:50+00:00\",\"dateModified\":\"2025-11-09T00:11:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/chancedavies.net\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/chancedavies.net\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/chancedavies.net\/#primaryimage\",\"url\":\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg\",\"contentUrl\":\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg\",\"width\":2560,\"height\":1561},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/chancedavies.net\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/chancedavies.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"RESUME\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/chancedavies.net\/#website\",\"url\":\"https:\/\/chancedavies.net\/\",\"name\":\"Chance Davies\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/chancedavies.net\/#\/schema\/person\/a2a9dded2d4ca21df8645a06569bec00\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/chancedavies.net\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/chancedavies.net\/#\/schema\/person\/a2a9dded2d4ca21df8645a06569bec00\",\"name\":\"Chance Davies\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/chancedavies.net\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/09\/Suave.png\",\"contentUrl\":\"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/09\/Suave.png\",\"width\":796,\"height\":1024,\"caption\":\"Chance Davies\"},\"logo\":{\"@id\":\"https:\/\/chancedavies.net\/#\/schema\/person\/image\/\"},\"sameAs\":[\"http:\/\/localhost:8081\"]}]}<\/script>\n","yoast_head_json":{"title":"RESUME - Chance Davies","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"RESUME - Chance Davies","og_description":"Chance Davies Interactive Career Highlights CHANCE DAVIES PROJECT MANAGER AND DEVOPS ENGINEER QUANTIFIED IMPACT 0 ANNUAL COST SAVINGS OVERSIGHT 0 RELEASE CYCLE TIME REDUCTION 0 GLOBAL ENGINEERS SUPPORTED DAILY PROFILE Agile leader with expertise in product development, engineering, infrastructure, and solution strategy. Known for building high-performing teams, mentoring future leaders, and blending strategic vision with […]","og_url":"https:\/\/chancedavies.net\/","og_site_name":"Chance Davies","article_modified_time":"2025-11-09T00:11:59+00:00","og_image":[{"url":"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/chancedavies.net\/","url":"https:\/\/chancedavies.net\/","name":"RESUME - Chance Davies","isPartOf":{"@id":"https:\/\/chancedavies.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/chancedavies.net\/#primaryimage"},"image":{"@id":"https:\/\/chancedavies.net\/#primaryimage"},"thumbnailUrl":"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg","datePublished":"2025-09-25T05:20:50+00:00","dateModified":"2025-11-09T00:11:59+00:00","breadcrumb":{"@id":"https:\/\/chancedavies.net\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/chancedavies.net\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/chancedavies.net\/#primaryimage","url":"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg","contentUrl":"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/11\/PMP-scaled.jpg","width":2560,"height":1561},{"@type":"BreadcrumbList","@id":"https:\/\/chancedavies.net\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/chancedavies.net\/"},{"@type":"ListItem","position":2,"name":"RESUME"}]},{"@type":"WebSite","@id":"https:\/\/chancedavies.net\/#website","url":"https:\/\/chancedavies.net\/","name":"Chance Davies","description":"","publisher":{"@id":"https:\/\/chancedavies.net\/#\/schema\/person\/a2a9dded2d4ca21df8645a06569bec00"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/chancedavies.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/chancedavies.net\/#\/schema\/person\/a2a9dded2d4ca21df8645a06569bec00","name":"Chance Davies","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/chancedavies.net\/#\/schema\/person\/image\/","url":"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/09\/Suave.png","contentUrl":"https:\/\/chancedavies.net\/wp-content\/uploads\/2025\/09\/Suave.png","width":796,"height":1024,"caption":"Chance Davies"},"logo":{"@id":"https:\/\/chancedavies.net\/#\/schema\/person\/image\/"},"sameAs":["http:\/\/localhost:8081"]}]}},"_links":{"self":[{"href":"https:\/\/chancedavies.net\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chancedavies.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chancedavies.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chancedavies.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chancedavies.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":17,"href":"https:\/\/chancedavies.net\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/chancedavies.net\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/chancedavies.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}