Issue 2432 - Auto-generate browser versions on requirements page

pages/requirements.tmpl

Index: pages/requirements.tmpl
===================================================================
rename from pages/requirements.html
rename to pages/requirements.tmpl
--- a/pages/requirements.html
+++ b/pages/requirements.tmpl
@@ -2,9 +2,8 @@
 
 
 <p>
-  {{s1 Adblock Plus is a platform-independent extension, which means that it can be installed on any
-  operating system provided that a host application is available.}} {{s2 Supported
-  programs and versions are listed below.}}
+  {{ "Adblock Plus is a platform-independent extension, which means that it can be installed on any operating system provided that a host application is available."|translate("s1") }}
+  {{ "Supported programs and versions are listed below."|translate("s2") }}
 </p>
 
 <h2 id="firefox">Firefox</h2>
@@ -12,30 +11,25 @@
 <ul>
   <li>Firefox 36</li>
   <li>Firefox 37</li>
-  <li>Firefox 38{{s3 : Using <a href="development-builds">Adblock Plus development
-      builds</a> is recommended.}}</li>
-  <li>Firefox 39{{s3 : Using <a href="development-builds">Adblock Plus development
-      builds</a> is recommended.}}</li>
-  <li>Firefox 40{{s3 : Using <a href="development-builds">Adblock Plus development
-      builds</a> is recommended.}}</li>
+  <li>Firefox 38{{ ': Using <a href="development-builds">Adblock Plus development builds</a> is recommended.'|translate("s3") }}</li>
+  <li>Firefox 39{{ ': Using <a href="development-builds">Adblock Plus development builds</a> is recommended.'|translate("s3") }}</li>
+  <li>Firefox 40{{ ': Using <a href="development-builds">Adblock Plus development builds</a> is recommended.'|translate("s3") }}</li>
 </ul>
 
 <h2 id="chrome">Google Chrome</h2>
 
 <ul>
-  <li>Google Chrome 41</li>
-  <li>Google Chrome 42</li>
-  <li>Google Chrome 43</li>
-  <li>Google Chrome 44</li>
+{%- for version in get_current_browser_versions("chrome") %}
+  <li>Google Chrome {{ version }}</li>
+{%- endfor %}
 </ul>
 
 <h2 id="opera">Opera</h2>
 
 <ul>
-  <li>Opera 28</li>
-  <li>Opera 29</li>
-  <li>Opera 30</li>
-  <li>Opera 31</li>
+{%- for version in get_current_browser_versions("opera") %}
+  <li>Opera {{ version }}</li>
+{%- endfor %}
 </ul>
 
 <h2 id="opera">Safari</h2>
@@ -59,8 +53,9 @@
 <h2 id="thunderbird">Yandex.Browser</h2>
 
 <ul>
-  <li>Yandex.Browser 15.2</li>
-  <li>Yandex.Browser 15.4</li>
+{%- for version in get_current_browser_versions("yandex") %}
+  <li>Yandex.Browser {{ version }}</li>
+{%- endfor %}
 </ul>
 
 <h2 id="fennec">Firefox Mobile (Fennec)</h2>
@@ -68,12 +63,9 @@
 <ul>
   <li>Firefox Mobile 36</li>
   <li>Firefox Mobile 37</li>
-  <li>Firefox Mobile 38{{s3 : Using <a href="development-builds">Adblock Plus development
-      builds</a> is recommended.}}</li>
-  <li>Firefox Mobile 39{{s3 : Using <a href="development-builds">Adblock Plus development
-      builds</a> is recommended.}}</li>
-  <li>Firefox Mobile 40{{s3 : Using <a href="development-builds">Adblock Plus development
-      builds</a> is recommended.}}</li>
+  <li>Firefox Mobile 38{{ ': Using <a href="development-builds">Adblock Plus development builds</a> is recommended.'|translate("s3") }}</li>
+  <li>Firefox Mobile 39{{ ': Using <a href="development-builds">Adblock Plus development builds</a> is recommended.'|translate("s3") }}</li>
+  <li>Firefox Mobile 40{{ ': Using <a href="development-builds">Adblock Plus development builds</a> is recommended.'|translate("s3") }}</li>
 </ul>
 
 <h2 id="seamonkey">SeaMonkey</h2>
@@ -81,22 +73,16 @@
 <ul>
   <li>SeaMonkey 2.32</li>
   <li>SeaMonkey 2.33</li>
-  <li>SeaMonkey 2.34{{s3 : Using <a href="development-builds">Adblock Plus development
-      builds</a> is recommended.}}</li>
-  <li>SeaMonkey 2.35{{s3 : Using <a href="development-builds">Adblock Plus development
-      builds</a> is recommended.}}</li>
-  <li>SeaMonkey 2.36{{s3 : Using <a href="development-builds">Adblock Plus development
-      builds</a> is recommended.}}</li>
+  <li>SeaMonkey 2.34{{ ': Using <a href="development-builds">Adblock Plus development builds</a> is recommended.'|translate("s3") }}</li>
+  <li>SeaMonkey 2.35{{ ': Using <a href="development-builds">Adblock Plus development builds</a> is recommended.'|translate("s3") }}</li>
+  <li>SeaMonkey 2.36{{ ': Using <a href="development-builds">Adblock Plus development builds</a> is recommended.'|translate("s3") }}</li>
 </ul>
 
 <h2 id="thunderbird">Thunderbird</h2>
 
 <ul>
   <li>Thunderbird 31</li>
-  <li>Thunderbird 37{{s3 : Using <a href="development-builds">Adblock Plus development
-      builds</a> is recommended.}}</li>
-  <li>Thunderbird 38{{s3 : Using <a href="development-builds">Adblock Plus development
-      builds</a> is recommended.}}</li>
-  <li>Thunderbird 39{{s3 : Using <a href="development-builds">Adblock Plus development
-      builds</a> is recommended.}}</li>
+  <li>Thunderbird 37{{ ': Using <a href="development-builds">Adblock Plus development builds</a> is recommended.'|translate("s3") }}</li>
+  <li>Thunderbird 38{{ ': Using <a href="development-builds">Adblock Plus development builds</a> is recommended.'|translate("s3") }}</li>
+  <li>Thunderbird 39{{ ': Using <a href="development-builds">Adblock Plus development builds</a> is recommended.'|translate("s3") }}</li>
 </ul>