Skip to content

Instantly share code, notes, and snippets.

@smatthewenglish
Created February 28, 2023 23:30
Show Gist options
  • Save smatthewenglish/df8753df119232141490d207e6c7ee33 to your computer and use it in GitHub Desktop.
Save smatthewenglish/df8753df119232141490d207e6c7ee33 to your computer and use it in GitHub Desktop.
generalized version
Display the source blob
Display the rendered blob
Raw
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 768 768">
<defs>
<style>
.grey {
fill: #e5e5e5;
}
.strokes {
stroke: #000;
stroke-miterlimit: 10;
stroke-width: 1.5px;
}
.bg {
<!-- fill: #2200FF; -->
fill: #00A0FF;
}
.alt {
<!-- fill: #ff583e; -->
fill: #FFC600;
}
</style>
</defs>
<rect width="768" height="768" class="grey"/>
<g class="strokes">
<!-- blue box top corner left -->
<rect class="bg" x="19.22" y="19.73" width="355.16" height="355.16" rx="40" ry="40"/>
<!-- blue box bottom corner left -->
<rect class="bg" x="19.22" y="394.11" width="355.16" height="355.16" rx="40" ry="40"/>
<!-- ditto (blob) -->
<path class="alt" d="m337.92,218.48c19.07-42.5,2.47-92.89-44.59-63.49-39.9,24.92-61.99-11.56-73.34-31.1-16.84-28.99-33.68-6.94-56.68,5.48-28.19,15.22-36.69-17.26-75.39-17.17-28.21.07-33.61,20.35-19.59,38.52,21.95,28.45,3.57,60.1-9.15,87.67-12.54,27.19-14.6,39.87-6.04,50.22,10.63,12.84,34.6,8.03,54.48-5.43,32.2-21.8,38.94-32.11,58.45-39.68,64.49-25.02,50.41,31.79,76.03,41.7,42.55,16.47,81.58-34.99,95.82-66.72Z"/>
<!-- ditto (d) -->
<path class="grey" d="m116.47,221.75c1.36-2.28,2.35-5.13,2.97-8.57.62-3.44.93-7.58.93-12.43,0-4.31-.37-7.95-1.11-10.95-.74-2.99-1.79-5.44-3.16-7.35s-3.09-3.4-5.19-4.49c-2.1-1.09-4.6-1.84-7.5-2.26-2.9-.42-6.17-.63-9.83-.63h-15.31c1.83,17.69-6.13,35.8-14.14,52.79-.03.97-.06,1.94-.1,2.88h29.17c4.06,0,7.57-.28,10.54-.85,2.97-.57,5.49-1.5,7.57-2.78,2.08-1.29,3.8-3.07,5.16-5.34Zm-19.26-14.51c-.15,1.41-.38,2.57-.71,3.49-.32.92-.75,1.65-1.3,2.19s-1.2.9-1.97,1.08c-.77.17-1.6.26-2.49.26-.64,0-1.25-.01-1.82-.04-.57-.02-1.15-.06-1.74-.11-.09,0-.17-.02-.26-.03-.02-1.46-.04-3.12-.04-4.98v-11.69c0-1.73.01-3.5.04-5.31,0-.76.02-1.49.04-2.21.06,0,.12-.01.18-.01,1.16-.07,2.34-.11,3.53-.11,1.04,0,1.93.09,2.67.26.74.17,1.37.49,1.89.97.52.47.93,1.14,1.23,2,.3.87.53,2.03.71,3.49.17,1.46.26,3.25.26,5.38s-.07,3.97-.22,5.38Z"/>
<!-- ditto (i-0) -->
<path class="grey" d="m151.15,218.14c-.05-2.3-.07-4.69-.07-7.16v-16.4c0-2.52.02-4.9.07-7.12.05-2.23.09-4.35.11-6.38.02-2.03.04-4.03.04-6.01h-23.68c.15,1.98.23,3.98.26,6.01.02,2.03.04,4.17.04,6.42v30.73c0,2.25-.01,4.4-.04,6.46s-.11,4.07-.26,6.05h23.68c.05-1.98.05-4,0-6.05-.05-2.05-.1-4.23-.15-6.53Z"/>
<!-- ditto (i-1) -->
<path class="grey" d="m139.7,146.86c-3.76,0-6.53.88-8.31,2.63-1.78,1.76-2.67,4.24-2.67,7.46,0,3.27.89,5.76,2.67,7.5,1.78,1.73,4.55,2.6,8.31,2.6,3.56,0,6.21-.88,7.94-2.64,1.73-1.76,2.6-4.24,2.6-7.46,0-3.37-.87-5.89-2.6-7.57-1.73-1.68-4.38-2.52-7.94-2.52Z"/>
<!-- ditto (t-0) -->
<path class="grey" d="m192.35,230.8c-.05-.79-.07-2-.07-3.64s-.04-3.59-.11-5.86c-.07-2.28-.11-4.81-.11-7.61s-.01-5.76-.04-8.91c-.02-2.85-.03-5.75-.04-8.7.68,0,1.34.01,2.04.02,2.65.02,5.33.09,8.05.19-.05-1.58-.09-3.36-.11-5.34-.02-1.98-.04-3.81-.04-5.49,0-1.83.01-3.7.04-5.6.02-1.9.06-3.5.11-4.79h-44.53c.1,1.29.15,2.88.15,4.79v11.17c0,1.98-.05,3.74-.15,5.27,3.49-.13,6.87-.2,10.16-.23,0,2.99-.03,5.91-.07,8.73-.05,3.14-.1,6.12-.15,8.94-.05,2.82-.07,5.36-.07,7.61s-.03,4.21-.07,5.86c-.05,1.66-.07,2.86-.07,3.6,1.19-.1,2.49-.17,3.9-.22,1.41-.05,2.89-.06,4.45-.04,1.56.02,2.96.04,4.19.04s2.68-.01,4.19-.04,3.01-.01,4.49.04c1.48.05,2.77.12,3.86.22Z"/>
<!-- ditto (t-1) -->
<path class="grey" d="m243.38,230.8c-.05-.79-.07-2-.07-3.64s-.04-3.59-.11-5.86c-.07-2.28-.11-4.81-.11-7.61s-.01-5.76-.04-8.91c-.02-2.85-.03-5.75-.04-8.7.68,0,1.34.01,2.04.02,2.65.02,5.33.09,8.05.19-.05-1.58-.09-3.36-.11-5.34-.02-1.98-.04-3.81-.04-5.49,0-1.83.01-3.7.04-5.6.02-1.9.06-3.5.11-4.79h-44.53c.1,1.29.15,2.88.15,4.79v11.17c0,1.98-.05,3.74-.15,5.27,3.49-.13,6.87-.2,10.16-.23,0,2.99-.03,5.91-.07,8.73-.05,3.14-.1,6.12-.15,8.94-.05,2.82-.07,5.36-.07,7.61s-.03,4.21-.07,5.86c-.05,1.66-.07,2.86-.07,3.6,1.19-.1,2.49-.17,3.9-.22,1.41-.05,2.89-.06,4.45-.04,1.56.02,2.96.04,4.19.04s2.68-.01,4.19-.04,3.01-.01,4.49.04c1.48.05,2.77.12,3.86.22Z"/>
<!-- ditto (o) -->
<path class="grey" d="m262.88,182.85c-1.58,2.13-2.75,4.74-3.49,7.83-.74,3.09-1.11,6.69-1.11,10.8,0,4.45.33,8.3,1,11.54.67,3.24,1.74,6.05,3.23,8.42s3.38,4.33,5.68,5.86c2.3,1.53,5.06,2.65,8.28,3.34,3.22.69,6.95,1.04,11.21,1.04s8.05-.35,11.25-1.04c3.19-.69,5.97-1.81,8.35-3.34,2.37-1.53,4.33-3.49,5.86-5.86,1.53-2.38,2.67-5.18,3.42-8.42.74-3.24,1.11-7.09,1.11-11.54,0-5.24-.62-9.61-1.86-13.1-1.24-3.49-3.12-6.3-5.64-8.42-2.52-2.13-5.67-3.64-9.43-4.53-3.76-.89-8.09-1.34-12.99-1.34-4.06,0-7.65.27-10.76.82-3.12.54-5.85,1.47-8.2,2.78-2.35,1.31-4.32,3.03-5.9,5.16Zm27.54,7.5c.79.3,1.45.9,1.97,1.82.52.92.9,2.15,1.15,3.71.25,1.56.37,3.45.37,5.68,0,2.43-.12,4.47-.37,6.12-.25,1.66-.63,2.98-1.15,3.97-.52.99-1.16,1.7-1.93,2.12-.77.42-1.67.63-2.71.63-1.09,0-2.03-.21-2.82-.63-.79-.42-1.44-1.11-1.93-2.08-.49-.97-.87-2.28-1.11-3.93-.25-1.66-.37-3.72-.37-6.2,0-2.27.14-4.18.41-5.71.27-1.53.64-2.76,1.11-3.67.47-.92,1.1-1.52,1.89-1.82.79-.3,1.73-.45,2.82-.45.99,0,1.88.15,2.67.45Z"/>
<!-- ditto (.) -->
<path class="grey" d="m326.28,212.54c-1.68,1.73-2.52,4.38-2.52,7.94,0,3.76.88,6.53,2.63,8.31,1.28,1.3,2.94,2.11,4.99,2.47,2.54-4.46,4.74-8.78,6.54-12.78.98-2.18,1.86-4.38,2.65-6.58-1.69-1.3-3.93-1.95-6.71-1.95-3.37,0-5.89.87-7.57,2.6Z"/>
</g>
<!-- pool -->
<path fill="transparent" id="rect-path-0" d="m39.39,166.08v-101.2c0-13.81,11.19-25,25-25h264.84c13.81,0,25,11.19,25,25v101.2"/>
<text font-family="monospace" font-size="1em" class="grey">
<textPath xlink:href="#rect-path-0" dominant-baseline="text-after-edge" startOffset="50%" text-anchor="middle">
Pool: 0x00000000000000000000000000000000DeaDBeef
</textPath>
</text>
<!-- admin -->
<path fill="transparent" id="rect-path" d="m39.39,226.05v101.2c0,13.81,11.19,25,25,25h264.84c13.81,0,25-11.19,25-25v-101.2"/>
<text font-family="monospace" font-size="1em" class="grey">
<textPath xlink:href="#rect-path" dominant-baseline="hanging" startOffset="50%" text-anchor="middle">
Admin: 0x0C19069F36594D93Adfa5794546A8D6A9C1b9e23
</textPath>
</text>
<!-- curve -->
<path d="m114.98,507.47h-26.84v-26.91h26.84v26.91Zm-25.55-1.3h24.25v-24.31h-24.25v24.31Z" class="grey"/>
<path d="m114.27,481.15c0,5.71,0,18.74-13.36,23.6-1.75.65-3.7,1.1-5.97,1.43-1.88.26-3.96.39-6.22.39v.13h25.61l-.06-25.55h0Z" class="grey"/>
<text transform="translate(126.2 500.58)" font-family="monospace" class="grey" font-size="1.75em">
Curve: Exp
</text>
<!-- delta -->
<polygon points="114.33 538.4 88.79 538.4 101.56 512.85 114.33 538.4" class="grey"/>
<text transform="translate(126.18 532.21)" font-family="monospace" class="grey" font-size="1.75em">
Delta: 0.05%
</text>
<!-- fee -->
<text transform="translate(126.88 563.83)" font-family="monospace" class="grey" font-size="1.75em">
Fee: 0.05%
</text>
<!-- nft -->
<rect x="88.79" y="603.76" width="25.61" height="25.61" class="grey"/>
<text transform="translate(126.18 623.14)" font-family="monospace" class="grey" font-size="1.75em">
BAYC: 32
</text>
<!-- token -->
<path d="m101.56,637.28h0c7.07,0,12.77,5.71,12.77,12.77h0c0,7.07-5.71,12.77-12.77,12.77h0c-7.07,0-12.77-5.71-12.77-12.77h0c0-7.07,5.71-12.77,12.77-12.77Z" class="grey"/>
<text transform="translate(126.18 655.52)" font-family="monospace" class="grey" font-size="1.75em">
WETH: 21.63
</text>
<!-- waterfall -->
<g class="strokes">
<!-- bg box bottom corner right -->
<path class="bg" d="m593.44,394.11c1.56,55.67,4.42,99.51,4.42,180.92,0,62.55,30.19,51.49,38.25,65.51,5.67,9.86,3.58,19.48,14.25,22.45,10.32,2.88,2.18,37.47,98.21,31.18v-260.06c0-22.09-17.91-40-40-40h-115.13Z"/>
<!-- bg box bottom corner left -->
<path class="bg" d="m400.99,698.03c14.88-7.59,32.82-4.98,48.28,1.21-7.35-5.91-10.46-6.41-14.6-13.82-5.66-10.13-1.44-22.9,6.35-26.93,10.11-5.22,18.71-3.48,29.59-.22-4.07-4.44-3.42-10.1,2.43-19.05,9.61-14.7,33.09,3.83,32.74-15.13,0,0-.5-112.95.89-229.98h-73.26c-22.09,0-40,17.91-40,40v269.32c2.29-2.16,4.84-4,7.58-5.4Z"/>
<!-- bg box top corner left -->
<path class="bg" d="m433.41,374.89h73.49c.71-59.95,1.39-119.6,1.85-164.55.05-4.74.12-9.62,1.84-14.01,4.86-12.39,19.91-15.73,32.67-17.35,17.06-2.17,34.12-4.33,51.18-6.5,15.47-1.96,53.82-6.62,52.26-22.76-2.14-22.1-91.62-36.59-88.64-59.59,3.71-28.63,119.66-36.09,117.72-54.31-1.25-11.77-45.7-13.85-66.02-15.33-2.79-.2-5.06-.47-6.79-.77h-169.57c-22.09,0-40,17.91-40,40v275.16c0,22.09,17.91,40,40,40Z"/>
<!-- bg box top corner right -->
<path class="bg" d="m692.15,42.61c-5.54,10.54-72.83,23.88-77.28,37.35-3.83,11.59,13.24,25.35,44.97,38.9,19.68,8.41,66,21.45,67.48,35.16,2.07,19.2-36.02,34.53-85.27,46.58-51.62,12.63-49.58,11.02-49.58,123.83,0,18.58.2,35.1.51,50.45h115.6c22.09,0,40-17.91,40-40V59.73c0-22.09-17.91-40-40-40h-42.09c30.5,4.61,30.42,13.86,25.67,22.89Z"/>
<!-- drip -->
<path class="bg" d="m568.12,374.89c1.66-52.54,3.45-106.97,4.18-128.95.94-28.25,3.67-31.88,9.17-36.45,7.04-5.85,35.37-14.19,32.86-17.86-2.15-3.14-40.22,7.96-46.09,14.21-4.41,4.7-4.99,11.68-5.15,18.12-.18,7.27-.6,47.94-.78,55.21-.34,13.8-.25,52.72.3,95.73h5.51Z"/>
<path class="bg" d="m562.89,394.11c.16,24.37.35,48.88.57,72.86.04,4.72,3.04,4.77,3.1.05.3-23.2.62-47.75.96-72.91h-4.63Z"/>
<rect class="bg" x="546.17" y="203.36" width="6.48" height="128.96" rx="2.83" ry="2.83"/>
<path class="bg" d="m545.99,613.3c.05-18.19.12-61.32.18-156.99,0-5.61-8.18-5.6-8.38.01-1.87,52.13,1.68,103.39,3.08,156.6.18,7.05,5.1,5.56,5.12.38Z"/>
<!-- splash -->
<path class="grey" d="m598.07,667.28c-22.36-25.84,7.98-40.76,24.38-42.4,14.97-1.5,31.92,11.45,23.44,23.88,6.97-8.4,20.39-10.53,29.62-4.7,9.23,5.83,13.08,18.85,8.49,28.76,10.72-7.5,39.69,5.19,20.25,25.63"/>
<path class="grey" d="m549.14,702.44c-2.88-8.44-12.66-13.87-21.34-11.84-8.2,1.92-14.02,9.14-21.58,12.86-.89.44-1.86.84-2.84.71-2.2-.27-3.23-2.78-4-4.86-4.94-13.46-11.78-31.57-36.75-29.5-16.07,1.33-17.72,15.09-17.26,20.68-6.53-5.79-17.53-15.76-26.09-6.25-5.84,6.49-10.53,35.36,28.43,34.42"/>
<!-- ledge - left -->
<path class="alt" d="m646.7,149.72c-2.14-22.1-91.62-36.59-88.64-59.59,3.71-28.63,118.83-36.02,117.72-54.31-.97-16.1-73.34-17.14-73.34-17.14l-170.02,1.8c-10.52-.67-21.88,12.16-19.4,22.4,2.48,10.25,15.34,17.63,24.34,23.12,13.02,7.96,27.4,13.63,39.96,22.3,4.76,3.28,9.42,7.23,11.5,12.63,3.54,9.14-1.56,19.71-9.12,25.96-7.56,6.24-17.14,9.32-26.17,13.15s-18.34,7.54-20.27,17.15c-1.68,8.39,19.03,18.45,26.61,18.17,19.15-.71,37.2,6.05,54.54,14.8,6.71-7.43,18.52-9.87,28.85-11.18,17.06-2.17,34.12-4.33,51.18-6.5,15.47-1.96,53.82-6.62,52.26-22.76Z"/>
<!-- ledge - mid -->
<path class="alt" d="m614.34,191.62c-2.15-3.14-40.22,7.96-46.09,14.21-1.24,1.32-2.16,2.81-2.87,4.43,2.94,1.9,6.89,4.59,10.23,7.28,1.45-4.09,3.37-5.98,5.88-8.05,7.04-5.85,35.37-14.19,32.86-17.86Z"/>
<!-- ledge - right -->
<path class="alt" d="m708.57,19.73h-42.09c30.5,4.61,30.42,13.86,25.67,22.89-5.54,10.54-72.83,23.88-77.28,37.35-3.83,11.59,13.24,25.35,44.97,38.9,19.68,8.41,66,21.45,67.48,35.16,2.07,19.2-36.02,34.53-85.27,46.58-28.86,7.06-40.94,9.68-45.99,30.32,0,0,14.39,6.58,35.32,2.5s58.17,2.54,68.77,4.53c10.6,1.99,34.3-1.5,48.43-14.97V59.73c0-22.09-17.91-40-40-40Z"/>
</g>
<!-- ^^^waterfall -->
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment