services_diagram.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="926px" height="695px" viewBox="-0.5 -0.5 926 695" content="&lt;mxfile scale=&quot;1&quot; border=&quot;30&quot;&gt;&lt;diagram id=&quot;IPSIYGMemn9gVfIDAAAz&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
    <defs/>
    <g>
        <rect x="29.97" y="30" width="575.02" height="310" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/>
        <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: 573px; height: 1px; padding-top: 37px; margin-left: 31px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <font color="#1d1d1d">
                                    Clever Cloud
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="317" y="49" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Clever Cloud
                </text>
            </switch>
        </g>
        <rect x="66.88" y="158" width="194.75" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#010203" pointer-events="none"/>
        <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: 193px; height: 1px; padding-top: 188px; margin-left: 68px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <font color="#000000">
                                    Application
                                    <br/>
                                    <i>
                                        (backend + serve frontend)
                                    </i>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="164" y="192" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Application...
                </text>
            </switch>
        </g>
        <path d="M 341 163 C 341 154.72 361.65 148 387.13 148 C 399.36 148 411.09 149.58 419.74 152.39 C 428.39 155.21 433.25 159.02 433.25 163 L 433.25 213 C 433.25 216.98 428.39 220.79 419.74 223.61 C 411.09 226.42 399.36 228 387.13 228 C 361.65 228 341 221.28 341 213 Z" fill="#e1d5e7" stroke="#9673a6" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 433.25 163 C 433.25 166.98 428.39 170.79 419.74 173.61 C 411.09 176.42 399.36 178 387.13 178 C 361.65 178 341 171.28 341 163" fill="none" stroke="#9673a6" stroke-miterlimit="10" pointer-events="none"/>
        <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: 90px; height: 1px; padding-top: 201px; margin-left: 342px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <font color="#050505">
                                    PostgreSQL
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="387" y="204" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    PostgreSQL
                </text>
            </switch>
        </g>
        <path d="M 261.63 188 L 334.63 188" fill="none" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 339.88 188 L 332.88 191.5 L 334.63 188 L 332.88 184.5 Z" fill="#1d1d1d" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 475 163 C 475 154.72 495.65 148 521.13 148 C 533.36 148 545.09 149.58 553.74 152.39 C 562.39 155.21 567.25 159.02 567.25 163 L 567.25 213 C 567.25 216.98 562.39 220.79 553.74 223.61 C 545.09 226.42 533.36 228 521.13 228 C 495.65 228 475 221.28 475 213 Z" fill="#e1d5e7" stroke="#9673a6" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 567.25 163 C 567.25 166.98 562.39 170.79 553.74 173.61 C 545.09 176.42 533.36 178 521.13 178 C 495.65 178 475 171.28 475 163" fill="none" stroke="#9673a6" stroke-miterlimit="10" pointer-events="none"/>
        <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: 90px; height: 1px; padding-top: 201px; margin-left: 476px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <font color="#050505">
                                    Clever Cloud
                                    <br/>
                                    backups
                                    <br/>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="521" y="204" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Clever Cloud...
                </text>
            </switch>
        </g>
        <path d="M 433.25 188 L 468.63 188" fill="none" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 473.88 188 L 466.88 191.5 L 468.63 188 L 466.88 184.5 Z" fill="#1d1d1d" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 212.94 218 L 469.71 499.3" fill="none" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 473.25 503.17 L 465.94 500.36 L 469.71 499.3 L 471.11 495.64 Z" fill="#1d1d1d" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 167 504 L 164.31 224.37" fill="none" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 164.26 219.12 L 167.83 226.08 L 164.31 224.37 L 160.83 226.15 Z" fill="#1d1d1d" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 167 564 L 167 597.63" fill="none" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 167 602.88 L 163.5 595.88 L 167 597.63 L 170.5 595.88 Z" fill="#1d1d1d" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 247 534 L 347.63 534" fill="none" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 352.88 534 L 345.88 537.5 L 347.63 534 L 345.88 530.5 Z" fill="#1d1d1d" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="87" y="504" width="160" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#010203" pointer-events="none"/>
        <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: 158px; height: 1px; padding-top: 534px; margin-left: 88px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <font color="#000000">
                                    Application
                                    <br/>
                                    <i>
                                        (frontend on browser)
                                    </i>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="167" y="538" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Application...
                </text>
            </switch>
        </g>
        <ellipse cx="52" cy="501.5" rx="7.5" ry="7.5" fill="rgb(255, 255, 255)" stroke="#010203" pointer-events="none"/>
        <path d="M 52 509 L 52 534 M 52 514 L 37 514 M 52 514 L 67 514 M 52 534 L 37 554 M 52 534 L 67 554" fill="none" stroke="#010203" stroke-miterlimit="10" pointer-events="none"/>
        <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: 561px; margin-left: 52px;">
                        <div data-drawio-colors="color: #000000; " 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: none; white-space: nowrap;">
                                User
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="52" y="573" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    User
                </text>
            </switch>
        </g>
        <rect x="87" y="604" width="160" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="none"/>
        <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: 158px; height: 1px; padding-top: 634px; margin-left: 88px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <font color="#000000">
                                    Crisp
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="167" y="638" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Crisp
                </text>
            </switch>
        </g>
        <rect x="354" y="504" width="160" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="none"/>
        <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: 158px; height: 1px; padding-top: 534px; margin-left: 355px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <font color="#000000">
                                    Sentry
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="434" y="538" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Sentry
                </text>
            </switch>
        </g>
        <path d="M 261.63 218 L 500.98 405.08" fill="none" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 505.12 408.31 L 497.45 406.76 L 500.98 405.08 L 501.76 401.24 Z" fill="#1d1d1d" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <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: 371px; margin-left: 507px;">
                        <div data-drawio-colors="color: #1D1D1D; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(29, 29, 29); line-height: 1.2; pointer-events: none; white-space: nowrap;">
                                AI computing
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="507" y="374" fill="#1D1D1D" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    AI computing
                </text>
            </switch>
        </g>
        <rect x="506" y="394" width="160" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="none"/>
        <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: 158px; height: 1px; padding-top: 424px; margin-left: 507px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <font color="#000000">
                                    Mistral AI
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="586" y="428" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Mistral AI
                </text>
            </switch>
        </g>
        <path d="M 814 328 L 801.88 333.05" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 797.03 335.07 L 802.15 329.15 L 801.88 333.05 L 804.84 335.61 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 814 328 L 802.31 329.62" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 797.11 330.35 L 803.56 325.92 L 802.31 329.62 L 804.52 332.85 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="734" y="328" width="160" height="126" rx="18.9" ry="18.9" fill="#f8cecc" stroke="#b85450" pointer-events="none"/>
        <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: 158px; height: 1px; padding-top: 391px; margin-left: 735px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <font color="#000000">
                                    GitLab by Adullact,
                                    <br/>
                                    GitHub,
                                    <br/>
                                    * (dynamic websites),
                                    <br/>
                                    * (dynamic repositories)
                                    <br/>
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="814" y="395" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    GitLab by Adullact,...
                </text>
            </switch>
        </g>
        <path d="M 261.63 203 L 728.08 388.65" fill="none" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 732.96 390.59 L 725.16 391.25 L 728.08 388.65 L 727.75 384.75 Z" fill="#1d1d1d" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <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: 334px; margin-left: 670px;">
                        <div data-drawio-colors="color: #1D1D1D; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(29, 29, 29); line-height: 1.2; pointer-events: none; white-space: nowrap;">
                                Data gathering
                                <br/>
                                (read-only)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="670" y="337" fill="#1D1D1D" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Data gathering...
                </text>
            </switch>
        </g>
        <rect x="190" y="394" width="160" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="none"/>
        <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: 158px; height: 1px; padding-top: 424px; margin-left: 191px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <font color="#000000">
                                    Matomo
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="270" y="428" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Matomo
                </text>
            </switch>
        </g>
        <path d="M 212.94 218 L 268.04 387.94" fill="none" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 269.66 392.94 L 264.17 387.36 L 268.04 387.94 L 270.83 385.2 Z" fill="#1d1d1d" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 207 504 L 265.01 457.96" fill="none" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 269.12 454.7 L 265.82 461.79 L 265.01 457.96 L 261.47 456.31 Z" fill="#1d1d1d" stroke="#1d1d1d" stroke-miterlimit="10" pointer-events="none"/>
    </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>