{"id":692,"date":"2026-02-21T21:34:43","date_gmt":"2026-02-21T21:34:43","guid":{"rendered":"https:\/\/www.opey.org\/opeyit\/?page_id=692"},"modified":"2026-02-27T15:01:44","modified_gmt":"2026-02-27T15:01:44","slug":"cloud-resilience-scorecard","status":"publish","type":"page","link":"https:\/\/www.opey.org\/opeyit\/?page_id=692","title":{"rendered":"Cloud Resilience Scorecard"},"content":{"rendered":"\n<!-- \n=====================================================\nCLOUD RESILIENCE SCORECARD - WORDPRESS CUSTOM HTML\n=====================================================\n\nINSTRUCTIONS:\n1. Edit your Scorecard page in WordPress\n2. Click the + button to add a block\n3. Search for \"Custom HTML\" and add it\n4. Paste this ENTIRE file into that block\n5. Click \"Preview\" to see how it looks\n6. Publish\n\nThis code is SELF-CONTAINED and will NOT affect your theme.\nFully responsive for desktop, tablet, and mobile devices.\nThemed to match \"When Clouds Fail\" branding.\n\n=====================================================\n-->\n\n<div id=\"wcf-resilience-scorecard\">\n\n<style>\n\/* ==================== BASE STYLES ==================== *\/\n#wcf-resilience-scorecard {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif !important;\n    color: #333 !important;\n    line-height: 1.6 !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    -webkit-font-smoothing: antialiased !important;\n    -moz-osx-font-smoothing: grayscale !important;\n}\n\n#wcf-resilience-scorecard * {\n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n#wcf-resilience-scorecard button {\n    transition: all 0.2s ease !important;\n    cursor: pointer !important;\n    font-family: inherit !important;\n}\n\n#wcf-resilience-scorecard button:hover {\n    transform: scale(1.02) !important;\n}\n\n\/* ==================== MAIN CONTAINER ==================== *\/\n#wcf-resilience-scorecard .scorecard-wrapper {\n    min-height: 100vh !important;\n    padding: 40px 24px !important;\n    background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%) !important;\n}\n\n#wcf-resilience-scorecard .scorecard-inner {\n    max-width: 960px !important;\n    margin: 0 auto !important;\n}\n\n\/* ==================== HEADER ==================== *\/\n#wcf-resilience-scorecard .scorecard-header {\n    text-align: center !important;\n    margin-bottom: 36px !important;\n}\n\n#wcf-resilience-scorecard .scorecard-badge {\n    display: inline-block !important;\n    padding: 8px 20px !important;\n    background: linear-gradient(135deg, rgba(201,162,39,0.15), rgba(201,162,39,0.25)) !important;\n    border-radius: 100px !important;\n    font-size: 11px !important;\n    font-weight: 700 !important;\n    letter-spacing: 2px !important;\n    text-transform: uppercase !important;\n    color: #c9a227 !important;\n    margin-bottom: 16px !important;\n}\n\n#wcf-resilience-scorecard .scorecard-title {\n    font-size: 36px !important;\n    font-weight: 700 !important;\n    margin: 0 0 10px 0 !important;\n    color: #1a2a3a !important;\n    line-height: 1.2 !important;\n}\n\n#wcf-resilience-scorecard .scorecard-subtitle {\n    font-size: 16px !important;\n    color: #64748b !important;\n    margin: 0 !important;\n}\n\n\/* ==================== GRID LAYOUT ==================== *\/\n#wcf-resilience-scorecard .scorecard-grid {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    gap: 28px !important;\n}\n\n\/* ==================== ASSESSMENT PANEL ==================== *\/\n#wcf-resilience-scorecard .assessment-panel {\n    background: #ffffff !important;\n    border-radius: 20px !important;\n    padding: 32px !important;\n    box-shadow: 0 4px 30px rgba(0,0,0,0.06) !important;\n}\n\n#wcf-resilience-scorecard .panel-title {\n    font-size: 12px !important;\n    font-weight: 700 !important;\n    letter-spacing: 1.5px !important;\n    text-transform: uppercase !important;\n    color: #64748b !important;\n    margin-bottom: 28px !important;\n}\n\n\/* ==================== CATEGORY ROWS ==================== *\/\n#wcf-resilience-scorecard .category-row {\n    margin-bottom: 26px !important;\n}\n\n#wcf-resilience-scorecard .category-row:last-child {\n    margin-bottom: 0 !important;\n}\n\n#wcf-resilience-scorecard .category-label {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    color: #1a2a3a !important;\n    margin-bottom: 4px !important;\n}\n\n#wcf-resilience-scorecard .category-desc {\n    font-size: 13px !important;\n    color: #94a3b8 !important;\n    margin-bottom: 12px !important;\n}\n\n#wcf-resilience-scorecard .option-buttons {\n    display: flex !important;\n    gap: 10px !important;\n}\n\n#wcf-resilience-scorecard .option-btn {\n    flex: 1 !important;\n    padding: 12px 8px !important;\n    border-radius: 10px !important;\n    font-size: 13px !important;\n    font-weight: 600 !important;\n    border: 2px solid #e2e8f0 !important;\n    background: #ffffff !important;\n    color: #64748b !important;\n}\n\n#wcf-resilience-scorecard .option-btn:hover {\n    border-color: #cbd5e1 !important;\n}\n\n#wcf-resilience-scorecard .option-btn.selected-0 {\n    border-color: #64748b !important;\n    background: rgba(100,116,139,0.1) !important;\n    color: #64748b !important;\n}\n\n#wcf-resilience-scorecard .option-btn.selected-1 {\n    border-color: #c9a227 !important;\n    background: rgba(201,162,39,0.1) !important;\n    color: #c9a227 !important;\n}\n\n#wcf-resilience-scorecard .option-btn.selected-2 {\n    border-color: #1a2a3a !important;\n    background: rgba(26,42,58,0.1) !important;\n    color: #1a2a3a !important;\n}\n\n#wcf-resilience-scorecard .option-btn.selected-3 {\n    border-color: #22c55e !important;\n    background: rgba(34,197,94,0.1) !important;\n    color: #22c55e !important;\n}\n\n\/* ==================== RESULTS PANEL ==================== *\/\n#wcf-resilience-scorecard .results-panel {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 24px !important;\n}\n\n\/* ==================== RADAR CHART ==================== *\/\n#wcf-resilience-scorecard .radar-card {\n    background: #ffffff !important;\n    border-radius: 20px !important;\n    padding: 28px !important;\n    box-shadow: 0 4px 30px rgba(0,0,0,0.06) !important;\n    text-align: center !important;\n}\n\n#wcf-resilience-scorecard .radar-svg {\n    width: 100% !important;\n    max-width: 240px !important;\n    height: auto !important;\n    margin: 0 auto !important;\n    display: block !important;\n}\n\n#wcf-resilience-scorecard .radar-grid {\n    fill: none !important;\n    stroke: #e2e8f0 !important;\n    stroke-width: 1 !important;\n}\n\n#wcf-resilience-scorecard .radar-line {\n    stroke: #e2e8f0 !important;\n    stroke-width: 1 !important;\n}\n\n#wcf-resilience-scorecard .radar-area {\n    fill: rgba(26,42,58,0.15) !important;\n    stroke: #1a2a3a !important;\n    stroke-width: 3 !important;\n    transition: all 0.4s ease-out !important;\n}\n\n#wcf-resilience-scorecard .radar-point {\n    fill: #1a2a3a !important;\n    stroke: #ffffff !important;\n    stroke-width: 2 !important;\n    transition: all 0.4s ease-out !important;\n}\n\n#wcf-resilience-scorecard .radar-label {\n    font-size: 11px !important;\n    font-weight: 500 !important;\n    fill: #64748b !important;\n}\n\n\/* ==================== MATURITY CARD ==================== *\/\n#wcf-resilience-scorecard .maturity-card {\n    border-radius: 20px !important;\n    padding: 28px !important;\n    text-align: center !important;\n    border: 2px solid transparent !important;\n}\n\n#wcf-resilience-scorecard .maturity-card.level-emerging {\n    background: linear-gradient(135deg, rgba(148,163,184,0.1), rgba(148,163,184,0.05)) !important;\n    border-color: rgba(148,163,184,0.35) !important;\n}\n\n#wcf-resilience-scorecard .maturity-card.level-developing {\n    background: linear-gradient(135deg, rgba(201,162,39,0.1), rgba(201,162,39,0.05)) !important;\n    border-color: rgba(201,162,39,0.35) !important;\n}\n\n#wcf-resilience-scorecard .maturity-card.level-established {\n    background: linear-gradient(135deg, rgba(26,42,58,0.1), rgba(26,42,58,0.05)) !important;\n    border-color: rgba(26,42,58,0.35) !important;\n}\n\n#wcf-resilience-scorecard .maturity-card.level-leader {\n    background: linear-gradient(135deg, rgba(34,197,94,0.1), rgba(34,197,94,0.05)) !important;\n    border-color: rgba(34,197,94,0.35) !important;\n}\n\n#wcf-resilience-scorecard .maturity-label {\n    font-size: 12px !important;\n    font-weight: 700 !important;\n    letter-spacing: 1.5px !important;\n    text-transform: uppercase !important;\n    margin-bottom: 8px !important;\n}\n\n#wcf-resilience-scorecard .maturity-level {\n    font-size: 36px !important;\n    font-weight: 700 !important;\n    margin-bottom: 6px !important;\n    line-height: 1.1 !important;\n}\n\n#wcf-resilience-scorecard .maturity-score {\n    font-size: 24px !important;\n    font-weight: 600 !important;\n    color: #1a2a3a !important;\n    margin-bottom: 12px !important;\n}\n\n#wcf-resilience-scorecard .maturity-desc {\n    font-size: 14px !important;\n    color: #64748b !important;\n    line-height: 1.6 !important;\n}\n\n\/* ==================== NEXT MOVE CARD ==================== *\/\n#wcf-resilience-scorecard .nextmove-card {\n    background: #ffffff !important;\n    border-radius: 16px !important;\n    padding: 24px !important;\n    box-shadow: 0 4px 30px rgba(0,0,0,0.06) !important;\n    border-left: 4px solid #c9a227 !important;\n}\n\n#wcf-resilience-scorecard .nextmove-title {\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    color: #1a2a3a !important;\n    margin-bottom: 10px !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n}\n\n#wcf-resilience-scorecard .nextmove-text {\n    font-size: 14px !important;\n    color: #64748b !important;\n    line-height: 1.7 !important;\n}\n\n\/* ==================== CTA BUTTON ==================== *\/\n#wcf-resilience-scorecard .cta-button {\n    width: 100% !important;\n    padding: 20px 24px !important;\n    border-radius: 14px !important;\n    border: none !important;\n    background: linear-gradient(135deg, #1a2a3a 0%, #2d4156 100%) !important;\n    color: #ffffff !important;\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    box-shadow: 0 4px 20px rgba(26,42,58,0.3) !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 10px !important;\n}\n\n#wcf-resilience-scorecard .cta-button:hover {\n    background: linear-gradient(135deg, #2d4156 0%, #3d5166 100%) !important;\n    box-shadow: 0 6px 25px rgba(26,42,58,0.4) !important;\n}\n\n\/* ==================== SECONDARY ACTIONS ==================== *\/\n#wcf-resilience-scorecard .secondary-actions {\n    display: flex !important;\n    gap: 12px !important;\n    margin-top: 8px !important;\n}\n\n#wcf-resilience-scorecard .secondary-btn {\n    flex: 1 !important;\n    padding: 14px 16px !important;\n    border-radius: 10px !important;\n    border: 2px solid #e2e8f0 !important;\n    background: #ffffff !important;\n    color: #64748b !important;\n    font-size: 13px !important;\n    font-weight: 600 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 8px !important;\n}\n\n#wcf-resilience-scorecard .secondary-btn:hover {\n    border-color: #1a2a3a !important;\n    color: #1a2a3a !important;\n}\n\n#wcf-resilience-scorecard .secondary-btn svg {\n    width: 16px !important;\n    height: 16px !important;\n}\n\n\/* ==================== MOBILE RESPONSIVE ==================== *\/\n@media (max-width: 900px) {\n    #wcf-resilience-scorecard .scorecard-grid {\n        grid-template-columns: 1fr !important;\n    }\n    \n    #wcf-resilience-scorecard .scorecard-title {\n        font-size: 28px !important;\n    }\n}\n\n@media (max-width: 600px) {\n    #wcf-resilience-scorecard .scorecard-wrapper {\n        padding: 24px 16px !important;\n    }\n    \n    #wcf-resilience-scorecard .scorecard-title {\n        font-size: 24px !important;\n    }\n    \n    #wcf-resilience-scorecard .scorecard-subtitle {\n        font-size: 14px !important;\n    }\n    \n    #wcf-resilience-scorecard .assessment-panel,\n    #wcf-resilience-scorecard .radar-card,\n    #wcf-resilience-scorecard .maturity-card,\n    #wcf-resilience-scorecard .nextmove-card {\n        padding: 20px !important;\n    }\n    \n    #wcf-resilience-scorecard .option-buttons {\n        flex-wrap: wrap !important;\n    }\n    \n    #wcf-resilience-scorecard .option-btn {\n        flex: 1 1 45% !important;\n        padding: 10px 6px !important;\n        font-size: 12px !important;\n    }\n    \n    #wcf-resilience-scorecard .maturity-level {\n        font-size: 28px !important;\n    }\n    \n    #wcf-resilience-scorecard .maturity-score {\n        font-size: 20px !important;\n    }\n    \n    #wcf-resilience-scorecard .secondary-actions {\n        flex-direction: column !important;\n    }\n}\n\n@media (max-width: 400px) {\n    #wcf-resilience-scorecard .option-btn {\n        flex: 1 1 100% !important;\n    }\n}\n\n\/* ==================== PRINT STYLES ==================== *\/\n@media print {\n    #wcf-resilience-scorecard .scorecard-wrapper {\n        background: #ffffff !important;\n        padding: 20px !important;\n    }\n    \n    #wcf-resilience-scorecard .cta-button,\n    #wcf-resilience-scorecard .secondary-actions {\n        display: none !important;\n    }\n}\n<\/style>\n\n<div class=\"scorecard-wrapper\">\n    <div class=\"scorecard-inner\">\n        \n        <!-- HEADER -->\n        <div class=\"scorecard-header\">\n            <span class=\"scorecard-badge\">Architecture Assessment<\/span>\n            <h1 class=\"scorecard-title\">Cloud Resilience Scorecard<\/h1>\n            <p class=\"scorecard-subtitle\">Benchmark your infrastructure against industry-leading practices<\/p>\n        <\/div>\n        \n        <!-- GRID -->\n        <div class=\"scorecard-grid\">\n            \n            <!-- LEFT: ASSESSMENT PANEL -->\n            <div class=\"assessment-panel\">\n                <h2 class=\"panel-title\">Self-Assessment<\/h2>\n                \n                <!-- Data Sovereignty -->\n                <div class=\"category-row\">\n                    <div class=\"category-label\">Data Sovereignty<\/div>\n                    <div class=\"category-desc\">Control over encryption &amp; data access<\/div>\n                    <div class=\"option-buttons\">\n                        <button class=\"option-btn\" data-category=\"dataSovereignty\" data-value=\"0\">None<\/button>\n                        <button class=\"option-btn\" data-category=\"dataSovereignty\" data-value=\"1\">Basic<\/button>\n                        <button class=\"option-btn selected-2\" data-category=\"dataSovereignty\" data-value=\"2\">Established<\/button>\n                        <button class=\"option-btn\" data-category=\"dataSovereignty\" data-value=\"3\">Advanced<\/button>\n                    <\/div>\n                <\/div>\n                \n                <!-- Provider Diversity -->\n                <div class=\"category-row\">\n                    <div class=\"category-label\">Provider Diversity<\/div>\n                    <div class=\"category-desc\">Multi-cloud or single-vendor dependency<\/div>\n                    <div class=\"option-buttons\">\n                        <button class=\"option-btn\" data-category=\"providerDiversity\" data-value=\"0\">None<\/button>\n                        <button class=\"option-btn selected-1\" data-category=\"providerDiversity\" data-value=\"1\">Basic<\/button>\n                        <button class=\"option-btn\" data-category=\"providerDiversity\" data-value=\"2\">Established<\/button>\n                        <button class=\"option-btn\" data-category=\"providerDiversity\" data-value=\"3\">Advanced<\/button>\n                    <\/div>\n                <\/div>\n                \n                <!-- Automation Independence -->\n                <div class=\"category-row\">\n                    <div class=\"category-label\">Automation Independence<\/div>\n                    <div class=\"category-desc\">Portability of orchestration<\/div>\n                    <div class=\"option-buttons\">\n                        <button class=\"option-btn\" data-category=\"automationIndependence\" data-value=\"0\">None<\/button>\n                        <button class=\"option-btn\" data-category=\"automationIndependence\" data-value=\"1\">Basic<\/button>\n                        <button class=\"option-btn selected-2\" data-category=\"automationIndependence\" data-value=\"2\">Established<\/button>\n                        <button class=\"option-btn\" data-category=\"automationIndependence\" data-value=\"3\">Advanced<\/button>\n                    <\/div>\n                <\/div>\n                \n                <!-- Recovery Readiness -->\n                <div class=\"category-row\">\n                    <div class=\"category-label\">Recovery Readiness<\/div>\n                    <div class=\"category-desc\">Documented, tested recovery procedures<\/div>\n                    <div class=\"option-buttons\">\n                        <button class=\"option-btn\" data-category=\"recoveryReadiness\" data-value=\"0\">None<\/button>\n                        <button class=\"option-btn selected-1\" data-category=\"recoveryReadiness\" data-value=\"1\">Basic<\/button>\n                        <button class=\"option-btn\" data-category=\"recoveryReadiness\" data-value=\"2\">Established<\/button>\n                        <button class=\"option-btn\" data-category=\"recoveryReadiness\" data-value=\"3\">Advanced<\/button>\n                    <\/div>\n                <\/div>\n                \n                <!-- Complexity Control -->\n                <div class=\"category-row\">\n                    <div class=\"category-label\">Complexity Control<\/div>\n                    <div class=\"category-desc\">Managed architectural debt<\/div>\n                    <div class=\"option-buttons\">\n                        <button class=\"option-btn\" data-category=\"complexityControl\" data-value=\"0\">None<\/button>\n                        <button class=\"option-btn\" data-category=\"complexityControl\" data-value=\"1\">Basic<\/button>\n                        <button class=\"option-btn selected-2\" data-category=\"complexityControl\" data-value=\"2\">Established<\/button>\n                        <button class=\"option-btn\" data-category=\"complexityControl\" data-value=\"3\">Advanced<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- RIGHT: RESULTS PANEL -->\n            <div class=\"results-panel\">\n                \n                <!-- Radar Chart -->\n                <div class=\"radar-card\">\n                    <svg class=\"radar-svg\" viewBox=\"0 0 240 240\" id=\"radarChart\">\n                        <!-- Grid circles -->\n                        <circle class=\"radar-grid\" cx=\"120\" cy=\"120\" r=\"30\"\/>\n                        <circle class=\"radar-grid\" cx=\"120\" cy=\"120\" r=\"60\"\/>\n                        <circle class=\"radar-grid\" cx=\"120\" cy=\"120\" r=\"90\"\/>\n                        <!-- Grid lines -->\n                        <line class=\"radar-line\" x1=\"120\" y1=\"120\" x2=\"120\" y2=\"30\" id=\"line0\"\/>\n                        <line class=\"radar-line\" x1=\"120\" y1=\"120\" x2=\"205.6\" y2=\"92.4\" id=\"line1\"\/>\n                        <line class=\"radar-line\" x1=\"120\" y1=\"120\" x2=\"172.9\" y2=\"192.9\" id=\"line2\"\/>\n                        <line class=\"radar-line\" x1=\"120\" y1=\"120\" x2=\"67.1\" y2=\"192.9\" id=\"line3\"\/>\n                        <line class=\"radar-line\" x1=\"120\" y1=\"120\" x2=\"34.4\" y2=\"92.4\" id=\"line4\"\/>\n                        <!-- Data area -->\n                        <path class=\"radar-area\" id=\"radarArea\" d=\"M 120 60 L 180 92.4 L 156.5 172.9 L 83.5 172.9 L 60 92.4 Z\"\/>\n                        <!-- Data points -->\n                        <circle class=\"radar-point\" cx=\"120\" cy=\"60\" r=\"7\" id=\"point0\"\/>\n                        <circle class=\"radar-point\" cx=\"180\" cy=\"92.4\" r=\"7\" id=\"point1\"\/>\n                        <circle class=\"radar-point\" cx=\"156.5\" cy=\"172.9\" r=\"7\" id=\"point2\"\/>\n                        <circle class=\"radar-point\" cx=\"83.5\" cy=\"172.9\" r=\"7\" id=\"point3\"\/>\n                        <circle class=\"radar-point\" cx=\"60\" cy=\"92.4\" r=\"7\" id=\"point4\"\/>\n                        <!-- Labels -->\n                        <text class=\"radar-label\" x=\"120\" y=\"12\" text-anchor=\"middle\">Data<\/text>\n                        <text class=\"radar-label\" x=\"228\" y=\"88\" text-anchor=\"middle\">Diversity<\/text>\n                        <text class=\"radar-label\" x=\"188\" y=\"218\" text-anchor=\"middle\">Automation<\/text>\n                        <text class=\"radar-label\" x=\"52\" y=\"218\" text-anchor=\"middle\">Recovery<\/text>\n                        <text class=\"radar-label\" x=\"12\" y=\"88\" text-anchor=\"middle\">Complexity<\/text>\n                    <\/svg>\n                <\/div>\n                \n                <!-- Maturity Card -->\n                <div class=\"maturity-card level-developing\" id=\"maturityCard\">\n                    <div class=\"maturity-label\" id=\"maturityLabel\" style=\"color: #c9a227;\">Maturity Level<\/div>\n                    <div class=\"maturity-level\" id=\"maturityLevel\" style=\"color: #c9a227;\">Developing<\/div>\n                    <div class=\"maturity-score\"><span id=\"totalScore\">8<\/span>\/15 Points (<span id=\"percentage\">53<\/span>%)<\/div>\n                    <p class=\"maturity-desc\" id=\"maturityDesc\">Good progress\u2014targeted investments will accelerate resilience.<\/p>\n                <\/div>\n                \n                <!-- Next Move Card -->\n                <div class=\"nextmove-card\">\n                    <div class=\"nextmove-title\">\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#c9a227\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n                        Your Next Strategic Move\n                    <\/div>\n                    <p class=\"nextmove-text\" id=\"nextMoveText\">Organizations with multi-cloud strategies maintain 99.95% effective uptime. Your next high-impact investment: establishing a secondary provider relationship.<\/p>\n                <\/div>\n                \n                <!-- CTA Button -->\n                <a href=\"https:\/\/www.amazon.com\/dp\/B0GHP5RV68\" style=\"text-decoration: none !important;\">\n                    <button class=\"cta-button\">\n                        Get Your Customized Resilience Roadmap\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                    <\/button>\n                <\/a>\n                \n                <!-- Secondary Actions -->\n                <div class=\"secondary-actions\">\n                    <button class=\"secondary-btn\" onclick=\"printScorecard()\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 6 2 18 2 18 9\"\/><path d=\"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2\"\/><rect x=\"6\" y=\"14\" width=\"12\" height=\"8\"\/><\/svg>\n                        Print\n                    <\/button>\n                    <button class=\"secondary-btn\" onclick=\"copyResults()\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg>\n                        Copy Results\n                    <\/button>\n                    <button class=\"secondary-btn\" onclick=\"resetScorecard()\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"1 4 1 10 7 10\"\/><path d=\"M3.51 15a9 9 0 1 0 2.13-9.36L1 10\"\/><\/svg>\n                        Reset\n                    <\/button>\n                <\/div>\n                \n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    'use strict';\n    \n    \/\/ ==================== STATE ====================\n    const scores = {\n        dataSovereignty: 2,\n        providerDiversity: 1,\n        automationIndependence: 2,\n        recoveryReadiness: 1,\n        complexityControl: 2\n    };\n    \n    const categories = ['dataSovereignty', 'providerDiversity', 'automationIndependence', 'recoveryReadiness', 'complexityControl'];\n    const labels = ['Data', 'Diversity', 'Automation', 'Recovery', 'Complexity'];\n    \n    \/\/ Radar chart constants\n    const cx = 120, cy = 120, maxR = 90;\n    \n    \/\/ ==================== INITIALIZATION ====================\n    function init() {\n        \/\/ Add click handlers to all option buttons\n        const buttons = document.querySelectorAll('#wcf-resilience-scorecard .option-btn');\n        buttons.forEach(btn => {\n            btn.addEventListener('click', function() {\n                const category = this.getAttribute('data-category');\n                const value = parseInt(this.getAttribute('data-value'));\n                selectOption(category, value);\n            });\n        });\n        \n        updateChart();\n        updateResults();\n    }\n    \n    \/\/ ==================== OPTION SELECTION ====================\n    function selectOption(category, value) {\n        scores[category] = value;\n        \n        \/\/ Update button states\n        const buttons = document.querySelectorAll(`#wcf-resilience-scorecard .option-btn[data-category=\"${category}\"]`);\n        buttons.forEach(btn => {\n            btn.className = 'option-btn';\n            if (parseInt(btn.getAttribute('data-value')) === value) {\n                btn.classList.add(`selected-${value}`);\n            }\n        });\n        \n        updateChart();\n        updateResults();\n    }\n    \n    \/\/ ==================== RADAR CHART ====================\n    function getPoint(index, value) {\n        const angle = (Math.PI * 2 * index) \/ 5 - Math.PI \/ 2;\n        const r = (value \/ 3) * maxR;\n        return {\n            x: cx + r * Math.cos(angle),\n            y: cy + r * Math.sin(angle)\n        };\n    }\n    \n    function updateChart() {\n        const points = categories.map((cat, i) => getPoint(i, scores[cat]));\n        \n        \/\/ Update area path\n        const pathD = points.map((p, i) => `${i === 0 ? 'M' : 'L'} ${p.x} ${p.y}`).join(' ') + ' Z';\n        document.getElementById('radarArea').setAttribute('d', pathD);\n        \n        \/\/ Update points\n        points.forEach((p, i) => {\n            const point = document.getElementById(`point${i}`);\n            point.setAttribute('cx', p.x);\n            point.setAttribute('cy', p.y);\n        });\n    }\n    \n    \/\/ ==================== RESULTS ====================\n    function updateResults() {\n        const totalScore = Object.values(scores).reduce((a, b) => a + b, 0);\n        const percentage = Math.round((totalScore \/ 15) * 100);\n        \n        \/\/ Update score display\n        document.getElementById('totalScore').textContent = totalScore;\n        document.getElementById('percentage').textContent = percentage;\n        \n        \/\/ Determine maturity level\n        let level, levelClass, levelColor, desc;\n        if (percentage >= 80) {\n            level = 'Leader';\n            levelClass = 'level-leader';\n            levelColor = '#22c55e';\n            desc = 'Your organization sets the standard for cloud resilience.';\n        } else if (percentage >= 60) {\n            level = 'Established';\n            levelClass = 'level-established';\n            levelColor = '#1a2a3a';\n            desc = 'Strong foundation with clear areas for strategic enhancement.';\n        } else if (percentage >= 40) {\n            level = 'Developing';\n            levelClass = 'level-developing';\n            levelColor = '#c9a227';\n            desc = 'Good progress\u2014targeted investments will accelerate resilience.';\n        } else {\n            level = 'Emerging';\n            levelClass = 'level-emerging';\n            levelColor = '#94a3b8';\n            desc = 'Early stage with significant opportunity for competitive advantage.';\n        }\n        \n        \/\/ Update maturity card\n        const maturityCard = document.getElementById('maturityCard');\n        maturityCard.className = `maturity-card ${levelClass}`;\n        \n        const maturityLabel = document.getElementById('maturityLabel');\n        maturityLabel.style.color = levelColor;\n        \n        const maturityLevel = document.getElementById('maturityLevel');\n        maturityLevel.textContent = level;\n        maturityLevel.style.color = levelColor;\n        \n        document.getElementById('maturityDesc').textContent = desc;\n        \n        \/\/ Update next move\n        let nextMove;\n        if (scores.providerDiversity < 2) {\n            nextMove = \"Organizations with multi-cloud strategies maintain 99.95% effective uptime. Your next high-impact investment: establishing a secondary provider relationship.\";\n        } else if (scores.recoveryReadiness < 2) {\n            nextMove = \"Documented and tested recovery procedures reduce mean-time-to-recovery by 73%. Consider formalizing your runbooks this quarter.\";\n        } else if (scores.dataSovereignty < 2) {\n            nextMove = \"Data sovereignty ensures you control encryption keys and access. Prioritize implementing customer-managed keys across critical systems.\";\n        } else if (scores.automationIndependence < 2) {\n            nextMove = \"Portable automation reduces vendor lock-in. Evaluate cloud-agnostic orchestration tools like Terraform or Pulumi.\";\n        } else if (scores.complexityControl < 2) {\n            nextMove = \"Architectural debt compounds over time. Schedule quarterly complexity reviews to maintain system clarity.\";\n        } else {\n            nextMove = \"Strong foundation. Focus on optimization: automation independence creates long-term cost savings and negotiating leverage.\";\n        }\n        document.getElementById('nextMoveText').textContent = nextMove;\n    }\n    \n    \/\/ ==================== ACTIONS ====================\n    window.printScorecard = function() {\n        window.print();\n    };\n    \n    window.copyResults = function() {\n        const totalScore = Object.values(scores).reduce((a, b) => a + b, 0);\n        const percentage = Math.round((totalScore \/ 15) * 100);\n        \n        let summary = `CLOUD RESILIENCE SCORECARD RESULTS\\n`;\n        summary += `================================\\n\\n`;\n        summary += `Overall Score: ${totalScore}\/15 (${percentage}%)\\n\\n`;\n        summary += `Category Breakdown:\\n`;\n        summary += `\u2022 Data Sovereignty: ${scores.dataSovereignty}\/3\\n`;\n        summary += `\u2022 Provider Diversity: ${scores.providerDiversity}\/3\\n`;\n        summary += `\u2022 Automation Independence: ${scores.automationIndependence}\/3\\n`;\n        summary += `\u2022 Recovery Readiness: ${scores.recoveryReadiness}\/3\\n`;\n        summary += `\u2022 Complexity Control: ${scores.complexityControl}\/3\\n`;\n        summary += `\\nAssessment Date: ${new Date().toLocaleDateString()}\\n`;\n        summary += `\\nGet the book: https:\/\/www.amazon.com\/dp\/B0GHP5RV68`;\n        \n        navigator.clipboard.writeText(summary).then(() => {\n            alert('Results copied to clipboard!');\n        }).catch(() => {\n            alert('Unable to copy. Please try again.');\n        });\n    };\n    \n    window.resetScorecard = function() {\n        \/\/ Reset all scores to initial values\n        scores.dataSovereignty = 2;\n        scores.providerDiversity = 1;\n        scores.automationIndependence = 2;\n        scores.recoveryReadiness = 1;\n        scores.complexityControl = 2;\n        \n        \/\/ Reset button states\n        categories.forEach(cat => {\n            const buttons = document.querySelectorAll(`#wcf-resilience-scorecard .option-btn[data-category=\"${cat}\"]`);\n            buttons.forEach(btn => {\n                btn.className = 'option-btn';\n                const val = parseInt(btn.getAttribute('data-value'));\n                if (val === scores[cat]) {\n                    btn.classList.add(`selected-${val}`);\n                }\n            });\n        });\n        \n        updateChart();\n        updateResults();\n    };\n    \n    \/\/ Initialize on load\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', init);\n    } else {\n        init();\n    }\n})();\n<\/script>\n\n<\/div>\n<!-- End of #wcf-resilience-scorecard -->\n\n\n<div id=\"elemID031021\" style=\"line-height:16px;text-align:center;z-index:100000;\"><a title=\"wix guests ip\" href=\"https:\/\/www.tracemyip.org\/pv1-3-36447-2\"><img decoding=\"async\" src=\"\/\/s3.tracemyip.org\/vLg\/1217\/4684NR-IPIB\/57003\/9\/njsUrl\/\" alt=\"Wix guests ip\" referrerpolicy=\"no-referrer-when-downgrade\" style=\"border:0px;\"><\/a><div><a href=\"https:\/\/www.tracemyip.org\/pv1-3-36447-2\">ip traffic<\/a><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Architecture Assessment Cloud Resilience Scorecard Benchmark your infrastructure against industry-leading practices Self-Assessment Data Sovereignty Control over encryption &amp; data access None Basic Established Advanced Provider Diversity Multi-cloud or single-vendor dependency None Basic Established Advanced Automation Independence Portability of orchestration None Basic Established Advanced Recovery Readiness Documented, tested recovery procedures None Basic Established Advanced Complexity Control [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-692","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.opey.org\/opeyit\/index.php?rest_route=\/wp\/v2\/pages\/692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.opey.org\/opeyit\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.opey.org\/opeyit\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.opey.org\/opeyit\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.opey.org\/opeyit\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=692"}],"version-history":[{"count":3,"href":"https:\/\/www.opey.org\/opeyit\/index.php?rest_route=\/wp\/v2\/pages\/692\/revisions"}],"predecessor-version":[{"id":739,"href":"https:\/\/www.opey.org\/opeyit\/index.php?rest_route=\/wp\/v2\/pages\/692\/revisions\/739"}],"wp:attachment":[{"href":"https:\/\/www.opey.org\/opeyit\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}