Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs: Update Draw.io generated SVG to dark mode #1024

Draft
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

aefhm
Copy link
Contributor

@aefhm aefhm commented Nov 19, 2024

Description

Relates to #308

@aefhm aefhm self-assigned this Nov 19, 2024
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="509px" height="324px" viewBox="-0.5 -0.5 509 324" class="ge-export-svg-auto"><defs><style type="text/css">@media (prefers-color-scheme: dark) {&#xa;svg.ge-export-svg-auto:not(mjx-container &gt; svg) { filter: invert(100%) hue-rotate(180deg); }&#xa;svg.ge-export-svg-auto foreignObject img,&#xa;svg.ge-export-svg-auto image:not(svg.ge-export-svg-auto switch image),&#xa;svg.ge-export-svg-auto svg:not(mjx-container &gt; svg)&#xa;{ filter: invert(100%) hue-rotate(180deg) }&#xa;}</style></defs><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="vDIPyXAtR-rM00V4Q21T-6"><g><path d="M 140 110 L 284.16 47.53" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 288.97 45.44 L 283.94 51.44 L 284.16 47.53 L 281.16 45.02 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="vDIPyXAtR-rM00V4Q21T-7"><g><g transform="translate(-0.5 -0.5)rotate(337 202.8473890268392 55.60786147341105)"><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: 56px; margin-left: 203px;"><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: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;"><div>2.</div><div>Get Ephemeral</div><div>ParaTime Public Key<br /></div></div></div></div></foreignObject><text x="203" y="59" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">2....</text></switch></g></g></g></g><g data-cell-id="vDIPyXAtR-rM00V4Q21T-9"><g><path d="M 170 170 L 284.12 217.55" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 288.97 219.57 L 281.16 220.11 L 284.12 217.55 L 283.85 213.65 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="vDIPyXAtR-rM00V4Q21T-10"><g><g transform="translate(-0.5 -0.5)rotate(22.3 232.73441524096688 170.34464063126507)"><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: 170px; margin-left: 233px;"><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: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;"><div>3.</div><div>Encrypt &amp; Submit</div><div>Transaction<br /></div></div></div></div></foreignObject><text x="233" y="174" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">3....</text></switch></g></g></g></g><g data-cell-id="vDIPyXAtR-rM00V4Q21T-1"><g><rect x="50" y="110" width="120" height="60" rx="9" ry="9" fill="#e8f5ffff" stroke="#0097ffff" pointer-events="all"/></g><g><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: 118px; height: 1px; padding-top: 140px; margin-left: 51px;"><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;"><div>Client</div><div>(Node.js, MetaMask,</div><div>Oasis CLI)<br /></div></div></div></div></foreignObject><text x="110" y="144" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Client...</text></switch></g></g></g><g data-cell-id="vDIPyXAtR-rM00V4Q21T-8"><g><path d="M 290 60 L 175.88 107.55" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 171.03 109.57 L 176.15 103.65 L 175.88 107.55 L 178.84 110.11 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="vDIPyXAtR-rM00V4Q21T-14"><g><path d="M 350 60 L 350 213.63" fill="none" stroke="#3884ff" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 350 218.88 L 346.5 211.88 L 350 213.63 L 353.5 211.88 Z" fill="#3884ff" stroke="#3884ff" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="vDIPyXAtR-rM00V4Q21T-2"><g><rect x="290" y="0" width="120" height="60" rx="9" ry="9" fill="#cceaffff" stroke="#000000" pointer-events="all"/></g><g><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: 118px; height: 1px; padding-top: 30px; margin-left: 291px;"><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;"><div>Oasis Node</div><div>Key Manager</div><div>🔒<br /></div></div></div></div></foreignObject><text x="350" y="34" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Oasis Node...</text></switch></g></g></g><g data-cell-id="vDIPyXAtR-rM00V4Q21T-12"><g><path d="M 367.64 219.82 L 368.33 66.19" fill="none" stroke="#3884ff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 368.35 60.94 L 371.82 67.95 L 368.33 66.19 L 364.82 67.92 Z" fill="#3884ff" stroke="#3884ff" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="vDIPyXAtR-rM00V4Q21T-13"><g><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: 150px; margin-left: 431px;"><div data-drawio-colors="color: #3884ff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(56, 132, 255); line-height: 1.2; pointer-events: all; white-space: nowrap;"><div>4.</div><div>Get Ephemeral</div><div>ParaTime Secret and</div><div>Contract State Keypair<br /></div></div></div></div></foreignObject><text x="431" y="154" fill="#3884ff" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">4....</text></switch></g></g></g></g><g data-cell-id="vDIPyXAtR-rM00V4Q21T-17"><g><path d="M 290 235 L 142.74 172.66" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 137.91 170.62 L 145.72 170.12 L 142.74 172.66 L 142.99 176.57 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g><g data-cell-id="vDIPyXAtR-rM00V4Q21T-18"><g><g transform="translate(-0.5 -0.5)rotate(23.1 210.67765428165785 231.12466530426832)"><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: 231px; margin-left: 211px;"><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: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;"><div>6.</div><div>Encrypted Transaction</div><div>Result<br /></div></div></div></div></foreignObject><text x="211" y="234" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">6....</text></switch></g></g></g></g><g data-cell-id="vDIPyXAtR-rM00V4Q21T-3"><g><rect x="290" y="220" width="120" height="60" rx="9" ry="9" fill="#cceaffff" stroke="#000000" pointer-events="all"/></g><g><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: 118px; height: 1px; padding-top: 250px; margin-left: 291px;"><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;"><div>Oasis Node</div><div>ParaTime Compute</div><div>🔒<br /></div></div></div></div></foreignObject><text x="350" y="254" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">Oasis Node...</text></switch></g></g></g><g data-cell-id="vDIPyXAtR-rM00V4Q21T-19"><g><rect x="10" y="293" width="190" height="30" fill="none" stroke="none" pointer-events="all"/></g><g><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: 308px; margin-left: 12px;"><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;"><div align="left"><font style="font-size: 11px;">🔒 Trusted Execution Environment</font></div></div></div></div></foreignObject><text x="12" y="312" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px">🔒 Trusted Execution Environment</text></switch></g></g></g><g data-cell-id="vDIPyXAtR-rM00V4Q21T-20"><g><rect x="0" y="60" width="100" height="50" fill="none" stroke="none" pointer-events="all"/></g><g><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: 85px; margin-left: 50px;"><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: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;"><div style="font-size: 11px;">1.</div><div style="font-size: 11px;">Generate Client</div><div style="font-size: 11px;">Keypair</div></div></div></div></foreignObject><text x="50" y="88" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">1....</text></switch></g></g></g><g data-cell-id="vDIPyXAtR-rM00V4Q21T-21"><g><rect x="329" y="270" width="180" height="50" fill="none" stroke="none" pointer-events="all"/></g><g><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: 295px; margin-left: 419px;"><div data-drawio-colors="color: #3884ff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(56, 132, 255); line-height: 1.2; pointer-events: all; white-space: nowrap;"><div style="font-size: 11px;"><font style="font-size: 11px;">5.</font></div><div style="font-size: 11px;"><font style="font-size: 11px;">Confidentially Execute Contract</font></div><div style="font-size: 11px;"><font style="font-size: 11px;">and Write to Blockchain<br style="font-size: 11px;" /></font></div></div></div></div></foreignObject><text x="419" y="298" fill="#3884ff" font-family="&quot;Helvetica&quot;" font-size="11px" text-anchor="middle">5....</text></switch></g></g></g></g></g></g></svg>
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fix dimensions.

Copy link

netlify bot commented Nov 19, 2024

Deploy Preview for oasisprotocol-docs ready!

Name Link
🔨 Latest commit d8577ec
🔍 Latest deploy log https://app.netlify.com/sites/oasisprotocol-docs/deploys/673c16ca73ef2d00083332ba
😎 Deploy Preview https://deploy-preview-1024--oasisprotocol-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@aefhm aefhm mentioned this pull request Nov 19, 2024
3 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant