feat: add location (hardcoded)

sicamp · Jun 1, 2024 · ce20b08 · ce20b08
1 parent ac3c3a7
commit ce20b08
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -30,18 +30,28 @@
                             fill: #fefefd;
                         }
                         .camp-outline,
-                        .camp-side {
+                        .camp-side,
+                        .location {
                             fill: #3986cf;
                         }
                     </style>
-
                     <rect class="background" width="100%" height="100%" />
                     <g class="stripes"></g>
                     <path class="camp-side" d="M1145 124h-25l52-70v42z" />
                     <path
                         class="camp-outline"
                         d="M1124 122h96l-48-65zm103 8h-111q-1.2 0-2.2-.5-.9-.7-1.5-1.5a4 4 0 0 1 .4-4.1L1167 50l-15-19.8a4 4 0 0 1 .9-5.4 4 4 0 0 1 5.4.7L1172 43l12.8-17.4a4 4 0 0 1 5.5-.9q1.3 1 1.5 2.6.3 1.5-.7 2.9L1176 50l54.5 73.9a4 4 0 0 1-1 5.6c-.6.3-1.8.5-2.5.5"
                     />
+                    <text
+                        class="location"
+                        font-family="Jost"
+                        font-weight="700"
+                        letter-spacing="0.2em"
+                        text-anchor="middle"
+                        x="1175"
+                        y="175"
+                        font-size="32"
+                    />
                     <text
                         class="year"
                         font-family="Jost"

diff --git a/src/main.ts b/src/main.ts
@@ -32,4 +32,5 @@ cover
     .setBackground(BACKGROUND)
     .addStripes(STRIPE_COLORS)
     .setYear(new Date().getUTCFullYear())
+    .setLocation("Пермь")
     .setTitle({ text: settings.title, color: TEXT_COLOR, fontSize: 80 });
diff --git a/src/svg.ts b/src/svg.ts
@@ -31,6 +31,7 @@ export class SvgBuilder {
     private readonly title: SVGTextElement;
     private readonly stripes: SVGElement;
     private readonly year: [SVGTextElement, SVGTextElement];
+    private readonly location: SVGTextElement;
 
     constructor(private readonly element: SVGElement) {
         const background =
@@ -66,6 +67,15 @@ export class SvgBuilder {
         }
 
         this.year = [left, right];
+
+        const location =
+            this.element.querySelector<SVGTextElement>(".location");
+
+        if (!location) {
+            throw new Error("Cannot find title element");
+        }
+
+        this.location = location;
     }
 
     setBackground(color: string) {
@@ -114,6 +124,12 @@ export class SvgBuilder {
         return this;
     }
 
+    setLocation(text: string) {
+        this.location.textContent = text;
+
+        return this;
+    }
+
     addStripes(colors: string[]) {
         this.fillStripeSection(marginBottom, marginBottom + 100, colors);