HomeScreen2.0 – Lock Screen Mod

As many of you know, I am on the hunt for the perfect lock screen mod. In doing some other modding…I ran across HomeScreen2.0 by aldwin on MacThemes2.net. It is a very simple and clean lock screen that displays the current time, date, weather and any missed events (text, call, email…etc). You can also tap on the date to see a month calendar view and you can tap on the weather to see a full week weather forecast.

homescreen20 homescreen202 homescreen203

I have been messing with this mod on and off for about a week now and I think I’m finally to a point where I have gotten it to work correctly so, I thought I would pass it along. It does take some ssh work along with some code editing. I will walk you through the steps, if you are willing, give it a try.

The steps below will give you a lock screen that looks exactly like the one in my screenshot. However, there are really endless possibilities for modding this lock screen.

1. Install the WinterBoard application on your iPhone or iPod Touch. To do so, go into Cydia and search for WinterBoard and install the app.

2. Install the StatusNotifier application (NOT the Notifier application). StatusNotifier is available through the ModMyi source and can be installed via Cydia.

3. Open the StatusNotifier application on your iPhone and turn on all the notifications. Note: The lock screen notifications will not work unless ALL the options are turned on in StatusNotifier. You do not have to turn on any of the Reminders for it to work, just the notifications.

homescreen205

4. Go to THIS forum page on MacThemes2.net and download the Complete Version Download file. This will download a file titled “HomeScreen_2.0” (mirror)

5. On the same forum page, also download the en.plist file. To find this file…look for the section of text below and click on the download link. This will download a file titled “en.plist” (mirror)

“NOTE: To make this work, you need to hide the lockscreen date*
*does not apply on weather/notifier version.

for english language: “link to file

Note: if you are not using the English language, there is also a link so that you know how to edit the file to work for you.

6. Unzip both the HomeScreen_2.0 and en.plist folders.

7. Drag the HomeScreen_2.0 folder that you create on your computer (the unzipped folder) into the Library/Themes folder on your iPhone or iPod Touch using ssh. Select Copy.

This will add the HomeScreen_2.0 mod into the WinterBoard application on your iPhone or iPod Touch. That way, the mod can easily be activate and deactivated.

homescreen206

8. Create a backup of your current en.plist which is located in the System/Library/Frameworks/UIKit.framework/DateFormats folder on your iPhone or iPod Touch. To do so, just drag the file off your device and onto your computer. That way, you always have the original file.

9. Drag the en.plist file (that you downloaded and unzipped) into the System/Library/Frameworks/UIKit.framework/DateFormats folder on your iPhone or iPod Touch.

10. If it will asks you if you want to overwrite the current file…yes you do. (be sure to make a backup of the original first.

11. Ok, if you activated the HomeScreen_2.0 mod in WinterBoard right now…it will technically work. However, you will need to edit a little code in order to get it to display your current weather…instead of the weather for Manila!

12. Open the configureMe.js file on your iPhone/iPod Touch. It is located in the Library/Theme/HomeScreen_2.0 folder.

13. Find the location code in the file…below is what it looks like:

// The location field should be a relatively machine-legible string
// if using the default, Apple/AccuWeather parser (originally from Leopard’s Weather.wdgt)
var locale = "ASI|PH|RP073|MANILA" //"OCN|AU|VIC|MELBOURNE" //"ASI|PH|RP077|MAKATI" //e.g. ‘Defiance, Ohio’|’Moscow, Russia’|’Ledyard, AT’|’London, UK’

14. If you are in the US…you will want to use Yahoo.com to pull in the weather instead of AccuWeather. To do so, delete the bolded code below:

// The location field should be a relatively machine-legible string
// if using the default, Apple/AccuWeather parser (originally from Leopard’s Weather.wdgt)
var locale = "ASI|PH|RP073|MANILA" //"OCN|AU|VIC|MELBOURNE" //"ASI|PH|RP077|MAKATI" //e.g. ‘Defiance, Ohio’|’Moscow, Russia’|’Ledyard, AT’|’London, UK’

15. Now you will need to type in your City and State information. Below is what the code will look like now. The bolded code is where you will added your City, State.

// The location field should be a relatively machine-legible string
// if using the default, Apple/AccuWeather parser (originally from Leopard’s Weather.wdgt)
var locale = "Ankeny, IA" //e.g. ‘Defiance, Ohio’|’Moscow, Russia’|’Ledyard, AT’|’London, UK’

16. Now, scroll down to the bottom of the configureMe.js file to where it talks about using YahooWeather. Find the code shown below and copy it.

var source = ‘appleAccuweatherStolen’ //’appleAccuweatherStolen’|’yahooWeather’

17. Paste the code you just copied under the line where you added your City, State…it will look like the code below.

// The location field should be a relatively machine-legible string
// if using the default, Apple/AccuWeather parser (originally from Leopard’s Weather.wdgt)
var locale = "Ankeny, IA" //e.g. ‘Defiance, Ohio’|’Moscow, Russia’|’Ledyard, AT’|’London, UK’
var source = ‘appleAccuweatherStolen’ //’appleAccuweatherStolen’|’yahooWeather’

Now, change the code to looks like this:

// The location field should be a relatively machine-legible string
// if using the default, Apple/AccuWeather parser (originally from Leopard’s Weather.wdgt)
var locale = "Ankeny, IA" //e.g. ‘Defiance, Ohio’|’Moscow, Russia’|’Ledyard, AT’|’London, UK’
var source = ‘yahooWeather’ //’appleAccuweatherStolen’|’yahooWeather’

18. You will also need to change it so that it displays Fahrenheit instead of Celsius. To do so, locate the code below.

// Set to ‘false’ if you’d prefer Farenheit
var isCelsius = true //true|false

19. Change true to false.

// Set to ‘false’ if you’d prefer Farenheit
var isCelsius = false //true|false

20. Close the configureMe.js file. It will ask if you would like to save the changes…yes, you would.

21. Ok, now if you go into WinterBoard and activate the HomeScreen_2.0 mod, it will display the correct weather for your location.

Editing Calendar Color
Another pretty easy mod for this lock screen is editing the colors in the calendar. I will walk you through how to do this. For other modding info…check out the forum thread for this lock screen.

1. Open the LockBackground.html file. It is located in the Library/Theme/HomeScreen_2.0 folder on your iPhone or iPod Touch.

2. Find the below code in the file.

.daysofweek {
font-size:14px;
color: #fdff77;
font-family:Helvetica;
font-weight:bold;
padding-top:5px;
}
.days {
font-size:14px;
color:white;
font-family:Helvetica;
font-weight:bold;
padding: 0 5px 0 5px;
}
.days #today {
font-size:14px;
color:white;
font-family:Helvetica;
font-weight:bold;
background:black;

3. The .daysofweek are the days of the week listed across the top of the Calendar (S,M,T,W,T,F,S). The .days are the days in the calendar (1-31) and the .days #today is today’s date in the calendar.

4. If you would like to change the color of the days across the top, you would change the color # to whatever rgb hex # you would like. You can create your own or you can find them online (HERE is an example). Below is a before and after of the code.

Before

.daysofweek {
font-size:14px;
color: #fdff77;
font-family:Helvetica;
font-weight:bold;
padding-top:5px;

After

.daysofweek {
font-size:14px;
color: #cd853f;
font-family:Helvetica;
font-weight:bold;
padding-top:5px;

homescreen202 homescreen204

5. The same goes for the days in the calendar (1-31) and the today’s date in the calendar. Just change the corresponding color # to whatever you would like it to be and then save the file.

6. You can also remove the black background behind today’s date in the calendar by deleting the bolded code below.

.days #today {
font-size:14px;
color:white;
font-family:Helvetica;
font-weight:bold;
background:black;

As I said previously, there are a lot more modification you can make to this lock screen such as font size or space sizes, etc…for more info check out the forum thread.

Note: If you would like to change the Tap to Unlock to Slide to Unlock just remove the Bundles folder or rename it to Bundlers_OFF.

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

Comments

  1. That looks pretty sweet… if only my Cydia app would stay open for longer than 10 seconds that would be kinda awesome

    • Cato!! Are you still having problems with Cydia? Did you talk to Doug…I think he talked to saurik about it on Twitter.

    • I talked to him a lil bit at the beginning of the week and he said that alot of people were haveing trouble and that he was gong to look into it but i haven’t heard anything since then…

    • Can someone help me please, tried to download the Homescreen Zip, but the download doesn’t work!!!

      Can somebody sent the zip to my email???

    • The Link is Missing an e in apple so go to macthemes page to DL

  2. cool stuffs. :]

    would be cooler if we can just choose whichever notifications we want instead of selecting them all, yeah? cuz i don’t use them all and would like to see certain ones that i wanted to be added to be shown on lockscreen.

    • Yeah, I’m not sure why it only works if you have them all selected. The notifications thing actually took me a while to figure out…I searched through pages and pages….and page of forum to figure out why the notification weren’t working on the lock screen. It was because I didn’t have them all turned on!

      So, I’m with you…there are some that I just don’t need turned on.

    • In the LockBackground.html file in the HomeScreen_2.0 folder you can remove items you do not want to have displayed on the lock screen. One the html file in a text editor and scroll to the bottom. You will see a series of DIVs with IDs like “SilentIcon” and “CalendarIcon”. Simply remove the entire DIV of the item you do not want to display and it never will!

  3. yeah, brooke, you did a great job though. :] hopefully there’ll be a solution to this later as it would lets us choose whichever notifications we want.

  4. I had to remove it as it made the incoming call screen look terrible (the weather was showing over top of the “mobile” underneath the callers name) and when I tried to hang up a call, the button wasn’t there, there was just a blank spot where it should be. Not sure if its due to my theme or whatever but now i’m trying it with with just the notifier icons and i’ll see what happens.

  5. I would just recommend getting intelliscreen. Easy.

  6. borgqueenx says

    how can i get the normal slide to unlock bar back?

  7. I could not find the files at that website.

    But why cant you just download Homescreen2.0 (English), and HomescreenCalendarUS from Cydia?

    Thanks

  8. hey brooke or ne1…i did not reli get d procedure…i dwnlded d home screen 2.0 n d en.plist…bt wen i wnt 2ystem/Library/Frameworks/UIKit.framework/DateFormats folder i did not hav ne1 file called en.plist…..bt a file called es.plist…..however i tried using home screen 2.0…i hav dwnlded d status notifier bt it shows my original wallpaper…can sum1 plz help me??

    Thanks

  9. borgqueenx says

    please make this a cydia package.
    I screwed up, my lockscreen looks like crap now…
    would be greatly appriciated :)

  10. borgqueenx says

    maby i screwed up becouse i didnt changed launguage file. i dont know what file the dutch one is, and all the files look like nothing. not really much text.

    can someone make a dutch no date plist file for me?

  11. ohk guys got the modding stuff n evrythings working fine…only thing is tht d calendar is not showing on my loackscreen….how do i get that

    Thanks

  12. Oh goodie! An ADVANCED hack!

    I CAN NOT wait to get home from work and get my fingernails dirty with this one!

    Thanks Brooke!

  13. Wont work for me in sweden :(

  14. Brooke…
    My first time sshing something…
    and messing with the code…
    WORKED PERFECTLY!!!!!
    GREAT DIRECTIONS

    THANKS A LOT

  15. Homescreen 2.0 is awesome. I had to get rid of it because I could not put the current call on hold to answer a second call. Am I doing something wrong?

    • No, I think it is a glitch…I seem to have the same problem but, mine is random. Sometimes I get the overlay over my calls sometimes I don’t. I think I’m going to have to sift through some more forum pages.

    • Thanks. LMK, I like Homescreen 2.0 and want to use it.

  16. chrissrockks says

    i love this lockscreen, but i have no idea how to ssh, /: is there any other way i can just get it through cydia and insstall it? and i cant seem to find that lockscreen either, is there supposed to be a source for it?

    • It is not available through Cydia…that I know of. But, maybe the developer will create a package for it! You could always email them and suggest it.

    • I found:
      Homescreen2.0 (English), and
      HomescreenCalendarUS

      in the SOSiPhone repository.

      Isn’t this the same thing?

  17. hey brooke great tutorial but i have a question is there any way to make the lockscreen stay on longer? i mean the original time is not enough to enjoy tis mod so please help me!!!

  18. hey can sum1 plz temme on my lockscreen d calender is nt visisble…hw do i make it visible??

    • To display the calendar, simply tap the date. To hide it, tap the date again. To see a five-day weather forecast, tap the weather bar. To hide, tap it again. Notifications will appear as necessary.

  19. i have uncheched lock status…yet it is nt showing

  20. I used SFTP in Transmit rather than SSH. Worked fine, except I’m not getting the calendar to display.

    • Aha –

      Once the widget is active, you will see what is displayed in the first screenshot. To display the calendar, simply tap the date. To hide it, tap the date again. To see a five-day weather forecast, tap the weather bar. To hide, tap it again. Notifications will appear as necessary.

    • thnx el payo

  21. I felt that the Date line was too small. You can edit LockBackground.html in the HomeScreen_2.0 folder to change this. Additionally, for some reason, Arial was used as the font face. I switched that to Helvetica and settled on 16px as a good size for me, but you may like it larger or smaller.

    Change the .AccordionTitle section of the LockBackground.html:

    .AccordionTitle
    {
    height:30px;
    overflow:hidden;
    cursor:pointer;
    font-family:Helvetica;
    font-weight:bold;
    font-size:16px;
    vertical-align:middle;
    display:table-cell;
    -moz-user-select:none;
    }

    ___________

    The default displays dates such as “Saturday | February 09, 2009”. To display single digit dates without a leading “0” (Saturday | February 9, 2009″) simply edit the “date.js” file in the HomeScreen_2.0 folder from:

    var date = ((now.getDate()<10) ? “0” : “”)+ now.getDate();

    to:

    var date = ((now.getDate()<10) ? “” : “”)+ now.getDate();

    If you want to get rid of the “|” character in the date, change:

    today = days[now.getDay()] + ” | ” +

    to

    today = days[now.getDay()] + ” ” +

    or, to add a comma in place of the “|”:

    today = days[now.getDay()] + “, ” +

    • Oh, and yes, the font can be changed as well. Marker Felt worked, but why would you do that?

  22. Finished messing around to get this to my liking. Here are some screenshots: http://gallery.me.com/payote/100057

  23. Whenever I respring, I see a quick flash of an outline, then my regular background. I also didn’t have an en.plist file before. Anyone know what’s up??

    • You won’t always have an en.plist file before the hack. We’re having a phone with the same problem… we’re working on it.

    • I have this problem, as well as the call-interference problems others mentioned:
      1. On an incoming call, the lock screen shows.
      2. On an outgoing call, the words “calling…” get cut off.
      3. Sometimes the “End Call” button disappears.
      4. Accepting another call (call waiting) doesn’t work.
      5. Merging calls doesn’t work.

      I’ve had this problem with other lock screen scripts as well, and I would love to see a fix for this.

  24. brooke, which text editor did you use to edit the lockbackground.html file? mine seems can’t get to work and it’s acting up so oddly when i tried to make some changes in that file through dreamweaver.

  25. Thanks!
    Can you share the wallpaper please? :)

  26. borgqueenx says

    i need the dutch file to place in “DateFormats” folder.

    Please someone make itso this cool mod will work :)

  27. Can someone help me please, tried to download the Homescreen Zip, but the download doesn’t work!!!

    Can somebody sent the zip to my email???

  28. how i change the wallpaper? so i have a custom background image and a other custom springboard image? with this mod enabled?

  29. chrissrockks says

    brooke, itd be great if u could make a video for this post indicating what we would have to do , im not really familiar with the whole ssh process. i tried draggin it to the theme section folder but when i saw it on winterboard on my phone, i had a list of all the things that theme carried which were atleast 50! im lost on what to do after u download the fie, how exactly do i transfer it over to themes without that entire list of file names.

  30. Hi, can anyone tell me the sources to get free LOGMEIN for iphone. pls email it to me at emilpaje@yahoo.com. Thanks

  31. nice app, my only problem is, that my iphone doesnt show me my missed calls/mails/SMS and so on. i have installed StatusNotifier and still nothing. plz help me.

  32. chrissrockks says

    nvmd! i got it up and running, took me about an hour but i finally got it!!! i love apple iphone schoool!!!!! <3

  33. Does this lock screen still interfere with receiving calls or being in calls? I remember that it used to always pop up even when I was in a call.

  34. I have done everything your guide says however all that shows on my iphone’s lockscreen is the lock symbol to unlock it, the time, and the top statusbar (att bars, AT&T, 3g, status notifier icons, and battery life). I have statusnotifier installed and all the notifications are on but my entire lock screen is blank where the calender, weather, and notifier icons should be. The date from the default lockscreen is gone however.

    I am trying to figure out if something in winterboard is conflicting with it but HomeScreen2.0 has the highest priority and lock status is off.

    Help would be greatly appreciated.

    • I had the same problem as you… All you need to do is skip this part.

      var source = ‘appleAccuweatherStolen’ //’appleAccuweatherStolen’|’yahooWeather’

      You don’t need this part of the code.

  35. I dwld HomeScreen from SOS repo on cydia, it is the US calendar, how do u get the lock at the bottom of your lockscreen, I did not have a en.plist either, but it does show the calendar, im just dwld 20 second thx for this tut

  36. Please, i tryed to paste this code :

    var source = ‘appleAccuweatherStolen’ //’appleAccuweatherStolen’|’yahooWeather’

    but i cant see no difference.. it still use the other database.

    How do i have to do to have yahoo previsions, like in the weather app??

    • replace the first ‘appleAccuweatherStolen’ with ‘yahooWeather’

      it will look like this

      var source = ‘yahooWeather’ //’appleAccuweatherStolen’|’yahooWeather’

      you do not need to copy and paste the whole line as brooke’s walk through says – this just moves the line to another part of the script but does not change it’s function

      also for the locale you will have to change it to a code. To get the code go to this website http://weather.yahoo.com/ and put in your city.

      My city is London
      in the address bar at the top of the browser the address reads
      http://weather.yahoo.com/forecast/UKXX0085.html

      UKXX0085 is my weather locale code

      paste that in the locale section save and you should be good to go

  37. hi Brooke, is there anyway of getting this to work for Canadian users?great work.

    • It works with Canadian users. I just have to rename the city to “Edmonton, Canada”

  38. is anyone having trouble with the calling time? mine gets cut out by my background picture after installing this… i cant see how long is my call…

  39. SEEKING FOR HELP

    i have installed successfully, however, when i uninstalled it, the date (Which is under the time) disappeared on the lock screen.

    pls can anyone help

    help would be greatly appreciated

  40. chrissrockks says

    is there any way of backing this theme up? i need to restore my iphone and doing this long process is a big pain. how can i back it up?

  41. Followed all the instructions faithfully (but I didn’t have an en.plist, only an es.plist – tried both copying en.plist over, then replacing es.plist with en.plist after renaming it). Nothing happens after I load it from winterboard, my old lockscreen appears. Rebooted a few times, etc. – no luck

    No calender, nothing. Any ideas?

    • I too do not have an en.plist
      I live in the US – why would i not have the en.plist file???
      currently I am just using the weather/notifications version because I cannot get the original date off the lockscreen

  42. WesleySnipes says

    Hey Guys,
    HomeScreen is very cool and will work with other themes. I did however find a few bugs, some which have been mentioned:

    -Cuts of Call status screen, when receiving and call time counter(this is most likely due to removing the default date by adding the en file, otherwise the date is shadowed with the new date)
    -when you change weather source to yahoo, you lose weekly forecast
    -It would be nice to be able to change the clock time, or include the clock with this app as I think it is using the system clock

    Otherwise great app, and I’m sure it will only get better…

    Wes

  43. I love this mod. Works perfectly. Does anyone know how I can get the slider back though. I prefer the slide to unlock rather than the tap.

    • Note: If you would like to change the Tap to Unlock to Slide to Unlock just remove the Bundles folder or rename it to Bundlers_OFF.

      I just read this from above hahaaha.

  44. How would you modify the code to make the calendar automatically expanded?

  45. Same question as #45.
    I don’t like the tap unlock, how do I remove it?

  46. i CANT edit the configureMe.js file, it takes me to a webpage. how do i edit it!? please help!

  47. Having trouble with notifications, getting both the default blue notification although i only want homescreen’s. Is there a way to stop the default blue pop up? Any help would be appreciated

  48. Did everything as said and yet cant see a thing on my screen apart from a an envelope next to the battery symbol. thats all.

    What did I do wrong ?

    Can anyone help I dont mind starting again and undoing what I did. The only thing did on the actual iPhone firmwaare was step 5 I believe. Rest was all modification in the ‘Complete VERSION FOLDER’ anyways.

    Any help will be greatly appreciated.

    Cheers

Trackbacks

  1. […] om dat te doen. lees maar door: mischien kunnen we het voor nederlanders aan de praat krijgen: HomeScreen2.0 – Lock Screen Mod | Apple iPhone School __________________ Onthoud altijd: Jij bent Uniek!!!! net zoals […]