[FFmpeg-devel] [PATCH 04/16] web/download: New design for the download page with big colorful buttons

Clément Bœsch u at pkh.me
Mon Jul 14 10:31:06 CEST 2014


From: db0company <db0company at gmail.com>

---
 htdocs/js/download.js |  13 +
 src/about             |   2 +-
 src/download          | 790 +++++++++++++++++++++++++++++++++-----------------
 src/download_js       |   1 +
 src/download_title    |   2 +-
 src/olddownload       | 331 ++++++++++++---------
 style.less            | 100 ++++---
 7 files changed, 796 insertions(+), 443 deletions(-)
 create mode 100644 htdocs/js/download.js

diff --git a/htdocs/js/download.js b/htdocs/js/download.js
new file mode 100644
index 0000000..83c3798
--- /dev/null
+++ b/htdocs/js/download.js
@@ -0,0 +1,13 @@
+
+$(document).ready(function() {
+	var f = function (e) {
+	    e.preventDefault()
+	    $(this).tab('show')
+	};
+	$('a[href="#build-linux"]').hover(f);
+	$('a[href="#build-windows"]').hover(f);
+	$('a[href="#build-mac"]').hover(f);
+
+	$("#get-sources").height($("#get-packages").height());
+	$("#get-packages").height($("#get-packages").height());
+    });
diff --git a/src/about b/src/about
index f020a19..665da5d 100644
--- a/src/about
+++ b/src/about
@@ -89,7 +89,7 @@
 
 <br><br>
 
-<ul class="list-group">
+<ul class="list-group list-group-big">
   <li class="list-group-item"><strong><a href="libavutil.html">libavutil</a></strong> is a library containing functions for
     simplifying programming, including random number generators, data
     structures, mathematics routines, core multimedia utilities, and much
