feat: add logo

sicamp · Jun 1, 2024 · a184208 · a184208
1 parent b620431
commit a184208
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -19,14 +19,33 @@
                     viewBox="0 0 1280 720"
                     xmlns="http://www.w3.org/2000/svg"
                 >
+                    <style>
+                        .camp-contour,
+                        .camp-side {
+                            fill: #3986cf;
+                        }
+                    </style>
+
                     <rect class="background" width="100%" height="100%" />
                     <g class="stripes"></g>
+
+                    <path
+                        class="camp-side"
+                        fill="#3986CF"
+                        d="M1145 124h-25l52-70v42z"
+                    />
+                    <path
+                        class="camp-outline"
+                        fill="#3986CF"
+                        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="title"
                         x="600"
                         y="360"
+                        font-weight="bold"
                         text-anchor="middle"
-                    ></text>
+                    />
                 </svg>
             </div>
         </div>

diff --git a/src/svg.ts b/src/svg.ts
@@ -20,7 +20,6 @@ const stripeHeight = 12;
 const stripeSpacing = 18;
 const minWidth = 40;
 const maxWidth = 160;
-const marginTop = 18;
 const marginBottom = 602;
 const viewBoxWidth = 1280;
 const minVisibleWidth = 20;
@@ -95,7 +94,6 @@ export class SvgBuilder {
     }
 
     addStripes(colors: string[]) {
-        this.fillStripeSection(marginTop, marginTop + 100, colors);
         this.fillStripeSection(marginBottom, marginBottom + 100, colors);
 
         return this;