MDM HTML5 Themes

Help make Linux Mint look better.
syserr
Level 1
Level 1
Posts: 3
Joined: Wed Sep 12, 2012 9:23 pm

Default MDM theme - CPU usage

Post by syserr » Sun Sep 21, 2014 8:24 am

Upgraded to 17 from Mint 14, the new default MDM theme is very nice -- I like it a lot.

My (family) machine is in a multiseat configuration, and using MATE's "System Monitor" I noticed A LOT of CPU usage by the other seats when no one was logged in. Looking at the MDM display, I suspected it might be the sliding background animation. After a bit of poking around I found if I simply comment out the play() method in /usr/share/mdm/html-themes/Mint-X/index.html my cores stop dancing.

The animation is attractive, but not worth it to me. I thought I'd share how to disable it. (good for laptops too?)

Animation (at it's current cpu load) might be a bad default.

Monsta
Level 9
Level 9
Posts: 2997
Joined: Fri Aug 19, 2011 3:46 am

Re: MDM HTML5 Themes

Post by Monsta » Tue Sep 23, 2014 12:54 am

That's a known issue.
I always switch to "GTK" theme in mdmsetup - it's faster and doesn't eat CPU.

chmeleon
Level 1
Level 1
Posts: 3
Joined: Wed Oct 29, 2014 4:58 am

Re: MDM HTML5 Themes

Post by chmeleon » Wed Oct 29, 2014 6:11 am

I finished my first login theme today. Please tell me what you think :)

http://forums.linuxmint.com/viewtopic.p ... 181431&e=0

inersha
Level 1
Level 1
Posts: 6
Joined: Sun Dec 07, 2014 2:01 pm

Re: MDM HTML5 Themes

Post by inersha » Wed Dec 31, 2014 7:30 am

Is there a basic HTML5 login window theme available for Linux Mint?

I'm looking for something very basic with only the essential HTML+JS needed for a working login screen. I've looked at the files for Mint-X and Clouds, but I was hoping that there might be something much simpler to help get me started making my own theme.

Does anyone know of any basic themes that would be good for beginners? I've got experience with HTML+CSS, but it's the logic of the javascript that I'd like to get a better understanding of.

User avatar
killer de bug
Level 14
Level 14
Posts: 5386
Joined: Tue Jul 08, 2008 1:49 pm
Location: Graz, Austria

Re: MDM HTML5 Themes

Post by killer de bug » Wed Dec 31, 2014 2:47 pm

Maybe this simple theme is a good start for you: http://linuxmint-art.org/content/show.p ... ent=159006
Image
If it ain't broke, fix it until it is.

User avatar
philer
Level 1
Level 1
Posts: 18
Joined: Wed Aug 06, 2014 9:10 pm
Contact:

Re: MDM HTML5 Themes

Post by philer » Fri Jan 02, 2015 2:15 pm

@inersha I made a theme that is supposed to serve as a base for easy modification/development. It's mostly targeted at web developers with a little experience though. You'll need to know a little bit about events in JavaScript.
If you think it's worth a look, here's the thread: http://forums.linuxmint.com/viewtopic.php?f=25&t=175223
MDModern – A fresh theme for your Linux Mint login screen (also on github)

exploder
Level 15
Level 15
Posts: 5529
Joined: Tue Feb 13, 2007 10:50 am
Location: HartfordCity, Indiana USA
Contact:

Re: MDM HTML5 Themes

Post by exploder » Sun Jan 04, 2015 1:47 pm

This is the only MDM theme in Mint that I like! Very professional looking and no pictures that make the transition to the desktop look bad. Thank you for creating this! :D

User avatar
philer
Level 1
Level 1
Posts: 18
Joined: Wed Aug 06, 2014 9:10 pm
Contact:

Re: MDM HTML5 Themes

Post by philer » Mon Jan 05, 2015 7:19 pm

Thank you and you're very welcome :D
MDModern – A fresh theme for your Linux Mint login screen (also on github)

unkilbeeg
Level 1
Level 1
Posts: 38
Joined: Tue Apr 27, 2010 5:02 pm

Re: MDM HTML5 Themes

Post by unkilbeeg » Thu Jun 18, 2015 2:09 pm

I'm installing 17.1 Rebecca at work and I really like the overall look of the Mint-X theme. I'm not particularly good at javascript, but I've managed to get rid of the userlist. That's half the battle, but I have been completely unable to figure out how to get the welcome_message to display. I'd really like each machine to include the name of the machine on the login page, and I've set the welcome message to do that.

Unfortunately, this theme doesn't seem to support that message. Some of the other HTML themes do, but the ones that do are a bit too decorative for my tastes. I've tried grabbing some of the code from those themes to insert into Mint-X, but so far no luck. Did I mention that I'm not very good at javascript? :)

So for the moment I think I'm going to have to go back to a GDM theme.

marioluigi123
Level 1
Level 1
Posts: 1
Joined: Tue Aug 25, 2015 1:00 pm

Re: MDM HTML5 Themes

Post by marioluigi123 » Tue Aug 25, 2015 1:21 pm

Hello all, my theme idea was to integrate the HTML5 Super Mario remake (https://github.com/FullScreenShenanigan ... o/releases) into a playable login screen. Nothing fancy yet, just trying to get the game on the login window in playable form.

Everything works OK in the theme emulator (but you probably figured that), but I get a blank space where the game should be on the actual login screen. The Mario game's JS writes to an HTML section (id=game) so that's what my index.html contains besides the includes for JS and CSS.

Code: Select all

	<section id="game"></section> <!-- FSM.UserWrapper will fill out these sections... -->
	<section id="controls"></section>
Can someone with more Web Dev experience take a look? I don't mind collaborating on the code.

I'm more a sysadmin than a dev so I've mostly been cutting code out. I removed some of the window decoration and lots of the unused functionality (level editor, mods, etc) from the Mario JS file.

EDIT: Code was too big to attach (100kb limit, really), so check it here: https://www.dropbox.com/s/3w6imt4wurva6 ... ar.gz?dl=0

LinkTree
Level 1
Level 1
Posts: 11
Joined: Mon Sep 28, 2015 10:16 pm

Re: MDM HTML5 Themes

Post by LinkTree » Thu Oct 01, 2015 10:19 pm

Hi, I haven't found any discussion about this issue anywhere on the internet. Why is every HTML5 theme not removing the caps lock warning sign when caps lock is off? You have to manually click outside of the input box for it to realize caps lock is off and update the display... This is very confusing for new users. I assume that's some internal functionality and it's not yet exposed to the HTML+JS API and that's why all these HTML5 themes have the same issue.

User avatar
samriggs
Level 6
Level 6
Posts: 1199
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada
Contact:

Re: MDM HTML5 Themes

Post by samriggs » Tue Feb 09, 2016 1:53 am

I'm back finally
Long time no see, been busy but seen tablet support again so I'm back home again. I'm working on a new one , just simple burning linux logo with the word linux burning also with some sparks floating around the screen, thought I'd start simple to get back into it again, I'll check on that caps lock to see if there is something in js to detect it and switch it off once it's off to see if it's possible through that avenue or if it has been taken care of already when I was gone away.
Got another jungle idea for a mint logo or work (lots of detail and clean at the same time so that one will take a bit) strictly for mint though but I'll add a way out for other distro's to add there's in also by replacing the main one.
Just wondering two things.
1: is canvas working any better now then it was when I was first making these?
I avoided using canvas because of this issue, I think I only use it on one that really worked good.
Reason I ask I wouldn't mind using phaser/laser framework to make some cool looking ones but it uses canvas.
2: Is the HTML5 wallpapers still in the works? I can tone it down and keep it the same all the way through so it's not such a resource hog on the html5 wallpaper side of things.
I'm working on other things at the same time but will make time to make more (a fun escape from the other stuff for me), plus I'm getting into html5 gaming now so I can play around with some experiments this way also for my own stuff and add them in.
Sam
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
Manjaro XFCE / Mint Cinnamon
asus X751LX and an acer and a toshiba and another asus

User avatar
samriggs
Level 6
Level 6
Posts: 1199
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada
Contact:

Re: MDM HTML5 Themes

Post by samriggs » Tue Mar 01, 2016 2:51 am

Just a note I noticed in the mdm themes you have synergy as one of mine, it's not actually mine :oops:
I guess he used my theme as a template and forgot to switch the name over to his.
Don't want to take credit for something I didn't make, have to give credit where it's due ;)
just in case anyone thought it was mine it be not mine.

More mdm themes coming soon, as soon as I find time.

Sam
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
Manjaro XFCE / Mint Cinnamon
asus X751LX and an acer and a toshiba and another asus

User avatar
samriggs
Level 6
Level 6
Posts: 1199
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada
Contact:

Re: MDM HTML5 Themes

Post by samriggs » Thu Mar 10, 2016 8:53 pm

Just to keep this rolling, I am about halfway through another one, I'll post it once done.
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
Manjaro XFCE / Mint Cinnamon
asus X751LX and an acer and a toshiba and another asus

User avatar
killer de bug
Level 14
Level 14
Posts: 5386
Joined: Tue Jul 08, 2008 1:49 pm
Location: Graz, Austria

Re: MDM HTML5 Themes

Post by killer de bug » Fri Mar 11, 2016 3:09 pm

Cool. I'm anxious to see your new creation :wink:
Image
If it ain't broke, fix it until it is.

User avatar
samriggs
Level 6
Level 6
Posts: 1199
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada
Contact:

Re: MDM HTML5 Themes

Post by samriggs » Sun Mar 13, 2016 3:59 am

Here the first one I'm working on.
Sort of a simple burning tux to get me back into the game again, it'll have floating sparks maybe some smokey clouds or something, still thinking of what to add to it, but it's a simple one to get me going again.
If it turns out alright and enough demand I'll do a LM logo one instead of a tux also for mint users, just thought a tux would fit any distro using mdm

Image

future ideas is a viking or some kind of tux lightning clouds etc
a jungle (bugs flying birds flying maybe some critters ) strictly for mint because of all the greenery that will be in it
maybe a moving background one and another that pans.
Hopefully I can come up with around 10 more altogether in between my other stuff.
Plus it's fun
I want to experiment with my gaming framework I use for html5 (phaser soon to be laser) but I'll have to see if canvas will work properly on it it had issues before which is why I dropped it especially with lmde (if it don't wok in lmde it probably won't work in any other distro that don't use ubuntu base or mint main so hopefully I can get someone to test a canvas one for me in lmde.
Sam
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
Manjaro XFCE / Mint Cinnamon
asus X751LX and an acer and a toshiba and another asus

User avatar
samriggs
Level 6
Level 6
Posts: 1199
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada
Contact:

Re: MDM HTML5 Themes

Post by samriggs » Wed Mar 30, 2016 6:52 pm

Alrighty all got some exciting news for all you mdm themers.
I been busy lately with my html5 game but decided to try something entirely different as I mentioned before I was going to try and use phaser's framework (for making html5 games) and put it in the mdm and see if the canvas would work this way.
Why you may ask would you try and use a gaming framework inside a mdm theme?
Well because it means you can pretty much do anything you want including all the beloved particle effects you can muster, all the animations you can muster, or anything your mind can muster.
The point being it enlarges the scope of creation to a whole new level.
Well I tested it in a quick, throw it together in 5 minutes example, to test it out and viola it worked :D

Soon as I get some time I will come up with a tutorial how to use it inside mdm with a base mdm to work from then create the canvas creation and how to add it to the mdm.

For those who do not want to wait or try it out themselves I am using the phaser editor (linux friendly version)
It comes with everything already added including the phaser framework (great little editor that uses eclipse as a base standalone version) just drop it in your home folder and start coding.

Soooo for those that can't wait for the tutorial just create your animation in the editor once done grab all the contents in the WebContent folder except the index html file paste it into your mdm theme folder your creating and just add the javascript links in the index html that is in the webContent file and paste those into your index html file in the mdm folder between the head tags and your done.

I'll do a screenshot tutorial when I get time and post it on my blog. (I'll add the link once I get it done)