diff --git a/src/download b/src/download
index 6593fe8..7dc5d7b 100644
--- a/src/download
+++ b/src/download
@@ -1,264 +1,526 @@
-<p>FFmpeg static builds can be downloaded for every major operating system. They are built from recent
-development versions and include executables for you to run without the need to compile FFmpeg.</p>
-
-<h2 id="LinuxBuilds">Linux</h2>
-
-<p>Download static builds for Linux here:</p>
-
-<ul>
-  <li>
-    <a href="http://ffmpeg.gusari.org/static/">ffmpeg.gusari.org/static</a> – Builds for 32-bit and
-    64-bit with kernel 3.2.x and above
-  </li>
-  <li>
-    <a href="http://johnvansickle.com/ffmpeg/">johnvansickle.com/ffmpeg</a> – 64-bit builds for kernel
-    2.6.32 and above
-  </li>
-</ul>
-
-<p>FFmpeg packages are also offered for some distributions:</p>
-
-<ul>
-  <li>
-    <a href="http://www.deb-multimedia.org/">Deb Multimedia</a> – Debian packages for Oldstable, Stable,
-    Testing, Unstable (amd64, armel, armhf, i386, ia64, kfreebsd-amd64, kfreebsd-i386, mips, mipsel, powerpc, sparc)
-  </li>
-  <li>
-    <a href="https://launchpad.net/~jon-severinsson/+archive/ffmpeg">Jon Severinsson's FFmpeg PPA</a> – Ubuntu packages
-    (amd64, i386). Uses older release branches for compatibility reasons.
-  </li>
-  <li>
-    <a href="http://rpmfusion.org/">RPM Fusion</a> – Redhat and Fedora packages for EL, Fedora Rawhide
-    (i386, x86_64)
-  </li>
-</ul>
-
-<h2 id="WindowsBuilds">Windows</h2>
-
-<p>
-Windows Builds are available at
-<a href="http://ffmpeg.zeranoe.com/builds/">Zeranoe FFmpeg Builds</a>.
-</p>
-
-<h2 id="MacOSXBuilds">OS X</h2>
-
-Static builds for OS X can be downloaded here:
-
-<ul>
-  <li>
-    <a href="http://www.evermeet.cx/ffmpeg/">Builds by tessus</a> – 64-bit builds for OS X Intel
-  </li>
-  <li>
-    <a href="http://ffmpegmac.net/">ffmpegmac.net</a> – 32-bit and 64-bit builds for OS X 10.5 and above
-  </li>
-</ul>
-
-Under OS X, FFmpeg can also be installed through <a href="http://brew.sh/">Homebrew</a>,
-<a href="http://www.macports.org/">MacPorts</a>, or <a href="http://www.finkproject.org/">Fink</a>.
-
-<h1>Source Code Repository Access</h1>
-
-<h2 id="GettingFFmpeg">Getting the FFmpeg Source Code</h2>
-
-<p>
-Development branch snapshots work really well 99% of the time, so don't be afraid to use them. You can
-retrieve the latest source code through the standard Git client by using the command:
-</p>
-
-<pre>git clone git://source.ffmpeg.org/ffmpeg.git ffmpeg</pre>
-
-<p>
-If you are a distributor, you can find <a href="#releases">release tarballs
-below</a>. You can then compile FFmpeg by following the <a href="http://trac.ffmpeg.org/wiki/CompilationGuide">compilation
-guides on the FFmpeg Wiki</a>. It just takes a few minutes.
-</p>
-
-<p>
-If you find FFmpeg useful, you are welcome to contribute
-by <a href="donations.html">donating</a>.
-</p>
-
-<h2 id="snapshots">FFmpeg Repository Snapshots</h2>
-
-<p>
-For the main ffmpeg repository you can also directly download the
-<a href="releases/ffmpeg-snapshot.tar.bz2">source snapshot</a>
-that we generate each night instead of grabbing a source snapshot
-from the gitweb URL. This is slightly preferred since it reduces
-the load on our server.
-</p>
-
-<p>
-Alternatively, if you cannot access Git directly or wish to speed up
-the cloning and reduce the bandwidth usage, we also offer a complete
-<a href="releases/ffmpeg-snapshot-git.tar.bz2">git snapshot</a>
-tarball that comes with git metadata and version history to
-bootstrap your local repository.
-</p>
-
-<h2 id="Gitrepositories">Git repositories</h2>
-
-<div class="table">
-<table id="repos">
-<thead>
-<tr>
-    <th>Clone URL</th>
-    <th>Browse</th>
-    <th>Snapshot</th>
-    <th>Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-    <td><a href="git://source.ffmpeg.org/ffmpeg.git">git://source.ffmpeg.org/ffmpeg.git</a></td>
-    <td><a href="http://git.videolan.org/?p=ffmpeg.git">Browse</a></td>
-    <td><a href="http://git.videolan.org/?p=ffmpeg.git;a=snapshot;h=HEAD;sf=tgz">Snapshot</a></td>
-    <td>Main FFmpeg Git repository</td>
-</tr>
-<tr>
-    <td><a href="git://ffmpeg.org/ffmpeg-web">git://ffmpeg.org/ffmpeg-web</a></td>
-    <td>-</td>
-    <td>-</td>
-    <td>ffmpeg.org website repository</td>
-</tr>
-<tr>
-    <td><a href="git://ffmpeg.org/fateserver">git://git.ffmpeg.org/fateserver</a></td>
-    <td>-</td>
-    <td>-</td>
-    <td><a href="http://fate.ffmpeg.org">fate.ffmpeg.org</a> server software repository</td>
-</tr>
-<tr>
-    <th colspan="6">Mirrors</th>
-</tr>
-<tr>
-    <td><a href="https://github.com/FFmpeg/FFmpeg">https://github.com/FFmpeg/FFmpeg</a> <br/> <a href="git://github.com/FFmpeg/FFmpeg.git">git://github.com/FFmpeg/FFmpeg.git</a></td>
-    <td><a href="https://github.com/FFmpeg/FFmpeg">Browse</a></td>
-    <td><a href="https://github.com/FFmpeg/FFmpeg/tarball/master">Snapshot</a></td>
-    <td>Mirror of the main repository</td>
-</tr>
-<tr>
-    <td><a href="https://github.com/FFmpeg/web">https://github.com/FFmpeg/web</a> <br/> <a href="git://github.com/FFmpeg/web.git">git://github.com/FFmpeg/web.git</a></td>
-    <td><a href="https://github.com/FFmpeg/web">Browse</a></td>
-    <td><a href="https://github.com/FFmpeg/web/tarball/master">Snapshot</a></td>
-    <td>Mirror of the website repository</td>
-</tr>
-<tr>
-    <td><a href="https://github.com/FFmpeg/fateserver">https://github.com/FFmpeg/fateserver</a> <br/> <a href="git://github.com/FFmpeg/fateserver.git">git://github.com/FFmpeg/fateserver.git</a></td>
-    <td><a href="https://github.com/FFmpeg/fateserver">Browse</a></td>
-    <td><a href="https://github.com/FFmpeg/fateserver/tarball/master">Snapshot</a></td>
-    <td>Mirror of the FATE server repository</td>
-</tr>
-</tbody>
-</table>
-</div>
-
-<a name="releases"></a><h1>FFmpeg Releases</h1>
-
-<p>
-Approximately every 3 months the FFmpeg project makes a new major release.
-Between major releases point releases
-will appear that add important bug fixes but no new features.
-Note that these releases are intended for distributors and system integrators.
-Users that wish to compile from source themselves are strongly encouraged to
-consider using the development branch (see above), this is the only version on
-which FFmpeg developers actively work.  The release branches only cherry pick
-selected changes from the development branch, which therefore receives much more
-and much faster bug fixes such as additional features and security patches.
-</p>
-
-<a name="release_2.2"></a><h2>
-FFmpeg 2.2.4 "Muybridge"</h2>
-
-<p>
-2.2.4 was released on 2014-06-23. It is the latest stable FFmpeg release
-from the 2.2 release branch, which was cut from master on 2014-03-01.
-Amongst lots of other changes, it includes all changes from
-ffmpeg-mt, libav master of 2014-03-01, libav 10.1 as of 2014-06-23.
-</p>
-<p>It includes the following library versions:
-</p>
-<pre>
-  libavutil      52. 66.100
-  libavcodec     55. 52.102
-  libavformat    55. 33.100
-  libavdevice    55. 10.100
-  libavfilter     4.  2.100
-  libswscale      2.  5.102
-  libswresample   0. 18.100
-  libpostproc    52.  3.100
-</pre>
-
-<p>
-<a href="releases/ffmpeg-2.2.4.tar.bz2">Download bzip2 tarball</a>  
-<a href="releases/ffmpeg-2.2.4.tar.bz2.asc">PGP signature</a><br />
-<a href="releases/ffmpeg-2.2.4.tar.gz">Download gzip tarball</a>  
-<a href="releases/ffmpeg-2.2.4.tar.gz.asc">PGP signature</a><br />
-<a href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n2.2.4">Changelog</a><br />
-</p>
-
-<a name="release_2.1"></a><h2>
-FFmpeg 2.1.5 "Fourier"</h2>
-
-<p>
-2.1.5 was released on 2014-06-23. It is the latest stable FFmpeg release
-from the 2.1 release branch, which was cut from master on 2013-10-28.
-Amongst lots of other changes, it includes all changes from
-ffmpeg-mt, libav master of 2013-10-27, libav 9 as of 2013-10-27.
-</p>
-<p>It includes the following library versions:
-</p>
-<pre>
-  libavutil      52. 48.101
-  libavcodec     55. 39.101
-  libavformat    55. 19.104
-  libavdevice    55.  5.100
-  libavfilter     3. 90.100
-  libswscale      2.  5.101
-  libswresample   0. 17.104
-  libpostproc    52.  3.100
-</pre>
-
-<p>
-<a href="releases/ffmpeg-2.1.5.tar.bz2">Download bzip2 tarball</a>  
-<a href="releases/ffmpeg-2.1.5.tar.bz2.asc">PGP signature</a><br />
-<a href="releases/ffmpeg-2.1.5.tar.gz">Download gzip tarball</a>  
-<a href="releases/ffmpeg-2.1.5.tar.gz.asc">PGP signature</a><br />
-<a href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n2.1.5">Changelog</a><br />
-</p>
-
-<a name="release_1.2"></a><h2>
-FFmpeg 1.2.7 "Magic"</h2>
-
-<p>
-1.2.7 was released on 2014-06-23. It is the latest stable FFmpeg release
-from the 1.2 release branch, which was cut from master on 2013-03-07.
-Amongst lots of other changes, it includes all changes from
-ffmpeg-mt, libav master of 2013-03-07, libav 9 as of 2013-03-07.
-</p>
-<p>It includes the following library versions:
-</p>
-<pre>
-  libavutil      52. 18.100
-  libavcodec     54. 92.100
-  libavformat    54. 63.104
-  libavdevice    54.  3.103
-  libavfilter     3. 42.103
-  libswscale      2.  2.100
-  libswresample   0. 17.102
-  libpostproc    52.  2.100
-</pre>
-
-<p>
-<a href="releases/ffmpeg-1.2.7.tar.bz2">Download bzip2 tarball</a>  
-<a href="releases/ffmpeg-1.2.7.tar.bz2.asc">PGP signature</a><br />
-<a href="releases/ffmpeg-1.2.7.tar.gz">Download gzip tarball</a>  
-<a href="releases/ffmpeg-1.2.7.tar.gz.asc">PGP signature</a><br />
-<a href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n1.2.7">Changelog</a><br />
-</p>
-
-<a name="old_releases"></a>
-<h2>Old Releases</h2>
-<p>
-Older versions are available at the <a href="olddownload.html">Old
-Releases</a> page.
-</p>
+
+<div id="download">
+  <div class="btn-download-wrapper">
+    <a href="releases/ffmpeg-snapshot.tar.bz2" class="btn btn-success">
+      <i class="fa fa-cloud-download"></i>
+      Download
+    </a>
+  </div> <!-- btn-download-wrapper -->
+
+
+  <h4 class="first">
+    <p class="pull-right">
+      <small>
+	If you find FFmpeg useful, you are welcome to contribute
+	by <a href="donations.html">donating</a>.
+      </small>
+    </p>
+
+    <i class="fa fa-download"></i>
+    More downloading options</h4>
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="well" id="get-packages">
+	<h3>
+	  <i class="fa fa-download"></i>
+	  Get the packages</h3>
+
+	<div class="os-selector">
+	  <div class="row">
+	    <div class="col-xs-4">
+	      <a class="btn-build active" href="#build-linux">
+		<i class="fa fa-5x fa-fw fa-linux"></i>
+	      </a>
+	    </div> <!-- col -->
+	    <div class="col-xs-4">
+	      <a class="btn-build" href="#build-windows">
+		<i class="fa fa-5x fa-fw fa-windows"></i>
+	      </a>
+	    </div> <!-- col -->
+	    <div class="col-xs-4">
+	      <a class="btn-build" href="#build-mac">
+		<i class="fa fa-5x fa-fw fa-apple"></i>
+	      </a>
+	    </div> <!-- col -->
+	  </div> <!-- row -->
+	</div> <!-- os-selector -->
+
+	<div class="tab-content">
+	  <div id="build-linux" class="tab-pane active">
+
+	    <h3>Linux Packages</h3>
+	    <div class="list-group">
+	      <a class="list-group-item" href="http://www.deb-multimedia.org/">
+		<strong>Debian</strong> packages for Oldstable, Stable, Testing, Unstable
+		(amd64, armel, armhf, i386, ia64, kfreebsd-amd64, kfreebsd-i386, mips, mipsel, powerpc, sparc)
+	      </a>
+	      <a href="https://launchpad.net/~jon-severinsson/+archive/ffmpeg" class="list-group-item">
+		<strong>Ubuntu</strong> packages for Precise, Oneiric, Natty, Maverick, and Lucid
+		(amd64, i386)<br>
+		<small>Uses older release branches for compatibility reasons</small>
+	      </a>
+	      <a class="list-group-item" href="http://rpmfusion.org/">
+		<strong>Redhat</strong> and <strong>Fedora</strong> packages for EL, Fedora Rawhide
+		(i386, x86_64)
+	      </a>
+	    </div> <!-- list-group -->
+
+	    <h3>Linux Static Builds</h3>
+	    <div class="list-group">
+	      <a class="list-group-item" href="http://ffmpeg.gusari.org/static/">32-bit and
+		64-bit with kernel 3.2.x and above</a>
+	      <a class="list-group-item" href="http://ffmpeg.gusari.org/static/">64-bit
+		with kernel 2.6.32 and above</a>
+	    </div> <!-- list-group -->
+
+	  </div> <!-- build -->
+	  <div id="build-windows" class="tab-pane fade">
+
+	    <h3>Windows Packages</h3>
+
+	    <div class="list-group">
+	      <a class="list-group-item" href="http://ffmpeg.zeranoe.com/builds/">
+		<strong>Windows</strong> Builds
+	      </a>
+	    </div> <!-- list-group -->
+
+	  </div> <!-- build -->
+	  <div id="build-mac" class="tab-pane fade">
+
+	    <h3>Mac OS X Packages</h3>
+
+	    <div class="list-group">
+	      <a class="list-group-item" href="http://www.evermeet.cx/ffmpeg/">
+		Static builds for <strong>OS X Intel 64-bit</strong>
+	      </a>
+	      <a class="list-group-item" href="http://ffmpegmac.net/">
+		Builds 32-bit and 64-bit for <strong>OS X 10.5 and above</strong>
+	      </a>
+	    </div> <!-- list-group -->
+
+	  </div> <!-- build -->
+
+	</div> <!-- tab-content -->
+
+      </div> <!-- well -->
+    </div> <!-- col -->
+
+    <div class="col-md-6">
+      <div class="well" id="get-sources">
+	<h3>
+	  <i class="fa fa-eye"></i>
+	  Get the Sources</h3>
+
+	<br><br>
+	<div class="btn-download text-center">
+	  <a href="releases/ffmpeg-snapshot.tar.bz2" class="btn btn-success btn-lg">
+	    <i class="fa fa-download"></i>
+	    Download Snapshot
+	  </a>
+	</div> <!-- text -->
+
+	<br><br>
+	<hr>
+
+	<p>
+	  You can retrieve the source code through
+	  <a href="http://git-scm.com/" target="_blank">Git</a>
+	  by using the command:
+	</p>
+
+	<pre>git clone git://source.ffmpeg.org/ffmpeg.git ffmpeg</pre>
+
+	<div>
+	  <a href="releases/ffmpeg-snapshot-git.tar.bz2" class="btn btn-success pull-right">
+	    <i class="fa fa-git"></i>
+	    Git Snapshot
+	  </a>
+	  <small>
+	    Cannot access Git or wish to speed up the cloning and reduce the bandwidth usage?
+	  </small>
+	</div>
+
+	<hr>
+
+	<p class="info">
+	  FFmpeg has always been a very experimental and developer-driven project. It
+	  is a key component in many multimedia projects and has new features added
+	  constantly.
+	  Development branch snapshots work really well 99% of the
+	  time so people are not afraid to use them.
+	</p>
+
+	<br><br>
+	<div class="row">
+	  <div class="col-sm-6">
+	    <a href="#repositories" class="btn btn-warning btn-block">
+	      <i class="fa fa-cubes"></i>
+	      Extra Repositories
+	    </a>
+	  </div> <!-- col -->
+	  <div class="col-sm-6">
+	    <a href="#releases" class="btn btn-warning btn-block">
+	      <i class="fa fa-history"></i>
+	      Other Releases
+	    </a>
+	  </div> <!-- col -->
+	</div> <!-- row -->
+
+      </div> <!-- well -->
+    </div> <!-- col -->
+
+  </div> <!-- row -->
+
+
+  <div id="repositories"></div>
+  <h4>
+    <i class="fa fa-cubes"></i>
+    Extra Repositories</h4>
+
+  <p>
+    Since FFmpeg is developed with <a href="http://git-scm.com/">Git</a>,
+    multiple repositories from developers and groups of developers are available.
+  </p>
+
+  <div class="table-responsive">
+    <table class="table">
+      <thead>
+	<tr>
+	  <th>Clone URL</th>
+	  <th>Browse</th>
+	  <th>Snapshot</th>
+	  <th>Admin</th>
+	  <th>Commiters</th>
+	  <th>Description</th>
+	</tr>
+      </thead>
+      <tbody>
+	<tr>
+	  <td><a href="git://source.ffmpeg.org/ffmpeg.git">git://source.ffmpeg.org/ffmpeg.git</a></td>
+	  <td><a href="http://git.videolan.org/?p=ffmpeg.git">Browse</a></td>
+	  <td><a href="http://git.videolan.org/?p=ffmpeg.git;a=snapshot;h=HEAD;sf=tgz">Snapshot</a></td>
+	  <td>Michael Niedermayer</td>
+	  <td>All FFmpeg developers</td>
+	  <td>Main FFmpeg / libavcodec / libavformat / libavfilter / libavutil / libswscale / libswresample git repository, all work is merged in here, and it is the recommended repository for users and developers
+	    to use.</td>
+	</tr>
+	<tr>
+	  <td><a href="git://ffmpeg.org/ffmpeg-web">git://ffmpeg.org/ffmpeg-web</a></td>
+	  <td>-</td>
+	  <td>-</td>
+	  <td>Michael Niedermayer</td>
+	  <td>All FFmpeg developers</td>
+	  <td>Main ffmpeg.org website repository</td>
+	</tr>
+	<tr>
+	  <th colspan="6">Other Repositories</th>
+	</tr>
+	<tr>
+	  <td><a href="https://github.com/FFmpeg/FFmpeg">https://github.com/FFmpeg/FFmpeg</a> <br/> <a href="git://github.com/FFmpeg/FFmpeg.git">git://github.com/FFmpeg/FFmpeg.git</a></td>
+	  <td><a href="https://github.com/FFmpeg/FFmpeg">Browse</a></td>
+	  <td><a href="https://github.com/FFmpeg/FFmpeg/archives/master">Snapshot</a></td>
+	  <td>-</td>
+	  <td>-</td>
+	  <td>Mirror of the main repository</td>
+	</tr>
+	<tr>
+	  <td><a href="git://git.libav.org/libav.git">git://git.libav.org/libav.git</a></td>
+	  <td><a href="http://git.libav.org/?p=libav.git">Browse</a></td>
+	  <td><a href="http://git.libav.org/?p=libav.git;a=snapshot;h=HEAD;sf=tgz">Snapshot</a></td>
+	  <td>?</td>
+	  <td>8 developers</td>
+	  <td></td>
+	</tr>
+	<tr>
+	  <td><a href="git://gitorious.org/~astrange/ffmpeg/ffmpeg-mt.git">git://gitorious.org/~astrange/ffmpeg/ffmpeg-mt.git</a></td>
+	  <td><a href="http://gitorious.org/~astrange/ffmpeg/ffmpeg-mt">Browse</a></td>
+	  <td><a href="http://gitorious.org/ffmpeg/ffmpeg-mt/archive-tarball/master">Snapshot</a></td>
+	  <td>Alexander Strange</td>
+	  <td>Alexander Strange</td>
+	  <td>Multithreaded decoding</td>
+	</tr>
+	<tr>
+	  <td><a href="https://github.com/cehoyos/FFmpeg.git">https://github.com/cehoyos/FFmpeg.git</a></td>
+	  <td><a href="https://github.com/cehoyos/FFmpeg.git">Browse</a></td>
+	  <td>-</td>
+	  <td>Carl Eugen Hoyos</td>
+	  <td>Carl Eugen Hoyos</td>
+	  <td></td>
+	</tr>
+	<tr>
+	  <td><a href="https://github.com/ubitux/FFmpeg.git">https://github.com/ubitux/FFmpeg.git</a></td>
+	  <td><a href="https://github.com/ubitux/FFmpeg.git">Browse</a></td>
+	  <td>-</td>
+	  <td>Clément Bœsch</td>
+	  <td>Clément Bœsch</td>
+	  <td></td>
+	</tr>
+	<tr>
+	  <td><a href="https://github.com/dwbuiten/FFmpeg">https://github.com/dwbuiten/FFmpeg</a></td>
+	  <td><a href="https://github.com/dwbuiten/FFmpeg">Browse</a></td>
+	  <td>-</td>
+	  <td>Derek Buitenhuis</td>
+	  <td>Derek Buitenhuis</td>
+	  <td></td>
+	</tr>
+	<tr>
+	  <td><a href="git://gitorious.org/~flameeyes/ffmpeg/flameeyes-ffmpeg.git">git://gitorious.org/~flameeyes/ffmpeg/flameeyes-ffmpeg.git</a></td>
+	  <td><a href="http://gitorious.org/~flameeyes/ffmpeg/flameeyes-ffmpeg">Browse</a></td>
+	  <td><a href="http://gitorious.org/ffmpeg/flameeyes-ffmpeg/archive-tarball/master">Snapshot</a></td>
+	  <td>Diego E. Pettenò</td>
+	  <td>Diego E. Pettenò</td>
+	  <td>Personal repository with works in progress</td>
+	</tr>
+	<tr>
+	  <td><a href="git://git.1f0.de/ffmpeg.git">git://git.1f0.de/ffmpeg.git</a></td>
+	  <td><a href="git://git.1f0.de/ffmpeg.git">Browse</a></td>
+	  <td>-</td>
+	  <td>Hendrik Leppkes</td>
+	  <td>Hendrik Leppkes</td>
+	  <td></td>
+	</tr>
+	<tr>
+	  <td><a href="https://github.com/josephwecker/FFmpeg.git">https://github.com/josephwecker/FFmpeg.git</a></td>
+	  <td><a href="https://github.com/josephwecker/FFmpeg.git">Browse</a></td>
+	  <td>-</td>
+	  <td>Joseph Wecker</td>
+	  <td>Joseph Wecker</td>
+	  <td></td>
+	</tr>
+	<tr>
+	  <td><a href="git://github.com/justinruggles/Libav">git://github.com/justinruggles/Libav</a></td>
+	  <td><a href="http://justinruggles.github.com/Libav/">Browse</a></td>
+	  <td>-</td>
+	  <td>Justin Ruggles</td>
+	  <td>Justin Ruggles</td>
+	  <td>Personal repository with works in progress</td>
+	</tr>
+	<tr>
+	  <td><a href="git://github.com/lu-zero/libav.git">git://github.com/lu-zero/libav.git</a></td>
+	  <td><a href="https://github.com/lu-zero/libav">Browse</a></td>
+	  <td><a href="https://github.com/lu-zero/libav/tarball/master">Snapshot</a></td>
+	  <td>Luca Barbato</td>
+	  <td>Luca Barbato</td>
+	  <td>Personal repository with works in progress and experiments</td>
+	</tr>
+	<tr>
+	  <td><a href="https://github.com/cus/ffplay.git">https://github.com/cus/ffplay.git</a></td>
+	  <td><a href="https://github.com/cus/ffplay.git">Browse</a></td>
+	  <td>-</td>
+	  <td>Marton Balint</td>
+	  <td>Marton Balint</td>
+	  <td>FFplay</td>
+	</tr>
+	<tr>
+	  <td><a href="https://github.com/mbouron/FFmpeg">https://github.com/mbouron/FFmpeg</a></td>
+	  <td><a href="https://github.com/mbouron/FFmpeg">Browse</a></td>
+	  <td>-</td>
+	  <td>Matthieu Bouron</td>
+	  <td>Matthieu Bouron</td>
+	  <td></td>
+	</tr>
+	<tr>
+	  <td><a href="https://github.com/mjbshaw/FFmpeg-OpenJPEG-J2K-Encoder">https://github.com/mjbshaw/FFmpeg-OpenJPEG-J2K-Encoder</a></td>
+	  <td><a href="https://github.com/mjbshaw/FFmpeg-OpenJPEG-J2K-Encoder">Browse</a></td>
+	  <td>-</td>
+	  <td>Michael Bradshaw</td>
+	  <td>Michael Bradshaw</td>
+	  <td>Personal repository with works in progress and experiments relating to the OpenJPEG encoder</td>
+	</tr>
+	<tr>
+	  <td><a href="https://github.com/takis/FFmpeg">https://github.com/takis/FFmpeg</a></td>
+	  <td><a href="https://github.com/takis/FFmpeg">Browse</a></td>
+	  <td>-</td>
+	  <td>Panagiotis H.M. Issaris</td>
+	  <td>Panagiotis H.M. Issaris</td>
+	  <td></td>
+	</tr>
+	<tr>
+	  <td><a href="https://github.com/richardpl/FFmpeg.git">https://github.com/richardpl/FFmpeg.git</a></td>
+	  <td><a href="https://github.com/richardpl/FFmpeg.git">Browse</a></td>
+	  <td>-</td>
+	  <td>Paul B Mahol</td>
+	  <td>Paul B Mahol</td>
+	  <td></td>
+	</tr>
+	<tr>
+	  <td><a href="https://github.com/philipl/ffmpeg-crystalhd">https://github.com/philipl/ffmpeg-crystalhd</a></td>
+	  <td><a href="https://github.com/philipl/ffmpeg-crystalhd">Browse</a></td>
+	  <td>-</td>
+	  <td>Philip Langdale</td>
+	  <td>Philip Langdale</td>
+	  <td>CrystalHD</td>
+	</tr>
+	<tr>
+	  <td><a href="https://github.com/BastyCDGS/ffmpeg-soc.git">https://github.com/BastyCDGS/ffmpeg-soc.git</a></td>
+	  <td><a href="https://github.com/BastyCDGS/ffmpeg-soc.git">Browse</a></td>
+	  <td>-</td>
+	  <td>Sebastian Vater</td>
+	  <td>Sebastian Vater</td>
+	  <td></td>
+	</tr>
+	<tr>
+	  <td><a href="https://github.com/dilaroga/ffmpeg-vda.git">https://github.com/dilaroga/ffmpeg-vda.git</a></td>
+	  <td><a href="https://github.com/dilaroga/ffmpeg-vda.git">Browse</a></td>
+	  <td>-</td>
+	  <td>Sebastien Zwickert</td>
+	  <td>Sebastien Zwickert</td>
+	  <td>VDA</td>
+	</tr>
+	<tr>
+	  <td><a href="https://gitorious.org/~saste/ffmpeg/sastes-ffmpeg">git at gitorious.org:~saste/ffmpeg/sastes-ffmpeg.git</a></td>
+	  <td><a href="https://gitorious.org/~saste/ffmpeg/sastes-ffmpeg">Browse</a></td>
+	  <td>-</td>
+	  <td>Stefano Sabatini</td>
+	  <td>Stefano Sabatini</td>
+	  <td>Personal repository with works in progress</td>
+	</tr>
+	<tr>
+	  <td><a href="https://github.com/Tjoppen/FFmpeg">https://github.com/Tjoppen/FFmpeg</a></td>
+	  <td><a href="https://github.com/Tjoppen/FFmpeg">Browse</a></td>
+	  <td>-</td>
+	  <td>Tomas Härdin</td>
+	  <td>Tomas Härdin</td>
+	  <td></td>
+	</tr>
+      </tbody>
+    </table>
+  </div> <!-- table-responsive -->
+
+  <div class="info">
+    If you have a public clone of FFmpeg and want to be listed above,
+    <a href="contact.html">contact us</a>.
+  </div>
+
+  <div id="releases"></div>
+  <h4>
+    <i class="fa fa-history"></i>
+    Other Releases</h4>
+
+  <p>
+    Approximately every 3 months the FFmpeg project makes a new major release.
+    Between major releases point releases
+    will appear that add important bug fixes but no new features.
+    Note that these releases are intended for distributors and system integrators.
+    Users that wish to compile from source themselves are strongly encouraged to
+    consider using the development branch (see above), this is the only version on
+    which FFmpeg developers actively work.  The release branches only cherry pick
+    selected changes from the development branch, which therefore receives much more
+    and much faster bug fixes such as additional features and security patches.
+  </p>
+
+
+  <a name="release_2.2"></a><h2>
+    FFmpeg 2.2.4 "Muybridge"</h2>
+
+  <p>
+    2.2.4 was released on 2014-06-23. It is the latest stable FFmpeg release
+    from the 2.2 release branch, which was cut from master on 2014-03-01.
+    Amongst lots of other changes, it includes all changes from
+    ffmpeg-mt, libav master of 2014-03-01, libav 10.1 as of 2014-06-23.
+  </p>
+  <p>It includes the following library versions:
+  </p>
+  <pre>
+    libavutil      52. 66.100
+    libavcodec     55. 52.102
+    libavformat    55. 33.100
+    libavdevice    55. 10.100
+    libavfilter     4.  2.100
+    libswscale      2.  5.102
+    libswresample   0. 18.100
+    libpostproc    52.  3.100</pre>
+
+
+  <div class="row">
+    <div class="col-md-4">
+      <a class="btn btn-success" href="releases/ffmpeg-2.2.4.tar.bz2">Download bzip2 tarball</a>
+      <small><a href="releases/ffmpeg-2.2.4.tar.bz2.asc">PGP signature</a></small>
+    </div> <!-- col -->
+    <div class="col-md-4">
+      <a class="btn btn-success" href="releases/ffmpeg-2.2.4.tar.gz">Download gzip tarball</a>
+      <small><a href="releases/ffmpeg-2.2.4.tar.gz.asc">PGP signature</a></small>
+    </div> <!-- col -->
+    <div class="col-md-4 text-right">
+      <a class="btn btn-success" href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n2.2.4">Changelog</a>
+    </div> <!-- col -->
+  </div> <!-- row -->
+
+  <a name="release_2.1"></a><h3>
+    FFmpeg 2.1 "Fourier"</h3>
+
+  <p>
+    2.1 was released on 2013-10-28. It is the latest stable FFmpeg release
+    from the 2.1 release branch, which was cut from master on 2013-10-28.
+    Amongst lots of other changes, it includes all changes from
+    ffmpeg-mt, libav master of 2013-10-27, libav 9 as of 2013-10-27.
+  </p>
+  <p>It includes the following library versions:
+  </p>
+  <pre>
+    libavutil      52. 48.100
+    libavcodec     55. 39.100
+    libavformat    55. 19.104
+    libavdevice    55.  5.100
+    libavfilter     3. 90.100
+    libswscale      2.  5.101
+    libswresample   0. 17.104
+    libpostproc    52.  3.100</pre>
+
+  <div class="row">
+    <div class="col-md-4">
+      <a class="btn btn-success" href="releases/ffmpeg-2.1.tar.bz2">Download bzip2 tarball</a>
+      <small><a href="releases/ffmpeg-2.1.tar.bz2.asc">PGP signature</a></small>
+    </div> <!-- col -->
+    <div class="col-md-4">
+      <a class="btn btn-success" href="releases/ffmpeg-2.1.tar.gz">Download gzip tarball</a>
+      <small><a href="releases/ffmpeg-2.1.tar.gz.asc">PGP signature</a></small>
+    </div> <!-- col -->
+    <div class="col-md-4 text-right">
+      <a class="btn btn-success" href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n2.1">Changelog</a>
+    </div> <!-- col -->
+  </div> <!-- row -->
+  <a name="release_1.2"></a><h3>
+    FFmpeg 1.2.4 "Magic"</h3>
+
+  <p>
+    1.2.4 was released on 2013-10-03. It is the latest stable FFmpeg release
+    from the 1.2 release branch, which was cut from master on 2013-03-07.
+    Amongst lots of other changes, it includes all changes from
+    ffmpeg-mt, libav master of 2013-03-07, libav 9 as of 2013-03-07.
+  </p>
+  <p>It includes the following library versions:
+  </p>
+  <pre>
+    libavutil      52. 18.100
+    libavcodec     54. 92.100
+    libavformat    54. 63.104
+    libavdevice    54.  3.103
+    libavfilter     3. 42.103
+    libswscale      2.  2.100
+    libswresample   0. 17.102
+    libpostproc    52.  2.100</pre>
+
+  <div class="row">
+    <div class="col-md-4">
+      <a class="btn btn-success" href="releases/ffmpeg-1.2.4.tar.bz2">Download bzip2 tarball</a>
+      <small><a href="releases/ffmpeg-1.2.4.tar.bz2.asc">PGP signature</a></small>
+    </div> <!-- col -->
+    <div class="col-md-4">
+      <a class="btn btn-success" href="releases/ffmpeg-1.2.4.tar.gz">Download gzip tarball</a>
+      <small><a href="releases/ffmpeg-1.2.4.tar.gz.asc">PGP signature</a></small>
+    </div> <!-- col -->
+    <div class="col-md-4 text-right">
+      <a class="btn btn-success" href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n1.2.4">Changelog</a>
+    </div> <!-- col -->
+  </div> <!-- row -->
+
+  <a name="old_releases"></a>
+  <h3>Old Releases</h3>
+  <p>
+    Older versions are available at the <a href="olddownload.html">Old
+      Releases</a> page.
+  </p>
+
+</div> <!-- #download -->
diff --git a/src/download_js b/src/download_js
index e69de29..93f3c09 100644
--- a/src/download_js
+++ b/src/download_js
@@ -0,0 +1 @@
+    <script src="js/download.js"></script>
diff --git a/src/download_title b/src/download_title
index 7af8334..56d2644 100644
--- a/src/download_title
+++ b/src/download_title
@@ -1 +1 @@
-Get FFmpeg
\ No newline at end of file
+Download FFmpeg
\ No newline at end of file
diff --git a/src/olddownload b/src/olddownload
index 9b33fcf..4f5afa8 100644
--- a/src/olddownload
+++ b/src/olddownload
@@ -1,17 +1,19 @@
-<p>
-<strong>These releases are not actively maintained and thus we
-discourage their use.</strong>
-<a href="contact.html">Contact us</a> if you are interested in
-maintaining an old release.
+<div class="with-icon">
+  <span class="pull-left"><i class="fa fa-3x fa-warning"></i></span>
+  These releases are not actively maintained and thus we
+  discourage their use.<br>
+  <a href="contact.html">Contact us</a> if you are interested in
+  maintaining an old release.
+</div>
 
