feat: add new templates

huckleberry-inc · Oct 7, 2024 · aef4b03 · aef4b03
1 parent 98daa90
commit aef4b03
Show file tree

Hide file tree

Showing 23 changed files with 120 additions and 8 deletions.
diff --git a/app.config.json b/app.config.json
@@ -17,13 +17,15 @@
       "medium": "4.5rem",
       "regular": "3.5rem",
       "small": "3rem",
-      "caption": "1.5rem"
+      "hb-small": "2rem",
+      "caption": "1.5rem",
+      "hb-mini": "0.9rem"
     },
     "styles": ["LINE Seed", "Montserrat"]
   },
   "defaultInputFields": [
     {
-      "position": "huckleberry",
+      "position": "hb",
       "direction": "column",
       "fields": [
         {
@@ -61,10 +63,10 @@
   ],
   "themes": [
     {
-      "name": "huckleberry",
+      "name": "HB",
       "inputFields": [
         {
-          "position": "huckleberry",
+          "position": "hb",
           "direction": "column",
           "fields": [
             {
@@ -100,6 +102,88 @@
           ]
         }
       ]
+    },
+    {
+      "name": "HB-2024-1",
+      "inputFields": [
+        {
+          "position": "hb-2024-1",
+          "direction": "column",
+          "fields": [
+            {
+              "label": "team or title",
+              "fontSize": "hb-caption",
+              "fontStyle": "LINE Seed",
+              "offset": {
+                "x": "0%",
+                "y": "0%"
+              },
+              "isRequired": true
+            },
+            {
+              "label": "name",
+              "fontSize": "hb-small",
+              "fontStyle": "LINE Seed",
+              "offset": {
+                "x": "0%",
+                "y": "0%"
+              },
+              "isRequired": true
+            },
+            {
+              "label": "email",
+              "fontSize": "hb-caption",
+              "fontStyle": "LINE Seed",
+              "offset": {
+                "x": "0%",
+                "y": "30%"
+              },
+              "isRequired": true
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "HB-2024-2",
+      "inputFields": [
+        {
+          "position": "hb-2024-2",
+          "direction": "column",
+          "fields": [
+            {
+              "label": "team or title",
+              "fontSize": "hb-caption",
+              "fontStyle": "LINE Seed",
+              "offset": {
+                "x": "0%",
+                "y": "0%"
+              },
+              "isRequired": true
+            },
+            {
+              "label": "name",
+              "fontSize": "hb-small",
+              "fontStyle": "LINE Seed",
+              "offset": {
+                "x": "0%",
+                "y": "0%"
+              },
+              "isRequired": true
+            },
+            {
+              "label": "email",
+              "fontSize": "hb-caption",
+              "fontStyle": "LINE Seed",
+              "offset": {
+                "x": "0%",
+                "y": "30%"
+              },
+              "isRequired": true
+            }
+          ]
+        }
+      ]
     }
   ]
 }
diff --git a/backgrounds/HB-2024-1/01.255,255,255.png b/backgrounds/HB-2024-1/01.255,255,255.png
diff --git a/backgrounds/HB-2024-1/02.255,255,255.png b/backgrounds/HB-2024-1/02.255,255,255.png
diff --git a/backgrounds/HB-2024-1/03.86,86,86.png b/backgrounds/HB-2024-1/03.86,86,86.png
diff --git a/backgrounds/HB-2024-1/04.86,86,86.png b/backgrounds/HB-2024-1/04.86,86,86.png
diff --git a/backgrounds/HB-2024-1/05.255,255,255.png b/backgrounds/HB-2024-1/05.255,255,255.png
diff --git a/backgrounds/HB-2024-1/06.255,255,255.png b/backgrounds/HB-2024-1/06.255,255,255.png
diff --git a/backgrounds/HB-2024-1/07.86,86,86.png b/backgrounds/HB-2024-1/07.86,86,86.png
diff --git a/backgrounds/HB-2024-1/08.86,86,86.png b/backgrounds/HB-2024-1/08.86,86,86.png
diff --git a/backgrounds/HB-2024-1/09.255,255,255.png b/backgrounds/HB-2024-1/09.255,255,255.png
diff --git a/backgrounds/HB-2024-1/10.255,255,255.png b/backgrounds/HB-2024-1/10.255,255,255.png
diff --git a/backgrounds/HB-2024-1/11.86,86,86.png b/backgrounds/HB-2024-1/11.86,86,86.png
diff --git a/backgrounds/HB-2024-1/12.86,86,86.png b/backgrounds/HB-2024-1/12.86,86,86.png
diff --git a/backgrounds/HB-2024-2/01.255,255,255.png b/backgrounds/HB-2024-2/01.255,255,255.png
diff --git a/backgrounds/HB-2024-2/02.86,86,86.png b/backgrounds/HB-2024-2/02.86,86,86.png
diff --git a/backgrounds/HB-2024-2/03.255,255,255.png b/backgrounds/HB-2024-2/03.255,255,255.png
diff --git a/backgrounds/HB-2024-2/04.86,86,86.png b/backgrounds/HB-2024-2/04.86,86,86.png
diff --git a/backgrounds/huckleberry/01.png → backgrounds/HB/01.png b/backgrounds/huckleberry/01.png → backgrounds/HB/01.png
diff --git a/backgrounds/huckleberry/02.png → backgrounds/HB/02.png b/backgrounds/huckleberry/02.png → backgrounds/HB/02.png
diff --git a/src/components/EditableImage/EditableImage.module.scss b/src/components/EditableImage/EditableImage.module.scss
@@ -99,12 +99,24 @@
       transform-origin: bottom right;
     }
 
-    &.huckleberry {
+    &.hb {
       top: 15%;
       left: -1%;
       transform-origin: top left;
     }
 
+    &.hb-2024-1 {
+      top: 1%;
+      left: 0;
+      transform-origin: top left;
+    }
+
+    &.hb-2024-2 {
+      top: 14%;
+      left: -2%;
+      transform-origin: top left;
+    }
+
     > li {
       margin: 0 0.5rem;
 

diff --git a/src/components/EditableImage/EditableImage.tsx b/src/components/EditableImage/EditableImage.tsx
@@ -94,7 +94,9 @@ const EditableImage = forwardRef<HTMLDivElement, Props>((props, ref) => {
         position === "top-left" ||
         position === "center-left" ||
         position === "bottom-left" ||
-        position === "huckleberry"
+        position === "hb" ||
+        position === "hb-2024-1" ||
+        position === "hb-2024-2"
       ) {
         return "flex-start";
       } else {

diff --git a/src/components/Editor/Editor.module.scss b/src/components/Editor/Editor.module.scss
@@ -134,12 +134,24 @@
       transform-origin: bottom right;
     }
 
-    &.huckleberry {
+    &.hb {
       top: 15%;
       left: -1%;
       transform-origin: top left;
     }
 
+    &.hb-2024-1 {
+      top: 1%;
+      left: 0;
+      transform-origin: top left;
+    }
+
+    &.hb-2024-2 {
+      top: 14%;
+      left: -2%;
+      transform-origin: top left;
+    }
+
     > li {
       margin: 0 0.5rem;
 

diff --git a/src/constants/input.ts b/src/constants/input.ts
@@ -11,7 +11,9 @@ export interface InputFieldGroup {
     | "bottom-left"
     | "bottom-center"
     | "bottom-right"
-    | "huckleberry";
+    | "hb"
+    | "hb-2024-1"
+    | "hb-2024-2";
   fields: Array<InputField>;
 }
 export interface InputField {