diff --git a/glance-system/glance-kisfenyo.yaml b/glance-system/glance-kisfenyo.yaml new file mode 100644 index 0000000..59f9af9 --- /dev/null +++ b/glance-system/glance-kisfenyo.yaml @@ -0,0 +1,760 @@ +# Glance Dashboard for Kisfenyo +# Namespace: glance-system +# Domain: kisfenyo.dooplex.hu +# Version: v0.8.4 +# +# Features: +# - Custom background image +# - Custom logo +# - Weather widget (Budapest) +# - YouTube subscriptions +# - RSS feeds +# - To-do list +# - iFrames for Cal.com, Google Calendar, Outline +# - Bookmarks/Links to all apps +# - Calendar widget +# +# Authentik Integration: +# 1. Create Application: "Glance Home" +# 2. Create Provider: Proxy Provider with external host https://kisfenyo.dooplex.hu +# 3. Create Outpost: glance-outpost +# 4. Update auth-url annotation with actual outpost service name +--- +apiVersion: v1 +kind: Namespace +metadata: + name: glance-system + labels: + app.kubernetes.io/name: glance-kisfenyo + app.kubernetes.io/instance: glance-kisfenyo +--- +apiVersion: v1 +kind: ConfigMap +metadata: + name: glance-config-kisfenyo + namespace: glance-system + labels: + app.kubernetes.io/name: glance-kisfenyo + app.kubernetes.io/instance: glance-kisfenyo +data: + glance.yml: | + # Glance Configuration + # Documentation: https://github.com/glanceapp/glance/blob/main/docs/configuration.md + + server: + host: 0.0.0.0 + port: 8080 + assets-path: /app/config/assets + + branding: + logo-url: https://web.dooplex.hu/static/DooPlex_logo_3.png + favicon-url: https://web.dooplex.hu/static/DooPlex_favicon_2.png + app-name: "Kisfenyo's Home" + app-icon-url: https://web.dooplex.hu/static/DooPlex_favicon_2.png + app-background-color: "#132b66" + hide-footer: true + + theme: + background-color: 280 30 15 + primary-color: 280 60 70 + positive-color: 120 50 50 + negative-color: 0 70 60 + contrast-multiplier: 1.2 + text-saturation-multiplier: 0.8 + custom-css-file: /assets/custom.css + + pages: + # ==================== HOME PAGE ==================== + - name: Home + slug: home + width: wide + columns: + # ---------- LEFT COLUMN ---------- + - size: small + widgets: + # Weather Widget + - type: weather + location: Budapest, Hungary + units: metric + hour-format: 24h + + # Calendar Widget + - type: calendar + first-day-of-week: monday + + # To-Do List + - type: to-do + title: Tasks + + # Quick Links - Productivity + - type: bookmarks + title: Productivity + groups: + - title: "" + links: + - title: Nextcloud + url: https://nextcloud.dooplex.hu + icon: si:nextcloud + - title: Outline + url: https://outline.dooplex.hu + icon: si:outline + - title: Paperless + url: https://paperless.dooplex.hu + icon: si:paperlessngx + - title: Vaultwarden + url: https://vaultwarden.dooplex.hu + icon: si:bitwarden + - title: Actual Budget + url: https://actualbudget.dooplex.hu + icon: si:actualbudget + - title: Tandoor + url: https://tandoor.dooplex.hu + icon: sh:tandoor-recipes + - title: Bookstack + url: https://bookstack.dooplex.hu + icon: si:bookstack + + # Quick Links - File Sharing + - type: bookmarks + title: File Sharing + groups: + - title: "" + links: + - title: Fileshare + url: https://fileshare.dooplex.hu + icon: si:files + - title: Privatebin + url: https://privatebin.dooplex.hu + icon: sh:privatebin + - title: Pastes (OpenGist) + url: https://paste.dooplex.hu + icon: sh:opengist + - title: Zipline + url: https://zipline.dooplex.hu + icon: sh:zipline + + # ---------- CENTER COLUMN ---------- + - size: full + widgets: + # Outline Notes iframe + - type: iframe + source: https://outline.dooplex.hu/collection/notes-VVby8kTDMn/recent + height: 500 + title: Recent Notes + + # ---------- RIGHT COLUMN ---------- + - size: small + widgets: + # RSS Feeds - Add your favorite feeds here + - type: rss + title: News & Feeds + limit: 15 + collapse-after: 8 + feeds: + - url: https://telex.hu/rss + title: telex.hu + limit: 3 + - url: https://444.hu/feed + title: 444.hu + limit: 3 + - url: https://444.hu/feed + title: 444.hu + limit: 3 + - url: https://hvg.hu/rss + title: hvg.hu + limit: 3 + + # ==================== MEDIA PAGE ==================== + - name: Media + slug: media + width: wide + columns: + - size: small + widgets: + - type: bookmarks + title: Entertainment + groups: + - links: + - title: Plex + url: https://plex.dooplex.hu + icon: si:plex + - title: Immich (Photos) + url: https://photos.dooplex.hu + icon: si:immich + - title: AudioBookshelf + url: https://audiobookshelf.dooplex.hu + icon: si:audiobookshelf + - title: Calibre-Web (eBooks) + url: https://books.dooplex.hu + icon: si:calibreweb + - title: Arcade (Retro Games) + url: https://arcade.dooplex.hu + icon: si:retroarch + + - type: bookmarks + title: Media Management + groups: + - links: + - title: Sonarr (TV Shows) + url: https://sonarr.dooplex.hu + icon: si:sonarr + - title: Radarr (Movies) + url: https://radarr.dooplex.hu + icon: si:radarr + - title: RadarrKids + url: https://radarrkids.dooplex.hu + icon: si:radarr + - title: Prowlarr (Indexers) + url: https://prowlarr.dooplex.hu + icon: sh:prowlarr + - title: Seerr (Requests) + url: https://seerr.dooplex.hu + icon: sh:overseerr + + - size: full + widgets: + # YouTube Videos + - type: videos + title: YouTube + channels: + - UCir93b_ftqInEaDpsWYbo_g #Practical Psychology - @practicalpsychologytips + - UCEwsbtepqts935wXykReKxg #CounsellingTutor - @Counsellingtutor1 + - UCUdettijNYvLAm4AixZv4RA #SciShow Psych - @SciShowPsych + - UClHVl2N3jPEbkNJVx-ItQIQ #HealthyGamerGG - @HealthyGamerGG + - UCAvfZQ3r24F-V1JYqn2pfXg #The Psychology Podcast - @ThePsychologyPodcast + - UC6Unpcb3T4QijIBs8hPfeyA #Psych Explained - @PsychExplained + - UCl8TEoIOnMq_5ntJOYMq-Zg #DrJulie - @DrJulie + limit: 12 + collapse-after: 6 + + # Reddit + - type: group + title: Reddit + widgets: + - type: reddit + subreddit: hungary + show-thumbnails: true + - type: reddit + subreddit: selfhosted + show-thumbnails: true + - type: reddit + subreddit: homeserver + show-thumbnails: true + - type: reddit + subreddit: homelab + show-thumbnails: true + - type: reddit + subreddit: kubernetes + show-thumbnails: true + - type: reddit + subreddit: linux + show-thumbnails: true + - type: reddit + subreddit: sysadmin + show-thumbnails: true + - type: reddit + subreddit: technology + show-thumbnails: true + - type: reddit + subreddit: futurology + show-thumbnails: true + + - size: small + widgets: + - type: bookmarks + title: Other Apps + groups: + - links: + - title: AdventureLog + url: https://adventures.dooplex.hu + icon: sh:adventurelog + - title: Wanderer + url: https://wanderer.dooplex.hu + icon: sh:wanderer + - title: Plant-it + url: https://plantit.dooplex.hu + icon: sh:plant-it + - title: Workout (wger) + url: https://workout.dooplex.hu + icon: sh:wger + - title: Fileshare + url: https://fileshare.dooplex.hu + icon: si:files + - title: Privatebin + url: https://privatebin.dooplex.hu + icon: sh:privatebin + - title: Pastes (OpenGist) + url: https://paste.dooplex.hu + icon: sh:opengist + - title: Zipline + url: https://zipline.dooplex.hu + icon: sh:zipline + + # ==================== NECTCLOUD PAGE ==================== + - name: NextCloud + slug: nextcloud + width: wide + columns: + - size: full + widgets: + # Nextcloud iframe + - type: iframe + css-class: iframe-no-tint + source: https://nextcloud.dooplex.hu/apps/files/files + height: 1200 + title: NextCloud + + custom.css: | + /* Custom CSS for Kisfenyo's Glance Dashboard */ + /* Dark Blue theme */ + + /* ===== Wallpaper visible ===== */ + html, body { height: 100%; } + + html { + background: url("https://web.dooplex.hu/static/wallpaper-2.jpg") center / cover no-repeat fixed !important; + } + + /* Glance containers that tend to paint over the wallpaper */ + body, + .page, + #page-content, + .page-content, + .content-bounds, + .page-columns, + .page-column { + background: transparent !important; + } + + /* Optional readability veil (Homepage-like) */ + body::before { + content: ""; + position: fixed; + inset: 0; + background: rgba(20, 10, 30, 0.25); + pointer-events: none; + z-index: 0; + } + body > * { position: relative; z-index: 1; } + + /* ===== Glassy widgets like Homepage ===== */ + .widget { + background: rgba(45, 31, 61, 0.55) !important; + border: 1px solid rgba(255,255,255,0.08) !important; + border-radius: 10px !important; + backdrop-filter: blur(6px) !important; + -webkit-backdrop-filter: blur(6px) !important; + } + + /* ===== Header + bigger logo ===== */ + .header-container { + background: rgba(45, 31, 61, 0.55) !important; + backdrop-filter: blur(10px) !important; + -webkit-backdrop-filter: blur(10px) !important; + border-bottom: 1px solid rgba(255,255,255,0.08) !important; + } + + .header { + min-height: 150px !important; + align-items: flex-end !important; + padding: 16px 18px !important; + } + + /* This matches your DOM: