pages:
  - name: Home
    columns:
      - size: small
        widgets:
          - type: weather
            location: "Mary Esther, Florida, United States"
            latitude: 30.4102
            longitude: -86.6652
            units: imperial

          # Glance's built-in calendar widget does NOT ingest Google ICS.
          # Keep it if you want the month grid only.
          - type: calendar
            title: "Calendar"
            first-day-of-week: monday

          # Google Calendar events via your cal.netgrimoire.com bridge
          - type: custom-api
            title: "Upcoming (Google)"
            cache: 15m
            url: "http://glance-ical-api:8076/events"
            parameters:
              url: "https://calendar.google.com/calendar/ical/45ffju8vmrv8dhlrpik4l8gra0%40group.calendar.google.com/private-62a0078e0e810c53843cf7fbb9aab287/basic.ics"
              limit: 10
            template: |
              {{ $events := .JSON.Array "events" }}
              {{ if eq (len $events) 0 }}
                <div style="padding:10px; border-radius:10px; background:var(--surface-2);">
                  No upcoming events.
                </div>
              {{ else }}
                <ul class="list list-gap-10 collapsible-container" data-collapse-after="6">
                {{ range $i, $e := $events }}
                  {{ $name := $e.String "name" }}
                  {{ $start := $e.String "start" | parseTime "rfc3339" }}
                  {{ $end := $e.String "end" | parseTime "rfc3339" }}
                  {{ $allDay := $e.Bool "all_day" }}
                  {{ $ongoing := $e.Bool "ongoing" }}
                  <li {{ if ge $i 6 }}class="collapsible-item"{{ end }}>
                    <div class="flex items-center justify-between gap-10">
                      <div class="block text-truncate" title="{{ $name }}">
                        <div class="size-h3 color-highlight">{{ $name }}</div>
                        <div class="size-h5 color-primary" style="opacity:.85; margin-top:2px;">
                          {{ if $allDay }}
                            {{ $start | formatTime "Mon Jan 2" }} – {{ $end | formatTime "Mon Jan 2" }}
                          {{ else }}
                            {{ $start | formatTime "Mon Jan 2 3:04 PM" }} – {{ $end | formatTime "3:04 PM" }}
                          {{ end }}
                        </div>
                      </div>
                      <div style="white-space:nowrap;">
                        {{ if $ongoing }}
                          <span style="padding:2px 8px; border-radius:999px; background:var(--surface-2);">Ongoing</span>
                        {{ else }}
                          <span class="size-h5 color-primary" {{ $start | toRelativeTime }}></span>
                        {{ end }}
                      </div>
                    </div>
                  </li>
                {{ end }}
                </ul>
              {{ end }}


          - type: releases
            title: "Releases"
            show-source-icon: true
            limit: 10
            collapse-after: 5
            repositories:
              - glanceapp/glance
              - dockerhub:containrrr/watchtower

      - size: full
        widgets:
          - type: rss
            title: "Daily Comics"
            style: horizontal-cards
            limit: 2
            collapse-after: -1
            feeds:
              - title: xkcd
                url: "https://xkcd.com/rss.xml"
              - title: SMBC
                url: "https://www.smbc-comics.com/rss.php"

          - type: hacker-news
            title: "Hacker News"
            limit: 20
            collapse-after: 8

          - type: reddit
            title: "r/selfhosted"
            subreddit: selfhosted
            sort-by: hot
            show-thumbnails: true
            limit: 15
            collapse-after: 7

          - type: reddit
            title: 'r/selfhosted — "self hosted"'
            subreddit: selfhosted
            sort-by: new
            search: "self hosted"
            show-thumbnails: true
            limit: 15
            collapse-after: 7

      - size: small
        widgets:
          - type: rss
            title: "News"
            style: vertical-list
            single-line-titles: true
            limit: 40
            collapse-after: 12
            feeds:
              - title: "Ars Technica"
                url: "https://feeds.arstechnica.com/arstechnica/index/"
              - title: "The Register"
                url: "https://www.theregister.com/headlines.atom"
              - title: "BBC (Front Page)"
                url: "http://newsrss.bbc.co.uk/rss/newsonline_uk_edition/front_page/rss.xml"
              - title: "Fox News (Latest)"
                url: "https://moxie.foxnews.com/google-publisher/latest.xml"
              - title: "ABC News (Top Stories)"
                url: "https://feeds.abcnews.com/abcnews/topstories"

  - name: Radar
    columns:
      - size: full
        widgets:
          - type: iframe
            title: "Live Weather Radar (Windy)"
            source: "https://embed.windy.com/embed2.html?lat=30.41&lon=-86.66&zoom=7&level=surface&overlay=radar&menu=false"
            height: 900