-<a name="release_2.0"></a><h2>
-FFmpeg 2.0.5 "Nameless"</h2>
+<a name="release_2.0"></a><h3>
+  FFmpeg 2.0.2 "Nameless"</h3>
 
 <p>
-2.0.5 was released on 2014-06-25. It is the latest stable FFmpeg release
-from the 2.0 release branch, which was cut from master on 2013-07-10.
-Amongst lots of other changes, it includes all changes from
-ffmpeg-mt, libav master of 2013-07-09, libav 9 as of 2013-07-09.
+  2.0.2 was released on 2013-10-08. It is the latest stable FFmpeg release
+  from the 2.0 release branch, which was cut from master on 2013-07-10.
+  Amongst lots of other changes, it includes all changes from
+  ffmpeg-mt, libav master of 2013-07-09, libav 9 as of 2013-07-09.
 </p>
 <p>It includes the following library versions:
 </p>
@@ -23,25 +25,30 @@ ffmpeg-mt, libav master of 2013-07-09, libav 9 as of 2013-07-09.
   libavfilter     3. 79.101
   libswscale      2.  3.100
   libswresample   0. 17.102
-  libpostproc    52.  3.100
-</pre>
+  libpostproc    52.  3.100</pre>
 
-<p>
-<a href="releases/ffmpeg-2.0.5.tar.bz2">Download bzip2 tarball</a>  
-<a href="releases/ffmpeg-2.0.5.tar.bz2.asc">PGP signature</a><br />
-<a href="releases/ffmpeg-2.0.5.tar.gz">Download gzip tarball</a>  
-<a href="releases/ffmpeg-2.0.5.tar.gz.asc">PGP signature</a><br />
-<a href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n2.0.5">Changelog</a><br />
-</p>
+<div class="row">
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-2.0.2.tar.bz2">Download bzip2 tarball</a>
+    <small><a href="releases/ffmpeg-2.0.2.tar.bz2.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-2.0.2.tar.gz">Download gzip tarball</a>
+    <small><a href="releases/ffmpeg-2.0.2.tar.gz.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4 text-right">
+    <a class="btn btn-success" href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n2.0.2">Changelog</a>
+  </div> <!-- col -->
+</div> <!-- row -->
 
-<a name="release_1.1"></a><h2>
-FFmpeg 1.1.12 "Fire Flower"</h2>
+<a name="release_1.1"></a><h3>
+  FFmpeg 1.1.12 "Fire Flower"</h3>
 
 <p>
-1.1.12 was released on 2014-06-26. It is the latest stable FFmpeg release
-from the 1.1 release branch, which was cut from master on 2013-01-06.
-Amongst lots of other changes, it includes all changes from
-ffmpeg-mt, libav master of 2013-01-06, libav 9.13 as of 2014-06-25.
+  1.1.12 was released on 2014-06-26. It is the latest stable FFmpeg release
+  from the 1.1 release branch, which was cut from master on 2013-01-06.
+  Amongst lots of other changes, it includes all changes from
+  ffmpeg-mt, libav master of 2013-01-06, libav 9.13 as of 2014-06-25.
 </p>
 <p>It includes the following library versions:
 </p>
@@ -56,22 +63,28 @@ ffmpeg-mt, libav master of 2013-01-06, libav 9.13 as of 2014-06-25.
   libpostproc    52.  2.100
 </pre>
 
-<p>
-<a href="releases/ffmpeg-1.1.12.tar.bz2">Download bzip2 tarball</a>  
-<a href="releases/ffmpeg-1.1.12.tar.bz2.asc">PGP signature</a><br />
-<a href="releases/ffmpeg-1.1.12.tar.gz">Download gzip tarball</a>  
-<a href="releases/ffmpeg-1.1.12.tar.gz.asc">PGP signature</a><br />
-<a href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n1.1.12">Changelog</a><br />
-</p>
+<div class="row">
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-1.1.12.tar.bz2">Download bzip2 tarball</a>
+    <small><a href="releases/ffmpeg-1.1.12.tar.bz2.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-1.1.12.tar.gz">Download gzip tarball</a>
+    <small><a href="releases/ffmpeg-1.1.12.tar.gz.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4 text-right">
+    <a class="btn btn-success" href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n1.1.12">Changelog</a>
+  </div> <!-- col -->
+</div> <!-- row -->
 
