added fallback support for SVG

gluster · Jul 3, 2014 · ee166b4 · ee166b4
1 parent f4e5250
commit ee166b4
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 4 deletions.
diff --git a/source/layouts/_header.haml b/source/layouts/_header.haml
@@ -1,11 +1,38 @@
+:ruby
+  logo = data.site.logo
+
+  def graphic_exists file
+    sitemap.find_resource_by_path("images/#{file}")
+  end
+
+  def make_logo trySVG = false, file = data.site.logo
+    if graphic_exists file
+      isSVG = file[/.svg$/] ? 'is-svg' : 'not-svg'
+      image_tag file, id: "logo", class: "logo #{trySVG ? isSVG : ''}", alt: data.site.name
+    end
+  end
+
+
 %header#branding.masthead.hidden-print(role="banner")
   %section.hgroup
     %h1
-      = link_to "/" do
-        - if data.site.logo
-          = image_tag data.site.logo, id: "logo", class: "logo", alt: data.site.name
+      ~ link_to "/" do
+
+        - if logo
+
+          - if logo.match /.svg$/ and graphic_exists logo
+
+            - fallback = logo.gsub /.svg$/, '.png'
+            ~ make_logo 'svg'
+            ~ make_logo 'svg', fallback
+
+          - elsif
+
+            ~ make_logo
+
         - else
-          = data.site.name
+
+          ~ data.site.name
 
     - if data.site.subhead
       %h2#site-title

diff --git a/source/stylesheets/application.css.sass b/source/stylesheets/application.css.sass
@@ -23,5 +23,6 @@
 @import lib/blog.sass
 
 @import lib/stickyfooter.sass
+@import lib/svg-fallback.sass
 
 @import font-awesome
diff --git a/source/stylesheets/lib/svg-fallback.sass b/source/stylesheets/lib/svg-fallback.sass
@@ -0,0 +1,3 @@
+html.svg .not-svg,
+html.no-svg .is-svg
+  display: none