update theme without example page

1 files changed, 0 insertions, 594 deletions

diff --git a/themes/blowfish/exampleSite/content/docs/thumbnails/featured.svg b/themes/blowfish/exampleSite/content/docs/thumbnails/featured.svg
deleted file mode 100644
index 340e22e..0000000
--- a/themes/blowfish/exampleSite/content/docs/thumbnails/featured.svg
+++ /dev/null
@@ -1,594 +0,0 @@
-<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>
\ No newline at end of file