Merge pull request #112 from GarthDB/master

Image optimization

source/assets/css/foundation/_site.scss

@@ -18,7 +18,7 @@ html {
     rendering: optimizeLegibility;
     align: center;
   }
-  background: image-url("textures/grey-prism.png") 50% 0;
+  background: image-url("textures/grey-prism.svg") 50% 0;
   @include background-size(50%);
   -webkit-tap-highlight-color: rgba($black, 0);
 

source/assets/img/illustrations/mouse.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" viewBox="0 0 320 320"><path fill="#998099" d="M160 317.5c-86.8 0-157.5-70.7-157.5-157.5s70.7-157.5 157.5-157.5 157.5 70.7 157.5 157.5-70.7 157.5-157.5 157.5z"/><path fill="#DADBDF" d="M160 5c85.6 0 155 69.4 155 155s-69.4 155-155 155-155-69.4-155-155 69.4-155 155-155m0-5c-42.7 0-82.9 16.6-113.1 46.9-30.3 30.2-46.9 70.4-46.9 113.1s16.6 82.9 46.9 113.1c30.2 30.3 70.4 46.9 113.1 46.9s82.9-16.6 113.1-46.9c30.3-30.2 46.9-70.4 46.9-113.1s-16.6-82.9-46.9-113.1c-30.2-30.3-70.4-46.9-113.1-46.9z"/><path stroke="#DADBDF" stroke-width="5" stroke-linecap="round" stroke-miterlimit="10" d="M157.7 85.3c0-6.9 1.3-89.7 101.3-47.2" fill="none"/><path fill="#fff" d="M158.6 269.1c-26.7 0-48.6-24-48.6-53.6v-74.6c0-29.5 21.9-53.6 48.6-53.6s48.5 24 48.5 53.6l-.1 74.6c0 29.6-21.7 53.6-48.4 53.6z"/><path fill="#DADBDF" d="M158.6 89.3c25.6 0 46.5 23.1 46.5 51.6v74.6c0 28.4-21 51.6-46.5 51.6-25.6 0-46.6-23.1-46.6-51.6v-74.6c0-28.4 21.1-51.6 46.6-51.6m0-4c-27.8 0-50.6 24.9-50.6 55.6v74.6c0 30.7 22.9 55.6 50.6 55.6s50.5-24.9 50.5-55.6v-74.6c0-30.7-22.7-55.6-50.5-55.6z"/><path fill="#999" d="M159.5 129.9c-4.7 0-8.5-3.8-8.5-8.5s3.8-8.5 8.5-8.5 8.5 3.8 8.5 8.5-3.8 8.5-8.5 8.5z"/><path fill="#DADBDF" d="M159.5 113.8c4.2 0 7.5 3.4 7.5 7.5s-3.4 7.5-7.5 7.5c-4.2 0-7.5-3.4-7.5-7.5s3.4-7.5 7.5-7.5m0-2c-5.3 0-9.5 4.3-9.5 9.5s4.3 9.5 9.5 9.5 9.5-4.3 9.5-9.5-4.2-9.5-9.5-9.5z"/></svg>

