1 files changed, 30 insertions, 1 deletions
diff --git a/public/radial.html b/public/radial.html
index eb67c94..2be7903 100644
--- a/public/radial.html
+++ b/public/radial.html
@@ -225,11 +225,40 @@
       border-radius: 3px;
       background-color: #cdd9e9;
     }
+
+    [class^="part"] use {
+      fill-opacity: 0.75;
+    }
+
+    .part-1 use {
+      fill: lightseagreen;
+    }
+
+    .part-2 use {
+      fill: lightyellow;
+    }
+
+    .part-3 use {
+      fill: lightblue;
+    }
+
+    .part-4 use {
+      fill: lightsteelblue;
+    }
+
+    .part-5 use {
+      fill: lightsalmon;
+    }
+
+    .part-6 use {
+      fill: lightgreen;
+    }
   </style>
 </head>
 
 <body>
-  <!-- <svg viewBox="-300 -400 600 800" xmlns="http://www.w3.org/2000/svg"> -->
+  <!-- <svg viewBox="-150 -130 300 260" xmlns="http://www.w3.org/2000/svg"> -->
+  <!-- <svg viewBox="-300 -250 600 500" xmlns="http://www.w3.org/2000/svg"> -->
   <svg viewBox="-900 -600 1800 1200" xmlns="http://www.w3.org/2000/svg">
     <defs>
       <polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5" />