Skip to content

Instantly share code, notes, and snippets.

@J08nY
Created November 13, 2020 17:53
Show Gist options
  • Save J08nY/985ed659c98c98031ff738694da21078 to your computer and use it in GitHub Desktop.
Save J08nY/985ed659c98c98031ff738694da21078 to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
<svg id="drawing" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 255 99.999999" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" width="255" height="99.999999"><style><![CDATA[#drawing-rightcover_to {animation: drawing-rightcover_to__to 2000ms linear 1 normal forwards}@keyframes drawing-rightcover_to__to { 0% {transform: translate(249.382088px,49.122108px);animation-timing-function: cubic-bezier(0.420000,0,1,1)} 25% {transform: translate(172.825023px,49.122110px)} 100% {transform: translate(172.825023px,49.122110px)} }#drawing-leftcover_to {animation: drawing-leftcover_to__to 2000ms linear 1 normal forwards}@keyframes drawing-leftcover_to__to { 0% {transform: translate(54.583981px,50.877890px);animation-timing-function: cubic-bezier(0.420000,0,1,1)} 25% {transform: translate(127.648986px,50.877889px)} 100% {transform: translate(127.648986px,50.877889px)} }#drawing-left_to {animation: drawing-left_to__to 2000ms linear 1 normal forwards}@keyframes drawing-left_to__to { 0% {transform: translate(77.171997px,50px);animation-timing-function: cubic-bezier(0.420000,0,1,1)} 25% {transform: translate(150.237004px,49.778763px)} 100% {transform: translate(150.237004px,49.778763px)} }#drawing-left_tr {animation: drawing-left_tr__tr 2000ms linear 1 normal forwards}@keyframes drawing-left_tr__tr { 0% {transform: rotate(0deg)} 25% {transform: rotate(0deg);animation-timing-function: cubic-bezier(0,0,0.580000,1)} 65% {transform: rotate(360deg)} 100% {transform: rotate(360deg)} }#drawing-right_to {animation: drawing-right_to__to 2000ms linear 1 normal forwards}@keyframes drawing-right_to__to { 0% {transform: translate(226.794075px,50px);animation-timing-function: cubic-bezier(0.420000,0,1,1)} 25% {transform: translate(150.095832px,49.999998px)} 100% {transform: translate(150.095832px,49.999998px)} }#drawing-right_tr {animation: drawing-right_tr__tr 2000ms linear 1 normal forwards}@keyframes drawing-right_tr__tr { 0% {transform: rotate(0deg)} 25% {transform: rotate(0deg);animation-timing-function: cubic-bezier(0,0,0.580000,1)} 65% {transform: rotate(360deg)} 100% {transform: rotate(360deg)} }]]></style><g id="drawing-layer1" transform="matrix(1 0 0 1 -22.73700000000000 0.46894100000000)"><text id="drawing-text923" dx="0" dy="0" font-family="Inter" font-size="35.277800" font-weight="bold" transform="matrix(1 0 0 1 96.65887499999999 60.37890000000000)" fill="rgb(0,0,0)" stroke="none" stroke-width="0.264583"><![CDATA[ecgen]]></text><g id="drawing-rightcover_to" transform="translate(249.382088,49.122108)"><path id="drawing-rightcover" d="M253.327960,23.466115L200.260180,76.533882L298.503990,76.533882L298.503990,21.710335Z" transform="translate(-249.382088,-49.122108)" fill="rgb(255,255,255)" stroke="none" stroke-width="0.264583"/></g><g id="drawing-leftcover_to" transform="translate(54.583981,50.877890)"><path id="drawing-leftcover" d="M50.638115,76.533883L103.705880,23.466115L5.462082,23.466115L5.462082,78.289663Z" transform="translate(-54.583981,-50.877890)" fill="rgb(255,255,255)" stroke="none" stroke-width="0.264583"/></g><g id="drawing-left_to" transform="translate(77.171997,50)"><g id="drawing-left_tr" transform="rotate(0)"><g id="drawing-left" transform="translate(-77.171997,-50)"><path id="drawing-path833" d="M50.638114,76.533884L103.705880,23.466115" fill="none" stroke="rgb(0,0,0)" stroke-width="5.565000" stroke-linecap="square" stroke-miterlimit="3.600000"/><circle id="drawing-path835" r="7.557990" transform="matrix(1 0 0 1 72.60769999999999 29.71080000000000)" fill="rgb(0,0,0)" stroke="none" stroke-width="5.565010" stroke-linecap="square" stroke-miterlimit="3.600000"/><circle id="drawing-path835-3" r="2.937860" transform="matrix(1 0 0 1 45.67480000000000 36.04480000000000)" fill="rgb(0,0,0)" stroke="none" stroke-width="5.564990" stroke-linecap="square" stroke-miterlimit="3.600000"/><circle id="drawing-path835-6" r="5.520560" transform="matrix(1 0 0 1 51.38200000000000 55.88270000000000)" fill="rgb(0,0,0)" stroke="none" stroke-width="5.565010" stroke-linecap="square" stroke-miterlimit="3.600000"/></g></g></g><g id="drawing-right_to" transform="translate(226.794075,50)"><g id="drawing-right_tr" transform="rotate(0)"><g id="drawing-right" transform="translate(-226.645095,-49.999999)"><circle id="drawing-path835-6-7" r="5.520560" transform="matrix(1 0 0 1 246.51499999999999 50.01460000000000)" fill="rgb(0,0,0)" stroke="none" stroke-width="5.565010" stroke-linecap="square" stroke-miterlimit="3.600000"/><circle id="drawing-path835-3-5" r="2.937860" transform="matrix(1 0 0 1 248.05300000000000 66.96850000000001)" fill="rgb(0,0,0)" stroke="none" stroke-width="5.564980" stroke-linecap="square" stroke-miterlimit="3.600000"/><circle id="drawing-path835-35" r="3.386500" transform="matrix(1 0 0 1 228.56200000000001 65.49240000000000)" fill="rgb(0,0,0)" stroke="none" stroke-width="5.565010" stroke-linecap="square" stroke-miterlimit="3.600000"/><path id="drawing-path833-6" d="M200.260190,76.533884L253.327960,23.466115" fill="none" stroke="rgb(0,0,0)" stroke-width="5.565010" stroke-linecap="square" stroke-miterlimit="3.600000"/></g></g></g></g></svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment