wireframes.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="482px" height="171px" viewBox="-0.5 -0.5 482 171" content="&lt;mxfile&gt;&lt;diagram id=&quot;oOH9C9SrMj3cPK_0ap-W&quot; name=&quot;Page-1&quot;&gt;7VhNc9owEP01HMvYFjZwTCFtDu1MZtKZJkcFLbamwvLIIkB/fVdY8jeJSUgmh15AepJW0tu3q4URWWz23xXNkp+SgRgFHtuPyHIUBJNoip8GOBRAOJ0VQKw4KyC/Au74X7CgZ9EtZ5A3JmopheZZE1zJNIWVbmBUKblrTltL0dw1ozF0gLsVFV30N2c6KdBZ6FX4DfA4cTv7nh3ZUDfZAnlCmdzVIHI9IgslpS5am/0ChOHO8VKs+3ZitDyYglQPWRAUC56o2Nq72XPpg7usktuUgZnvj8jXXcI13GV0ZUZ36F3EEr0RdtiaA6Vhf/JIfnlRFAjIDWh1wCl2wcxSY7Xhu/6uYnrisKTO8tSC1Ho3Lk1XBGDDctDPR/QyHzESYm695kIspJAKYQZruhV4kK8oOU15Cgb1niPEapM+OrveuUQFM9JgqjRRY6qPqCh4O0+zHp6iIwEJHjqKTesGKONp7AbQZDXmwMwBP6SCjdkgy7fmmx2ZReK5NkfFA46CRUFbjrSB3ppR3CDjOV8dt/FAcD0ej2sbZif3c8CjaiPNZS3noxd1U/G5VvIPOCGkMoWWNiyUY8yYY5JlWPV+SVTS8kvgnYgsicJZi2OCSDhjkCJWxeOz+hquozI7uYibd3XkR30RF1wg4uafTkn/JXS2hMgsbEnI75FQ+E4ScmXBc1kbUnZlXv6KzZoD8JbqcG/oGIeu+2DZOXaW+0bv0GAOWKdaaPGG5QlVMejam9ulskZV2BNsDlMgqOZPzR372LM73Eqe6pqngmawE7/lgFxu1Qrsqnrl0DZEmoaC9vNbXLlj6OjM8trD/OsP8K8QGPDwcoVC86woCdd8b0LgxDt+gaDoVDLzaND7PJ2/PSTClxnD0jMzzRyTiAAbHB9Q3xEvagrHDzu0TEiXlmB6gUwxoN59FS9KaoxKmZpUbCrWywjIZdGywJt/HFPkrTl1z/W9y5rYPubT8TS03Sqjms75CbVIU58gobajvMyL5ybUMGoZ8maDEiq6gB5q0zIzIT/jBbD7VMIoLL46W086yrmVuTa59grhB8C2YvTQkdPrCyMqeGxCT8DaWDBBx/HX+pWFN1j3iFNPw7uX08SFUk2PwaRHkG3hDAhb7Fb/FRS+qv5wIdf/AA==&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="0" y="0" width="480" height="170" rx="25.5" ry="25.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <rect x="203" y="40" width="80" height="62" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all"/>
        <rect x="20" y="10" width="160" height="120" 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 flex-start; justify-content: unsafe flex-start; width: 152px; height: 1px; padding-top: 0px; margin-left: 25px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 130px; overflow: hidden;">
                            <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;">
                                <h1>
                                    Heading
                                </h1>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit...
                                </p>
                                <p>
                                    <br/>
                                </p>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="25" y="12" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    Heading...
                </text>
            </switch>
        </g>
        <rect x="305" y="11" width="165" height="120" 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 flex-start; justify-content: unsafe flex-start; width: 157px; height: 1px; padding-top: 1px; margin-left: 310px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 130px; overflow: hidden;">
                            <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;">
                                <h1>
                                    Heading
                                </h1>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing...
                                </p>
                                <p>
                                    <br/>
                                </p>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="310" y="13" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    Heading...
                </text>
            </switch>
        </g>
        <path d="M 240 130 L 240 0" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <ellipse cx="240" cy="55.5" rx="40" ry="39.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 226 44.45 L 260.4 44.45 L 260.4 35 L 269 48.5 L 260.4 62 L 260.4 52.55 L 226 52.55 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 211 58.45 L 245.4 58.45 L 245.4 49 L 254 62.5 L 245.4 76 L 245.4 66.55 L 211 66.55 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(-180,232.5,62.5)" pointer-events="all"/>
        <path d="M 0 127.5 L 230 127.98 Q 240 128 250 128 L 480 128" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="20" y="133" width="240" 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: 238px; height: 1px; padding-top: 148px; margin-left: 22px;">
                        <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: normal; overflow-wrap: normal;">
                                Posted: Yesterday
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="22" y="152" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    Posted: Yesterday
                </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%">
                Viewer does not support full SVG 1.1
            </text>
        </a>
    </switch>
</svg>