{"id":128,"date":"2010-05-27T17:12:06","date_gmt":"2010-05-27T17:12:06","guid":{"rendered":"http:\/\/blogs.igalia.com\/magomez\/?p=128"},"modified":"2010-05-27T17:12:06","modified_gmt":"2010-05-27T17:12:06","slug":"vagalume-dressed-for-the-moblin-party","status":"publish","type":"post","link":"https:\/\/blogs.igalia.com\/magomez\/2010\/05\/27\/vagalume-dressed-for-the-moblin-party\/","title":{"rendered":"Vagalume dressed for the Moblin party"},"content":{"rendered":"

Something I’ve been playing with that I’ve not mentioned before was my experiments adapting Vagalume<\/a> to the Moblin look and feel.<\/p>\n

As you know, Moblin’s UI is (should I say was???) Clutter based, with lots of fancy transitions. Also, it uses fullscreen windows in a one-window-per-desktop approach, and there aren’t dropdown menus neither dialogs. <\/p>\n

\"\"<\/a><\/p>\n

And as you also know, Vagalume has a non fullscreen Gtk+ based window. And it uses dropdown menus and dialogs.<\/p>\n

\"\"<\/a><\/p>\n

So, this needed a bit of love \ud83d\ude42<\/p>\n

I started by adding some fancy effects to the UI by using Clutter. I did some modifications to the Vagalume controller so I could get more than one cover at a time and put them into a GtkClutterEmbed, with a rotation effect when switching from a song to the next one. I shouldn’t say it, but the result was quite cool \ud83d\ude1b :<\/p>\n

\"\"<\/a><\/p>\n

And then started with the menu. I removed all the dropdown stuff and replaced it a side panel. This panel can stay hidden or shown. <\/p>\n

\"\"<\/a><\/p>\n

When some of the options in the panel is clicked, is expanded, hiding the cover list widget, and showing the different suboptions, as you can see in the image:<\/p>\n

\"\"<\/a><\/p>\n

And finally, I added to the cover list widget the capability to show error messages, so no dialogs were needed to do it, and put the window in fullscreen mode. I think the result integrates pretty well, don’y you think? \ud83d\ude09<\/p>\n

I uploaded the package to the Intel AppStore so it is (or should be at some point) available. But if you want to play a bit, you can clone my repo at the Igalia (http:\/\/git.igalia.com\/user\/magomez\/vagalume-moblin.git) and check the moblin branch.<\/p>\n

Hope you like it! \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"

Something I’ve been playing with that I’ve not mentioned before was my experiments adapting Vagalume to the Moblin look and feel. As you know, Moblin’s UI is (should I say was???) Clutter based, with lots of fancy transitions. Also, it uses fullscreen windows in a one-window-per-desktop approach, and there aren’t dropdown menus neither dialogs. And … Continue reading “Vagalume dressed for the Moblin party”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6,8],"tags":[],"class_list":["post-128","post","type-post","status-publish","format-standard","hentry","category-gnome","category-moblin","category-planet-igalia"],"_links":{"self":[{"href":"https:\/\/blogs.igalia.com\/magomez\/wp-json\/wp\/v2\/posts\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.igalia.com\/magomez\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.igalia.com\/magomez\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.igalia.com\/magomez\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.igalia.com\/magomez\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":0,"href":"https:\/\/blogs.igalia.com\/magomez\/wp-json\/wp\/v2\/posts\/128\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.igalia.com\/magomez\/wp-json\/wp\/v2\/media?parent=128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.igalia.com\/magomez\/wp-json\/wp\/v2\/categories?post=128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.igalia.com\/magomez\/wp-json\/wp\/v2\/tags?post=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}