SFD Countdown
Currently available in: English
Needs help for translation:
New design this year so all images (99) need to be redone + the 01.png, 00.png, 00here.png where there is a date. Since there are only 31 days left, you could only do the 32 last images. Languages left to be done: Catalan - Français - German - Portuguese-Portugal - Portuguese-Brasil - Chinese simplified - Serbian Cyrillic - Serbian Latin - Spanish - Ukrainian - Russian - Estonian - Persian - Arabic - Greek
In order to enable a additional language here is the process:
Download source files or create your own based on it. We've used VDS Fonts and Averia fonts on top of the SFD specific logo fonts
- If you're translating while there are still more than 99 days left:
- Generate 99 'days' +3 banners: max date left down to 01 countdown, a 'get ready for', a 'today' one and a 'see you next year' one
- If you're translating and the coundtown has already started:
- Generate as many days left +2 banners: max date left down to 01 countdown, a 'today' one and a 'see you next year' one
Create a <insert you language code here> sub-page, if it doesn't exist yet and upload all your png images (and translated source files eventually, tar.gz or zipped). Just overwrite the old files and keep the source file of previous years (add the year in the file name)
- Email the sfd-discuss@ or localization@ mailing list letting us know, so we can add one language to the script
Check the English sub-page to verify what is exactly needed, files names and correct size (160x90).
Since we are a global celebration it was important to support the various time zones spreading from UTC-12 to UTC+14 and various languages. At this stage only English is complete but Spanish is in the making.
So for someone wanting to add the English version of the countdown and living at UTC-4 (EDT) the link to the banner will be:
<a href="http://www.softwarefreedomday.org/"><img src="http://www.softwarefreedomday.org/countdown/banner1-UTC-4-en.png" border="0" width="160" height="90" alt="Celebrate SFD with us on September 17, 2016!"></a>
The code that we are using is available here.
SVG dynamic version
Is still a working project, but it aims to have the countdown vecotrized and displayed natively on modern browsers, with a failover library that would change it to FLASH on older versions of browsers that can't display SVG properly.
Advantages
Is dynamic, it will allow to pull down the locale of the browser, as well as the current date, and adjust to the start date, this will help the user not be able to think about it or reutilize the code for future countdowns. Just set up the date and watch the magic work.
Is open standard, SVG is a W3C open standard which allow people to implement it not only on browsers but phones as widgets withought much change to the code.
Is vectorial, which can be as big as is needed or as small as a phone widget for example.
Is small, since is only SVG, the file is tiny, instead of generating multiple instance of images, it only have to carry one with very few lines of code. Current size is only 34k.
To Do
Currently this version can update the amount of days.
- Need to be tested on many browsers.
- Design needs to be adjusted to the current template.
- Localization script needs to be written.
- Datasources, if we need external datasource, they need to be assigned.
Download
Jul-20 Current version sfdcounter.svg