-<a name="release_1.0"></a><h2>
-FFmpeg 1.0.9 "Angel"</h2>
+<a name="release_1.0"></a><h3>
+  FFmpeg 1.0.9 "Angel"</h3>
 
 <p>
-1.0.9 was released on 2014-03-10. It is the latest stable FFmpeg release
-from the 1.0 release branch, which was cut from master on 2012-09-28.
-Amongst lots of other changes, it includes all changes from
-ffmpeg-mt, libav master of 2012-09-27, libav 0.8.3 as of 2013-01-22.
+  1.0.9 was released on 2014-03-10. It is the latest stable FFmpeg release
+  from the 1.0 release branch, which was cut from master on 2012-09-28.
+  Amongst lots of other changes, it includes all changes from
+  ffmpeg-mt, libav master of 2012-09-27, libav 0.8.3 as of 2013-01-22.
 </p>
 <p>It includes the following library versions:
 </p>
@@ -86,22 +99,28 @@ ffmpeg-mt, libav master of 2012-09-27, libav 0.8.3 as of 2013-01-22.
   libpostproc    52.  0.100
 </pre>
 
-<p>
-<a href="releases/ffmpeg-1.0.9.tar.bz2">Download bzip2 tarball</a>  
-<a href="releases/ffmpeg-1.0.9.tar.bz2.asc">PGP signature</a><br />
-<a href="releases/ffmpeg-1.0.9.tar.gz">Download gzip tarball</a>  
-<a href="releases/ffmpeg-1.0.9.tar.gz.asc">PGP signature</a><br />
-<a href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n1.0.9">Changelog</a><br />
-</p>
+<div class="row">
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-1.0.9.tar.bz2">Download bzip2 tarball</a>
+    <small><a href="releases/ffmpeg-1.0.9.tar.bz2.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-1.0.9.tar.gz">Download gzip tarball</a>
+    <small><a href="releases/ffmpeg-1.0.9.tar.gz.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4 text-right">
+    <a class="btn btn-success" href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n1.0.9">Changelog</a>
+  </div> <!-- col -->
+</div> <!-- row -->
 
