Convert downloads/logos

2 files changed, 94 insertions, 73 deletions

diff --git a/app/views/downloads/logos/index.html.erb b/app/views/downloads/logos/index.html.erb
new file mode 100644
index 00000000..2007c0bb
--- /dev/null
+++ b/app/views/downloads/logos/index.html.erb
@@ -0,0 +1,94 @@
+<%- @section = "downloads" %>
+<%- @subsection = "logos" %>
+<%- @page_title = "Git - Logo Downloads" %>
+
+<% content_for :sidebar do %>
+  <%= render 'shared/book' %>
+<% end %>
+
+<div id="main">
+  <h1>Logos</h1>
+  <div class="two-column">
+    <div class="column-left">
+      <ul class="content-list">
+        <li>
+          <%= link_to(image_tag('logos/2color-lightbg@2x.png', {:width => 294, :height => 100})) %>
+          <h4>Full color Git logo for light backgrounds</h4>
+          <p class="description">
+            <%= link_to "PNG (bitmap)", "/images/logos/downloads/Git-Logo-2Color.png" %>
+            &middot;
+            <%= link_to "EPS (vector)", "/images/logos/downloads/Git-Logo-2Color.eps" %>
+          </p>
+        </li>
+        <li>
+          <%= link_to(image_tag('logos/1color-orange-lightbg@2x.png', {:width => 294, :height => 100})) %>
+          <h4>Orange Git logo for light backgrounds</h4>
+          <p class="description">
+            <%= link_to "PNG (bitmap)", "/images/logos/downloads/Git-Logo-1788C.png" %>
+            &middot;
+            <%= link_to "EPS (vector)", "/images/logos/downloads/Git-Logo-1788C.eps" %>
+          </p>
+        </li>
+        <li>
+          <%= link_to(image_tag('logos/1color-lightbg@2x.png', {:width => 294, :height => 100})) %>
+          <h4>One color Git logo for light backgrounds</h4>
+          <p class="description">
+            <%= link_to "PNG (bitmap)", "/images/logos/downloads/Git-Logo-Black.png" %>
+            &middot;
+            <%= link_to "EPS (vector)", "/images/logos/downloads/Git-Logo-Black.eps" %>
+          </p>
+        </li>
+        <li>
+          <%= link_to(image_tag('logos/1color-darkbg@2x.png', {:width => 294, :height => 100})) %>
+          <h4>One color Git logo for dark backgrounds</h4>
+          <p class="description">
+            <%= link_to "PNG (bitmap)", "/images/logos/downloads/Git-Logo-White.png" %>
+            &middot;
+            <%= link_to "EPS (vector)", "/images/logos/downloads/Git-Logo-White.eps" %>
+          </p>
+        </li>
+      </ul>
+    </div>
+    <div class="column-right">
+      <ul class="content-list">
+        <li>
+          <%= link_to(image_tag('logos/logomark-orange@2x.png', {:width => 100, :height => 100})) %>
+          <h4>Orange logomark for light backgrounds</h4>
+          <p class="description">
+            <%= link_to "PNG (bitmap)", "/images/logos/downloads/Git-Icon-1788C.png" %>
+            &middot;
+            <%= link_to "EPS (vector)", "/images/logos/downloads/Git-Icon-1788C.eps" %>
+          </p>
+        </li>
+        <li>
+          <%= link_to(image_tag('logos/logomark-black@2x.png', {:width => 100, :height => 100})) %>
+          <h4>Black logomark for light backgrounds</h4>
+          <p class="description">
+            <%= link_to "PNG (bitmap)", "/images/logos/downloads/Git-Icon-Black.png" %>
+            &middot;
+            <%= link_to "EPS (vector)", "/images/logos/downloads/Git-Icon-Black.eps" %>
+          </p>
+        </li>
+        <li>
+          <%= link_to(image_tag('logos/logomark-white@2x.png', {:width => 100, :height => 100})) %>
+          <h4>White logomark for dark backgrounds</h4>
+          <p class="description">
+            <%= link_to "PNG (bitmap)", "/images/logos/downloads/Git-Icon-White.png" %>
+            &middot;
+            <%= link_to "EPS (vector)", "/images/logos/downloads/Git-Icon-White.eps" %>
+          </p>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <div id="logo-license">
+    <p>
+      <img src="/images/creative-commons.png" />
+      Git Logo by <a href="https://twitter.com/jasonlong">Jason Long</a> is licensed under the <a href="https://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported License</a>.
+    </p>
+    <p>
+      This license lets others distribute, remix, tweak, and build upon your work, even commercially, as long as they credit you for the original creation. This is the most accommodating of the CC licenses offered. Recommended for maximum dissemination and use of licensed materials.
+    </p>
+  </div>
+</div>
+
diff --git a/app/views/downloads/logos/index.html.haml b/app/views/downloads/logos/index.html.haml
deleted file mode 100644
index 90ebcd5c..00000000
--- a/app/views/downloads/logos/index.html.haml
+++ /dev/null
@@ -1,73 +0,0 @@
-- @section = "downloads"
-- @subsection = "logos"
-- @page_title = "Git - Logo Downloads"
-
-- content_for :sidebar do
-  = render 'shared/book'
-
-%div#main
-  %h1 Logos
-
-  %div.two-column
-    %div.column-left
-      %ul.content-list
-        %li
-          =link_to(image_tag('logos/2color-lightbg@2x.png', {:width => 294, :height => 100}))
-          %h4 Full color Git logo for light backgrounds
-          %p.description
-            =link_to "PNG (bitmap)", "/images/logos/downloads/Git-Logo-2Color.png"
-            &middot;
-            =link_to "EPS (vector)", "/images/logos/downloads/Git-Logo-2Color.eps"
-        %li
-          =link_to(image_tag('logos/1color-orange-lightbg@2x.png', {:width => 294, :height => 100}))
-          %h4 Orange Git logo for light backgrounds
-          %p.description
-            =link_to "PNG (bitmap)", "/images/logos/downloads/Git-Logo-1788C.png"
-            &middot;
-            =link_to "EPS (vector)", "/images/logos/downloads/Git-Logo-1788C.eps"
-        %li
-          =link_to(image_tag('logos/1color-lightbg@2x.png', {:width => 294, :height => 100}))
-          %h4 One color Git logo for light backgrounds
-          %p.description
-            =link_to "PNG (bitmap)", "/images/logos/downloads/Git-Logo-Black.png"
-            &middot;
-            =link_to "EPS (vector)", "/images/logos/downloads/Git-Logo-Black.eps"
-        %li
-          =link_to(image_tag('logos/1color-darkbg@2x.png', {:width => 294, :height => 100}))
-          %h4 One color Git logo for dark backgrounds
-          %p.description
-            =link_to "PNG (bitmap)", "/images/logos/downloads/Git-Logo-White.png"
-            &middot;
-            =link_to "EPS (vector)", "/images/logos/downloads/Git-Logo-White.eps"
-
-    %div.column-right
-      %ul.content-list
-        %li
-          =link_to(image_tag('logos/logomark-orange@2x.png', {:width => 100, :height => 100}))
-          %h4 Orange logomark for light backgrounds
-          %p.description
-            =link_to "PNG (bitmap)", "/images/logos/downloads/Git-Icon-1788C.png"
-            &middot;
-            =link_to "EPS (vector)", "/images/logos/downloads/Git-Icon-1788C.eps"
-        %li
-          =link_to(image_tag('logos/logomark-black@2x.png', {:width => 100, :height => 100}))
-          %h4 Black logomark for light backgrounds
-          %p.description
-            =link_to "PNG (bitmap)", "/images/logos/downloads/Git-Icon-Black.png"
-            &middot;
-            =link_to "EPS (vector)", "/images/logos/downloads/Git-Icon-Black.eps"
-        %li
-          =link_to(image_tag('logos/logomark-white@2x.png', {:width => 100, :height => 100}))
-          %h4 White logomark for dark backgrounds
-          %p.description
-            =link_to "PNG (bitmap)", "/images/logos/downloads/Git-Icon-White.png"
-            &middot;
-            =link_to "EPS (vector)", "/images/logos/downloads/Git-Icon-White.eps"
-
-  %div#logo-license
-    %p
-      <img src="/images/creative-commons.png" />
-      Git Logo by <a href="https://twitter.com/jasonlong">Jason Long</a> is licensed under the <a href="https://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported License</a>.
-
-    %p
-      This license lets others distribute, remix, tweak, and build upon your work, even commercially, as long as they credit you for the original creation. This is the most accommodating of the CC licenses offered. Recommended for maximum dissemination and use of licensed materials.