Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Lockscreen: LockMS - Rough Draft Release

Claude626 said:
Being a web developer myself, I started tinkering with the code and positioning... Here's what I ended up with. Now I see how theming is done. Lets see what I can brew up with my web skill. :D

img0180h.png


Much thanks to OP for getting me a kick start!

hehe, those dates are not correct, but I had used the widest width of the texts to ensure I give it enough space. :)
Click to expand...
Nice work. It sure is much simpler now. However, do these lines pad an extra zero in the hour incorrectly?

Code: 
		else if(dhr<12){hr='0'+dhr; am_pm='AM';}
		else if(dhr>=12){hr='0'+(dhr-12);am_pm='PM';}

"10" shows up as "010". At least that's what I'm seeing when I load the file in Firefox.
 
Great work guys.... Amazing to see how quickly this is evolving.

Has anyone fixed the Lock MS Weather with the time and date fitted to the screen? I have tried to alter the file but have not had any luck. I keep getting an odd 0 in the time.

Would love it if someone could post the corrected Lock MS Weather. Also is there a way to lower the Lock Info Plugins lower? They still encroach on the Lock MS even on the lowest setting.

Thanks again!
 
I've been playing with Claude's HTML-only version and I quite like it. No need to respring to get the changes. Anyhow, here's what I ended up with so far. Now, I've got room for some weather underneath.

ddluzs.png
 
dgstan said:
Nice work. It sure is much simpler now. However, do these lines pad an extra zero in the hour incorrectly?

Code: 
		else if(dhr<12){hr='0'+dhr; am_pm='AM';}
		else if(dhr>=12){hr='0'+(dhr-12);am_pm='PM';}

"10" shows up as "010". At least that's what I'm seeing when I load the file in Firefox.
Click to expand...

Yea... I wrote that at around 4AM in the morning... LOL I missed 2 cases that improperly padded "0" for 10AM and 11AM... then displays "00" for 12PM. I fixed that now. xD Here's the revised version:
http://www.mediafire.com/?c32nbsms9k2m49v

I noticed 9 people downloaded the old file. :( Sorry!

EDIT: Now that I had my sleep. I rewrote the hour calculation again. It should be proper now. xD
 
dgstan said:
I've been playing with Claude's HTML-only version and I quite like it. No need to respring to get the changes. Anyhow, here's what I ended up with so far. Now, I've got room for some weather underneath.

If you've already started changing the layout and haven't fixed the bug in the old version, here's the quick fix:

Just replace your 3 lines with these:
Err one sec... LOL
Click to expand...
 
Claude626 said:
Well, I did a bit of coding and rewriting a few things on the html file.(hope OP don't mind :p) I converted the entire thing to use no images, so we can control it by setting fonts through CSS. That way everytime we want to change font, we don't have to export a slew of different PNGs. I added the seconds that ticks/counts up. Also, I "think" I optimized the code a bit with fewer date/function calls etc.

Here's a screenshot of the entire thing using Arial font. I know it looks rather crude and lacking with just plain old Arial font, but I haven't found a nice font mix that works on the iPhone, yet.


Here's the html file I'm using:
stay tuned.
Click to expand...

This is awesome, dude.

I don't want to bug you with small requests that only I'm interested in, so could you tell me how to tweak your html file to my liking? I tried opening the file in textedit on my macbook, but all that comes up is a black screen.
 
if i choose the update in cydia wil it erase all the stuff i did to this lockscreen? i didnt know if it will convert the files i changed.
 
dzendeh said:
Originator of this awesome theme is Angelman8

here is the original look:




You can get the theme with the weather-widget included from here: LockMS_Weather.theme
To install, unzip it and copy the theme-file(s)/directory (LockMS_Weather.theme) into /private/var/stash/Themes on your iPhone 4; you need Winterboard from the Cydia-Store to activate it.

First of all many thanks to all of you. I used the WeatherWidget.theme from Adam Watkins (special thanks to you) and I did the implementation for this project.

I tried to clean up (No offense. Still, there is much place for further improvement) and simplified the code as much as possible.

choosing your language:
In the theme, you'll find the "configureMe.js" file, where you can edit the language (bottom line). Currently there only are two languages supported: english "en" and german "de". You will find the images in the corresponding folders (under "Private").

Be sure to set the suitable value for the twentyFourHourClock.

choosing your weather:
Use the locale variable in "configureMe.js" to set your location, isCelsius should be known.

There are several themes/styles ('originalBubble', 'myopia', 'iconOnly' and 'split'). I adapted most of them. You need to adjust the other ones, if want to try them out. Make sure to set the appropriate values for #TimeContainer in the corresponding css-files. Be sure to try out the different iconSets (new sets highly appreciated).


Knock yourselves out,

daze

--------------------
Edit 100819_2044:
- added temperature sign-C or F
- further simplified the selections
- added 0-prefix (zero) for single-digit days

Edit 100820_1215:
- new stylesheets for different layout 'original', 'timetop' and 'datetop' (look inside the configureMe.js file)
- new switch showWeather to turn weather information on (true) or off (false)
- new switch doMostlyText to turn text-mode on (true) or off (false) - I still like the graphical display better
- further code-optimization
Click to expand...


Really like this mod, but cant get the time to show using "timetop" after changing it in the .js file. any ideas?

p.s. i also turned weather to "false"
 
Just in case someone missed my edited post above... my previous html file contains incorrect hour calculation.(oops lol written at 4AM) Here's the new download link and the new bit of code. If you catch mistakes... I'll be damn! lol

http://www.mediafire.com/?c32nbsms9k2m49v

Code: 
if(dhr<12){
	am_pm='AM';
	if(dhr==0){dhr=12;}
	else if(dhr<10){dhr='0'+dhr;}
}
else {
	am_pm='PM';
	if(dhr>21){dhr=dhr-12;}
	else if(dhr>12){dhr='0'+(dhr-12);}
}
 
Claude626 said:
Just in case someone missed my edited post above... my previous html file contains incorrect hour calculation.(oops lol written at 4AM) Here's the new download link and the new bit of code. If you catch mistakes... I'll be damn! lol

http://www.mediafire.com/?c32nbsms9k2m49v

Code: 
if(dhr<12){
	am_pm='AM';
	if(dhr==0){dhr=12;}
	else if(dhr<10){dhr='0'+dhr;}
}
else {
	am_pm='PM';
	if(dhr>21){dhr=dhr-12;}
	else if(dhr>12){dhr='0'+(dhr-12);}
}
Click to expand...
I dunno Claude. When I insert your new section, the time disappears. Here's the code I'm using presently:

Code: 
		hr = dhr
		am_pm = 'PM'
		if(dhr==0){hr=12;am_pm='AM';}
		if(dhr<10){hr='0'+dhr; am_pm='AM';}
		if(dhr<12){hr=dhr; am_pm='AM';}
		if(dhr>12){hr='0'+(dhr-12);am_pm='PM';}
 
dgstan said:
I dunno Claude. When I insert your new section, the time disappears. Here's the code I'm using presently:

Code: 
		hr = dhr
		am_pm = 'PM'
		if(dhr==0){hr=12;am_pm='AM';}
		if(dhr<10){hr='0'+dhr; am_pm='AM';}
		if(dhr<12){hr=dhr; am_pm='AM';}
		if(dhr>12){hr='0'+(dhr-12);am_pm='PM';}
Click to expand...

Oh my bad. I changed the variable use. I ditched the "hr" variable in an attempt to optimize. It's now using just "dhr" for the hour--no need of another temp variable. just download the file and replace dotime(). It should load infinitsimally faster. LOL

EDIT: Yea, you will want to modify it. that chunk u posted will also incorrectly pad '0' for 10 and 11 PM
 
how do you change incoming call screen?
I have changed my lockscreen wallpaper ... but for some reason don't know how to change the incoming call screen... wallpaper
 
Here is what I'm going with now, lunar eclipse
 

Attachments

  • photo.PNG
    photo.PNG
    343.6 KB · Views: 90
Ok, I finally got it to where I like it! Integrated my modified html with the weather script. Updated the CSS styling to flow better. Changed fonts to use Helvetica.

I use my phone as my primary clock/watch and had always wanted a huge time display spanning across the screen. This theme does EXACTLY that and MORE. THANK YOU!!!

img0182.png


For those asking what my wallpaper is... It's call Cloak of Night from interfacelift.com: http://interfacelift.com/wallpaper_beta/details/2259/cloak_of_night.html

I'm SURE that I will be tweaking my themes from here on out, but here's the package for the above screenshot.(minus the background) Also, you will need to set your weather location inside weather/configureMe.js
http://www.mediafire.com/?qkwf23uuc8iqg5s

I take no credit in the birth/creation of this theme. I merely optimized it and tweaked it to my liking!
 
Thanks Claude. One thing though. When the minute is a single digit (ex: 5:07 PM), it says 05:7. Is that an easy fix?

Edit: Same thing happens to the seconds when they are single digits. Otherwise awesome. I downloaded winterboard when I said I wouldn't just for this.

Claude626 said:
Ok, I finally got it to where I like it! Integrated my modified html with the weather script. Updated the CSS styling to flow better. Changed fonts to use Helvetica.

I use my phone as my primary clock/watch and had always wanted a huge time display spanning across the screen. This theme does EXACTLY that and MORE. THANK YOU!!!

img0182.png


For those asking what my wallpaper is... It's call Cloak of Night from interfacelift.com: http://interfacelift.com/wallpaper_beta/details/2259/cloak_of_night.html

I'm SURE that I will be tweaking my themes from here on out, but here's the package for the above screenshot.(minus the background) Also, you will need to set your weather location inside weather/configureMe.js
http://www.mediafire.com/?qkwf23uuc8iqg5s

I take no credit in the birth/creation of this theme. I merely optimized it and tweaked it to my liking!
Click to expand...
 
kre62 said:
Thanks Claude. One thing though. When the minute is a single digit (ex: 5:07 PM), it says 05:7. Is that an easy fix?

Edit: Same thing happens to the seconds when they are single digits. Otherwise awesome. I downloaded winterboard when I said I wouldn't just for this.
Click to expand...

hehe... You caught me. That link in my edited post is already updated. It was literally 2 minutes after the post... I updated!
 
Claude626 said:
hehe... You caught me. That link in my edited post is already updated. It was literally 2 minutes after the post... I updated!
Click to expand...

Haha, I guess I was eagerly awaiting your file. Got the new file, working perfectly, weather kicks ass. Thanks for your work.
 
Well..weather seems to break after awhile. I'll go to unlock my phone and it'll sit there with a ? mark. Does this have anything to do with the update interval?

Edit: Just noticed that if I lock the phone, then press the unlock button right after, the weather breaks, and I have to respring to get it back. "Just dont use it that way?"

kre62 said:
Haha, I guess I was eagerly awaiting your file. Got the new file, working perfectly, weather kicks ass. Thanks for your work.
Click to expand...
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back