Add interactive roadmap setup

2021-12-01 22:53:40 +01:00
parent 3feea57204
commit 1fbdf68573
9 changed files with 1121 additions and 481 deletions
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@ -19,6 +19,22 @@ const GlobalStyles = css`
    outline: none;
    box-shadow: none;
  }
+  
+  svg text tspan {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeSpeed;
+  }
+  
+  svg .clickable-group {
+    cursor: pointer;
+    
+    &:hover > [fill="rgb(65,53,214)"] { fill: #232381; stroke: #232381; }
+    &:hover > [fill="rgb(255,255,0)"] { fill: #d6d700; }
+    &:hover > [fill="rgb(255,229,153)"] { fill: #f3c950; }
+    &:hover > [fill="rgb(153,153,153)"] { fill: #646464; }
+    &:hover > [fill="rgb(255,255,255)"] { fill: #d7d7d7; }
+  }
 `;