zk/writing/ally/poet-and-mystic/009.html

184 lines
5.1 KiB
HTML

---
date: 2019-08-25
weight: 48
---
<style>
svg {
width: 100%;
}
</style>
<svg
xmlns="http://www.w3.org/2000/svg"
width="700"
height="700"
viewbox="0 0 700 700">
<style>
* {
fill: none;
stroke: currentColor;
stroke-width: 5px;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
#sept1 {
transform-origin: 105px 137.6px;
animation-name: spin;
animation-duration: 49s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-timing-function: linear;
}
#sept2 {
transform-origin: 105px 137.6px;
animation-name: spin;
animation-duration: 21s;
animation-iteration-count: infinite;
animation-direction: reverse;
animation-timing-function: linear;
}
</style>
<g transform="scale(2)">
<rect x="0" y="0" width="350" height="350" />
<g
id="freedom"
transform="translate(150 10) scale(0.15)">
<path d="
M 175 25
c -75 0 -75 75 0 75
c 75 0 75 -75 10 -75
s 0 200 0 200
M 100 125
l 150 0
m -150 50
l 150 0
m -150 50
l 50 50
c 50 -100 125 -100 125 -50
c 0 75 -75 75 -75 25
s 100 0 100 0" />
</g>
<g
id="via"
transform="translate(155 145) scale(0.12)">
<path d="
M 25 100
q 100 75 125 150
l 150 -150
c -300 0 -300 -25 -100 -75
l 50 250" />
</g>
<g
id="constraints"
transform="translate(140 275) scale(0.20)">
<path d="
M 100 25
c 50 0 50 50 0 50
m 75 -50
c 50 0 50 50 0 50
c -50 0 -50 -50 0 -50
m 75 50
c -50 0 -50 -50 0 -50
m -150 50
q 75 75 150 0
l -35 75
l -40 -75
l 0 125
c -50 -10 -50 60 0 50
c 50 -10 50 60 0 50
q -25 -10 -50 0" />
</g>
<g
id="layer1"
transform="translate(90, 55) scale(0.8)">
<g id="sept1">
<g
id="g1005"
transform="matrix(0,-0.26458333,0.26458333,0,-27.214285,260.42128)">
<g
id="g941"
style="fill-opacity:0;stroke:#000000;stroke-width:4.87463903;stroke-opacity:1">
<!-- Group: poly-->
<path
id="path927"
d="M 930.613,500 360.631,45.455" />
<path
id="path929"
d="M 360.631,45.455 44.315,702.292" />
<path
id="path931"
d="M 44.315,702.292 755.071,864.517" />
<path
id="path933"
d="M 755.071,864.517 V 135.483" />
<path
id="path935"
d="M 44.315,297.708 755.071,135.483" />
<path
id="path937"
d="M 360.631,954.545 44.315,297.708" />
<path
id="path939"
d="M 930.613,500 360.631,954.545" />
</g>
</g>
</g>
<g id="sept2">
<g
id="g1235"
transform="matrix(0,-0.23151041,0.23151041,0,-10.677827,244.29942)">
<g
id="g1171"
style="fill-opacity:0;stroke:#000000;stroke-width:4.87463903;stroke-opacity:1">
<!-- Group: poly-->
<path
id="path1157"
d="M 930.613,500 44.315,297.708" />
<path
id="path1159"
d="M 44.315,297.708 755.071,864.517" />
<path
id="path1161"
d="m 360.631,45.455 394.44,819.062" />
<path
id="path1163"
d="m 360.631,45.455 v 909.09" />
<path
id="path1165"
d="M 360.631,954.545 755.071,135.483" />
<path
id="path1167"
d="M 44.315,702.292 755.071,135.483" />
<path
id="path1169"
d="M 930.613,500 44.315,702.292" />
</g>
</g>
</g>
<ellipse
style="stroke-width:0.89350718"
id="circle4939"
cx="105.04002"
cy="137.74103"
rx="123.41737"
ry="123.98434" />
<ellipse
style="stroke-width:0.89350718"
ry="107.8262"
rx="107.99156"
cy="136.79608"
cx="105.04002"
id="ellipse4941" />
</g>
</g>
</svg>