teaser for my little winter project.

[ewen@social.ewenbell.com]

@hbons

[hbons@mastodon.social]

been a while since I used a Grid (probably GTK2 days). and being able to set relative positions to other items is a lot more intuitive and less clunky than hardcoding edge numbers.

also <sub> and <sup> texts are working nicely for scientific notations!

#linux #opensource #gnome #gtk #libadwaita #design #aurora

[garrett@mastodon.xyz]

@hbons Is this with XML or Blueprint or something else?

Blueprint documentation

(gnome.pages.gitlab.gnome.org)

GNOME / Blueprint · GitLab

A markup language for GTK user interfaces. Docs: https://gnome.pages.gitlab.gnome.org/blueprint-compiler/

GitLab (gitlab.gnome.org)

[hbons@mastodon.social]

@garrett just in code right now. will add Blueprint later.

[hbons@mastodon.social]

adding .

almost done with the low hanging fruit. now need to add graphs over time.

best way to do that?

#linux #opensource #gnome #gtk #libadwaita #design #aurora

[kelbaz@mastodon.social]

@hbons Ui looks good

[kelbaz@mastodon.social]

@hbons I'd love to see your designing process for those gnome icons

[salkeld@mastodon.social]

@hbons Resources has some pretty good looking graphs, but I don't know if they're the kind you're after...

[hbons@mastodon.social]

@salkeld totally yes. will have a look!

[hbons@mastodon.social]

bit of margin tweaking to align the icon with the spinner when clicked.

#linux #opensource #gnome #gtk #libadwaita #design #aurora

[vixalientoots@mas.to]

@hbons In cases like these you can usually use a Gtk.Stack and halign and valign the children to the center

[hbons@mastodon.social]

boom. bar charts.

just using a GtkFrame and styling with CSS.

the line graph will be trickier, but thinking about generating an SVG and displaying that.

#linux #opensource #gnome #gtk #libadwaita #design #aurora

[ross@hachyderm.io]

@hbons Spitting out SVG is probably the easiest thing, esp if you can generate it in abstract units for ease and just scale when rendering.

[hbons@mastodon.social]

@ross only concern is would it respond to theme changes? maybe a redraw hook and it will be ok?

[ebassi@mastodon.social]

@hbons @ross even if you drew it directly with Cairo, you’d have to hard code the colors because you can’t query the style machinery. There are some changes coming to GTK with regards to SVG rendering, but mostly for icons; there’s no CSS integration there, as of yet

[forteller@tutoteket.no]

@hbons I'm thinking it would be really neat if you where able to give those charts some sort of color fade, so that they look like auroras… !?

[hbons@mastodon.social]

@forteller yes! that's the plan. thanks for the inspiration.

[forteller@tutoteket.no]

@hbons Awesome!

[hbons@mastodon.social]

TIL about GtkLevelBar.

GtkProgressBar's lost brother from an other mother.

just set the min/max and a value. convenient!

#linux #opensource #gnome #gtk #libadwaita #design #aurora

[hbons@mastodon.social]

#libadwaita has a handy .accent CSS class for labels.

using that (+bold) to highlight when measurements are good or heading in the right direction.

#linux #opensource #gnome #gtk #libadwaita #design #aurora