github glanceapp/glance v0.4.0

latest releases: v0.5.0, v0.5.0-beta.1
one month ago

New

Repository widget

For those who like keeping an eye on their open source projects:

repository-overview-preview

- type: repository
  repository: glanceapp/glance
  pull-requests-limit: 3
  issues-limit: 3

Hiding the pull requests or issues is possible by setting their limit to -1.

Experimental dynamic columns style for the bookmarks, monitor and stocks widgets

The three widgets have so far been primarily built to fit inside a small column, leaving lots to be desired when placed inside of a full column. There is now an experimental dynamic-columns-experimental style for all 3, giving you more flexibility in how you build your pages:

Note

Because this is experimental, the looks or behavior of this may change in the future depending on feedback.

dynamic-columns.mp4
- size: full
  widgets:
    - type: monitor
      style: dynamic-columns-experimental
      ...

    - type: stocks
      style: dynamic-columns-experimental
      ...

    - type: bookmarks
      style: dynamic-columns-experimental
      ...

(thanks for the idea @igeekbb & @allardhs)

RSS widget: horizontal-cards-2 style

For when the thumbnail is the main attraction:

rss-widget-horizontal-cards-2-preview

You can adjust the height of the cards (for just this style) using the new card-height property:

- type: rss
  style: horizontal-cards-2
  card-height: 25 # in rems, where 1rem = 10px, so this would be 250px tall
  feeds: ...

A similar and newly added thumbnail-height can also be used to change the height of just the thumbnail for the horizontal-cards style.

Videos widget: grid-cards style

videos-widget-grid-cards-preview

Mobile header

Phones have gotten fairly tall, so tall in fact that trying to reach a link at the top of the page can sometimes be a pain. The new show-mobile-header property, available for each page, can help push the content down and make it easier to get to:

mobile-header-preview

- name: Homelab
  show-mobile-header: true
  columns: ...

Sorting options for Reddit and Hacker News

- type: reddit
  title: Cool projects from /r/selfhosted this month
  subreddit: selfhosted
  sort-by: top
  top-period: month
  search: flair:"Release"
  show-thumbnails: true

(results are not rigged, I swear)

Hacker news is a little more limited for now, allowing you to specify just sort-by with either top, new or best:

- type: hacker-news
  sort-by: new

(thanks for the suggestion @NoxesP & @knhash)

Symbol and chart links for stocks

You can now set a custom link for when you click on either the symbol or the chart of a stock:

- type: stocks
  stocks:
    - symbol: AAPL
      name: Apple
      symbol-link: https://www.google.com/search?tbm=nws&q=apple
      chart-link: https://www.tradingview.com/chart/?symbol=NASDAQ:AAPL

(thanks for the idea @0x3e4)

Specifying URLs for the Monitor widget from environment variables

- type: monitor
  sites:
    - title: Jellyfin
      url: ${URL_TO_JELLYFIN}

(thanks for the idea @devsjc)

Changed

Sort order for Reddit and Hacker News

You've probably noticed that Glance doesn't return posts in the order you'd find them in either Reddit or Hacker news. This was undocumented bevahior which attempted to place posts with above average points and comments higher, since by default you only see up to 5 posts. This sorting behavior is no longer the default and you'll now see posts in the exact order they are found on each site.

If you liked the way posts were being ordered you can still use the same sorting algorithm via the new extra-sort-by property which is available for both the Reddit and Hacker News widgets:

extra-sort-by: engagement

Note that engagement is currently the only possible option and other sorting algorithms may get added in the future.

Images now fade in when they load

If you're a Firefox user you may have noticed the jarring way in which it loads images, where it sometimes places a white background behind the image as it gets loaded:

(connection speed throttled to exaggerate issue)

image-loading-before.mp4

To make the experience a little more pleasant, images will now be hidden until they've loaded completely and then fade in:

image-loading-after.mp4

Don't miss a new glance release

NewReleases is sending notifications on new releases.