[FFmpeg-devel] [PATCH 3/4] web/download: Make "snapshot" and "browse" buttons

[Timothy Gu]

Signed-off-by: Timothy Gu <timothygu99 at gmail.com>
---

See end results at http://imgur.com/GtLoaFe,PF2DeNy (both desktop and mobile)

---
 src/download | 57 ++++++++++++++++++++++++++++++++++++++-------------------
 1 file changed, 38 insertions(+), 19 deletions(-)

diff --git a/src/download b/src/download
index d4b433b..4af35a5 100644
--- a/src/download
+++ b/src/download
@@ -189,49 +189,68 @@
       <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>
+            <div class="pull-left"><a href="git://source.ffmpeg.org/ffmpeg.git">git://source.ffmpeg.org/ffmpeg.git</a></div>
+            <div class="pull-right">
+              <a class="btn btn-success" href="http://git.videolan.org/?p=ffmpeg.git">Browse</a>
+              <a class="btn btn-success" href="http://git.videolan.org/?p=ffmpeg.git;a=snapshot;h=HEAD;sf=tgz">Snapshot</a>
+            </div>
+          </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>Main 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 class="table-heading">
-          <th colspan="4">Mirrors</th>
+          <th colspan="2">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>
+      <div class="pull-left">
+        <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>
+      </div>
+      <div class="pull-right">
+        <a class="btn btn-success" href="https://github.com/FFmpeg/FFmpeg">Browse</a>
+        <a class="btn btn-success" href="https://github.com/FFmpeg/FFmpeg/tarball/master">Snapshot</a>
+      </div>
+    </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>
+      <div class="pull-left">
+        <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>
+      </div>
+      <div class="pull-right">
+        <a class="btn btn-success" href="https://github.com/FFmpeg/web">Browse</a>
+        <a class="btn btn-success" href="https://github.com/FFmpeg/web/tarball/master">Snapshot</a>
+      </div>
+    </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>
+      <div class="pull-left">
+        <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>
+      </div>
+      <div class="pull-right">
+        <a class="btn btn-success" href="https://github.com/FFmpeg/fateserver">Browse</a>
+        <a class="btn btn-success" href="https://github.com/FFmpeg/fateserver/tarball/master">Snapshot</a>
+      </div>
+    </td>
     <td>Mirror of the FATE server repository</td>
   </tr>
       </tbody>
-- 
1.9.1