Refactor Universe into more logical structure

app/page.js

@@ -1,7 +1,7 @@
 import siteMetadata from '@data/siteMetadata'
 import { BASE_CONTENT_PATH, STAR_CONTENT_PATH } from '@config/constants'
 import { getFrontMatter } from '@lib/mdx'
-import Universe from '@components/universe/Universe'
+import Universe from '@components/universe'
 
 export const metadata = {
   title: siteMetadata.title,

content/about.mdx

@@ -4,7 +4,7 @@ summary: >-
   We’re envisioning a Universe that’s expansive and dynamic, inclusive and lush, a perpetual explosion that defies temporal systems of organization or measurement.
 declination: -1
 ascension: 3
-size: 20
+size: 2
 color: '#f59e0b'
 asterism: astrolabe
 asterismFull: 'Astrolabe'

content/catalogue.mdx

@@ -4,8 +4,8 @@ summary: >-
   Discover the Universe by browsing our growing list of astrolabists and the work they've materialized.
 declination: 3
 ascension: 2.75
-size: 20
-color: '#c026d3'
+size: 2
+color: pink
 asterism: astrolabe
 asterismFull: 'Astrolabe'
 linkedTo:

content/examples/2022-07-17/example-1.mdx

@@ -8,8 +8,8 @@ summary: >-
   There was once on a time, an old Goat who had seven little Kids, and loved them with all the love of a mother for her children.
 declination: -4
 ascension: 8
-size: 15
-color: '#42f5a4'
+size: 1.5
+color: yellow
 asterism: first-triangle
 asterismFull: 'The First Triangle'
 linkedTo:

content/examples/2022-07-17/example-2.mdx

@@ -8,7 +8,7 @@ summary: >-
   HERE was a Mountain Spirit, which stole corpses from their graves and ate them when it came home. And a man, wishing to see who did this thing, let himself be buried alive.
 declination: -5.8
 ascension: 5.42
-size: 50
+size: 5
 gradient:
   - offset: 0%
     color: rgba(0,0,0,1)

content/examples/2023-winter/example-3.mdx

@@ -8,7 +8,7 @@ declination: -3
 ascension: 5
 asterism: first-triangle
 asterismFull: 'The First Triangle'
-size: 30
+size: 3
 linkedTo:
   - example-1
 tags:

content/submissions.mdx

@@ -4,8 +4,8 @@ summary: >-
   Astrolabe is currently open for submissions!
 declination: 1.4
 ascension: 6
-size: 20
-color: '#059669'
+size: 2
+color: green
 asterism: astrolabe
 asterismFull: 'Astrolabe'
 linkedTo:

css/tailwind.css

@@ -26,16 +26,26 @@ html {
 }
 
 /* Universe */
-#scatter {
-  display: block;
-  width: 4000px;
-  height: 4000px;
+.asterisms > svg {
+  cursor: grab;
+  position: relative;
   background: linear-gradient(to left top, #0d1c48, #0f062d);
 }
 
-#scatter > svg {
-  cursor: grab;
-  position: relative;
+text.name {
+  cursor: pointer;
+}
+
+.star {
+  cursor: pointer;
+}
+
+.star-boundary.selected,
+.star-boundary:focus,
+.star-boundary:focus-visible {
+  outline: none;
+  stroke: white;
+  stroke-opacity: 50%;
 }
 
 /* Prose */