Meteotemplate - new free website template

Hi guys,

Mango is here! This version I hope will be a huge improvement and a decent compensation for the ugly homepage you had to do with in versions lower than 3. Also good to know is that update took me about 10 seconds :slight_smile:

So what is new? Well everything and nothing…

This version introduces a completely new concept of the homepage blocks! Version 3 was sort of a interphase between what I had originally in my head and it is now ready in version 4. There is also one new page, so make sure you read till the end!

I will not describe it in too much detail as there is a new dedicated page about it in the wiki, which you must read in order to be able to use it.

In summary - the blocks are now completely independent. What this means? This means you download the blocks just like you download plugins. Then, on the homepage you just specify the number of columns, their percentage width and the order of the blocks you have installed in which you want them to appear in that column.

Main advantages:

  • absolute freedom in terms of the layout of the homepage - choose any number of columns you want, any order of blocks, any blocks you like
  • possibility to create alternative homepages, for example one with just one column - ideal for mobile devices
  • even if you put tens of blocks on your homepage, each one will load independently - this means your homepage will basically load instantly and then, those blocks that do not use any external resources or are cached, will also load instantly, the ones that do might take slightly longer, but you no longer have to wait for everything to load, and the user does not see a blank page. Number of blocks does not influence the loading time, some will simply show loading spinner for a while
  • if one resource is temporarily unavailable, there is an error in one of the blocks etc. - your homepage loads absolutely fine, just that one particular block will be blank
  • each block has a separate file if setting up is required - updates of blocks are very easy and you do not lose your settings
  • all blocks have the unified design and styling, which corresponds to your config.php and what you specify in the index.php
  • blocks are responsive, so will adjust based on the column width you specify

I have many ideas what other blocks I could create and it is very simple to do so now, so expect these to be released just like the regular plugins (which will of course also continue).
for now I have created almost 50 blocks to choose from. As mentioned above, use whichever ones you like, position them the way you like (any combination is possible) or even create several pages if you wish to. And even if you put many of them, the loading time will not be affected because the page loads gradually and some blocks show instantly.
all blocks are compatible with the new translations system so if not localized already, will be soon

Examples of some new blocks (all the ones included in version 3 are available):

  • insert a text on your homepage using GUI text editor and your admin password - no need to use FTP, change the code etc.
  • interactive map
  • qr code
  • greeting the user based on the time of the day
  • NASA image of the day
  • time until next sunrise/sunset
  • analog clock
  • calendar
  • logo
  • fire danger index
  • cloud height
  • cloud temperature
  • precipitation summary

Make sure you read the wiki page which explains exactly how to install each block (very simple as usual - in most cases download → upload → add to the homepage).

And one more thing. Together with Ken from Saratoga we have created a script which will generate a file using your database which can then be used directly in the meso maps and you can use it to add your station to it!

Plans for the future:

  • do not expect version 5 any time soon, the reason I released two major updates in a short period of time was because I so disliked the original homepage :slight_smile:
  • work on improving already existing plugins (localization, new functions)
  • new blocks - especially I want to concentrate on adding region-specific blocks
  • changes “under the hood” - especially to improve the possibilities for me to diagnose errors if there are any

Enjoy :slight_smile:

http://www.meteotemplate.com/template/indexDefault.php - default homepage (no blocks, just the logo)
http://www.meteotemplate.com/template/index31.php - homepage with version 3 blocks
http://www.meteotemplate.com/template/indexAll.php - homepage with many blocks

Instructions for update in the blog, information about how to install blocks, set up the homepage layout etc. in the new wiki.
http://www.meteotemplate.com/web/wiki/wikiHomepage.php - WIKI instructions
http://meteotemplate.com/blog/?p=386 - Blog - upgrade info

Great work Jachym. Thanks for your dedication.

Very interesting Jachym, nice approach =D>

Thanks all,

well it has many advantages over the previous system - especially - total freedom in terms of customization, possibility of alternative sites, easy update (I can update any block independently if necessary and even all the settings of each block is saved separately so update does not mean losing your settings), the page loads instantly and one more very important thing…
just today meteoalarm.eu, the main website for EU weather warnings, was down again for half a day, causing that the pages of all EU users waited 20s before giving up. Now it means you would see the entire homepage fine just that one block would have a spinner for 20s and then show N/A. Whereas this morning, still with v.3.1, the page simply stayed white and blank for 20s… and user would long before then think the page does not work and leave…

Hi Jachym,

for the 4.0, i guess there as problem here… If the user want to change the language, like the french it will stay in english

Same here…cant change languages in the setting menu.On mine its in french and cant set to english…

http://meteolacstjean.com/hebert/index.php

in the webcam image block,it wont work if we put a link for image Like: $webcamURLs = array(“http://www.quebec511.info/Images/Cameras/Quebec/cam/0061.jpg?635786752800000000”);

cheers :wink:

Interesting… it works in the demo, just tried it.

Can you try if it works for you in the demo? Just want to see if it is a browser issue or server issue.

OK…just tried it and it works in french,english and italian language :wink:

On your page or the demo you mean now?

my page,now

ive sent you a video via FB

the demo

LOL… now I am confused guys… either way, I just tried several Meteotemplate pages and it did work, I will try to see what the problem is, I think it is something to do with the server configuration, there is an error in the console log showing headers are present, this could be due to some restriction on the server because it works for the majority. I googled it but there is tens of different things that can cause this sort of error, so I will look into it a bit more

Hummm. :roll: …not a lot of talking about Mango release huh ?..you guys are busy mounting your index.php/blocks hehehe

here"s mine http://meteolacstjean.com/hebert/index.php

really great work, having each block load like that :slight_smile:

Agree…thats a great improovement for the template…
One block missing and its to add what ever we want in it…i custom made some but,search a lot with try and error to make it work…But Jachym is aware of that and working on it

I think some more is coming up .

Brian: Thanks :slight_smile:

Carl: yes, I am in the process of creating a documentation for adding own blocks (I wrote about this on the WX forum)

I think some more is coming up .
No Carl, not "some more" a lot more :) I have so many ideas, the only limitation now for me is time... but I hope I will find it. Right now I just came home from work, but it looks like I will spend a few hours installing the template to the 2 guys who just sent me their FTPs because they have no idea what to do and don't speak a word Engish :D

Such a nice dude that Jachym :wink:

Good work, Jachym! =D>

The idea of the blocks, has greatly improved the template.

http://kocher.es/meteotemplate4/index.php

When you have more time, it would be nice, a help for “custom blocks” (to include a simple image, an iframe … etc)

exactly what ive said above :wink:

Hi Javier,

yes I already mentioned this above, I have like a “blank block” ready, but I still have to write documentation for it.

The problem is that on one hand, I made it extremely easy - placing blocks on the homepage is a matter of just typing their names… everything is done automatically, but on the other hand this also means you have to stick to certain predefined naming conventions, exact paths etc. to make it work. So I am by no means saying it is difficult to create a new one, but you have to know how to, so expect this to be ready within a matter of a few days