So here is where you can get the editor http://phasereditor.boniatillo.com/blog/
There are plenty of tutorials on the site including texture packer and asset loaders etc so you can load the images or spritesheets with json files

Tons of tutorial at the phaser site for you to learn how to make stuff here http://phaser.io/

When I get time I'll check out screensavers with html5 also

Sam
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
Manjaro XFCE / Mint Cinnamon
asus X751LX and an acer and a toshiba and another asus

User avatar
samriggs
Level 6
Level 6
Posts: 1199
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada
Contact:

Re: MDM HTML5 Themes

Post by samriggs » Fri Apr 01, 2016 11:02 pm

Alright I made quick tutorial on how to make an html5 creation in phaser using the phaser editor and how to bring it into your mdm along with the sample files to download, the tutorial has a lot of screen shots in it and a short video showing the final creation.

The sample file mdm has a base mdm to start you off all you have to do is drop your phaser creation in it and add the javascript links.
The tutorial I made walks you throgh it all.

You can read the tutorial here: http://samsstuffsoftware.blogspot.ca/20 ... ework.html

It has a link to the downloaded sample I made that also holds the base mdm theme.

Enjoy!

I'll be using this method for all future mdm themes.

Sam
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
Manjaro XFCE / Mint Cinnamon
asus X751LX and an acer and a toshiba and another asus

User avatar
samriggs
Level 6
Level 6
Posts: 1199
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada
Contact:

Re: MDM HTML5 Themes

Post by samriggs » Tue Apr 05, 2016 12:34 am

Here is the next one I am almost finished
I put the above one on hold for the time being as I ran out of ideas to add for it and I wasn't liking it so far, so it's on a backburner until I make it better.
In the mean time I decided to try the one I wanted for myself and plus it gives me the opportunity to use phaser and it's editor for the whole thing.
My new toy :D
This is the main background so far, I have to add tubes with aliens or something in them floating around, some alien drones with flashing lights flying around and maybe an alien walking though or something else, I just keep adding to it as I go along, the login will be near the bottom of the metal middle door, it's the theme I wanted to make all the way through including icons, theme etc.. which will come later once I get time to make it.

Here it is so far about 3/4 done.

Image

Hopefully I'll have this one finished soon to put up complete.
Sam
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
Manjaro XFCE / Mint Cinnamon
asus X751LX and an acer and a toshiba and another asus

User avatar
killer de bug
Level 14
Level 14
Posts: 5386
Joined: Tue Jul 08, 2008 1:49 pm
Location: Graz, Austria

Re: MDM HTML5 Themes

Post by killer de bug » Tue Apr 19, 2016 8:37 am

I'm dreaming of playing Mario Bross or Tetrix or... before entering my password. This would be so cool :mrgreen:
Image
If it ain't broke, fix it until it is.

Post Reply

Return to “Artwork”