250 lines
20 KiB
XML
250 lines
20 KiB
XML
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1001px" height="312px" viewBox="-0.5 -0.5 1001 312" content="<mxfile><diagram id="6E4AiNPWWr3a8GvC3Ypl" name="Page-1">7VnLkps6EP0aqiaLUEgCGZbjV+4muYtJVdYakA11BfKV8diTr48E4imY2GPszCJQZUM3ep0+3TrYFlqkpy+C7OKvPKLMgk50stDSgtDFSH4qw6s2QLc0bEUSlSbQGJ6Sn1QbHW09JBHddx7MOWd5susaQ55lNMw7NiIEP3Yf23DWHXVHttQwPIWEmdYfSZTHpdX3nMb+D022cTUycLQnJdXD2rCPScSPLRNaWWghOM/Lq/S0oExhV+FStluPeOuJCZrlZzXwyhYvhB304iyImWw73+9IpmaYv+pl4/8PalrzDc/yzxuSJkyG71E+8pVmjFtwoS55RkJ9LVuQdCcb6HYLfhAJFdLzjR77zrJJyjMuxw1pYXGKkY4aSTVSxkVKWOHEdUO81d+smt34tPcFl1RXAO9Ogx0Ba7W25r7lr60VtHxkPaKqb4lj2X13SGkuwarN5dKy5736mpM9lQN+j2lKddTrycGcnlSbOE/lspZAXhKWbDN5HcoQSrTQ/IWKPJHke9SONIki1Xx+jJOcPpVwLY8y06RN8EMW0Uj3pWar00dGWt/rwQt/wtiCMy6KyaCNp079XMteHooTueD/0cqT8UxNg4hQj4Fgsfw+BTUr1TroqWXSlPxCeUpz8SofqbxYp4euD9DX98cm20CVbXEr05C2EZ3g27rrJgfkhU6DkZTw/6ZEryM4dUo8yfr9TMTnfzP2ekFqDNPvnvkykhdjedRKDTRNamDv96kBnVulRjCQGr2obSWiu/MXWm/S5LnqwXkTAA+YC3aDgQVDPMGKz1hwwyBnhGOjDJZUwSt1DnMjGMHMxOYuWFTAt8BYyHxQ850Wk1VxXotJ5Q1824NBc8w6+QOwjWdmBoHAxngAR4RshCaAEhhQ6pJYbhJFDX0WVfl8+J7kjBYutQd8Iy/JluQJzz5dh3yvbK1n6rwLSwHE9gzeiqjQQHctFXWxzz7MBSVRKA7pbn8lejdC6dRGyAVoFiDgINdD3bov3bhzGCRGGNlw5vkYOtgPsOcNbAqKzu0DT4A+MrlN5UYYv4E2uAbt3qYMsToni4IsD60o+N3q4YJuEMxKAhxgV41dX4YjMKMA+qH0J4iCO7BzdeRgWEPWyL0KPEMB6gI0ovneJ9za1aen5Rjd5O9Xck5XyUHnPmQAYDiM7ZREdpsLPh7IyVuwAZpbtxG1Urj1cWwUrH+RgD1f191Fu+Dfr3+i2r9lZL/XnUgIcpJk6q1kOUzCOjAfROOZVePuEu8CSNoSr7s9uq7tny/rgO/ZYAJZZ+qOom6Wsu6hkW21kis3xmlV3HK1Wq7XF+qTCXlYQA9mgVt9Xo/rgKKo1fLDh1LDF+D4JlML9Ydux1TzZ98/rZAvR86QwIEB4yBBbyF6ZyZDP4jmvbycohnovnl0VU4/vaFJ3j+kecd/uP0red+7tWK7eHUEFSHgpWS4k+SVt82/ZoWv9dcjWv0C</diagram></mxfile>">
|
||
<defs/>
|
||
<g>
|
||
<rect x="160" y="280" width="150" height="30" rx="9.6" ry="9.6" fill="#f5f5f5" stroke="none" pointer-events="all"/>
|
||
<g transform="translate(-0.5 -0.5)scale(0.9999999999999999)">
|
||
<switch>
|
||
<foreignObject pointer-events="none" width="101%" height="101%" 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: 148px; height: 1px; padding-top: 295px; margin-left: 161px;">
|
||
<div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
||
<div style="display: inline-block; font-size: 15px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">
|
||
<span style="font-family: Menlo, Monaco, "Courier New", monospace; font-weight: normal;">
|
||
<font style="font-size: 16px;">
|
||
1️⃣
|
||
</font>
|
||
</span>
|
||
Base Theme
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</foreignObject>
|
||
<text x="235" y="300" fill="#333333" font-family="Helvetica" font-size="15px" text-anchor="middle" font-weight="bold">
|
||
1️⃣ Base Theme
|
||
</text>
|
||
</switch>
|
||
</g>
|
||
<rect x="650" y="280" width="200" height="30" rx="9.9" ry="9.9" fill="#f5f5f5" stroke="none" pointer-events="all"/>
|
||
<g transform="translate(-0.5 -0.5)scale(0.9999999999999999)">
|
||
<switch>
|
||
<foreignObject pointer-events="none" width="101%" height="101%" 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: 198px; height: 1px; padding-top: 295px; margin-left: 651px;">
|
||
<div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
||
<div style="display: inline-block; font-size: 15px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">
|
||
<span style="font-family: Menlo, Monaco, "Courier New", monospace; font-weight: normal;">
|
||
<font style="font-size: 16px;">
|
||
2️⃣
|
||
</font>
|
||
</span>
|
||
Sidebar-Only Theme
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</foreignObject>
|
||
<text x="750" y="300" fill="#333333" font-family="Helvetica" font-size="15px" text-anchor="middle" font-weight="bold">
|
||
2️⃣ Sidebar-Only Theme
|
||
</text>
|
||
</switch>
|
||
</g>
|
||
<rect x="510" y="0" width="490" height="260" fill="rgb(255, 255, 255)" stroke="#6e6e6e" pointer-events="none"/>
|
||
<rect x="708.53" y="16.67" width="219.66" height="233.33" fill="rgb(255, 255, 255)" stroke="#e3e3e3" pointer-events="none"/>
|
||
<g transform="translate(-0.5 -0.5)scale(0.9999999999999999)">
|
||
<switch>
|
||
<foreignObject pointer-events="none" width="101%" height="101%" 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: 218px; height: 1px; padding-top: 133px; margin-left: 710px;">
|
||
<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;">
|
||
Content
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</foreignObject>
|
||
<text x="818" y="137" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
||
Content
|
||
</text>
|
||
</switch>
|
||
</g>
|
||
<rect x="510" y="0" width="126.72" height="260" fill="#f7f7f7" stroke="#6e6e6e" pointer-events="none"/>
|
||
<g transform="translate(-0.5 -0.5)scale(0.9999999999999999)">
|
||
<switch>
|
||
<foreignObject pointer-events="none" width="101%" height="101%" 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: 125px; height: 1px; padding-top: 130px; margin-left: 511px;">
|
||
<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;">
|
||
Sidebar
|
||
<br/>
|
||
(Title + Navigation)
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</foreignObject>
|
||
<text x="573" y="134" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
||
Sidebar...
|
||
</text>
|
||
</switch>
|
||
</g>
|
||
<rect x="636.72" y="226.67" width="363.28" height="33.33" fill="rgb(255, 255, 255)" stroke="#6e6e6e" pointer-events="none"/>
|
||
<g transform="translate(-0.5 -0.5)scale(0.9999999999999999)">
|
||
<switch>
|
||
<foreignObject pointer-events="none" width="101%" height="101%" 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: 361px; height: 1px; padding-top: 243px; margin-left: 638px;">
|
||
<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;">
|
||
Footer (Breadcrumps)
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</foreignObject>
|
||
<text x="818" y="247" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
||
Footer (Breadcrumps)
|
||
</text>
|
||
</switch>
|
||
</g>
|
||
<rect x="522.67" y="41.67" width="101.38" height="16.67" rx="2.5" ry="2.5" fill="rgb(255, 255, 255)" stroke="#6e6e6e" pointer-events="none"/>
|
||
<g transform="translate(-0.5 -0.5)scale(0.9999999999999999)">
|
||
<switch>
|
||
<foreignObject pointer-events="none" width="101%" height="101%" 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: 99px; height: 1px; padding-top: 50px; margin-left: 524px;">
|
||
<div data-drawio-colors="color: #262626; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(38, 38, 38); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
|
||
Search
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</foreignObject>
|
||
<text x="573" y="54" fill="#262626" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
||
Search
|
||
</text>
|
||
</switch>
|
||
</g>
|
||
<g transform="translate(-0.5 -0.5)scale(0.9999999999999999)">
|
||
<switch>
|
||
<foreignObject pointer-events="none" width="101%" height="101%" 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: 32px; height: 1px; padding-top: 20px; margin-left: 525px;">
|
||
<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: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
|
||
<font color="#262626">
|
||
Title
|
||
</font>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</foreignObject>
|
||
<text x="525" y="26" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="20px">
|
||
Tit...
|
||
</text>
|
||
</switch>
|
||
</g>
|
||
<rect x="0" y="0" width="490" height="260" fill="rgb(255, 255, 255)" stroke="#6e6e6e" pointer-events="none"/>
|
||
<rect x="198.53" y="44.87" width="219.66" height="185.13" fill="rgb(255, 255, 255)" stroke="#e3e3e3" pointer-events="none"/>
|
||
<g transform="translate(-0.5 -0.5)scale(0.9999999999999999)">
|
||
<switch>
|
||
<foreignObject pointer-events="none" width="101%" height="101%" 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: 218px; height: 1px; padding-top: 137px; margin-left: 200px;">
|
||
<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;">
|
||
Content
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</foreignObject>
|
||
<text x="308" y="141" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
||
Content
|
||
</text>
|
||
</switch>
|
||
</g>
|
||
<rect x="0" y="0" width="490" height="44.87" fill="#deedff" stroke="#6e6e6e" pointer-events="none"/>
|
||
<g transform="translate(-0.5 -0.5)scale(0.9999999999999999)">
|
||
<switch>
|
||
<foreignObject pointer-events="none" width="101%" height="101%" 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: 488px; height: 1px; padding-top: 22px; margin-left: 1px;">
|
||
<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;">
|
||
Titlebar (Navigation + Search)
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</foreignObject>
|
||
<text x="245" y="26" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
||
Titlebar (Navigation + Search)
|
||
</text>
|
||
</switch>
|
||
</g>
|
||
<rect x="0" y="44.87" width="126.73" height="185.13" fill="#f7f7f7" stroke="#6e6e6e" pointer-events="none"/>
|
||
<g transform="translate(-0.5 -0.5)scale(0.9999999999999999)">
|
||
<switch>
|
||
<foreignObject pointer-events="none" width="101%" height="101%" 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: 125px; height: 1px; padding-top: 137px; margin-left: 1px;">
|
||
<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;">
|
||
Sidebar (Navigation)
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</foreignObject>
|
||
<text x="63" y="141" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
||
Sidebar (Navigation)
|
||
</text>
|
||
</switch>
|
||
</g>
|
||
<rect x="0" y="226.67" width="490" height="33.33" fill="rgb(255, 255, 255)" stroke="#6e6e6e" pointer-events="none"/>
|
||
<g transform="translate(-0.5 -0.5)scale(0.9999999999999999)">
|
||
<switch>
|
||
<foreignObject pointer-events="none" width="101%" height="101%" 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: 488px; height: 1px; padding-top: 243px; margin-left: 1px;">
|
||
<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;">
|
||
Footer (Breadcrumps)
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</foreignObject>
|
||
<text x="245" y="247" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
||
Footer (Breadcrumps)
|
||
</text>
|
||
</switch>
|
||
</g>
|
||
<rect x="371.72" y="14.87" width="101.38" height="16.67" rx="2.5" ry="2.5" fill="rgb(255, 255, 255)" stroke="#6e6e6e" pointer-events="none"/>
|
||
<g transform="translate(-0.5 -0.5)scale(0.9999999999999999)">
|
||
<switch>
|
||
<foreignObject pointer-events="none" width="101%" height="101%" 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: 99px; height: 1px; padding-top: 23px; margin-left: 373px;">
|
||
<div data-drawio-colors="color: #262626; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(38, 38, 38); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
|
||
Search
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</foreignObject>
|
||
<text x="422" y="27" fill="#262626" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
||
Search
|
||
</text>
|
||
</switch>
|
||
</g>
|
||
<g transform="translate(-0.5 -0.5)scale(0.9999999999999999)">
|
||
<switch>
|
||
<foreignObject pointer-events="none" width="101%" height="101%" 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: 32px; height: 1px; padding-top: 23px; margin-left: 19px;">
|
||
<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: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
|
||
<font color="#262626">
|
||
Title
|
||
</font>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</foreignObject>
|
||
<text x="19" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="20px">
|
||
Tit...
|
||
</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> |