Separating Tab Config Files

config/glance.yml

@@ -21,3 +21,5 @@ pages:
   # It's not necessary to create a new file for each page and include it, you can simply
   # put its contents here, though multiple pages are easier to manage when separated
   - $include: home.yml
+  - $include: media.yml
+  - $include: services.yml

config/media.yml

@@ -0,0 +1,83 @@
+- name: Media
+  columns:
+    - size: small # Added new small column on the left
+      widgets:
+        - type: hacker-news # Added Hacker News widget
+          limit: 15
+          collapse-after: 5
+    - size: full # Existing full column is now second
+      widgets:
+        - type: custom-api
+          title: Epic Games
+          cache: 1h
+          url: https://store-site-backend-static.ak.epicgames.com/freeGamesPromotions?locale=en&country=US&allowCountries=US
+          template: |
+            <div style="display: flex; justify-content: center;">
+              {{ if eq .Response.StatusCode 200 }}
+                <div class="horizontal-cards" style="display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center;">
+                  {{ range .JSON.Array "data.Catalog.searchStore.elements" }}
+                    {{ $price := .String "price.totalPrice.discountPrice" }}
+                    {{ $hasPromo := gt (len (.Array "promotions.promotionalOffers")) 0 }}
+                    {{ if and $hasPromo (eq $price "0") }}
+                      {{ $gamePage := .String "productSlug" }}
+                      {{ if gt (len (.Array "offerMappings")) 0 }}
+                        {{ $gamePage = .String "offerMappings.0.pageSlug" }}
+                      {{end }}
+                      <a href="https://store.epicgames.com/en-US/p/{{ $gamePage }}" target="_blank" class="card">
+                        {{ $title := .String "title" }}
+                        {{ range .Array "keyImages" }}
+                          {{ if eq (.String "type") "OfferImageWide" }}
+                            <img src="{{ .String "url" }}" alt="{{ $title }}" style="width: 100%; max-width: 300px; height: 150px; object-fit: cover; border-radius: var(--border-radius);">
+                          {{ end }}
+                        {{ end }}
+                        <div class="card-content">
+                          <span class="size-base color-primary">{{ $title }}</span><br>
+                          <span class="size-h5 color-subdue">
+                            {{ if $hasPromo }}
+                              {{ $promotions := .Array "promotionalOffers" }}
+                              {{ if gt (len $promotions) 0 }}
+                                {{ $firstPromo := index $promotions 0 }}
+                                {{ $offers := $firstPromo.Array "promotionalOffers" }}
+                                {{ if gt (len $offers) 0 }}
+                                  {{ $firstOffer := index $offers 0 }}
+                                  Free until {{ slice ($firstOffer.String "endDate") 0 10 }}
+                                {{ else }}
+                                  Free this week!
+                                {{ end }}
+                              {{ else }}
+                                Free this week!
+                              {{ end }}
+                            {{ end }}
+                          </span>
+                        </div>
+                      </a>
+                    {{ end }}
+                  {{ end }}
+                </div>
+              {{ else }}
+                <p class="color-negative">Error fetching Epic Games data.</p>
+              {{ end }}
+            </div>
+
+        - type: videos
+          title: For You
+          style: grid-cards
+          collapse-after-rows: 2
+          channels:
+            - UCwWhs_6x42TyRM4Wstoq8HA
+            - UCLuYADJ6hESLHX87JnsGbjA
+            - UC-gW4TeZAlKm7UATp24JsWQ
+            - UCETqJYEne9Tks-eZYIrFZvg
+            - UCOT2iLov0V7Re7ku_3UBtcQ
+            - UCFe2Kq8Hg15UomoVYdmRg_Q
+
+        - type: videos
+          title: Engineering
+          style: grid-cards
+          collapse-after-rows: 2
+          channels:
+            - UCUyeluBRhGPCW4rPe_UvBZQ
+            - UCFhXFikryT4aFcLkLw2LBLA
+            - UCsBjURrPoezykLs9EqgamOA
+            - UCHnyfMqiRRG1u-2MsSQLbXA
+            - UC6biysICWOJ-C3P4Tyeggzg