-<a name="release_0.11"></a><h2>
-FFmpeg 0.11.5 "Happiness"</h2>
+<a name="release_0.11"></a><h3>
+  FFmpeg 0.11.5 "Happiness"</h3>
 
 <p>
-0.11.5 was released on 2014-03-10. It is the latest stable FFmpeg release
-from the 0.11 release branch, which was cut from master on 2012-05-25.
-Amongst lots of other changes, it includes all changes from
-ffmpeg-mt, libav master of 2012-05-24, libav 0.8.2 as of 2012-09-19.
+  0.11.5 was released on 2014-03-10. It is the latest stable FFmpeg release
+  from the 0.11 release branch, which was cut from master on 2012-05-25.
+  Amongst lots of other changes, it includes all changes from
+  ffmpeg-mt, libav master of 2012-05-24, libav 0.8.2 as of 2012-09-19.
 </p>
 <p>It includes the following library versions:
 </p>
@@ -116,22 +135,28 @@ ffmpeg-mt, libav master of 2012-05-24, libav 0.8.2 as of 2012-09-19.
   libpostproc    52.  0.100
 </pre>
 
-<p>
-<a href="releases/ffmpeg-0.11.5.tar.bz2">Download bzip2 tarball</a>  
-<a href="releases/ffmpeg-0.11.5.tar.bz2.asc">PGP signature</a><br />
-<a href="releases/ffmpeg-0.11.5.tar.gz">Download gzip tarball</a>  
-<a href="releases/ffmpeg-0.11.5.tar.gz.asc">PGP signature</a><br />
-<a href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n0.11.5">Changelog</a><br />
-</p>
+<div class="row">
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-0.11.5.tar.bz2">Download bzip2 tarball</a>
+    <small><a href="releases/ffmpeg-0.11.5.tar.bz2.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-0.11.5.tar.gz">Download gzip tarball</a>
+    <small><a href="releases/ffmpeg-0.11.5.tar.gz.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4 text-right">
+    <a class="btn btn-success" href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n0.11.5">Changelog</a>
+  </div> <!-- col -->
+</div> <!-- row -->
 
