3978
Comment:
|
4597
|
Deletions are marked like this. | Additions are marked like this. |
Line 1: | Line 1: |
#acl AdminGroup:read,write,admin ModeratorGroup:write,read,delete All:read | |
Line 4: | Line 5: |
Needs help for translation: | Needs help for translation: [[CountDown/pt|Portuguese-Portugal]] - [[CountDown/pt_br|Portuguese-Brasil]] - [[CountDown/sv|Swedish]] - [[CountDown/sw|Swahili]] - [[CountDown/ua|Ukrainian]] - [[CountDown/es|Spanish]] - [[CountDown/ca|Catalan]] - [[CountDown/fr|Français]] - [[CountDown/de|German]] - [[CountDown/zh_CN|Simplified Chinese]] - [[CountDown/zh_TW|Traditional Chinese]] |
Line 6: | Line 7: |
* Now only 01.png, 00.png, 00here.png to redo: [[CountDown/ca|Catalan]] - [[CountDown/fr|Français]] - [[CountDown/de|German]] - [[CountDown/pt|Portuguese-Portugal]] - [[CountDown/pt-br|Portuguese-Brasil]] - [[CountDown/zh_CN|Chinese simplified]] - [[CountDown/sr|Serbian Cyrillic]] - [[CountDown/sh|Serbian Latin]] - [[CountDown/es|Spanish]] - [[CountDown/ua|Ukrainian]] - [[CountDown/ru|Russian]] - [[CountDown/et|Estonian]] - [[CountDown/fa|Persian]] - [[CountDown/ar|Arabic]] - [[CountDown/el|Greek]] | * Design changed a few years back so maybe you need to redo all images (99) or maybe only the 01.png, 00.png, 00here.png where there is a date. Languages left to be done: [[CountDown/sr|Serbian Cyrillic]] - [[CountDown/sh|Serbian Latin]] - [[CountDown/ru|Russian]] - [[CountDown/et|Estonian]] - [[CountDown/fa|Persian]] - [[CountDown/ar|Arabic]] - [[CountDown/el|Greek]] |
Line 10: | Line 11: |
1. Download [[attachment:CountDown/en/countdown_source2012.svg|source files]] or create your own based on it. We've used [[http://openfontlibrary.org/font/vds|VDS Fonts]] and [[http://openfontlibrary.org/font/averia/|Averia fonts]] on top of the [[Logo|SFD specific logo fonts]] | 1. Download [[attachment:CountDown/en/countdown_source2021.svg|source files]] or create your own based on it. We've used [[http://openfontlibrary.org/font/vds|VDS Fonts]] and [[http://openfontlibrary.org/font/averia/|Averia fonts]] on top of the [[Logo|SFD specific logo fonts]]. For Chinese we're using the [[https://ftp.gnu.org/non-gnu/chinese-fonts-truetype/gbsn00lp.ttf.gz|AR PL Sungtil GB]] and [[https://www.google.com/get/noto/#sans-hans|Noto Sans CJK SC]]. |
Line 20: | Line 21: |
Since we are a global celebration it was important to support the various time zones [[http://en.wikipedia.org/wiki/List_of_time_zones_by_UTC_offset|spreading from UTC-12 to UTC+14]] and various languages. At this stage only English is complete but Spanish is in the making. | Since we are a global celebration it was important to support the various time zones [[http://en.wikipedia.org/wiki/List_of_time_zones_by_UTC_offset|spreading from UTC-12 to UTC+14]] and various languages. Now we have a strong base done for a few languages but we can only add more. |
Line 25: | Line 26: |
<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> | <a href="https://www.softwarefreedomday.org/"><img src="https://www.softwarefreedomday.org/countdown/banner1-UTC-4-en.png" border="0" width="300" height="300" alt="Celebrate SFD with us on September 16, 2023!"></a> |
Line 30: | Line 31: |
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. | Embedding javascript in an SVG file is not supported by many browsers. It is possible to embed SVG and javascript in a single HTML page though. This way, it is possible to have an iframe containing the dynamic content (or you can embed the code in your own page). |
Line 32: | Line 33: |
=== 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. |
{{{ <iframe height="500" width="500" src="https://www.softwarefreedomday.org/launch/eo_XX_sfd_liftoff.html"></iframe> }}} Set width and height to the same value, which will depend on the space you have at your disposal. The above iframe will show the Esperanto version of the banner (eo-XX). There are already a few language versions available: |
Line 35: | Line 38: |
'''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. | * German version: de_DE_sfd_liftoff.html -> [[attachment:de_DE_sfd_liftoff.html]] * (US) English version: en_US_sfd_liftoff.html -> [[attachment:en_US_sfd_liftoff.html]] * Esperanto version: eo_XX_sfd_liftoff.html -> [[attachment:eo_XX_sfd_liftoff.html]] * Spanish version: es_ES_sfd_liftoff.html -> [[attachment:es_ES_sfd_liftoff.html]] * Farsi version: fa_IR_sfd_liftoff.html -> [[attachment:fa_IR_sfd_liftoff.html]] * French version: fr_FR_sfd_liftoff.html -> [[attachment:fr_FR_sfd_liftoff.html]] * Japanese version: jp_JP_sfd_liftoff.html -> [[attachment:jp_JP_sfd_liftoff.html]] * Dutch version: nl_NL_sfd_liftoff.html -> [[attachment:nl_NL_sfd_liftoff.html]] * Romanian version: ro_RO_sfd_liftoff.html -> [[attachment:ro_RO_sfd_liftoff.html]] |
Line 37: | Line 48: |
'''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. 1. Need to be tested on many browsers. 1. Design needs to be adjusted to the current template. 1. Localization script needs to be written. 1. Datasources, if we need external datasource, they need to be assigned. == Download == * Jul-20 Current version [[attachment:sfdcounter.svg]] |
If you want to create your own translation, the Esperanto vesion is a good one to start from. |
Line 54: | Line 52: |
- |
SFD Countdown
Currently available in: English
Needs help for translation: Portuguese-Portugal - Portuguese-Brasil - Swedish - Swahili - Ukrainian - Spanish - Catalan - Français - German - Simplified Chinese - Traditional Chinese
Design changed a few years back so maybe you need to redo all images (99) or maybe only the 01.png, 00.png, 00here.png where there is a date. Languages left to be done: Serbian Cyrillic - Serbian Latin - 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. For Chinese we're using the AR PL Sungtil GB and Noto Sans CJK SC.
- 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. Now we have a strong base done for a few languages but we can only add more.
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="https://www.softwarefreedomday.org/"><img src="https://www.softwarefreedomday.org/countdown/banner1-UTC-4-en.png" border="0" width="300" height="300" alt="Celebrate SFD with us on September 16, 2023!"></a>
The code that we are using is available here.
SVG dynamic version
Embedding javascript in an SVG file is not supported by many browsers. It is possible to embed SVG and javascript in a single HTML page though. This way, it is possible to have an iframe containing the dynamic content (or you can embed the code in your own page).
<iframe height="500" width="500" src="https://www.softwarefreedomday.org/launch/eo_XX_sfd_liftoff.html"></iframe>
Set width and height to the same value, which will depend on the space you have at your disposal. The above iframe will show the Esperanto version of the banner (eo-XX). There are already a few language versions available:
German version: de_DE_sfd_liftoff.html -> de_DE_sfd_liftoff.html
(US) English version: en_US_sfd_liftoff.html -> en_US_sfd_liftoff.html
Esperanto version: eo_XX_sfd_liftoff.html -> eo_XX_sfd_liftoff.html
Spanish version: es_ES_sfd_liftoff.html -> es_ES_sfd_liftoff.html
Farsi version: fa_IR_sfd_liftoff.html -> fa_IR_sfd_liftoff.html
French version: fr_FR_sfd_liftoff.html -> fr_FR_sfd_liftoff.html
Japanese version: jp_JP_sfd_liftoff.html -> jp_JP_sfd_liftoff.html
Dutch version: nl_NL_sfd_liftoff.html -> nl_NL_sfd_liftoff.html
Romanian version: ro_RO_sfd_liftoff.html -> ro_RO_sfd_liftoff.html
If you want to create your own translation, the Esperanto vesion is a good one to start from.