From 31fcbeaf89517789360c91d8c844baefab36dd75 Mon Sep 17 00:00:00 2001
From: Atul Varma <varmaa@gmail.com>
Date: Mon, 15 Feb 2021 17:22:59 -0500
Subject: [PATCH] Adjust scaling and such.

---
 lib/pages/creature-page.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/lib/pages/creature-page.tsx b/lib/pages/creature-page.tsx
index 8f5d20a..afe8cdf 100644
--- a/lib/pages/creature-page.tsx
+++ b/lib/pages/creature-page.tsx
@@ -49,9 +49,11 @@ type CreatureContextType = SvgSymbolContext & {
   parent: SvgSymbolData | null;
 };
 
+const DEFAULT_ATTACHMENT_SCALE = 0.5;
+
 const CreatureContext = React.createContext<CreatureContextType>({
   ...createSvgSymbolContext(),
-  attachmentScale: 0.25,
+  attachmentScale: DEFAULT_ATTACHMENT_SCALE,
   parent: null,
 });
 
@@ -120,11 +122,13 @@ export const CreaturePage: React.FC<{}> = () => {
     <>
       <h1>Creature!</h1>
       <svg width="1280px" height="720px">
-        <Eye>
-          <Hand attachTo="crown">
-            <Cup attachTo="arm" />
-          </Hand>
-        </Eye>
+        <g transform-origin="50% 50%" transform="scale(0.5 0.5)">
+          <Eye>
+            <Hand attachTo="crown">
+              <Cup attachTo="arm" />
+            </Hand>
+          </Eye>
+        </g>
       </svg>
     </>
   );