cullmann/www
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use https://github.com/nunocoracao/blowfish.git

Browse source
This commit is contained in:
Christoph Cullmann 2024-04-28 17:33:09 +02:00
parent 4b35583782
commit e77051ccc4
1987 changed files with 1147290 additions and 5648 deletions
Download patch file Download diff file Expand all files Collapse all files

594
themes/blowfish/exampleSite/content/docs/thumbnails/featured.svg Normal file
View file

@ -0,0 +1,594 @@
<svg height="100%" xmlns="http://www.w3.org/2000/svg" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs"
viewBox="0 0 600 600">
<rect width="600" height="600" fill="transparent"></rect>
<mask id="mask" mask-type="alpha" maskUnits="userSpaceOnUse">
<rect transform="translate(0, 0)" width="600" height="600" fill="white"></rect>
</mask>
<svg>
<path transform="
translate(0, 0)
" d="M0 0h60v60H0z" fill="
#0077b6"></path>
</svg>
<svg>
<path transform="
translate(0, 60)
" d="M0 0h60v60H0z" fill="
#ade8f4"></path>
</svg>
<svg>
<path transform="translate(0, 120) translate(30,30) rotate(0) translate(-30,-30)" fill="#03045e"
d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(0, 120) translate(30,30) rotate(0) translate(-30,-30)" fill="#0077b6"></circle>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(0, 180)
" fill="
#48cae4
"></circle>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(0, 240)
" fill="
#90e0ef
"></circle>
</svg>
<svg>
<path transform="translate(0, 300) translate(30,30) rotate(270) translate(-30,-30)"
fill="#00b4d8" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(0, 300) translate(30,30) rotate(270) translate(-30,-30)" fill="#90e0ef"></circle>
</svg>
<svg>
<path transform="translate(0, 21600 translate(30,30) rotate(90) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#023e8a"></path>
</svg>
<svg>
<path transform="translate(0, 420) translate(30,30) rotate(180) translate(-30,-30)"
fill="#023e8a" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(0, 420) translate(30,30) rotate(180) translate(-30,-30)" fill="#0077b6"></circle>
</svg>
<svg>
<path transform="translate(0, 28800 translate(30,30) rotate(180) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#00b4d8"></path>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(0, 540)
" fill="
#0096c7
"></circle>
</svg>
<svg>
<path transform="translate(60,0) translate(30,30) rotate(180) translate(-30,-30)" fill="#00b4d8"
d="M60 0v60H0V0z"></path>
<path transform="translate(60,0) translate(30,30) rotate(180) translate(-30,-30)" fill="#90e0ef"
d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
</svg>
<svg>
<path transform="translate(3600, 3600 translate(30,30) rotate(90) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#48cae4"></path>
</svg>
<svg>
<path transform="translate(60,120) translate(30,30) rotate(270) translate(-30,-30)"
fill="#023e8a" d="M60 0v60H0V0z"></path>
<path transform="translate(60,120) translate(30,30) rotate(270) translate(-30,-30)"
fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
</svg>
<svg>
<path transform="
translate(60, 180)
" d="M0 0h60v60H0z" fill="
#0077b6"></path>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(60, 240)
" fill="
#0096c7
"></circle>
</svg>
<svg>
<path transform="
translate(60, 300)
" d="M0 0h60v60H0z" fill="
#0077b6"></path>
</svg>
<svg>
<path transform="translate(3600, 21600 translate(30,30) rotate(180) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#90e0ef"></path>
</svg>
<svg>
<path transform="translate(60, 420) translate(30,30) rotate(270) translate(-30,-30)"
fill="#0077b6" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(60, 420) translate(30,30) rotate(270) translate(-30,-30)" fill="#48cae4"></circle>
</svg>
<svg>
<path transform="translate(60,480) translate(30,30) rotate(90) translate(-30,-30)"
fill="#0077b6" d="M60 0v60H0V0z"></path>
<path transform="translate(60,480) translate(30,30) rotate(90) translate(-30,-30)"
fill="#03045e" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(60, 540)
" fill="
#90e0ef
"></circle>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(120, 0)
" fill="
#023e8a
"></circle>
</svg>
<svg>
<path transform="
translate(120, 60)
" d="M0 0h60v60H0z" fill="
#caf0f8"></path>
</svg>
<svg>
<path transform="
translate(120, 120)
" d="M0 0h60v60H0z" fill="
#90e0ef"></path>
</svg>
<svg>
<path transform="translate(120,180) translate(30,30) rotate(270) translate(-30,-30)"
fill="#48cae4" d="M60 0v60H0V0z"></path>
<path transform="translate(120,180) translate(30,30) rotate(270) translate(-30,-30)"
fill="#ade8f4" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
</svg>
<svg>
<path transform="
translate(120, 240)
" d="M0 0h60v60H0z" fill="
#ade8f4"></path>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(120, 300)
" fill="
#0096c7
"></circle>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(120, 360)
" fill="
#023e8a
"></circle>
</svg>
<svg>
<path transform="translate(7200, 25200 translate(30,30) rotate(0) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#48cae4"></path>
</svg>
<svg>
<path transform="
translate(120, 480)
" d="M0 0h60v60H0z" fill="
#ade8f4"></path>
</svg>
<svg>
<path transform="translate(120,540) translate(30,30) rotate(0) translate(-30,-30)"
fill="#00b4d8" d="M60 0v60H0V0z"></path>
<path transform="translate(120,540) translate(30,30) rotate(0) translate(-30,-30)"
fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(180, 0)
" fill="
#03045e
"></circle>
</svg>
<svg>
<path transform="
translate(180, 60)
" d="M0 0h60v60H0z" fill="
#0077b6"></path>
</svg>
<svg>
<path transform="translate(180,120) translate(30,30) rotate(90) translate(-30,-30)"
fill="#90e0ef" d="M60 0v60H0V0z"></path>
<path transform="translate(180,120) translate(30,30) rotate(90) translate(-30,-30)"
fill="#00b4d8" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(180, 180)
" fill="
#0096c7
"></circle>
</svg>
<svg>
<path transform="translate(180,240) translate(30,30) rotate(90) translate(-30,-30)"
fill="#ade8f4" d="M60 0v60H0V0z"></path>
<path transform="translate(180,240) translate(30,30) rotate(90) translate(-30,-30)"
fill="#caf0f8" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
</svg>
<svg>
<path transform="translate(10800, 18000 translate(30,30) rotate(270) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#48cae4"></path>
</svg>
<svg>
<path transform="translate(180, 360) translate(30,30) rotate(180) translate(-30,-30)"
fill="#023e8a" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(180, 360) translate(30,30) rotate(180) translate(-30,-30)" fill="#ade8f4"></circle>
</svg>
<svg>
<path transform="translate(10800, 25200 translate(30,30) rotate(180) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#0096c7"></path>
</svg>
<svg>
<path transform="
translate(180, 480)
" d="M0 0h60v60H0z" fill="
#03045e"></path>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(180, 540)
" fill="
#0077b6
"></circle>
</svg>
<svg>
<path transform="translate(14400, 0 translate(30,30) rotate(270) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#caf0f8"></path>
</svg>
<svg>
<path transform="translate(240, 60) translate(30,30) rotate(0) translate(-30,-30)"
fill="#ade8f4" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(240, 60) translate(30,30) rotate(0) translate(-30,-30)" fill="#caf0f8"></circle>
</svg>
<svg>
<path transform="
translate(240, 120)
" d="M0 0h60v60H0z" fill="
#48cae4"></path>
</svg>
<svg>
<path transform="translate(240, 180) translate(30,30) rotate(90) translate(-30,-30)"
fill="#0077b6" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(240, 180) translate(30,30) rotate(90) translate(-30,-30)" fill="#03045e"></circle>
</svg>
<svg>
<path transform="translate(240, 240) translate(30,30) rotate(90) translate(-30,-30)"
fill="#0096c7" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(240, 240) translate(30,30) rotate(90) translate(-30,-30)" fill="#023e8a"></circle>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(240, 300)
" fill="
#ade8f4
"></circle>
</svg>
<svg>
<path transform="translate(240,360) translate(30,30) rotate(0) translate(-30,-30)"
fill="#00b4d8" d="M60 0v60H0V0z"></path>
<path transform="translate(240,360) translate(30,30) rotate(0) translate(-30,-30)"
fill="#0096c7" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
</svg>
<svg>
<path transform="translate(240, 420) translate(30,30) rotate(90) translate(-30,-30)"
fill="#90e0ef" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(240, 420) translate(30,30) rotate(90) translate(-30,-30)" fill="#03045e"></circle>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(240, 480)
" fill="
#ade8f4
"></circle>
</svg>
<svg>
<path transform="translate(14400, 32400 translate(30,30) rotate(270) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#023e8a"></path>
</svg>
<svg>
<path transform="translate(18000, 0 translate(30,30) rotate(270) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#ade8f4"></path>
</svg>
<svg>
<path transform="
translate(300, 60)
" d="M0 0h60v60H0z" fill="
#0077b6"></path>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(300, 120)
" fill="
#ade8f4
"></circle>
</svg>
<svg>
<path transform="translate(300, 180) translate(30,30) rotate(0) translate(-30,-30)"
fill="#0096c7" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(300, 180) translate(30,30) rotate(0) translate(-30,-30)" fill="#00b4d8"></circle>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(300, 240)
" fill="
#023e8a
"></circle>
</svg>
<svg>
<path transform="translate(18000, 18000 translate(30,30) rotate(180) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#00b4d8"></path>
</svg>
<svg>
<path transform="translate(18000, 21600 translate(30,30) rotate(0) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#48cae4"></path>
</svg>
<svg>
<path transform="translate(300,420) translate(30,30) rotate(270) translate(-30,-30)"
fill="#ade8f4" d="M60 0v60H0V0z"></path>
<path transform="translate(300,420) translate(30,30) rotate(270) translate(-30,-30)"
fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
</svg>
<svg>
<path transform="translate(300,480) translate(30,30) rotate(0) translate(-30,-30)"
fill="#03045e" d="M60 0v60H0V0z"></path>
<path transform="translate(300,480) translate(30,30) rotate(0) translate(-30,-30)"
fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
</svg>
<svg>
<path transform="translate(300, 540) translate(30,30) rotate(270) translate(-30,-30)"
fill="#ade8f4" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(300, 540) translate(30,30) rotate(270) translate(-30,-30)" fill="#48cae4"></circle>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(360, 0)
" fill="
#0077b6
"></circle>
</svg>
<svg>
<path transform="translate(360,60) translate(30,30) rotate(0) translate(-30,-30)" fill="#0077b6"
d="M60 0v60H0V0z"></path>
<path transform="translate(360,60) translate(30,30) rotate(0) translate(-30,-30)" fill="#023e8a"
d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(360, 120)
" fill="
#48cae4
"></circle>
</svg>
<svg>
<path transform="translate(21600, 10800 translate(30,30) rotate(180) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#023e8a"></path>
</svg>
<svg>
<path transform="translate(21600, 14400 translate(30,30) rotate(90) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#0096c7"></path>
</svg>
<svg>
<path transform="
translate(360, 300)
" d="M0 0h60v60H0z" fill="
#0096c7"></path>
</svg>
<svg>
<path transform="translate(360, 360) translate(30,30) rotate(90) translate(-30,-30)"
fill="#023e8a" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(360, 360) translate(30,30) rotate(90) translate(-30,-30)" fill="#03045e"></circle>
</svg>
<svg>
<path transform="translate(21600, 25200 translate(30,30) rotate(0) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#00b4d8"></path>
</svg>
<svg>
<path transform="translate(360, 480) translate(30,30) rotate(90) translate(-30,-30)"
fill="#ade8f4" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(360, 480) translate(30,30) rotate(90) translate(-30,-30)" fill="#0096c7"></circle>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(360, 540)
" fill="
#0096c7
"></circle>
</svg>
<svg>
<path transform="translate(420, 0) translate(30,30) rotate(180) translate(-30,-30)"
fill="#0077b6" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(420, 0) translate(30,30) rotate(180) translate(-30,-30)" fill="#0096c7"></circle>
</svg>
<svg>
<path transform="
translate(420, 60)
" d="M0 0h60v60H0z" fill="
#ade8f4"></path>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(420, 120)
" fill="
#00b4d8
"></circle>
</svg>
<svg>
<path transform="translate(25200, 10800 translate(30,30) rotate(180) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#ade8f4"></path>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(420, 240)
" fill="
#caf0f8
"></circle>
</svg>
<svg>
<path transform="translate(420,300) translate(30,30) rotate(180) translate(-30,-30)"
fill="#0077b6" d="M60 0v60H0V0z"></path>
<path transform="translate(420,300) translate(30,30) rotate(180) translate(-30,-30)"
fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
</svg>
<svg>
<path transform="translate(420, 360) translate(30,30) rotate(180) translate(-30,-30)"
fill="#48cae4" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(420, 360) translate(30,30) rotate(180) translate(-30,-30)" fill="#0077b6"></circle>
</svg>
<svg>
<path transform="
translate(420, 420)
" d="M0 0h60v60H0z" fill="
#0077b6"></path>
</svg>
<svg>
<path transform="
translate(420, 480)
" d="M0 0h60v60H0z" fill="
#0096c7"></path>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(420, 540)
" fill="
#0096c7
"></circle>
</svg>
<svg>
<path transform="translate(480, 0) translate(30,30) rotate(180) translate(-30,-30)"
fill="#00b4d8" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(480, 0) translate(30,30) rotate(180) translate(-30,-30)" fill="#ade8f4"></circle>
</svg>
<svg>
<path transform="translate(28800, 3600 translate(30,30) rotate(180) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#023e8a"></path>
</svg>
<svg>
<path transform="translate(480, 120) translate(30,30) rotate(270) translate(-30,-30)"
fill="#00b4d8" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(480, 120) translate(30,30) rotate(270) translate(-30,-30)" fill="#023e8a"></circle>
</svg>
<svg>
<path transform="
translate(480, 180)
" d="M0 0h60v60H0z" fill="
#48cae4"></path>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(480, 240)
" fill="
#00b4d8
"></circle>
</svg>
<svg>
<path transform="translate(480, 300) translate(30,30) rotate(90) translate(-30,-30)"
fill="#03045e" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(480, 300) translate(30,30) rotate(90) translate(-30,-30)" fill="#00b4d8"></circle>
</svg>
<svg>
<path transform="translate(28800, 21600 translate(30,30) rotate(180) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#0096c7"></path>
</svg>
<svg>
<path transform="translate(480,420) translate(30,30) rotate(270) translate(-30,-30)"
fill="#00b4d8" d="M60 0v60H0V0z"></path>
<path transform="translate(480,420) translate(30,30) rotate(270) translate(-30,-30)"
fill="#0096c7" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
</svg>
<svg>
<path transform="translate(28800, 28800 translate(30,30) rotate(90) translate(-30,-30)"
d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#00b4d8"></path>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(480, 540)
" fill="
#0077b6
"></circle>
</svg>
<svg>
<path transform="
translate(540, 0)
" d="M0 0h60v60H0z" fill="
#caf0f8"></path>
</svg>
<svg>
<path transform="translate(540, 60) translate(30,30) rotate(0) translate(-30,-30)"
fill="#90e0ef" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(540, 60) translate(30,30) rotate(0) translate(-30,-30)" fill="#48cae4"></circle>
</svg>
<svg>
<circle cx="30" cy="30" r="30" transform="
translate(540, 120)
" fill="
#0077b6
"></circle>
</svg>
<svg>
<path transform="translate(540,180) translate(30,30) rotate(180) translate(-30,-30)"
fill="#00b4d8" d="M60 0v60H0V0z"></path>
<path transform="translate(540,180) translate(30,30) rotate(180) translate(-30,-30)"
fill="#0096c7" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
</svg>
<svg>
<path transform="translate(540, 240) translate(30,30) rotate(0) translate(-30,-30)"
fill="#90e0ef" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(540, 240) translate(30,30) rotate(0) translate(-30,-30)" fill="#48cae4"></circle>
</svg>
<svg>
<path transform="translate(540, 300) translate(30,30) rotate(270) translate(-30,-30)"
fill="#caf0f8" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(540, 300) translate(30,30) rotate(270) translate(-30,-30)" fill="#ade8f4"></circle>
</svg>
<svg>
<path transform="translate(540,360) translate(30,30) rotate(0) translate(-30,-30)"
fill="#00b4d8" d="M60 0v60H0V0z"></path>
<path transform="translate(540,360) translate(30,30) rotate(0) translate(-30,-30)"
fill="#00b4d8" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
</svg>
<svg>
<path transform="
translate(540, 420)
" d="M0 0h60v60H0z" fill="
#00b4d8"></path>
</svg>
<svg>
<path transform="translate(540, 480) translate(30,30) rotate(180) translate(-30,-30)"
fill="#00b4d8" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(540, 480) translate(30,30) rotate(180) translate(-30,-30)" fill="#00b4d8"></circle>
</svg>
<svg>
<path transform="translate(540, 540) translate(30,30) rotate(90) translate(-30,-30)"
fill="#0077b6" d="M0 0h60v60H0z"></path>
<circle cx="30" cy="30" r="30"
transform="translate(540, 540) translate(30,30) rotate(90) translate(-30,-30)" fill="#0096c7"></circle>
</svg>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 20 KiB