-<a name="release_0.10"></a><h2>
-FFmpeg 0.10.14 "Freedom"</h2>
+<a name="release_0.10"></a><h3>
+  FFmpeg 0.10.14 "Freedom"</h3>
 
 <p>
-0.10.14 was released on 2014-06-29. It is the latest stable FFmpeg release
-from the 0.10 release branch, which was cut from master on 2012-01-26.
-Amongst lots of other changes, it includes all changes from
-ffmpeg-mt, libav master of 2012-01-26, libav 0.8.13 as of 2014-06-29.
+  0.10.14 was released on 2014-06-29. It is the latest stable FFmpeg release
+  from the 0.10 release branch, which was cut from master on 2012-01-26.
+  Amongst lots of other changes, it includes all changes from
+  ffmpeg-mt, libav master of 2012-01-26, libav 0.8.13 as of 2014-06-29.
 </p>
 <p>It includes the following library versions:
 </p>
@@ -146,98 +171,134 @@ ffmpeg-mt, libav master of 2012-01-26, libav 0.8.13 as of 2014-06-29.
   libpostproc    52.  0.100
 </pre>
 
-<p>
-<a href="releases/ffmpeg-0.10.14.tar.bz2">Download bzip2 tarball</a>  
-<a href="releases/ffmpeg-0.10.14.tar.bz2.asc">PGP signature</a><br />
-<a href="releases/ffmpeg-0.10.14.tar.gz">Download gzip tarball</a>  
-<a href="releases/ffmpeg-0.10.14.tar.gz.asc">PGP signature</a><br />
-<a href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n0.10.14">Changelog</a><br />
-</p>
+<div class="row">
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-0.10.14.tar.bz2">Download bzip2 tarball</a>
+    <small><a href="releases/ffmpeg-0.10.14.tar.bz2.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-0.10.14.tar.gz">Download gzip tarball</a>
+    <small><a href="releases/ffmpeg-0.10.14.tar.gz.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4 text-right">
+    <a class="btn btn-success" href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n0.10.14">Changelog</a>
+  </div> <!-- col -->
+</div> <!-- row -->
 
-<a name="release_0.9"></a><h2>
-FFmpeg 0.9.4 "Harmony"</h2>
+<a name="release_0.9"></a><h3>
+  FFmpeg 0.9.4 "Harmony"</h3>
 
 <p>
-0.9.4 was released on 2014-03-21. It is the latest stable FFmpeg release
-from the 0.9 release branch, which was cut from master on 2011-12-11.
-Amongst lots of other changes, it includes all changes from
-ffmpeg-mt, libav master of 2011-12-11, libav 0.7.2 as of 2011-12-11.
+  0.9.4 was released on 2014-03-21. It is the latest stable FFmpeg release
+  from the 0.9 release branch, which was cut from master on 2011-12-11.
+  Amongst lots of other changes, it includes all changes from
+  ffmpeg-mt, libav master of 2011-12-11, libav 0.7.2 as of 2011-12-11.
 </p>
 
-<p>
-<a href="releases/ffmpeg-0.9.4.tar.bz2">Download bzip2 tarball</a>  
-<a href="releases/ffmpeg-0.9.4.tar.bz2.asc">PGP signature</a><br />
-<a href="releases/ffmpeg-0.9.4.tar.gz">Download gzip tarball</a>  
-<a href="releases/ffmpeg-0.9.4.tar.gz.asc">PGP signature</a><br />
-<a href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n0.9.4">Changelog</a><br />
-</p>
+<div class="row">
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-0.9.4.tar.bz2">Download bzip2 tarball</a>
+    <small><a href="releases/ffmpeg-0.9.4.tar.bz2.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-0.9.4.tar.gz">Download gzip tarball</a>
+    <small><a href="releases/ffmpeg-0.9.4.tar.gz.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4 text-right">
+    <a class="btn btn-success" href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n0.9.4">Changelog</a>
+  </div> <!-- col -->
+</div> <!-- row -->
 
-<a name="release_0.8"></a><h2>
-FFmpeg 0.8.15 "Love"</h2>
+<a name="release_0.8"></a><h3>
+  FFmpeg 0.8.15 "Love"</h3>
 
 <p>
-0.8.15 was released on 2013-10-06. It is a stable FFmpeg release
-from the 0.8 release branch, which was cut from master on 2011-06-21.
-Amongst lots of other changes, it includes all changes from
-ffmpeg-mt, libav master of 2011-06-21, libav 0.7.7 as of 2013-02-20.
+  0.8.15 was released on 2013-10-06. It is a stable FFmpeg release
+  from the 0.8 release branch, which was cut from master on 2011-06-21.
+  Amongst lots of other changes, it includes all changes from
+  ffmpeg-mt, libav master of 2011-06-21, libav 0.7.7 as of 2013-02-20.
 </p>
 
-<p>
-<a href="releases/ffmpeg-0.8.15.tar.bz2">Download bzip2 tarball</a>  
-<a href="releases/ffmpeg-0.8.15.tar.bz2.asc">PGP signature</a><br />
-<a href="releases/ffmpeg-0.8.15.tar.gz">Download gzip tarball</a>  
-<a href="releases/ffmpeg-0.8.15.tar.gz.asc">PGP signature</a><br />
-<a href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n0.8.15">Changelog</a><br />
-</p>
+<div class="row">
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-0.8.15.tar.bz2">Download bzip2 tarball</a>
+    <small><a href="releases/ffmpeg-0.8.15.tar.bz2.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-0.8.15.tar.gz">Download gzip tarball</a>
+    <small><a href="releases/ffmpeg-0.8.15.tar.gz.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4 text-right">
+    <a class="btn btn-success" href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n0.8.15">Changelog</a>
+  </div> <!-- col -->
+</div> <!-- row -->
 
-<a name="release_0.7"></a><h2>
-FFmpeg 0.7.16 "Peace"</h2>
+<a name="release_0.7"></a><h3>
+  FFmpeg 0.7.16 "Peace"</h3>
 
 <p>
-0.7.16 was released on 2013-10-06.
-It contains almost all features and bugfixes of 0.8.15 while being
-compatible with the 0.6 ABI and API.
+  0.7.16 was released on 2013-10-06.
+  It contains almost all features and bugfixes of 0.8.15 while being
+  compatible with the 0.6 ABI and API.
 </p>
 
-<p>
-<a href="releases/ffmpeg-0.7.16.tar.bz2">Download bzip2 tarball</a>  
-<a href="releases/ffmpeg-0.7.16.tar.bz2.asc">PGP signature</a><br />
-<a href="releases/ffmpeg-0.7.16.tar.gz">Download gzip tarball</a>  
-<a href="releases/ffmpeg-0.7.16.tar.gz.asc">PGP signature</a><br />
-<a href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n0.7.16">Changelog</a><br />
-</p>
+<div class="row">
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-0.7.16.tar.bz2">Download bzip2 tarball</a>
+    <small><a href="releases/ffmpeg-0.7.16.tar.bz2.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-0.7.16.tar.gz">Download gzip tarball</a>
+    <small><a href="releases/ffmpeg-0.7.16.tar.gz.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4 text-right">
+    <a class="btn btn-success" href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n0.7.16">Changelog</a>
+  </div> <!-- col -->
+</div> <!-- row -->
 
-<a name="release_0.6"></a><h2>
-FFmpeg 0.6.7 "Works with HTML5"</h2>
+<a name="release_0.6"></a><h3>
+  FFmpeg 0.6.7 "Works with HTML5"</h3>
 
 <p>
-0.6.7 appeared on 2013-09-23. It is the latest point release from the
-0.6 release branch, which was cut on 2010-05-04. it includes all changes from
-libav 0.6.6 as of 2013-09-23.
+  0.6.7 appeared on 2013-09-23. It is the latest point release from the
+  0.6 release branch, which was cut on 2010-05-04. it includes all changes from
+  libav 0.6.6 as of 2013-09-23.
 </p>
 
-<p>
-<a href="releases/ffmpeg-0.6.7.tar.bz2">Download bzip2 tarball</a>  
-<a href="releases/ffmpeg-0.6.7.tar.bz2.asc">PGP signature</a><br />
-<a href="releases/ffmpeg-0.6.7.tar.gz">Download gzip tarball</a>  
-<a href="releases/ffmpeg-0.6.7.tar.gz.asc">PGP signature</a><br />
-<a href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n0.6.7">Changelog</a><br />
-</p>
+<div class="row">
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-0.6.7.tar.bz2">Download bzip2 tarball</a>
+    <small><a href="releases/ffmpeg-0.6.7.tar.bz2.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-0.6.7.tar.gz">Download gzip tarball</a>
+    <small><a href="releases/ffmpeg-0.6.7.tar.gz.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4 text-right">
+    <a class="btn btn-success" href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n0.6.7">Changelog</a>
+  </div> <!-- col -->
+</div> <!-- row -->
 
-<a name="release_0.5"></a><h2>
-FFmpeg 0.5.13 "half-way to world domination A.K.A. the belligerent blue bike
- shed"</h2>
+<a name="release_0.5"></a><h3>
+  FFmpeg 0.5.13 "half-way to world domination A.K.A. the belligerent blue bike
+  shed"</h3>
 
 <p>
-0.5.13 appeared on 2013-09-25. It is the latest point release from the
-0.5 release branch, which was cut on 2009-03-02. it includes all changes from
-libav 0.5.10 as of 2013-02-28.
+  0.5.13 appeared on 2013-09-25. It is the latest point release from the
+  0.5 release branch, which was cut on 2009-03-02. it includes all changes from
+  libav 0.5.10 as of 2013-02-28.
 </p>
 
-<p>
-<a href="releases/ffmpeg-0.5.13.tar.bz2">Download bzip2 tarball</a>  
-<a href="releases/ffmpeg-0.5.13.tar.bz2.asc">PGP signature</a><br />
-<a href="releases/ffmpeg-0.5.13.tar.gz">Download gzip tarball</a>  
-<a href="releases/ffmpeg-0.5.13.tar.gz.asc">PGP signature</a><br />
-<a href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n0.5.13">Changelog</a><br />
-</p>
+<div class="row">
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-0.5.13.tar.bz2">Download bzip2 tarball</a>
+    <small><a href="releases/ffmpeg-0.5.13.tar.bz2.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4">
+    <a class="btn btn-success" href="releases/ffmpeg-0.5.13.tar.gz">Download gzip tarball</a>
+    <small><a href="releases/ffmpeg-0.5.13.tar.gz.asc">PGP signature</a></small>
+  </div> <!-- col -->
+  <div class="col-md-4 text-right">
+    <a class="btn btn-success" href="http://git.videolan.org/?p=ffmpeg.git;a=shortlog;h=n0.5.13">Changelog</a>
+  </div> <!-- col -->
+</div> <!-- row -->
diff --git a/style.less b/style.less
index 91719ce..b068f92 100644
--- a/style.less
+++ b/style.less
@@ -86,15 +86,21 @@ h4 {
 .list-group {
     .list-group-item {
 	background-color: @Cmainlight;
-	padding: 25px;
 	border-color: @Csecondlight;
     }
+    &.list-group-big .list-group-item {
+	padding: 25px;
+    }
 }
 
+
 .well {
     background-color: @Cmaindark;
     border-color: @Csecond;
     color: @Cseconddark;
+    strong {
+	color: @Cinvert;
+    }
     hr {
 	border-color: @Cseconddark;
     }
@@ -166,6 +172,7 @@ a.well {
     padding: 10px;
     background-color: @Cmainlight;
     border-left: 10px @Csecond solid;
+    color: @Cinvert;
 }
 
 .with-icon {
@@ -265,54 +272,63 @@ a.well {
 	    font-size: 0.5em;
 	}
     }
-    .btn-build {
-	padding: 5px;
-	margin: 5px;
-	display: inline-block;
-	border-radius: 2px;
-	img {
-	    max-width: 80%;
+}
+
+#download {
+    .btn-download-wrapper {
+	margin: 40px auto;
+    }
+    .os-selector {
+	text-align: center;
+	color: @Cinvert;
+	margin: 30px 0;
+	a.btn-build {
+	    color: @Cinvert;
 	    display: block;
-	    margin: auto;
+	    padding: 20px;
+	    border-radius: 2px;
 	}
-    }
-    @linuxcolor: #e43;
-    @windowscolor: #06a;
-    @maccolor: #0a6;
-    .btn-build[href="#build-linux"] {
-	background-color: @linuxcolor;
-	&:hover {
-	    color: lighten(@linuxcolor, 10%);
+	@linuxcolor: #e43;
+	@windowscolor: #06a;
+	@maccolor: #0a6;
+	.btn-build[href="#build-linux"] {
+	    background-color: @linuxcolor;
+	    &:hover {
+		color: @linuxcolor;
+		background-color: @Cinvert;
+	    }
 	}
-    }
-    .btn-build[href="#build-windows"] {
-	background-color: @windowscolor;
-	&:hover {
-	    color: lighten(@windowscolor, 10%);
+	.btn-build[href="#build-windows"] {
+	    background-color: @windowscolor;
+	    &:hover {
+		color: @windowscolor;
+		background-color: @Cinvert;
+	    }
 	}
-    }
-    .btn-build[href="#build-mac"] {
-	background-color: @maccolor;
-	&:hover {
-	    color: lighten(@maccolor, 10%);
+	.btn-build[href="#build-mac"] {
+	    background-color: @maccolor;
+	    &:hover {
+		color: @maccolor;
+		background-color: @Cinvert;
+	    }
 	}
-    }
-    .tab-content {
-	margin-top: 20px;
-    }
-    #build-linux {
-	h3 {
-	    color: @linuxcolor;
+	.tab-content {
+	    margin-top: 20px;
 	}
-    }
-    #build-windows {
-	h3 {
-	    color: @windowscolor;
+	#build-linux {
+	    h3 {
+		color: @linuxcolor;
+	    }
 	}
-    }
-    #build-mac {
-	h3 {
-	    color: @maccolor;
+	#build-windows {
+	    h3 {
+		color: @windowscolor;
+	    }
+	}
+	#build-mac {
+	    h3 {
+		color: @maccolor;
+	    }
 	}
     }
 }
-- 
2.0.1



More information about the ffmpeg-devel mailing list