Skip to content

Instantly share code, notes, and snippets.

@lbonanomi
Last active October 27, 2020 14:41
Show Gist options
  • Save lbonanomi/89f743923407b2f1443feada0dc80a3c to your computer and use it in GitHub Desktop.
Save lbonanomi/89f743923407b2f1443feada0dc80a3c to your computer and use it in GitHub Desktop.
Left margin for illuminations
Display the source blob
Display the rendered blob
Raw
<svg height="2250" width="7000">
<rect width="500" height="2550" x="0" y="0" style="fill:rgb(255,0,0);stroke-width:3;stroke:rgb(0,0,0)" />
<line x1="250" y1="0" x2="0" y2="250" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="250" y1="0" x2="500" y2="250" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="00" y1="250" x2="250" y2="500" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="500" y1="250" x2="250" y2="500" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="250" y1="250" x2="0" y2="500" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="250" y1="250" x2="500" y2="500" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="0" y1="500" x2="250" y2="750" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="500" y1="500" x2="250" y2="750" style="stroke: rgb(220,220,80);stroke-width:25" />
<!-- 250 500 attaches the line to the tip of the top diamond, the 250,1000 to the top of the bottom diamond -->
<path d="M 250 500 Q 500,750 250,1000" stroke="rgb(220,220,80)" stroke-width="25" fill="none" />
<path d="M 250 500 Q 0,750 250,1000" stroke="rgb(220,220,80)" stroke-width="25" fill="none" />
<line x1="250" y1="750" x2="0" y2="1000" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="250" y1="750" x2="500" y2="1000" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="0" y1="1000" x2="250" y2="1250" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="500" y1="1000" x2="250" y2="1250" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="250" y1="1000" x2="0" y2="1250" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="00" y1="1250" x2="250" y2="1500" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="250" y1="1500" x2="500" y2="1250" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="250" y1="1000" x2="500" y2="1250" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="250" y1="1250" x2="0" y2="1500" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="250" y1="1250" x2="500" y2="1500" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="0" y1="1500" x2="250" y2="1750" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="500" y1="1500" x2="250" y2="1750" style="stroke: rgb(220,220,80);stroke-width:25" />
<path d="M 250 1500 Q 500,1750 250,2000" stroke="rgb(220,220,80)" stroke-width="25" fill="none" />
<path d="M 250 1500 Q 0,1750 250,2000" stroke="rgb(220,220,80)" stroke-width="25" fill="none" />
<line x1="250" y1="1750" x2="0" y2="2000" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="250" y1="1750" x2="500" y2="2000" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="0" y1="2000" x2="250" y2="2250" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="500" y1="2000" x2="250" y2="2250" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="250" y1="2000" x2="0" y2="2250" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="00" y1="2250" x2="250" y2="2500" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="250" y1="2500" x2="500" y2="2250" style="stroke: rgb(220,220,80);stroke-width:25" />
<line x1="250" y1="2000" x2="500" y2="2250" style="stroke: rgb(220,220,80);stroke-width:25" />
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment