#1 Aug 26, 2008 5:35 pm

Zetetic Apparatchik
Member
Joined: Sep 24, 2005

[Theme]WeatherWidget - Pretty Weather for Winterboard

http://www.zepto-angstrom.co.uk/WeatherWidget/collage.png
Preview shows included styles, clockwise from top-left: iconOnly, myopia, split and originalBubble. All with Klear icon set. (The background and dock are from the Dark Aluminium shelves or Wooden shelves sets.)

Latest Download: Click Here
Additional Icon Sets: Tango

Credit:
Largely Coded in XHTML, CSS and JS by myself barring the AccuWeather fetcher 'borrowed' from Leopard*.
Data sources are currently either AccuWeather (Apple's feed*) or Yahoo!Weather (beta-quality).
With help from Jimmy who located the Klear and Tango icon sets and designed the 'split' display style.
(N.B. This is technically unrelated to, but inspired by, sjaq's release.)

As regards the newly added LockBackground.html in Winterboard:
For this to work correctly, sharing data between both Lock screen and Wallpaper, I will need to write the data to a local database (as spec'd in HTML5). This will involve a significant rewrite.
There is also a significant problem with just copying Wallpaper.html to LockBackground.html, as doing so will result in hitting Apple's servers every time you view your lock screen. The lock screen WebView is not persistent!!
I do intend to release a version which has significant improvements generally to the backend that will use the same data for the LockBackground and Wallpaper. However this release is currently stalled by a bug in Winterboard preventing the use of HTML5 clientside databases. Saurik has been made aware of this and, while he can obviously make no promises, it may be fixed at some point.

Basic Installation
Having unzipped WeatherWidget.theme.zip edit WeatherWidget.theme/Private/configureMe.js so that the line:

Code:

var locale = "…"

reads correctly for your location (e.g. 'Defiance, Ohio', 'Moscow, Russia, 'London, UK').
Then just copy WeatherWidget.theme into /Library/Themes onto your iTouch.

Changing Appearance
Both the icon sets and layout can be changed by editing the iconSet and stylesheet variables respectively.
You can design your own icon set placing a folder with correctly named files (see one of the included sets for the schema; compatible with KWeather) in the Icon Sets folder and your own stylesheet in the Stylesheets folder.
Please post your creations! (As a warning, the structure of the XHTML may yet change, although I am trying to maintain compatibility.)


Troubleshooting
Not Found usually indicates you should try a variation on your locale. Apple/Accuweather's backend is very good but can be stumped. (Yahoo!'s is unforgiving.)
No Response usually indicates that you need to check your iTouch is connected to the Internet. The AccuWeather servers could also be down.
You can try checking with Leopard's Weather widget that your locale works.

*Copyright Note
I feel that it is not too great infringement to use relatively generic code by Apple (which I am now butchering anyway) and Apple's (presumably paid-for) feed to help provide this; it will only be used a relatively small number of people on an Apple-manufactured device. Nevertheless, I am aiming to build a number of alternative, free feeds and eventually retire the Apple/Accuweather source,

As regards the rest of the code, you're free to modify and redistribute so long as you attribute.

The Klear icon set is provided under the GPL by 'Kubicle'

Last edited by Zetetic Apparatchik (Aug 29, 2008 8:05 am)

Offline

 

#2 Aug 26, 2008 7:13 pm

TheDarkKnight
Member
From: The Intranet
Joined: Aug 5, 2008
Website

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

wow this is way better than the other thing, much easier to install and looks nicer.

Offline

 

#3 Aug 26, 2008 7:16 pm

Zetetic Apparatchik
Member
Joined: Sep 24, 2005

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

I'm hoping that you're talking as someone for whom it worked? smile_thumbup

Offline

 

#4 Aug 26, 2008 7:24 pm

benderbends
Member
Joined: Jan 25, 2008

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

is it possible to get "real feel" temperature, rather then actual temperature?

for example...HK actual temperature is 81 degrees....which is what the weatherwidget.theme reports accurately. However the real temperature (when taking other factors such as humidity and wind chill) is closer to 105 degrees. It s abig difference between feeling pleasant and melting on the streets.

Some weather sites include both temperatures in their details such as accuweather: http://www.accuweather.com/world-index- … p;metric=0

anyway to pull the "real feel" temperature instead?

Offline

 

#5 Aug 26, 2008 7:35 pm

falcon212
Member
From: Singapore
Joined: Jan 25, 2008
Website

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

Thanks for this, beautiful !

Offline

 

#6 Aug 26, 2008 7:43 pm

Zetetic Apparatchik
Member
Joined: Sep 24, 2005

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

benderbends wrote:

is it possible to get "real feel" temperature, rather then actual temperature

It should be, at least from the Apple/AccuWeather feed. I'll try to implement it.

Offline

 

#7 Aug 26, 2008 7:51 pm

huey85
Member
Joined: Apr 29, 2008

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

works great.. but is there any way to disable the automatic updating and have a 'tap-to-update' function?

Offline

 

#8 Aug 26, 2008 7:59 pm

Tikopowii
Member
From: USA
Joined: May 30, 2008
Website

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

http://i7.photobucket.com/albums/y264/tikopowii/IMG_0008.png

would you happen to know what i did wrong sad

Offline

 

#9 Aug 26, 2008 8:01 pm

Zetetic Apparatchik
Member
Joined: Sep 24, 2005

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

Update:
Added requested 'Real Feel'. (Change 'useRealFeel' to true.) (Semi-compatible with Yahoo! feeds.)
Increased update interval to 55 minutes. This better reflects life-time of the feeds. Any quicker won't really update the actual weather.
Might report errors in the initial 'Loading...' better.

@huey85:
I don't believe that Winterboard allows Wallpaper.html to register clicks or what-have-you, but I haven't checked...

Offline

 

#10 Aug 26, 2008 8:03 pm

Zetetic Apparatchik
Member
Joined: Sep 24, 2005

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

@Tikopowii:
What is your configureMe.js like? (Please wrap in code tags.)

Offline

 

#11 Aug 26, 2008 8:07 pm

mreako
Moderator
From: Relocated
Joined: Sep 16, 2007
Website

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

This is absolutely amazing now.  I can't believe how much it is progressed since the first release version.  Amazing work guys! Kudos to both of you!

Offline

 

#12 Aug 26, 2008 8:12 pm

Tikopowii
Member
From: USA
Joined: May 30, 2008
Website

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

Code:

// WeatherWidget.theme
// Produced by Adam Watkins (http://www.stupidpupil.co.uk)

// 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 = "USTX0057" //e.g. 'Defiance, Ohio'|'Moscow, Russia'|'Ledyard, AT'|'London, UK'

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

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

// Supplied styles are 'originalBubble', 'myopia', 'iconOnly' and 'split'.
// (Add your own to the CSS folder!)
var stylesheet = 'myopia' //'originalBubble'|'myopia'|'iconOnly'|'split'

// The supplied icon set is 'klear'
// Images must follow the same naming schema as the 'klear' set (borrowed from KWeather)
var iconSet = "klear" //'klear'|'tango'|null (null makes iconSet = stylesheet)
var iconExt = ".png" //'.png'|.'gif' etc.

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

// The other available source is 'yahooWeather' which for the 'locale'
// requires a US zip or location code (e.g. UKXX0085 or CHXX0008) from http://weather.yahoo.com
var source = 'yahooWeather' //'appleAccuweatherStolen'|'yahooWeather'

// Please endeavour to set this to a sensible value if you really must change it...
var updateInterval = 35 //Minutes

Offline

 

#13 Aug 26, 2008 8:18 pm

Zetetic Apparatchik
Member
Joined: Sep 24, 2005

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

Try updating, it's working for me (at least in Safari, I'll try in MobileSafari).
(Don't just overwrite configureMe.js, however, add the values back in. Apologies, otherwise you'll break the new preference. I'll try to avoid such situations in future.)

Last edited by Zetetic Apparatchik (Aug 26, 2008 8:19 pm)

Offline

 

#14 Aug 26, 2008 8:28 pm

Tikopowii
Member
From: USA
Joined: May 30, 2008
Website

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

Ah i accidentally named the Stylesheets folder Stylesheet big_smile im really dumb

Sorry for wasting your time but thanks smile

Offline

 

#15 Aug 26, 2008 8:29 pm

huey85
Member
Joined: Apr 29, 2008

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

@Zetetic Apparatchik: oh ok then, it would be great if such a function could be implemented. but its great nonetheless

off topic: @tikopowii: could u tell me what dock that is?

Offline

 

#16 Aug 26, 2008 8:30 pm

Zetetic Apparatchik
Member
Joined: Sep 24, 2005

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

No worries. smile_thumbup

Offline

 

#17 Aug 26, 2008 8:36 pm

Tikopowii
Member
From: USA
Joined: May 30, 2008
Website

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

by the way i love this big_smile thanks for making it
and originalbubble is my favorite smile

Offline

 

#18 Aug 26, 2008 8:40 pm

Doreen
Member
From: Cali
Joined: Jan 24, 2008

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

I got my phone back up and running so I'm ready to kill it again, I'd like to try my hand at making a set of animated walls and use them as an icon set but I would really need you Zetetic or Jimmy to help me position the wallpaper so that it displays as the icon (it will look like this one I made for day and it's only 3 frames) and when it is night weather and a moon normally displays the entire wallpaper will change to night w/ a moon on it, if it's raining at night the rain will be raining on a night time wallpaper (I think you get the idea right?)

http://img413.imageshack.us/img413/8292/animatedwallpaperic0.gif

Can you take this animated icon/wall here and just rename it to cloudy.gif and drop it in your icon folder to use and give me whatever edited files I need to position things so I can make the other animated icon walls?

I will post the completed set here for everyone if you guys can do me that favor? Everyone who wants to use it will have to set up one page w/ one transparent icon on that page to lock it and then you will have a full screen that changes from day to night w/ animated weather on it...

Last edited by Doreen (Aug 26, 2008 8:47 pm)

Offline

 

#19 Aug 26, 2008 8:50 pm

Zetetic Apparatchik
Member
Joined: Sep 24, 2005

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

@Doreen:

Code:

#WeatherContainer{

}

#TextContainer{
display:none;
}


#weatherIcon{
    height:480px;
    width:320px;
    position:fixed;
    top: 0;
    left:0;
}

That's a suitable stylesheet (put it in a file (e.g. doreen.css), in Stylesheets, change stylesheet =, appropriately (e.g. doreen)).
Once, you've created an Icon Set (as a folder in Icon Sets), you'll also have to change iconSet and iconExt.

Offline

 

#20 Aug 26, 2008 8:54 pm

Doreen
Member
From: Cali
Joined: Jan 24, 2008

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

Got it, thank you, when I come back I'll have a lil donation for "you" and your script and jimmy's hard work too. smile

Offline

 

#21 Aug 26, 2008 9:05 pm

Neobond
Member
From: Minneapolis
Joined: Feb 25, 2008

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

Dedicated thread!

Here is how I have got mine working:

http://img525.imageshack.us/img525/2711/img0001cu0.png

Offline

 

#22 Aug 26, 2008 10:06 pm

benderbends
Member
Joined: Jan 25, 2008

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

neo...please post your changes so i can have that as an option

Offline

 

#23 Aug 26, 2008 11:32 pm

Doreen
Member
From: Cali
Joined: Jan 24, 2008

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

http://img524.imageshack.us/img524/5714/014yp1.png

http://img83.imageshack.us/img83/8605/013uh0.png

http://img222.imageshack.us/img222/9713/sunnynightyh0.gif

Zetetic grab the 3rd icon and rename it to whatever your current icon is showing to test it, it works! however there may be a limit to num of frames it can handle cuz the sun one animated flawlessly very smooth and no hanging on my springboard etc. but though the night time weather icon did change and load up (as you can see via my ss) it would not animate my twinkling stars (possibly due to the fact that one has more frames in the ani vs the sun one that is only 3 frames)

Last edited by Doreen (Aug 26, 2008 11:34 pm)

Offline

 

#24 Aug 26, 2008 11:48 pm

madhurdutta
Member
From: India
Joined: Sep 13, 2007
Website

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

Thanks man, this is awesome and damn easy if you have dreamweaver. My iPhone looks awesome

https://dl.getdropbox.com/u/30598/Screenshots/IMG_0001.PNG

Offline

 

#25 Aug 27, 2008 2:15 am

Zetetic Apparatchik
Member
Joined: Sep 24, 2005

Re: [Theme]WeatherWidget - Pretty Weather for Winterboard

In an attempt to stop my ISP complaining, I've taken out the included Tango. (Download it from KDE-Look and rename to folder etc. if you want it.)

Offline

 

Board footer