From daf8d81ff5a650e5df8500b6b39f6ff7ac2a8b07 Mon Sep 17 00:00:00 2001
From: Maxime DANTEC <hello@warry.fr>
Date: Thu, 3 Jul 2014 12:52:25 +0200
Subject: [PATCH 1/3] Show Francois

---
 _layouts/download-new.html         | 119 +++++++++++++++++++++++++++++
 download-new.md                    |   9 +++
 resources/stylesheets/download.css |  93 ++++++++++++++++++++++
 3 files changed, 221 insertions(+)
 create mode 100644 _layouts/download-new.html
 create mode 100644 download-new.md
 create mode 100644 resources/stylesheets/download.css

diff --git a/_layouts/download-new.html b/_layouts/download-new.html
new file mode 100644
index 0000000..ddaa0cf
--- /dev/null
+++ b/_layouts/download-new.html
@@ -0,0 +1,119 @@
+---
+layout: default
+---
+
+{% include headertop.txt %}
+<!-- Stylesheet for doc-specific pages -->
+<link rel="stylesheet" href="{{ site.baseurl }}/resources/stylesheets/doc.css" type="text/css" />
+<link rel="stylesheet" href="{{ site.baseurl }}/resources/stylesheets/download.css" type="text/css" />
+{% include headerbottom.txt %}
+{% include topbar.txt %}
+
+<div class="slider">
+  <div class="container">
+    <div class="row">
+      <div class="span16">        
+        <h1>{{ page.title }}</h1>
+    </div>
+    </div>
+  </div>
+</div>
+
+<div class="bottom">
+  <div class="container">
+    <div class="download-titles row">
+      <div class="span5">
+        Next version
+      </div>
+      <div class="span6">        
+        Current version
+      </div>
+      <div class="span5">        
+        Previous version
+      </div>
+    </div>
+
+    <div class="downloads">
+      <div class="download-version">
+        <h2>Scala-ide 1.1.2</h2>
+        <ul class="inside">
+          <li>Scala 2.12</li>
+          <li>Eclipse 3.8</li>
+        </ul>
+        <h3>Requirements</h3>
+        <ul class="requirements">
+          <li>JDK6 or JD7</li>
+          <li>Eclipse 3.8, Eclipse 4.2 (Juno) or Eclipse 4.3 (Kepler). Read here if you have questions about the supported Eclipse packages.</li>
+        </ul>
+      </div>
+      <div class="download-version current">
+        <h2>Scala-ide 1.1.1</h2>
+        <ul class="inside">
+          <li>Scala 2.12</li>
+          <li>Eclipse 3.8</li>
+        </ul>
+        <h3>Requirements</h3>
+        <ul class="requirements">
+          <li>JDK6 or JD7</li>
+          <li>Eclipse 3.8, Eclipse 4.2 (Juno) or Eclipse 4.3 (Kepler). Read here if you have questions about the supported Eclipse packages.</li>
+        </ul>
+      </div>
+      <div class="download-version">
+        <h2>Scala-ide 1.1.0</h2>
+        <ul class="inside">
+          <li>Scala 2.12</li>
+          <li>Eclipse 3.8</li>
+        </ul>
+        <h3>Requirements</h3>
+        <ul class="requirements">
+          <li>JDK6 or JD7</li>
+          <li>Eclipse 3.8, Eclipse 4.2 (Juno) or Eclipse 4.3 (Kepler). Read here if you have questions about the supported Eclipse packages.</li>
+        </ul>
+      </div>
+    </div>
+
+    <div class="downloads buttons">
+      <div class="download-version">
+        <a class="button" href="#-activate-js-"  data-url-win="http://scala-ide.org/download/win" data-url-mac="http://scala-ide.org/download/mac" data-url-linux="http://scala-ide.org/download/lin" data-url-unix="http://scala-ide.org/download/nix">Download</a>
+        <p class="system"></p>
+      </div>
+      <div class="download-version current">
+        <a class="button" href="#-activate-js-"  data-url-win="http://scala-ide.org/download/win" data-url-mac="http://scala-ide.org/download/mac" data-url-linux="http://scala-ide.org/download/lin" data-url-unix="http://scala-ide.org/download/nix">Download</a>
+        <p class="system"></p>
+      </div>
+      <div class="download-version">
+        <a class="button" href="#-activate-js-"  data-url-win="http://scala-ide.org/download/win" data-url-mac="http://scala-ide.org/download/mac" data-url-linux="http://scala-ide.org/download/lin" data-url-unix="http://scala-ide.org/download/nix">Download</a>
+        <p class="system"></p>
+      </div>
+    </div>
+
+    <script type="text/javascript">
+    function getOS() {
+      if (navigator.appVersion.indexOf("Win") != -1) return ["win", "Windows"];
+      else if (navigator.appVersion.indexOf("Mac") != -1) return ["mac", "Mac OS"];
+      else if (navigator.appVersion.indexOf("Linux") != -1) return ["linux", "Linux"];
+      else return ["unix", "Unix"];
+    }
+    var downloadButtons = $(".downloads .button"),
+        downloadSystems = $(".downloads .system");
+    var system = getOS();
+    downloadButtons.each(function(index, button) {
+      $b = $(button);
+      $b.attr("href", $b.attr("data-url-"+system[0]));
+    });
+    downloadSystems.html(system[1]);
+    </script>
+
+
+    <div class="row">
+      <div class="span11">        
+        {{ content }}
+    </div>
+      <div class="span5">        
+    </div>  
+    </div>
+  </div>
+</div>
+
+
+{% include footer.txt %}
diff --git a/download-new.md b/download-new.md
new file mode 100644
index 0000000..8f90128
--- /dev/null
+++ b/download-new.md
@@ -0,0 +1,9 @@
+---
+layout: download-new
+title: Downloads
+---
+
+
+# Other downloads
+
+...
\ No newline at end of file
diff --git a/resources/stylesheets/download.css b/resources/stylesheets/download.css
new file mode 100644
index 0000000..77da5ac
--- /dev/null
+++ b/resources/stylesheets/download.css
@@ -0,0 +1,93 @@
+.download-titles {
+  margin-top: 30px;
+  margin-bottom: 30px;
+  text-transform: uppercase;
+  color: #999;
+  text-align: center;
+}
+
+.downloads {
+  display: table;
+  color: #0f5b6a;
+  text-align: center;
+  margin: 0;
+  width: 100%;
+}
+
+.downloads h2 {
+  border-bottom: 1px solid rgba(0,0,0,.1);
+  padding: 10px;
+  font-size: 18px;
+}
+.downloads h3 {
+  margin: 10px 10px 0;
+  font-size: 13px;
+  text-align: left;
+}
+
+.download-version {
+  display: table-cell;
+  background: #fff;
+  margin: 0;
+  width: 33.33%;
+  float: left;
+}
+.download-version.current {
+  background: #54c1d6;
+}
+
+.downloads .inside {
+  margin: 10px 0;
+}
+
+.downloads .inside li {
+  padding: 5px;
+  color: #47b5ca;
+  font-size: 16px;
+  font-weight: bold;
+  list-style-type: none;
+}
+
+.downloads .requirements {
+  text-align: left;
+}
+.downloads.buttons {
+  margin: 0 0 40px;
+}
+
+
+.downloads .button {
+  display: block;
+  width: 120px;
+  margin: 10px auto;
+  padding: 10px;
+  border: 1px solid rgba(0,0,0,.2);
+  border-radius: 3px;
+  background: #e6e6e6; /* Old browsers */
+  background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
+  background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C */
+  background-clip: padding-box;
+  box-shadow: 0 1px 2px rgba(0,0,0,.1);
+}
+
+.downloads .download-version.current h2,
+.downloads .download-version.current .inside li {
+  color: #fff;
+  text-shadow: 0 1px 0 rgba(0,0,0,.2);
+}
+.downloads .download-version.current h2 {
+  margin-top: -10px;
+  padding: 15px 10px;
+  border-radius: 5px 5px 0 0;
+  background: #40b0c8; /* Old browsers */
+  background: -moz-linear-gradient(top,  #40b0c8 0%, #66c9db 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40b0c8), color-stop(100%,#66c9db)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top,  #40b0c8 0%,#66c9db 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top,  #40b0c8 0%,#66c9db 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(top,  #40b0c8 0%,#66c9db 100%); /* IE10+ */
+  background: linear-gradient(to bottom,  #40b0c8 0%,#66c9db 100%); /* W3C */
+}
\ No newline at end of file

From 73864e464d18d38231aeef1528146b0acd89cfe4 Mon Sep 17 00:00:00 2001
From: Maxime DANTEC <hello@warry.fr>
Date: Thu, 3 Jul 2014 13:03:34 +0200
Subject: [PATCH 2/3] Unobstrusive download links

---
 _layouts/download-new.html         | 66 ++++++++++++++++++++----------
 resources/stylesheets/download.css | 13 +++---
 2 files changed, 53 insertions(+), 26 deletions(-)

diff --git a/_layouts/download-new.html b/_layouts/download-new.html
index ddaa0cf..6ac38af 100644
--- a/_layouts/download-new.html
+++ b/_layouts/download-new.html
@@ -72,38 +72,62 @@ <h3>Requirements</h3>
       </div>
     </div>
 
-    <div class="downloads buttons">
+    <div class="downloads buttons win">
       <div class="download-version">
-        <a class="button" href="#-activate-js-"  data-url-win="http://scala-ide.org/download/win" data-url-mac="http://scala-ide.org/download/mac" data-url-linux="http://scala-ide.org/download/lin" data-url-unix="http://scala-ide.org/download/nix">Download</a>
-        <p class="system"></p>
+        <a class="button" href="http://scala-ide.org/download/win">Download</a>
+        <p class="system">Windows</p>
       </div>
       <div class="download-version current">
-        <a class="button" href="#-activate-js-"  data-url-win="http://scala-ide.org/download/win" data-url-mac="http://scala-ide.org/download/mac" data-url-linux="http://scala-ide.org/download/lin" data-url-unix="http://scala-ide.org/download/nix">Download</a>
-        <p class="system"></p>
+        <a class="button" href="http://scala-ide.org/download/win">Download</a>
+        <p class="system">Windows</p>
       </div>
       <div class="download-version">
-        <a class="button" href="#-activate-js-"  data-url-win="http://scala-ide.org/download/win" data-url-mac="http://scala-ide.org/download/mac" data-url-linux="http://scala-ide.org/download/lin" data-url-unix="http://scala-ide.org/download/nix">Download</a>
-        <p class="system"></p>
+        <a class="button" href="http://scala-ide.org/download/win">Download</a>
+        <p class="system">Windows</p>
+      </div>
+    </div>
+    <div class="downloads buttons mac">
+      <div class="download-version">
+        <a class="button" href="http://scala-ide.org/download/mac">Download</a>
+        <p class="system">Mac OS</p>
+      </div>
+      <div class="download-version current">
+        <a class="button" href="http://scala-ide.org/download/mac">Download</a>
+        <p class="system">Mac OS</p>
+      </div>
+      <div class="download-version">
+        <a class="button" href="http://scala-ide.org/download/mac">Download</a>
+        <p class="system">Mac OS</p>
+      </div>
+    </div>
+    <div class="downloads buttons linux">
+      <div class="download-version">
+        <a class="button" href="http://scala-ide.org/download/linux">Download</a>
+        <p class="system">Linux</p>
+      </div>
+      <div class="download-version current">
+        <a class="button" href="http://scala-ide.org/download/linux">Download</a>
+        <p class="system">Linux</p>
+      </div>
+      <div class="download-version">
+        <a class="button" href="http://scala-ide.org/download/linux">Download</a>
+        <p class="system">Linux</p>
       </div>
     </div>
 
     <script type="text/javascript">
-    function getOS() {
-      if (navigator.appVersion.indexOf("Win") != -1) return ["win", "Windows"];
-      else if (navigator.appVersion.indexOf("Mac") != -1) return ["mac", "Mac OS"];
-      else if (navigator.appVersion.indexOf("Linux") != -1) return ["linux", "Linux"];
-      else return ["unix", "Unix"];
-    }
-    var downloadButtons = $(".downloads .button"),
-        downloadSystems = $(".downloads .system");
-    var system = getOS();
-    downloadButtons.each(function(index, button) {
-      $b = $(button);
-      $b.attr("href", $b.attr("data-url-"+system[0]));
-    });
-    downloadSystems.html(system[1]);
+      if (navigator.appVersion.indexOf("Win") != -1) {
+        $(".downloads.buttons").not(".win").hide();
+      }
+      else if (navigator.appVersion.indexOf("Mac") != -1) {
+        $(".downloads.buttons").not(".mac").hide();
+      }
+      else if (navigator.appVersion.indexOf("Linux") != -1) {
+        $(".downloads.buttons").not(".linux").hide();
+      }
     </script>
 
+    <hr class="limit"/>
 
     <div class="row">
       <div class="span11">        
diff --git a/resources/stylesheets/download.css b/resources/stylesheets/download.css
index 77da5ac..42eef46 100644
--- a/resources/stylesheets/download.css
+++ b/resources/stylesheets/download.css
@@ -51,10 +51,6 @@
 .downloads .requirements {
   text-align: left;
 }
-.downloads.buttons {
-  margin: 0 0 40px;
-}
-
 
 .downloads .button {
   display: block;
@@ -90,4 +86,11 @@
   background: -o-linear-gradient(top,  #40b0c8 0%,#66c9db 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #40b0c8 0%,#66c9db 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #40b0c8 0%,#66c9db 100%); /* W3C */
-}
\ No newline at end of file
+}
+
+
+
+hr.limit {
+  margin: 40px;
+  visibility: hidden;
+}

From 8b3d5a34ba7e53036f3e932496f0b460302704f7 Mon Sep 17 00:00:00 2001
From: Maxime DANTEC <hello@warry.fr>
Date: Thu, 3 Jul 2014 13:22:45 +0200
Subject: [PATCH 3/3] Make it dynamic

---
 _layouts/download-new.html | 106 ++++++++++++-------------------------
 download-new.md            |  40 ++++++++++++++
 2 files changed, 73 insertions(+), 73 deletions(-)

diff --git a/_layouts/download-new.html b/_layouts/download-new.html
index 6ac38af..638d662 100644
--- a/_layouts/download-new.html
+++ b/_layouts/download-new.html
@@ -21,6 +21,8 @@ <h1>{{ page.title }}</h1>
 
 <div class="bottom">
   <div class="container">
+
+
     <div class="download-titles row">
       <div class="span5">
         Next version
@@ -33,97 +35,55 @@ <h1>{{ page.title }}</h1>
       </div>
     </div>
 
+
     <div class="downloads">
-      <div class="download-version">
-        <h2>Scala-ide 1.1.2</h2>
+    {% for version in page.versions %}
+      <div class="download-version {{ version[0] }}">
+        <h2>{{ version[1].title }}</h2>
         <ul class="inside">
-          <li>Scala 2.12</li>
-          <li>Eclipse 3.8</li>
+          <li>{{ version[1].scala }}</li>
+          <li>{{ version[1].eclipse }}</li>
         </ul>
         <h3>Requirements</h3>
         <ul class="requirements">
-          <li>JDK6 or JD7</li>
-          <li>Eclipse 3.8, Eclipse 4.2 (Juno) or Eclipse 4.3 (Kepler). Read here if you have questions about the supported Eclipse packages.</li>
-        </ul>
-      </div>
-      <div class="download-version current">
-        <h2>Scala-ide 1.1.1</h2>
-        <ul class="inside">
-          <li>Scala 2.12</li>
-          <li>Eclipse 3.8</li>
-        </ul>
-        <h3>Requirements</h3>
-        <ul class="requirements">
-          <li>JDK6 or JD7</li>
-          <li>Eclipse 3.8, Eclipse 4.2 (Juno) or Eclipse 4.3 (Kepler). Read here if you have questions about the supported Eclipse packages.</li>
-        </ul>
-      </div>
-      <div class="download-version">
-        <h2>Scala-ide 1.1.0</h2>
-        <ul class="inside">
-          <li>Scala 2.12</li>
-          <li>Eclipse 3.8</li>
-        </ul>
-        <h3>Requirements</h3>
-        <ul class="requirements">
-          <li>JDK6 or JD7</li>
-          <li>Eclipse 3.8, Eclipse 4.2 (Juno) or Eclipse 4.3 (Kepler). Read here if you have questions about the supported Eclipse packages.</li>
+        {% for requirement in version[1].requirements %}
+          <li>{{ requirement }}</li>
+        {% endfor %}
         </ul>
       </div>
+    {% endfor %}
     </div>
 
-    <div class="downloads buttons win">
-      <div class="download-version">
-        <a class="button" href="http://scala-ide.org/download/win">Download</a>
-        <p class="system">Windows</p>
-      </div>
-      <div class="download-version current">
-        <a class="button" href="http://scala-ide.org/download/win">Download</a>
-        <p class="system">Windows</p>
-      </div>
-      <div class="download-version">
-        <a class="button" href="http://scala-ide.org/download/win">Download</a>
-        <p class="system">Windows</p>
-      </div>
-    </div>
-    <div class="downloads buttons mac">
-      <div class="download-version">
-        <a class="button" href="http://scala-ide.org/download/mac">Download</a>
-        <p class="system">Mac OS</p>
-      </div>
-      <div class="download-version current">
-        <a class="button" href="http://scala-ide.org/download/mac">Download</a>
-        <p class="system">Mac OS</p>
-      </div>
-      <div class="download-version">
-        <a class="button" href="http://scala-ide.org/download/mac">Download</a>
-        <p class="system">Mac OS</p>
-      </div>
-    </div>
-    <div class="downloads buttons linux">
-      <div class="download-version">
-        <a class="button" href="http://scala-ide.org/download/linux">Download</a>
-        <p class="system">Linux</p>
-      </div>
-      <div class="download-version current">
-        <a class="button" href="http://scala-ide.org/download/linux">Download</a>
-        <p class="system">Linux</p>
-      </div>
-      <div class="download-version">
-        <a class="button" href="http://scala-ide.org/download/linux">Download</a>
-        <p class="system">Linux</p>
+    <div class="downloads buttons">
+    {% for version in page.versions %}
+      <div class="download-version {{ version[0] }}">
+        {% for download in version[1].downloads %}
+          <div class="download-system {{ download[0]  }}">
+            <a class="button" href="{{ download[1] }}">Download</a>
+            <p class="system">
+              {% if download[0] == "win" %}
+                Windows
+              {% elsif download[0] == "mac" %}
+                Mac OS
+              {% else %}
+                Linux
+              {% endif %}
+            </p>
+          </div>
+        {% endfor %}
       </div>
+    {% endfor %}
     </div>
 
     <script type="text/javascript">
       if (navigator.appVersion.indexOf("Win") != -1) {
-        $(".downloads.buttons").not(".win").hide();
+        $(".download-system").not(".win").hide();
       }
       else if (navigator.appVersion.indexOf("Mac") != -1) {
-        $(".downloads.buttons").not(".mac").hide();
+        $(".download-system").not(".mac").hide();
       }
       else if (navigator.appVersion.indexOf("Linux") != -1) {
-        $(".downloads.buttons").not(".linux").hide();
+        $(".download-system").not(".linux").hide();
       }
     </script>
 
diff --git a/download-new.md b/download-new.md
index 8f90128..c363bb7 100644
--- a/download-new.md
+++ b/download-new.md
@@ -1,6 +1,46 @@
 ---
 layout: download-new
 title: Downloads
+
+versions:
+  # next version
+  next:
+    title: Scala-IDE 2.2.2
+    scala: Scala 2.12
+    eclipse: Eclpse Jupiter 4.12
+    requirements:
+      - JDK6 or JD7
+      - Eclipse 3.8, Eclipse 4.2 (Juno) or Eclipse 4.3 (Kepler). Read here if you have questions about the supported Eclipse packages.
+    downloads:
+      win: http://scala-ide.org/download/win
+      mac: http://scala-ide.org/download/mac
+      linux: http://scala-ide.org/download/linux
+
+  # current version
+  current:
+    title: Scala-IDE 2.2.2
+    scala: Scala 2.12
+    eclipse: Eclpse Jupiter 4.12
+    requirements:
+      - JDK6 or JD7
+      - Eclipse 3.8, Eclipse 4.2 (Juno) or Eclipse 4.3 (Kepler). Read here if you have questions about the supported Eclipse packages.
+    downloads:
+      win: http://scala-ide.org/download/win
+      mac: http://scala-ide.org/download/mac
+      linux: http://scala-ide.org/download/linux
+
+  # prev version
+  prev:
+    title: Scala-IDE 2.2.2
+    scala: Scala 2.12
+    eclipse: Eclpse Jupiter 4.12
+    requirements:
+      - JDK6 or JD7
+      - Eclipse 3.8, Eclipse 4.2 (Juno) or Eclipse 4.3 (Kepler). Read here if you have questions about the supported Eclipse packages.
+    downloads:
+      win: http://scala-ide.org/download/win
+      mac: http://scala-ide.org/download/mac
+      linux: http://scala-ide.org/download/linux
 ---