{"id":60,"date":"2025-11-19T09:50:01","date_gmt":"2025-11-19T07:50:01","guid":{"rendered":"https:\/\/www.puhakka.org\/?page_id=60"},"modified":"2025-11-19T16:46:45","modified_gmt":"2025-11-19T14:46:45","slug":"60-2","status":"publish","type":"page","link":"https:\/\/www.puhakka.org\/","title":{"rendered":"Bio"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Technical Leader &#038; IT Expert<\/title><br \/>\n    <meta name=\"description\" content=\"Experienced technical leader combining deep IT expertise with proven team leadership capabilities.\"><\/p>\n<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }<\/p>\n<p>        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n            line-height: 1.6;\n            color: #1e293b;\n            background: #f8fafc;\n        }<\/p>\n<p>        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 1rem;\n        }<\/p>\n<p>        \/* Hero Section *\/\n        .hero {\n            min-height: 90vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(20, 184, 166, 0.05));\n            text-align: center;\n            padding: 5rem 1rem;\n        }<\/p>\n<p>        .hero h1 {\n            font-size: clamp(2.5rem, 8vw, 4.5rem);\n            font-weight: 700;\n            margin-bottom: 1.5rem;\n            line-height: 1.2;\n        }<\/p>\n<p>        .hero .gradient-text {\n            background: linear-gradient(135deg, #0ea5e9, #14b8a6);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }<\/p>\n<p>        .hero p {\n            font-size: 1.25rem;\n            color: #64748b;\n            max-width: 42rem;\n            margin: 0 auto 2rem;\n        }<\/p>\n<p>        .btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            padding: 1rem 2rem;\n            font-size: 1.125rem;\n            font-weight: 600;\n            border-radius: 0.75rem;\n            text-decoration: none;\n            transition: all 0.3s;\n            cursor: pointer;\n            border: none;\n        }<\/p>\n<p>        .btn-primary {\n            background: linear-gradient(135deg, #0ea5e9, #14b8a6);\n            color: white;\n            box-shadow: 0 4px 16px rgba(14, 165, 233, 0.3);\n        }<\/p>\n<p>        .btn-primary:hover {\n            box-shadow: 0 0 40px rgba(14, 165, 233, 0.4);\n            transform: translateY(-2px);\n        }<\/p>\n<p>        .btn-outline {\n            background: white;\n            color: #0ea5e9;\n            border: 2px solid #e2e8f0;\n        }<\/p>\n<p>        .btn-outline:hover {\n            border-color: #0ea5e9;\n            background: #f8fafc;\n        }<\/p>\n<p>        .hero-actions {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1rem;\n            justify-content: center;\n            margin-bottom: 2rem;\n        }<\/p>\n<p>        .social-links {\n            display: flex;\n            gap: 1.5rem;\n            justify-content: center;\n            padding-top: 2rem;\n        }<\/p>\n<p>        .social-links a {\n            color: #64748b;\n            transition: color 0.3s;\n        }<\/p>\n<p>        .social-links a:hover {\n            color: #0ea5e9;\n        }<\/p>\n<p>        \/* Section Styles *\/\n        section {\n            padding: 5rem 0;\n        }<\/p>\n<p>        .section-header {\n            text-align: center;\n            margin-bottom: 4rem;\n        }<\/p>\n<p>        .section-header h2 {\n            font-size: clamp(2rem, 5vw, 3rem);\n            font-weight: 700;\n            margin-bottom: 1rem;\n        }<\/p>\n<p>        .section-header p {\n            font-size: 1.25rem;\n            color: #64748b;\n            max-width: 42rem;\n            margin: 0 auto;\n        }<\/p>\n<p>        \/* Skills Grid *\/\n        .skills-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 1.5rem;\n        }<\/p>\n<p>        .skill-card {\n            background: white;\n            padding: 2rem;\n            border-radius: 1rem;\n            border: 1px solid #e2e8f0;\n            transition: all 0.3s;\n        }<\/p>\n<p>        .skill-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n        }<\/p>\n<p>        .skill-icon {\n            width: 3rem;\n            height: 3rem;\n            background: linear-gradient(135deg, #0ea5e9, #14b8a6);\n            border-radius: 0.75rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 1rem;\n            color: white;\n            font-size: 1.5rem;\n        }<\/p>\n<p>        .skill-card h3 {\n            font-size: 1.25rem;\n            font-weight: 600;\n            margin-bottom: 1rem;\n        }<\/p>\n<p>        .skill-card ul {\n            list-style: none;\n            color: #64748b;\n        }<\/p>\n<p>        .skill-card li {\n            padding: 0.25rem 0;\n            font-size: 0.875rem;\n        }<\/p>\n<p>        \/* Leadership Grid *\/\n        .leadership-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 1.5rem;\n        }<\/p>\n<p>        .leadership-card {\n            background: rgba(255, 255, 255, 0.8);\n            backdrop-filter: blur(10px);\n            padding: 2.5rem;\n            border-radius: 1rem;\n            border: 1px solid rgba(226, 232, 240, 0.5);\n            transition: all 0.3s;\n        }<\/p>\n<p>        .leadership-card:hover {\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n        }<\/p>\n<p>        .leadership-icon {\n            width: 4rem;\n            height: 4rem;\n            background: rgba(20, 184, 166, 0.1);\n            border-radius: 1rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 1.5rem;\n            color: #14b8a6;\n            font-size: 2rem;\n        }<\/p>\n<p>        .leadership-card h3 {\n            font-size: 1.5rem;\n            font-weight: 600;\n            margin-bottom: 0.75rem;\n        }<\/p>\n<p>        .leadership-card p {\n            color: #64748b;\n            line-height: 1.7;\n        }<\/p>\n<p>        \/* Experience Timeline *\/\n        .experience-list {\n            max-width: 56rem;\n            margin: 0 auto;\n            display: flex;\n            flex-direction: column;\n            gap: 2rem;\n        }<\/p>\n<p>        .experience-card {\n            background: white;\n            padding: 2.5rem;\n            border-radius: 1rem;\n            border-left: 4px solid #0ea5e9;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n            transition: all 0.3s;\n        }<\/p>\n<p>        .experience-card:hover {\n            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n        }<\/p>\n<p>        .experience-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: start;\n            flex-wrap: wrap;\n            gap: 1rem;\n            margin-bottom: 1.5rem;\n        }<\/p>\n<p>        .experience-header h3 {\n            font-size: 1.75rem;\n            font-weight: 700;\n        }<\/p>\n<p>        .experience-header .company {\n            font-size: 1.25rem;\n            color: #0ea5e9;\n        }<\/p>\n<p>        .period-badge {\n            background: #f1f5f9;\n            color: #64748b;\n            padding: 0.5rem 1rem;\n            border-radius: 0.5rem;\n            font-size: 0.875rem;\n            font-weight: 600;\n        }<\/p>\n<p>        .experience-card ul {\n            list-style: none;\n            margin-bottom: 1.5rem;\n        }<\/p>\n<p>        .experience-card li {\n            display: flex;\n            gap: 0.5rem;\n            color: #64748b;\n            margin-bottom: 0.5rem;\n        }<\/p>\n<p>        .experience-card li::before {\n            content: \"\u2022\";\n            color: #14b8a6;\n            font-weight: bold;\n            flex-shrink: 0;\n        }<\/p>\n<p>        .tags {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.5rem;\n        }<\/p>\n<p>        .tag {\n            padding: 0.25rem 0.75rem;\n            border: 1px solid #e2e8f0;\n            border-radius: 0.5rem;\n            font-size: 0.875rem;\n            color: #475569;\n        }<\/p>\n<p>        \/* Contact Section *\/\n        .contact {\n            background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(20, 184, 166, 0.05));\n        }<\/p>\n<p>        .contact-card {\n            max-width: 48rem;\n            margin: 0 auto;\n            background: rgba(255, 255, 255, 0.8);\n            backdrop-filter: blur(10px);\n            padding: 4rem 3rem;\n            border-radius: 1rem;\n            text-align: center;\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n        }<\/p>\n<p>        .contact-card h2 {\n            font-size: 2.5rem;\n            font-weight: 700;\n            margin-bottom: 1rem;\n        }<\/p>\n<p>        .contact-card > p {\n            font-size: 1.25rem;\n            color: #64748b;\n            margin-bottom: 2rem;\n        }<\/p>\n<p>        .contact-actions {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1rem;\n            justify-content: center;\n            margin-bottom: 2rem;\n        }<\/p>\n<p>        .contact-footer {\n            padding-top: 2rem;\n            border-top: 1px solid rgba(226, 232, 240, 0.5);\n            display: flex;\n            gap: 2rem;\n            justify-content: center;\n        }<\/p>\n<p>        .contact-footer a {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            color: #64748b;\n            text-decoration: none;\n            transition: color 0.3s;\n        }<\/p>\n<p>        .contact-footer a:hover {\n            color: #0ea5e9;\n        }<\/p>\n<p>        \/* Icons (using Unicode symbols) *\/\n        .icon {\n            display: inline-block;\n            width: 1.5rem;\n            height: 1.5rem;\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .hero {\n                min-height: 70vh;\n                padding: 3rem 1rem;\n            }<\/p>\n<p>            section {\n                padding: 3rem 0;\n            }<\/p>\n<p>            .skills-grid,\n            .leadership-grid {\n                grid-template-columns: 1fr;\n            }<\/p>\n<p>            .experience-header {\n                flex-direction: column;\n            }<\/p>\n<p>            .contact-card {\n                padding: 3rem 1.5rem;\n            }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><br \/>\n    <!-- Hero Section --><\/p>\n<section class=\"hero\">\n<div class=\"container\">\n<h1>\n                Technical Leader &#038;<br \/>\n                <span class=\"gradient-text\">Innovation Executor<\/span><br \/>\n            <\/h1>\n<p>\n                Combining deep technical expertise with proven team leadership to deliver scalable solutions and empower high-performing teams\n            <\/p>\n<div class=\"hero-actions\">\n                <a href=\"#experience\" class=\"btn btn-primary\"><br \/>\n                    View Experience \u2192<br \/>\n                <\/a><br \/>\n                <a href=\"#contact\" class=\"btn btn-outline\"><br \/>\n                    \u2709 Get in Touch<br \/>\n                <\/a>\n            <\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Technical Skills Section --><\/p>\n<section id=\"skills\">\n<div class=\"container\">\n<div class=\"section-header\">\n<h2>Technical Expertise<\/h2>\n<p>Deep technical knowledge across the full stack with a focus on scalable, maintainable solutions<\/p>\n<\/p><\/div>\n<div class=\"skills-grid\">\n<div class=\"skill-card\">\n<div class=\"skill-icon\">\ud83d\udcbb<\/div>\n<h3>Software Architecture<\/h3>\n<ul>\n<li>Microservices<\/li>\n<li>API Design<\/li>\n<li>System Design<\/li>\n<li>Design Patterns<\/li>\n<\/ul><\/div>\n<div class=\"skill-card\">\n<div class=\"skill-icon\">\ud83d\uddc4\ufe0f<\/div>\n<h3>Data &#038; Backend<\/h3>\n<ul>\n<li>SQL\/NoSQL<\/li>\n<li>Data Modeling<\/li>\n<li>Performance Optimization<\/li>\n<li>ETL Pipelines<\/li>\n<\/ul><\/div>\n<div class=\"skill-card\">\n<div class=\"skill-icon\">\u2601\ufe0f<\/div>\n<h3>Cloud &#038; Infrastructure<\/h3>\n<ul>\n<li>AWS\/Azure\/GCP\/OCI<\/li>\n<li>Kubernetes<\/li>\n<li>CI\/CD pipelines<\/li>\n<li>Infrastructure as Code<\/li>\n<\/ul><\/div>\n<div class=\"skill-card\">\n<div class=\"skill-icon\">\ud83d\udd27<\/div>\n<h3>Development<\/h3>\n<ul>\n<li>PHP<\/li>\n<li>Python<\/li>\n<\/ul><\/div>\n<div class=\"skill-card\">\n<div class=\"skill-icon\">\ud83d\ude80<\/div>\n<h3>DevOps &#038; Tools<\/h3>\n<ul>\n<li>Docker<\/li>\n<li>Git<\/li>\n<li>Jenkins<\/li>\n<li>Monitoring &#038; Logging<\/li>\n<\/ul><\/div>\n<div class=\"skill-card\">\n<div class=\"skill-icon\">\ud83d\udd12<\/div>\n<h3>Security &#038; Best Practices<\/h3>\n<ul>\n<li>Security Audits<\/li>\n<li>Code Reviews<\/li>\n<li>Testing Strategy<\/li>\n<li>Documentation<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Leadership Section --><\/p>\n<section id=\"leadership\" style=\"background: linear-gradient(180deg, #f8fafc, #f1f5f9);\">\n<div class=\"container\">\n<div class=\"section-header\">\n<h2>Leadership Capabilities<\/h2>\n<p>Empowering teams and driving organizational success through strategic leadership<\/p>\n<\/p><\/div>\n<div class=\"leadership-grid\">\n<div class=\"leadership-card\">\n<div class=\"leadership-icon\">\ud83d\udc65<\/div>\n<h3>Team Development<\/h3>\n<p>Mentoring engineers, building high-performing teams, and fostering a culture of continuous learning and growth.<\/p>\n<\/p><\/div>\n<div class=\"leadership-card\">\n<div class=\"leadership-icon\">\ud83c\udfaf<\/div>\n<h3>Strategic Planning<\/h3>\n<p>Aligning technical roadmaps with business objectives, driving project delivery, and ensuring stakeholder success.<\/p>\n<\/p><\/div>\n<div class=\"leadership-card\">\n<div class=\"leadership-icon\">\ud83d\udcc8<\/div>\n<h3>Process Optimization<\/h3>\n<p>Implementing agile methodologies, improving development workflows, and establishing best practices for efficiency.<\/p>\n<\/p><\/div>\n<div class=\"leadership-card\">\n<div class=\"leadership-icon\">\ud83d\udca1<\/div>\n<h3>Innovation Leadership<\/h3>\n<p>Championing new technologies, driving digital transformation initiatives, and creating technical excellence.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Experience Section --><\/p>\n<section id=\"experience\">\n<div class=\"container\">\n<div class=\"section-header\">\n<h2>Professional Journey<\/h2>\n<p>A track record of delivering impact through technical excellence and leadership<\/p>\n<\/p><\/div>\n<div class=\"experience-list\">\n<div class=\"experience-card\">\n<div class=\"experience-header\">\n<div>\n<h3>Master Principal Account Cloud Engineer<\/h3>\n<div class=\"company\">Oracle Corp<\/div>\n<\/p><\/div>\n<div class=\"period-badge\">2024 &#8211; Present<\/div>\n<\/p><\/div>\n<ul>\n<li>Spearheaded initiatives to optimize customer cloud costs, enhancing their understanding of Oracle Cloud infrastructure, AI and GPU services.<\/li>\n<li>Delivered tailored solutions that highlighted cost-saving opportunities, resulting over 50% reduction in operational expenses for key clients.<\/li>\n<li>Act as a trusted advisor, guiding clients through the complexities of cloud technology adoption and implementation.\/li>\n                    <\/ul>\n<div class=\"tags\">\n<li><span class=\"tag\">Leadership<\/span><\/li>\n<li><span class=\"tag\">Architecture<\/span><\/li>\n<li><span class=\"tag\">Cloud<\/span><\/li><\/div>\n<\/p><\/div>\n<div class=\"experience-card\">\n<div class=\"experience-header\">\n<div>\n<h3>Chief Technology Officer<\/h3>\n<div class=\"company\">Ropo Group<\/div>\n<\/p><\/div>\n<div class=\"period-badge\">2021 &#8211; 2024<\/div>\n<\/p><\/div>\n<ul>\n<li>As the Chief Technology Officer at Ropo Capital, I was responsible for leading the technical strategy and technology vision for the Ropo group.<\/li>\n<li>Leading a team of 50+ technology professionals to develop and operate Ropo&#8217;s business platform. <\/li>\n<li>This included working closely with the management team to identify and prioritize technology initiatives that align with our commercial goals, and leading technical teams to implement those initiatives.<\/li>\n<\/ul>\n<div class=\"tags\">\n<li><span class=\"tag\">Software Development<\/span><\/li>\n<li><span class=\"tag\">DevOps<\/span><\/li>\n<li><span class=\"tag\">Mentoring<\/span><\/li><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Contact Section --><\/p>\n<section id=\"contact\" class=\"contact\">\n<div class=\"container\">\n<div class=\"contact-card\">\n<h2>Let&#8217;s Connect<\/h2>\n<p>Always open to discussing new opportunities, collaborations, or just connecting with fellow tech leaders.<\/p>\n<div class=\"contact-actions\">\n                    <a href=\"mailto:mikko@puhakka.org\" class=\"btn btn-primary\"><br \/>\n                        \u2709 Email Me<\/a><br \/>\n                    <a href=\"#\" class=\"btn btn-outline\"><br \/>\n                    \ud83d\udcc5 Schedule a Call<br \/>\n                    <\/a>\n                <\/div>\n<div class=\"contact-footer\">\n                    <a href=\"https:\/\/www.linkedin.com\/in\/mikko-puhakka\/\"><br \/>\n                        <svg width=\"20\" height=\"20\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"\/><\/svg><span> LinkedIn<\/span><br \/>\n                    <\/a><\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <script>\n        \/\/ Smooth scrolling for anchor links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });<\/p>\n<p>        \/\/ Simple fade-in animation on scroll\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };<\/p>\n<p>        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                }\n            });\n        }, observerOptions);<\/p>\n<p>        \/\/ Observe cards and sections\n        document.querySelectorAll('.skill-card, .leadership-card, .experience-card').forEach(el => {\n            el.style.opacity = '0';\n            el.style.transform = 'translateY(20px)';\n            el.style.transition = 'opacity 0.6s ease-out, transform 0.6s ease-out';\n            observer.observe(el);\n        });\n    <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Technical Leader &#038; IT Expert Technical Leader &#038; Innovation Executor Combining deep technical expertise with proven team leadership to deliver scalable solutions and empower high-performing teams View Experience \u2192 \u2709 Get in Touch Technical Expertise Deep technical knowledge across the full stack with a focus on scalable, maintainable solutions \ud83d\udcbb Software Architecture Microservices API Design [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":83,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-60","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.puhakka.org\/index.php\/wp-json\/wp\/v2\/pages\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.puhakka.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.puhakka.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.puhakka.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.puhakka.org\/index.php\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":13,"href":"https:\/\/www.puhakka.org\/index.php\/wp-json\/wp\/v2\/pages\/60\/revisions"}],"predecessor-version":[{"id":80,"href":"https:\/\/www.puhakka.org\/index.php\/wp-json\/wp\/v2\/pages\/60\/revisions\/80"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.puhakka.org\/index.php\/wp-json\/wp\/v2\/media\/83"}],"wp:attachment":[{"href":"https:\/\/www.puhakka.org\/index.php\/wp-json\/wp\/v2\/media?parent=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}