source/assets/img/logos/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="384" viewBox="0 0 512 384"><path fill="#CF649A" d="M440.6 220.6c-17.9.1-33.4 4.4-46.4 10.8-4.8-9.5-9.6-17.8-10.4-24-.9-7.2-2-11.6-.9-20.2s6.1-20.8 6.1-21.8c-.1-.9-1.1-5.3-11.4-5.4-10.3-.1-19.2 2-20.2 4.7s-3 8.9-4.3 15.3c-1.8 9.4-20.6 42.7-31.3 60.2-3.5-6.8-6.5-12.8-7.1-17.6-.9-7.2-2-11.6-.9-20.2s6.1-20.8 6.1-21.8c-.1-.9-1.1-5.3-11.4-5.4-10.3-.1-19.2 2-20.2 4.7s-2.1 9.1-4.3 15.3c-2.1 6.2-27.1 61.8-33.6 76.3-3.3 7.4-6.2 13.3-8.3 17.3s-.1.3-.3.7c-1.8 3.4-2.8 5.3-2.8 5.3v.1c-1.4 2.5-2.9 4.9-3.6 4.9-.5 0-1.5-6.7.2-15.9 3.7-19.3 12.7-49.4 12.6-50.5 0-.5 1.7-5.8-5.8-8.5-7.3-2.7-9.9 1.8-10.5 1.8-.6 0-1.1 1.6-1.1 1.6s8.1-33.9-15.5-33.9c-14.8 0-35.2 16.1-45.3 30.8-6.4 3.5-20 10.9-34.4 18.8-5.5 3-11.2 6.2-16.6 9.1l-1.1-1.2c-28.6-30.5-81.5-52.1-79.3-93.1.8-14.9 6-54.2 101.6-101.8 78.3-39 141-28.3 151.9-4.5 15.5 34-33.5 97.2-114.9 106.3-31 3.5-47.3-8.5-51.4-13-4.3-4.7-4.9-4.9-6.5-4-2.6 1.4-1 5.6 0 8.1 2.4 6.3 12.4 17.5 29.4 23.1 14.9 4.9 51.3 7.6 95.3-9.4 49.3-19.1 87.8-72.1 76.5-116.4-11.5-45.1-86.3-59.9-157-34.8-42.1 15-87.7 38.4-120.5 69.1-39 36.4-45.2 68.2-42.6 81.4 9.1 47.1 74 77.8 100 100.5-1.3.7-2.5 1.4-3.6 2-13 6.4-62.5 32.3-74.9 59.7-14 31 2.2 53.3 13 56.3 33.4 9.3 67.6-7.4 86.1-34.9 18.4-27.5 16.2-63.2 7.7-79.5l-.3-.6 10.2-6c6.6-3.9 13.1-7.5 18.8-10.6-3.2 8.7-5.5 19-6.7 34-1.4 17.6 5.8 40.4 15.3 49.4 4.2 3.9 9.2 4 12.3 4 11 0 16-9.1 21.5-20 6.8-13.3 12.8-28.7 12.8-28.7s-7.5 41.7 13 41.7c7.5 0 15-9.7 18.4-14.7v.1s.2-.3.6-1c.8-1.2 1.2-1.9 1.2-1.9v-.2c3-5.2 9.7-17.1 19.7-36.8 12.9-25.4 25.3-57.2 25.3-57.2s1.2 7.8 4.9 20.6c2.2 7.6 7 15.9 10.7 24-3 4.2-4.8 6.6-4.8 6.6l.1.1c-2.4 3.2-5.1 6.6-7.9 10-10.2 12.2-22.4 26.1-24 30.1-1.9 4.7-1.5 8.2 2.2 11 2.7 2 7.5 2.4 12.6 2 9.2-.6 15.6-2.9 18.8-4.3 5-1.8 10.7-4.5 16.2-8.5 10-7.4 16.1-17.9 15.5-31.9-.3-7.7-2.8-15.3-5.9-22.5.9-1.3 1.8-2.6 2.7-4 15.8-23.1 28-48.5 28-48.5s1.2 7.8 4.9 20.6c1.9 6.5 5.7 13.6 9.1 20.6-14.8 12.1-24.1 26.1-27.3 35.3-5.9 17-1.3 24.7 7.4 26.5 3.9.8 9.5-1 13.7-2.8 5.2-1.7 11.5-4.6 17.3-8.9 10-7.4 19.6-17.7 19.1-31.6-.3-6.4-2-12.7-4.3-18.7 12.6-5.2 28.9-8.2 49.6-5.7 44.5 5.2 53.3 33 51.6 44.6-1.7 11.6-11 18-14.1 20-3.1 1.9-4.1 2.6-3.8 4 .4 2.1 1.8 2 4.5 1.6 3.7-.6 23.4-9.5 24.2-30.9 1.2-27.5-24.9-57.5-71.2-57.2zm-343.2 115.7c-14.7 16.1-35.4 22.2-44.2 17-9.5-5.5-5.8-29.2 12.3-46.3 11-10.4 25.3-20 34.7-25.9 2.1-1.3 5.3-3.2 9.1-5.5.6-.4 1-.6 1-.6.7-.4 1.5-.9 2.3-1.4 6.7 24.4.3 45.8-15.2 62.7zm107.5-73.1c-5.1 12.5-15.9 44.6-22.4 42.8-5.6-1.5-9-25.8-1.1-49.8 4-12.1 12.5-26.5 17.5-32.1 8.1-9 16.9-12 19.1-8.3 2.6 4.8-9.9 39.6-13.1 47.4zm88.7 42.4c-2.2 1.1-4.2 1.9-5.1 1.3-.7-.4.9-1.9.9-1.9s11.1-11.9 15.5-17.4c2.5-3.2 5.5-6.9 8.7-11.1v1.2c0 14.4-13.8 24-20 27.9zm68.4-15.6c-1.6-1.2-1.4-4.9 4-16.5 2.1-4.6 6.9-12.3 15.2-19.6 1 3 1.6 5.9 1.5 8.6-.1 18-12.9 24.7-20.7 27.5z"/></svg>

source/install.html.haml

@@ -6,7 +6,7 @@ title: Install Sass
 %ol.list-columns
   %li.gui-application
     %h3 Applications
-    %p= image_tag "illustrations/mouse.png", class: "header-image", height: "160"
+    %p= image_tag "illustrations/mouse.svg", class: "header-image", height: "160"
     %p
       There are a good many applications that will get you up and running
       with Sass in a few minutes for Mac, Windows, and Linux. You can download
@@ -58,7 +58,7 @@ title: Install Sass
 
   %li.command-line-unix
     %h3 Command Line
-    %p= image_tag "illustrations/keyboard.png", class: "header-image", height: "160"
+    %p= image_tag "illustrations/keyboard.svg", class: "header-image", height: "160"
     %dl#install-ruby-linux
       %dt Linux
       %dd

source/layouts/regions/_banner.haml

@@ -1,6 +1,6 @@
 %header.banner(role="banner")
   .container
-    %h1.site-brand= link_to (image_tag "logos/logo.png", height: "48", alt: "Sass"), "/"
+    %h1.site-brand= link_to (image_tag "logos/logo.svg", height: "48", alt: "Sass"), "/"
 
     %nav.navigation.collapse(role="navigation")
       :markdown