docs/cicd-pipeline.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="669px" height="397px" viewBox="-0.5 -0.5 669 397" content="&lt;mxfile&gt;&lt;diagram id=&quot;rbj1SSDW6sndAr1KQ0hp&quot; name=&quot;Page-1&quot;&gt;7Vttb9sqFP41lbYPiWxjx8nHNG23SdvVtOpqHytiE4dbYnwx6ct+/T1gk9pAb7vW6cvaTarMMRyOzxvPAXKAFpurTwJX6288J+wgCvKrA3R0EEUxmsFfRbhuCChNGkIhaN6QwhvCKf1FWmLQUrc0J3Wvo+ScSVr1iRkvS5LJHg0LwS/73Vac9WetcEEcwmmGmUv9SXO5bqjTJLihfya0WJuZw6B9s8TZeSH4tmznO4jQSv9rXm+w4dX2r9c455cdEjo+QAvBuWyeNlcLwpRqjdqacSe3vN3JLUgp7zWgNdQFZltiRNaCyWujDP05RA0IDtDh5ZpKclrhTL29BOsDbS03DFohPOa4Xuu+qrGijC044wLaJS9hxKErYCvzBRGSXHVIrcCfCN8QKa6hS/sWzdJmiHGusHWuyxtTIYQa2rpjpsjYD7fuUex436gIHlot+TUWOQr7ROXn7RJoP0jFayq5YjhhMOnhUsBToZ5Ytha0lhtcljCD4Bv8D43OcYlHl2QJg4ij9p0mldb5VjJaksXO34O+2jGjRQnPGaiVCDUfXhL2XYlDee+F0jMFT/9qdVhyKfmm02HespRcmRgctVKCba4KFfFjkJrxgtfjgso1fD2IUFeNaCt6peQewtQ7i7Wmjj2mNl26lh7C0NO7I4PkkDXaJhdyDQopMTu+oXZNRMp8rlKT0jXj2bkisaVuG5UrPUsspOnXxgyMPKHM8Kml4OfEhBUkmCRODicxvOkH6q3qhxkKInverD7kf+3R0fcu1wnCsKQX/ZTp03jL7junIMnOtqFtWzQbJ30mNd+KjLTjulnMYuW4icuq+WiHlXaC3Xfeyy/C0HGMaguhWuv1KHcDWSlXR9sdIWsH3obmuXYiQWr6Cy81P2XZSn2F/q7k8CA58traeK8dars1s+XXW3d8IRiMowma9tQbDmL/kYnlluto1ufAV6uaPNZY7vJ2RC4I4xVo3LaTSXHbDZtnkj8iWXas7E3cA2TGMLJcPvAsgp7MOBkgM4YTR6uh6/WMAVojdyMGZ91wAmMAdcVJOu67G0KuwiKPwqIhMANyFPZNCTf/ear+ZhkkbulosB/mhyDHIlDhHi1UaxwlFsFup31C6LYUjz7Bbqd9QmizD635Q1vADsFp9dgH1vxBR0Cd47yRBGAkp+AWFsrsuJfP+1a8lG3REUam3SpecYUUKTHMJboJl4jjC9IYpOnDGK5qepOWBcm2ooaE+EPla0O1gRO+rOOxKhEqLf6XTCcU9+0ZPJ5ljG/zM6yxpLPuw/8T5W8+mO3PSyayGFlpjqAVWhZfdesIBa0mfFP0YP0Q8RghKx590C6aegIyRENEpJvC/hB012CmHrrrAj5T8D0H4kOBC9PSB0K+2OYVNwnnHpgP9I+vO93aPPs4oGGcsuNQADS0JhU6dAtCKWhREFG/DLi4i4dH48VRMA7joF+hjx6JGA0be8ggEBHFjuWyNcnOYb3xWG1NboP5oDe5P5PhreTtquKmiTaT7Ge7JUZ2qkaJm6pTT6aOB0jUKHWsQ0to0ByrPRPbPoujv5R9cLZ+OwZKZs5aalB+x0C+pXQIA7nR4yi+PicyW3s116JaL7L1oVsvwnVRbq+bxp2eGWyij5a6xNDtZqCqS/TRfLjcHh16RofW6NtR8W0ozkbL8G4SzBHE2M27Iwo4ti1zSwV7LL9V/NI0hBrQA1bave4OXgweXkU70dmJ3LsQvFNUemE4RLWGGw0IV0Hug+M1GiiRplMrTpPAjVNf0T4E4k3e4/Q1x+ksTo5Oot+L02SOgsPkzcSpLpZXgqsAHSJeJ+FzxqtZmzsBG7u1woM32YbIZ9PIxh2xq5997anF7jZ88rL0M3H3OJ5SP5En4Tdwua5w2dPT5N+tOnDW0TlqQOwcOoRhdaVV0TnWHmVNFlHvRbH8EKlaAIQJug8f9SjD1WDznFSMK/1IbiSBj2iEaXp08bxHvCUXORFdCS6w+DAadenN1MFtX2LL9MwqOUWK0zY7J/JWlbyRKiZO7Gzrq2L2VmbejY7ez+NVNT7pmSiauTsB8b5M5Cb83c2LuUZC6gR28QX4LOBl8J1WRNno7USQuT1ljDOdOsYJfdsAg8CVe0TQe33xcuuLkyRO49nv1ReLNEThyZupL2gOAlB5fYbL/AxnGanrsw0ucUE2ZKiaA03DXgyHqZtg91ZxuFt5zQH1l/k3lU85o5kSFVQCeigLBXcImJ5mElQLc2uVtPgu6KG9oNk3V3DH3rE16CcAraqtW0H0xm6g8dhuq1c5ShToPw2rhSr2TnSxB3NRJcZy23S7d7pvj0FfabKfWI7iKU0ne1qK4/fNpPdk/57sh072kedK0t6SvXsBopvs/67VBbmg0cKK6vy+vG7ys6Zh5p5cv41M67PS/szkHn86an/991TMetK9qGIKiue4qBLZgWkuV/7uLRUnwm1Gw11LTtzyeI0VGsNSquPw3Os3T37RZOfQQ1w0CVIDjx97M6m/8xT1xw9yzST+Y39P0I1k5Ank5PkCOQ6s3B0/MJAdRuH+Atk9+NnW+tcFH1ZcOHVWs2obUFN/fCFhPtjvDyDMoyidDeIOs6hnxJFlw0HiPHHPXTyB/pznUkls77Q/5V34xN0ozPimooyYPQB7h2BDS7pS8i9OTx1N/qmbuUl4n1t3sz0V+Im7FYQGd2JPbnBUdvvhKnpWJ3Y3QATZ8Avlw2P95Y4Xg5+Ssm5OKV6PDz/ORsET+rD+Va352XSTt29+mo6O/wM=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
    <defs>
        <linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-60a337-1-277116-1-s-0">
            <stop offset="0%" style="stop-color: rgb(39, 113, 22); stop-opacity: 1;"/>
            <stop offset="100%" style="stop-color: rgb(96, 163, 55); stop-opacity: 1;"/>
        </linearGradient>
        <linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-945df2-1-5a30b5-1-s-0">
            <stop offset="0%" style="stop-color: rgb(90, 48, 181); stop-opacity: 1;"/>
            <stop offset="100%" style="stop-color: rgb(148, 93, 242); stop-opacity: 1;"/>
        </linearGradient>
        <linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-f54749-1-c7131f-1-s-0">
            <stop offset="0%" style="stop-color: rgb(199, 19, 31); stop-opacity: 1;"/>
            <stop offset="100%" style="stop-color: rgb(245, 71, 73); stop-opacity: 1;"/>
        </linearGradient>
    </defs>
    <g>
        <rect x="289" y="145" width="333" height="250" fill="none" stroke="rgb(0, 0, 0)" stroke-dasharray="3 3" pointer-events="all"/>
        <path d="M 167.06 295 C 152.31 295 142 282.98 142 270.19 C 142 254.9 154.32 245 167.25 245 C 179.7 245 192 255.22 192 269.99 C 192 283.22 181.47 295 167.06 295 Z" fill="#0d2636" stroke="none" pointer-events="all"/>
        <path d="M 161.65 289.53 C 161.65 290.61 160.83 291.05 159.61 290.64 C 152.21 288.04 145.09 280.03 145.09 270.03 C 145.09 256.51 156.66 247.98 166.69 247.98 C 179.71 247.98 188.96 258.64 188.96 269.9 C 188.96 279.19 182.99 287.74 174.03 290.75 C 173.02 291.02 172.39 290.48 172.39 289.58 L 172.39 283.08 C 172.39 281.82 171.87 280.48 170.93 279.54 C 174.56 279.12 176.77 278.22 178.46 276.47 C 180.12 274.83 180.87 272.41 181.01 269.42 C 181.1 267.05 180.46 264.73 178.74 262.97 C 179.34 261.51 179.44 259.58 178.54 257.19 C 176.74 257.05 174.68 258.14 172.59 259.43 C 168.89 258.47 165.2 258.35 161.51 259.49 C 159.86 258.41 158.36 257.21 155.5 257.19 C 154.75 259.3 154.63 261.23 155.28 262.93 C 153.23 265.2 153 267.43 153.03 269.65 C 153.26 273.93 154.83 276.1 156.57 277.39 C 158.01 278.46 160.04 279.13 163.13 279.59 C 162.3 280.41 161.83 281.38 161.75 282.53 C 159.94 283.36 157.34 283.78 155.56 281.26 C 154.77 279.99 153.69 278.56 151.63 278.57 C 151.29 278.55 150.96 278.68 150.91 278.83 C 150.86 278.99 151.05 279.33 151.28 279.46 C 153.08 280.6 153.37 281.25 154.11 282.81 C 154.79 284.64 155.97 285.35 157.25 285.84 C 158.56 286.3 160.68 286.17 161.65 285.84 Z" fill="#ffffff" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 302px; margin-left: 167px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                GitHub Repository
                                <br/>
                                lchristmann/romaji2kana-website
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="167" y="314" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    GitHub R...
                </text>
            </switch>
        </g>
        <path d="M 42 269.5 L 92 269.52 L 133.88 269.92" fill="none" stroke="#545b64" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 140.88 269.99 L 133.85 273.42 L 133.92 266.42 Z" fill="#545b64" stroke="#545b64" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 260px; margin-left: 90px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                pushes code
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="90" y="264" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    pushes code
                </text>
            </switch>
        </g>
        <ellipse cx="27" cy="242.5" rx="7.5" ry="7.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 27 250 L 27 275 M 27 255 L 12 255 M 27 255 L 42 255 M 27 275 L 12 295 M 27 275 L 42 295" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 302px; margin-left: 27px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                Developer
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="27" y="314" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Devel...
                </text>
            </switch>
        </g>
        <ellipse cx="359.5" cy="175" rx="10" ry="10" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 175px; margin-left: 351px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                1
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="360" y="179" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    1
                </text>
            </switch>
        </g>
        <path d="M 315.5 245 L 595.5 245 L 595.5 375 L 315.5 375 Z" fill="none" stroke="#232f3e" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/>
        <path d="M 321.59 252.18 C 321.51 252.18 321.43 252.19 321.35 252.19 C 321 252.19 320.65 252.23 320.31 252.32 C 320.03 252.39 319.75 252.49 319.48 252.62 C 319.4 252.65 319.34 252.7 319.29 252.76 C 319.25 252.83 319.24 252.91 319.24 252.99 L 319.24 253.32 C 319.24 253.46 319.29 253.53 319.38 253.53 L 319.49 253.53 L 319.72 253.44 C 319.95 253.35 320.19 253.27 320.44 253.21 C 320.67 253.16 320.91 253.13 321.15 253.13 C 321.54 253.09 321.93 253.2 322.24 253.44 C 322.47 253.74 322.59 254.12 322.55 254.5 L 322.55 254.99 C 322.29 254.93 322.04 254.88 321.79 254.84 C 321.55 254.81 321.31 254.79 321.07 254.79 C 320.48 254.76 319.9 254.94 319.44 255.31 C 319.04 255.65 318.82 256.15 318.84 256.68 C 318.81 257.15 318.99 257.62 319.32 257.96 C 319.68 258.29 320.16 258.46 320.65 258.44 C 321.41 258.45 322.13 258.11 322.61 257.51 C 322.68 257.66 322.74 257.79 322.81 257.91 C 322.88 258.02 322.96 258.12 323.05 258.21 C 323.1 258.27 323.17 258.31 323.25 258.31 C 323.31 258.31 323.37 258.29 323.42 258.25 L 323.84 257.97 C 323.91 257.93 323.96 257.86 323.97 257.77 C 323.97 257.72 323.95 257.67 323.92 257.62 C 323.84 257.47 323.76 257.31 323.71 257.14 C 323.65 256.95 323.62 256.75 323.63 256.55 L 323.64 254.37 C 323.7 253.77 323.5 253.18 323.09 252.74 C 322.67 252.39 322.14 252.19 321.59 252.18 Z M 335.39 252.19 C 335.28 252.19 335.18 252.19 335.07 252.2 C 334.79 252.2 334.5 252.24 334.23 252.31 C 333.97 252.38 333.73 252.5 333.51 252.66 C 333.32 252.81 333.16 252.99 333.04 253.21 C 332.92 253.43 332.85 253.67 332.86 253.92 C 332.86 254.27 332.98 254.61 333.19 254.89 C 333.47 255.22 333.84 255.46 334.26 255.56 L 335.22 255.87 C 335.47 255.93 335.7 256.05 335.89 256.22 C 336.01 256.35 336.08 256.51 336.07 256.69 C 336.08 256.94 335.95 257.18 335.73 257.31 C 335.43 257.48 335.1 257.56 334.76 257.54 C 334.49 257.54 334.22 257.51 333.96 257.45 C 333.72 257.4 333.48 257.32 333.25 257.22 L 333.08 257.15 C 333.04 257.14 333 257.14 332.96 257.15 C 332.86 257.15 332.81 257.22 332.81 257.36 L 332.81 257.69 C 332.81 257.76 332.82 257.82 332.85 257.88 C 332.9 257.97 332.97 258.03 333.06 258.07 C 333.3 258.19 333.56 258.28 333.82 258.34 C 334.16 258.41 334.5 258.45 334.85 258.45 L 334.83 258.46 C 335.16 258.45 335.48 258.4 335.79 258.3 C 336.05 258.22 336.3 258.09 336.51 257.92 C 336.71 257.77 336.88 257.57 336.99 257.34 C 337.11 257.1 337.17 256.83 337.16 256.56 C 337.17 256.23 337.06 255.9 336.86 255.63 C 336.59 255.32 336.23 255.09 335.83 254.99 L 334.89 254.69 C 334.63 254.61 334.38 254.49 334.17 254.32 C 334.04 254.2 333.97 254.03 333.97 253.85 C 333.96 253.61 334.08 253.38 334.29 253.25 C 334.56 253.11 334.86 253.05 335.17 253.06 C 335.61 253.06 336.05 253.14 336.46 253.32 C 336.54 253.37 336.62 253.4 336.71 253.41 C 336.81 253.41 336.86 253.34 336.86 253.19 L 336.86 252.88 C 336.87 252.8 336.85 252.72 336.81 252.66 C 336.75 252.59 336.68 252.54 336.61 252.49 L 336.33 252.38 L 335.95 252.27 L 335.51 252.2 C 335.47 252.2 335.43 252.19 335.39 252.19 Z M 331.52 252.35 C 331.44 252.35 331.36 252.38 331.29 252.42 C 331.22 252.5 331.18 252.59 331.16 252.69 L 330.01 257.14 L 328.97 252.71 C 328.95 252.61 328.91 252.52 328.84 252.44 C 328.76 252.39 328.67 252.37 328.57 252.38 L 328.04 252.38 C 327.94 252.37 327.85 252.39 327.77 252.44 C 327.7 252.51 327.65 252.61 327.64 252.71 L 326.59 257.14 L 325.47 252.7 C 325.45 252.6 325.41 252.51 325.34 252.44 C 325.26 252.39 325.17 252.36 325.08 252.37 L 324.42 252.37 C 324.31 252.37 324.26 252.43 324.26 252.54 C 324.27 252.63 324.29 252.72 324.32 252.81 L 325.88 257.95 C 325.9 258.05 325.95 258.14 326.02 258.21 C 326.1 258.26 326.19 258.29 326.28 258.28 L 326.86 258.26 C 326.96 258.27 327.05 258.25 327.13 258.19 C 327.2 258.12 327.24 258.03 327.26 257.93 L 328.29 253.64 L 329.32 257.93 C 329.33 258.03 329.38 258.12 329.45 258.19 C 329.53 258.25 329.62 258.27 329.71 258.26 L 330.29 258.26 C 330.38 258.27 330.47 258.25 330.54 258.2 C 330.61 258.13 330.66 258.03 330.68 257.94 L 332.29 252.79 C 332.34 252.72 332.34 252.63 332.34 252.63 C 332.34 252.59 332.34 252.56 332.34 252.52 C 332.34 252.48 332.32 252.43 332.29 252.4 C 332.26 252.37 332.22 252.35 332.17 252.36 L 331.55 252.36 C 331.54 252.36 331.53 252.36 331.52 252.35 Z M 321.15 255.62 C 321.2 255.62 321.25 255.62 321.3 255.62 L 321.93 255.62 C 322.14 255.64 322.35 255.67 322.56 255.71 L 322.56 256.01 C 322.57 256.21 322.55 256.4 322.5 256.59 C 322.46 256.75 322.38 256.9 322.27 257.01 C 322.11 257.21 321.89 257.36 321.64 257.44 C 321.41 257.52 321.17 257.56 320.93 257.56 C 320.68 257.6 320.43 257.53 320.23 257.37 C 320.05 257.18 319.96 256.92 319.99 256.66 C 319.97 256.36 320.09 256.08 320.31 255.89 C 320.56 255.72 320.85 255.62 321.15 255.62 Z M 336.54 259.72 C 335.84 259.73 335.01 259.89 334.38 260.33 C 334.19 260.46 334.22 260.63 334.44 260.63 C 335.14 260.54 336.71 260.35 337 260.71 C 337.28 261.06 336.69 262.54 336.44 263.21 C 336.36 263.41 336.54 263.49 336.71 263.34 C 337.89 262.36 338.22 260.3 337.96 260 C 337.82 259.85 337.24 259.71 336.54 259.72 Z M 318.15 260.1 C 318 260.12 317.92 260.3 318.08 260.44 C 320.79 262.89 324.32 264.23 327.98 264.21 C 330.87 264.22 333.7 263.36 336.09 261.74 C 336.45 261.47 336.13 261.07 335.76 261.23 C 333.37 262.24 330.8 262.76 328.21 262.77 C 324.73 262.78 321.32 261.87 318.31 260.14 C 318.25 260.11 318.19 260.1 318.15 260.1 Z M 315.5 245 L 340.5 245 L 340.5 270 L 315.5 270 Z" fill="#232f3e" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 248px; height: 1px; padding-top: 252px; margin-left: 348px;">
                        <div data-drawio-colors="color: #232F3E; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(35, 47, 62); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                My AWS Account
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="348" y="264" fill="#232F3E" font-family="Helvetica" font-size="12px">
                    My AWS Account
                </text>
            </switch>
        </g>
        <path d="M 192 270 L 280.88 270" fill="none" stroke="#545b64" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 287.88 270 L 280.88 273.5 L 280.88 266.5 Z" fill="#545b64" stroke="#545b64" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 250px; margin-left: 234px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                every push
                                <br/>
                                triggers
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="234" y="254" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    every push...
                </text>
            </switch>
        </g>
        <rect x="325.5" y="185" width="70" height="40" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 205px; margin-left: 361px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                checkout
                                <br/>
                                the code
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="361" y="209" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    checkout...
                </text>
            </switch>
        </g>
        <rect x="485.5" y="290" width="80" height="40" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 310px; margin-left: 526px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                invalidate
                                <br/>
                                CDN cache
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="526" y="314" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    invalidate...
                </text>
            </switch>
        </g>
        <path d="M 370.5 330 L 400.5 330 L 400.5 360 L 370.5 360 Z" fill="url(#mx-gradient-60a337-1-277116-1-s-0)" stroke="none" pointer-events="all"/>
        <path d="M 394.45 346.24 L 394.62 345.08 C 396.14 345.99 396.16 346.37 396.16 346.38 C 396.15 346.38 395.89 346.59 394.45 346.24 Z M 393.62 346.01 C 391 345.21 387.35 343.54 385.87 342.84 C 385.87 342.83 385.87 342.83 385.87 342.82 C 385.87 342.25 385.41 341.79 384.84 341.79 C 384.27 341.79 383.81 342.25 383.81 342.82 C 383.81 343.39 384.27 343.85 384.84 343.85 C 385.09 343.85 385.32 343.76 385.49 343.61 C 387.23 344.44 390.86 346.09 393.5 346.87 L 392.45 354.24 C 392.45 354.26 392.45 354.28 392.45 354.3 C 392.45 354.95 389.58 356.14 384.88 356.14 C 380.13 356.14 377.23 354.95 377.23 354.3 C 377.23 354.28 377.23 354.26 377.22 354.24 L 375.04 338.3 C 376.93 339.6 380.99 340.29 384.88 340.29 C 388.76 340.29 392.82 339.6 394.71 338.3 Z M 374.81 336.63 C 374.84 336.07 378.08 333.86 384.88 333.86 C 391.68 333.86 394.92 336.07 394.95 336.63 L 394.95 336.83 C 394.58 338.09 390.38 339.43 384.88 339.43 C 379.37 339.43 375.17 338.09 374.81 336.82 Z M 395.81 336.64 C 395.81 335.16 391.55 333 384.88 333 C 378.21 333 373.95 335.16 373.95 336.64 L 373.99 336.97 L 376.37 354.33 C 376.43 356.28 381.61 357 384.88 357 C 388.94 357 393.25 356.07 393.31 354.33 L 394.33 347.09 C 394.91 347.23 395.38 347.3 395.75 347.3 C 396.26 347.3 396.6 347.18 396.81 346.93 C 396.98 346.73 397.05 346.48 397 346.22 C 396.89 345.62 396.18 344.98 394.75 344.17 L 395.77 336.98 Z" fill="#ffffff" stroke="none" pointer-events="all"/>
        <path d="M 510.5 330 L 540.5 330 L 540.5 360 L 510.5 360 Z" fill="url(#mx-gradient-945df2-1-5a30b5-1-s-0)" stroke="none" pointer-events="all"/>
        <path d="M 531.98 350.2 C 531.98 349.49 531.4 348.91 530.7 348.91 C 529.99 348.91 529.41 349.49 529.41 350.2 C 529.41 350.9 529.99 351.48 530.7 351.48 C 531.4 351.48 531.98 350.9 531.98 350.2 Z M 532.84 350.2 C 532.84 351.38 531.88 352.34 530.7 352.34 C 529.51 352.34 528.55 351.38 528.55 350.2 C 528.55 349.01 529.51 348.05 530.7 348.05 C 531.88 348.05 532.84 349.01 532.84 350.2 Z M 521.38 344.01 C 521.38 343.3 520.81 342.73 520.1 342.73 C 519.39 342.73 518.81 343.3 518.81 344.01 C 518.81 344.72 519.39 345.3 520.1 345.3 C 520.81 345.3 521.38 344.72 521.38 344.01 Z M 522.24 344.01 C 522.24 345.19 521.28 346.15 520.1 346.15 C 518.91 346.15 517.95 345.19 517.95 344.01 C 517.95 342.83 518.91 341.87 520.1 341.87 C 521.28 341.87 522.24 342.83 522.24 344.01 Z M 525.38 337.29 C 525.38 338 525.96 338.57 526.67 338.57 C 527.38 338.57 527.96 338 527.96 337.29 C 527.96 336.58 527.38 336 526.67 336 C 525.96 336 525.38 336.58 525.38 337.29 Z M 524.53 337.29 C 524.53 336.11 525.49 335.15 526.67 335.15 C 527.85 335.15 528.81 336.11 528.81 337.29 C 528.81 338.47 527.85 339.43 526.67 339.43 C 525.49 339.43 524.53 338.47 524.53 337.29 Z M 536.64 345 C 536.64 341.03 534.51 337.35 531.08 335.36 C 530.46 335.49 529.87 335.66 529.12 335.92 L 528.83 335.12 C 529.22 334.98 529.57 334.87 529.9 334.77 C 528.52 334.17 527.02 333.86 525.5 333.86 C 524.78 333.86 524.06 333.93 523.37 334.07 C 523.87 334.36 524.32 334.66 524.75 334.99 L 524.23 335.67 C 523.62 335.2 522.99 334.81 522.16 334.38 C 517.95 335.7 514.92 339.41 514.44 343.77 C 515.32 343.59 516.17 343.49 517.11 343.47 L 517.13 344.33 C 516.14 344.35 515.29 344.46 514.37 344.66 C 514.36 344.77 514.36 344.89 514.36 345 C 514.36 348.71 516.19 352.13 519.21 354.19 C 518.67 352.59 518.41 351.08 518.41 349.61 C 518.41 348.76 518.55 348.07 518.71 347.34 C 518.74 347.17 518.78 347 518.81 346.82 L 519.65 346.99 C 519.62 347.17 519.58 347.34 519.54 347.52 C 519.39 348.23 519.26 348.85 519.26 349.61 C 519.26 351.28 519.63 353.01 520.38 354.89 C 521.97 355.72 523.7 356.14 525.5 356.14 C 526.68 356.14 527.83 355.95 528.93 355.59 C 529.37 354.74 529.69 353.94 529.95 353.01 L 530.78 353.25 C 530.58 353.93 530.36 354.54 530.09 355.15 C 530.78 354.84 531.44 354.45 532.05 354 C 531.9 353.64 531.74 353.28 531.57 352.93 L 532.33 352.54 C 532.48 352.84 532.62 353.15 532.75 353.45 C 535.23 351.33 536.64 348.28 536.64 345 Z M 537.5 345 C 537.5 348.74 535.8 352.2 532.84 354.49 C 532.1 355.06 531.31 355.54 530.47 355.92 C 530.11 356.08 529.75 356.23 529.37 356.35 C 528.14 356.78 526.83 357 525.5 357 C 523.53 357 521.57 356.51 519.84 355.58 C 515.93 353.49 513.5 349.43 513.5 345 C 513.5 344.71 513.51 344.48 513.53 344.28 C 513.82 339.27 517.25 334.93 522.07 333.5 C 523.17 333.17 524.32 333 525.5 333 C 527.56 333 529.59 333.53 531.36 334.53 C 535.15 336.65 537.5 340.66 537.5 345 Z M 524.35 338.77 L 523.79 338.12 C 522.82 338.96 522.08 339.85 521.2 341.2 L 521.92 341.66 C 522.75 340.39 523.45 339.55 524.35 338.77 Z M 523.05 344.33 L 522.77 345.14 C 524.74 345.81 526.45 346.89 528.17 348.53 L 528.76 347.91 C 526.95 346.18 525.14 345.04 523.05 344.33 Z M 528.78 339.29 C 530.38 341.74 531.29 344.43 531.47 347.29 L 530.61 347.34 C 530.44 344.63 529.59 342.08 528.06 339.76 Z" fill="#ffffff" stroke="none" pointer-events="all"/>
        <ellipse cx="384.5" cy="280" rx="10" ry="10" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 280px; margin-left: 376px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                4
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="385" y="284" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    4
                </text>
            </switch>
        </g>
        <ellipse cx="525.5" cy="280" rx="10" ry="10" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 280px; margin-left: 517px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                5
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="526" y="284" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    5
                </text>
            </switch>
        </g>
        <rect x="350.5" y="290" width="70" height="40" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 310px; margin-left: 386px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                <span style="font-size: 11px; background-color: rgb(255, 255, 255);">
                                    deploy to
                                </span>
                                <br style="border-color: var(--border-color); font-size: 11px;"/>
                                <span style="font-size: 11px; background-color: rgb(255, 255, 255);">
                                    S3 bucket
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="386" y="314" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    deploy to...
                </text>
            </switch>
        </g>
        <path d="M 288.05 165 C 276.25 165 268 155.39 268 145.15 C 268 132.92 277.85 125 288.2 125 C 298.16 125 308 133.18 308 144.99 C 308 155.58 299.58 165 288.05 165 Z" fill="#0d2636" stroke="none" pointer-events="all"/>
        <path d="M 283.72 160.62 C 283.72 161.49 283.07 161.84 282.09 161.51 C 276.17 159.43 270.48 153.03 270.48 145.03 C 270.48 134.21 279.73 127.38 287.75 127.38 C 298.17 127.38 305.57 135.92 305.57 144.92 C 305.57 152.36 300.79 159.2 293.62 161.6 C 292.81 161.81 292.31 161.38 292.31 160.67 L 292.31 155.46 C 292.31 154.45 291.9 153.38 291.14 152.63 C 294.05 152.3 295.82 151.57 297.17 150.18 C 298.5 148.86 299.09 146.93 299.2 144.54 C 299.28 142.64 298.77 140.79 297.4 139.37 C 297.87 138.21 297.96 136.66 297.23 134.76 C 295.79 134.64 294.15 135.51 292.47 136.55 C 289.52 135.78 286.56 135.68 283.61 136.59 C 282.29 135.73 281.09 134.76 278.8 134.76 C 278.2 136.44 278.1 137.98 278.62 139.35 C 276.98 141.16 276.8 142.94 276.83 144.72 C 277.01 148.14 278.26 149.88 279.65 150.91 C 280.81 151.77 282.43 152.3 284.9 152.67 C 284.24 153.32 283.87 154.11 283.8 155.02 C 282.35 155.69 280.27 156.02 278.85 154 C 278.21 152.99 277.35 151.85 275.7 151.85 C 275.43 151.84 275.17 151.95 275.13 152.06 C 275.09 152.19 275.24 152.46 275.42 152.57 C 276.87 153.48 277.1 154 277.69 155.25 C 278.23 156.71 279.18 157.28 280.2 157.67 C 281.25 158.04 282.94 157.94 283.72 157.67 Z" fill="#ffffff" stroke="none" pointer-events="all"/>
        <rect x="302" y="118" width="180" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 133px; margin-left: 392px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                GitHub Actions CI/CD Pipeline
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="392" y="137" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    GitHub Actions CI/CD Pipeline
                </text>
            </switch>
        </g>
        <path d="M 273 5 L 303 5 L 303 35 L 273 35 Z" fill="url(#mx-gradient-f54749-1-c7131f-1-s-0)" stroke="none" pointer-events="all"/>
        <path d="M 276.86 28.14 L 299.14 28.14 L 299.14 11.86 L 276.86 11.86 Z M 300 11.43 L 300 28.57 C 300 28.81 299.81 29 299.57 29 L 276.43 29 C 276.19 29 276 28.81 276 28.57 L 276 11.43 C 276 11.19 276.19 11 276.43 11 L 299.57 11 C 299.81 11 300 11.19 300 11.43 Z M 289.71 23.43 L 296.14 23.43 L 296.14 22.57 L 289.71 22.57 Z M 295.29 20.86 L 297.43 20.86 L 297.43 20 L 295.29 20 Z M 289.71 20.86 L 293.14 20.86 L 293.14 20 L 289.71 20 Z M 283.29 22.57 C 283.29 22.34 283.09 22.14 282.86 22.14 C 282.62 22.14 282.43 22.34 282.43 22.57 C 282.43 22.81 282.62 23 282.86 23 C 283.09 23 283.29 22.81 283.29 22.57 Z M 284.14 22.57 C 284.14 23.13 283.78 23.6 283.29 23.78 L 283.29 24.71 L 282.43 24.71 L 282.43 23.78 C 281.93 23.6 281.57 23.13 281.57 22.57 C 281.57 21.86 282.15 21.29 282.86 21.29 C 283.57 21.29 284.14 21.86 284.14 22.57 Z M 279 26 L 286.71 26 L 286.71 24.29 L 285 24.29 L 285 23.43 L 286.71 23.43 L 286.71 22.14 L 285 22.14 L 285 21.29 L 286.71 21.29 L 286.71 20 L 279 20 Z M 280.29 19.14 L 285.43 19.15 L 285.43 16.14 C 285.43 15.16 284.23 14.29 282.86 14.29 L 282.86 14.29 C 281.49 14.29 280.29 15.16 280.29 16.14 Z M 278.14 26.43 L 278.15 19.57 C 278.15 19.46 278.19 19.35 278.27 19.27 C 278.35 19.19 278.46 19.14 278.57 19.14 L 279.43 19.14 L 279.43 16.14 C 279.43 14.65 280.97 13.43 282.86 13.43 L 282.86 13.43 C 284.75 13.43 286.29 14.65 286.29 16.14 L 286.29 19.15 L 287.14 19.15 C 287.38 19.15 287.57 19.34 287.57 19.57 L 287.57 26.43 C 287.57 26.54 287.52 26.65 287.44 26.73 C 287.36 26.81 287.25 26.86 287.14 26.86 L 278.57 26.85 C 278.33 26.85 278.14 26.66 278.14 26.43 Z M 296.57 18.29 L 297.43 18.29 L 297.43 17.43 L 296.57 17.43 Z M 289.71 18.29 L 294.43 18.29 L 294.43 17.43 L 289.71 17.43 Z" fill="#ffffff" stroke="none" pointer-events="all"/>
        <rect x="308" y="0" width="360" height="40" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 20px; margin-left: 310px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                AWS IAM Policy granting restricted access to deploy to the S3
                                <br/>
                                bucket and create an invalidation on the CloudFront distribution
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="310" y="24" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    AWS IAM Policy granting restricted access to deploy to the S...
                </text>
            </switch>
        </g>
        <path d="M 273 65 L 303 65 L 303 95 L 273 95 Z" fill="url(#mx-gradient-f54749-1-c7131f-1-s-0)" stroke="none" pointer-events="all"/>
        <path d="M 276.86 88.14 L 299.14 88.14 L 299.14 71.86 L 276.86 71.86 Z M 300 71.43 L 300 88.57 C 300 88.81 299.81 89 299.57 89 L 276.43 89 C 276.19 89 276 88.81 276 88.57 L 276 71.43 C 276 71.19 276.19 71 276.43 71 L 299.57 71 C 299.81 71 300 71.19 300 71.43 Z M 289.71 83.43 L 296.14 83.43 L 296.14 82.57 L 289.71 82.57 Z M 295.29 80.86 L 297.43 80.86 L 297.43 80 L 295.29 80 Z M 289.71 80.86 L 293.14 80.86 L 293.14 80 L 289.71 80 Z M 283.29 82.57 C 283.29 82.34 283.09 82.14 282.86 82.14 C 282.62 82.14 282.43 82.34 282.43 82.57 C 282.43 82.81 282.62 83 282.86 83 C 283.09 83 283.29 82.81 283.29 82.57 Z M 284.14 82.57 C 284.14 83.13 283.78 83.6 283.29 83.78 L 283.29 84.71 L 282.43 84.71 L 282.43 83.78 C 281.93 83.6 281.57 83.13 281.57 82.57 C 281.57 81.86 282.15 81.29 282.86 81.29 C 283.57 81.29 284.14 81.86 284.14 82.57 Z M 279 86 L 286.71 86 L 286.71 84.29 L 285 84.29 L 285 83.43 L 286.71 83.43 L 286.71 82.14 L 285 82.14 L 285 81.29 L 286.71 81.29 L 286.71 80 L 279 80 Z M 280.29 79.14 L 285.43 79.15 L 285.43 76.14 C 285.43 75.16 284.23 74.29 282.86 74.29 L 282.86 74.29 C 281.49 74.29 280.29 75.16 280.29 76.14 Z M 278.14 86.43 L 278.15 79.57 C 278.15 79.46 278.19 79.35 278.27 79.27 C 278.35 79.19 278.46 79.14 278.57 79.14 L 279.43 79.14 L 279.43 76.14 C 279.43 74.65 280.97 73.43 282.86 73.43 L 282.86 73.43 C 284.75 73.43 286.29 74.65 286.29 76.14 L 286.29 79.15 L 287.14 79.15 C 287.38 79.15 287.57 79.34 287.57 79.57 L 287.57 86.43 C 287.57 86.54 287.52 86.65 287.44 86.73 C 287.36 86.81 287.25 86.86 287.14 86.86 L 278.57 86.85 C 278.33 86.85 278.14 86.66 278.14 86.43 Z M 296.57 78.29 L 297.43 78.29 L 297.43 77.43 L 296.57 77.43 Z M 289.71 78.29 L 294.43 78.29 L 294.43 77.43 L 289.71 77.43 Z" fill="#ffffff" stroke="none" pointer-events="all"/>
        <rect x="308" y="65" width="230" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 80px; margin-left: 310px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                AWS IAM User identified by credentials
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="310" y="84" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    AWS IAM User identified by credentials
                </text>
            </switch>
        </g>
        <path d="M 288 65 L 288 43.12" fill="none" stroke="#545b64" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 288 36.12 L 291.5 43.12 L 284.5 43.12 Z" fill="#545b64" stroke="#545b64" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 53px; margin-left: 323px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                has attached
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="323" y="57" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    has attached
                </text>
            </switch>
        </g>
        <path d="M 288 125 L 288 103.12" fill="none" stroke="#545b64" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 288 96.12 L 291.5 103.12 L 284.5 103.12 Z" fill="#545b64" stroke="#545b64" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 109px; margin-left: 380px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
                                uses (for access to AWS resources)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="380" y="112" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    uses (for access to AWS resources)
                </text>
            </switch>
        </g>
        <ellipse cx="450.5" cy="175" rx="10" ry="10" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 175px; margin-left: 442px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                2
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="451" y="179" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    2
                </text>
            </switch>
        </g>
        <rect x="405.5" y="185" width="90" height="40" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 205px; margin-left: 451px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                compile and
                                <br/>
                                minify CSS
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="451" y="209" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    compile and...
                </text>
            </switch>
        </g>
        <ellipse cx="540.5" cy="175" rx="10" ry="10" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 175px; margin-left: 532px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                3
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="541" y="179" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    3
                </text>
            </switch>
        </g>
        <rect x="495.5" y="185" width="90" height="40" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 205px; margin-left: 541px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                remove .html
                                <br/>
                                extensions
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="541" y="209" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    remove .html...
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Text is not SVG - cannot display
            </text>
        </a>
    </switch>
</svg>