From 404ddf26e5e36951cbf9f212ce685896ec714a08 Mon Sep 17 00:00:00 2001 From: Ben Abbott Date: Wed, 12 Nov 2014 16:42:00 +1300 Subject: Change how SVG icons are included in pages Normally you include a .html file containing SVG data to show social media icons on the page, but this means adding up to 27KB of bloat to every single page. With this commit I have moved the SVG data into a .scss file and converted them into Data URIs so they work on multiple browsers. This means the CSS file will contain the SVG data rather than each and every page on the site. --- _includes/svg-icons.html | 22 +++++++++++----------- _includes/svg-icons/dribbble.html | 5 ----- _includes/svg-icons/email.html | 5 ----- _includes/svg-icons/facebook.html | 5 ----- _includes/svg-icons/flickr.html | 6 ------ _includes/svg-icons/github.html | 5 ----- _includes/svg-icons/instagram.html | 5 ----- _includes/svg-icons/linkedin.html | 7 ------- _includes/svg-icons/pinterest.html | 5 ----- _includes/svg-icons/rss.html | 5 ----- _includes/svg-icons/stackoverflow.html | 9 --------- _includes/svg-icons/twitter.html | 5 ----- 12 files changed, 11 insertions(+), 73 deletions(-) delete mode 100644 _includes/svg-icons/dribbble.html delete mode 100644 _includes/svg-icons/email.html delete mode 100644 _includes/svg-icons/facebook.html delete mode 100644 _includes/svg-icons/flickr.html delete mode 100644 _includes/svg-icons/github.html delete mode 100644 _includes/svg-icons/instagram.html delete mode 100644 _includes/svg-icons/linkedin.html delete mode 100644 _includes/svg-icons/pinterest.html delete mode 100644 _includes/svg-icons/rss.html delete mode 100644 _includes/svg-icons/stackoverflow.html delete mode 100644 _includes/svg-icons/twitter.html (limited to '_includes') diff --git a/_includes/svg-icons.html b/_includes/svg-icons.html index b96c32c..f9d33a0 100644 --- a/_includes/svg-icons.html +++ b/_includes/svg-icons.html @@ -1,11 +1,11 @@ - {% if site.footer-links.dribbble %}{% include svg-icons/dribbble.html %}{% endif %} - {% if site.footer-links.email %}{% include svg-icons/email.html %}{% endif %} - {% if site.footer-links.facebook %}{% include svg-icons/facebook.html %}{% endif %} - {% if site.footer-links.flickr %}{% include svg-icons/flickr.html %}{% endif %} - {% if site.footer-links.github %}{% include svg-icons/github.html %}{% endif %} - {% if site.footer-links.instagram %}{% include svg-icons/instagram.html %}{% endif %} - {% if site.footer-links.linkedin %}{% include svg-icons/linkedin.html %}{% endif %} - {% if site.footer-links.pinterest %}{% include svg-icons/pinterest.html %}{% endif %} - {% if site.footer-links.rss %}{% include svg-icons/rss.html %}{% endif %} - {% if site.footer-links.twitter %}{% include svg-icons/twitter.html %}{% endif %} - {% if site.footer-links.stackoverflow %}{% include svg-icons/stackoverflow.html %}{% endif %} +{% if site.footer-links.dribbble %}{% endif %} +{% if site.footer-links.email %}{% endif %} +{% if site.footer-links.facebook %}{% endif %} +{% if site.footer-links.flickr %}{% endif %} +{% if site.footer-links.github %}{% endif %} +{% if site.footer-links.instagram %}{% endif %} +{% if site.footer-links.linkedin %}{% endif %} +{% if site.footer-links.pinterest %}{% endif %} +{% if site.footer-links.rss %}{% endif %} +{% if site.footer-links.twitter %}{% endif %} +{% if site.footer-links.stackoverflow %}{% endif %} diff --git a/_includes/svg-icons/dribbble.html b/_includes/svg-icons/dribbble.html deleted file mode 100644 index bed9b6f..0000000 --- a/_includes/svg-icons/dribbble.html +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file diff --git a/_includes/svg-icons/email.html b/_includes/svg-icons/email.html deleted file mode 100644 index 7e42165..0000000 --- a/_includes/svg-icons/email.html +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file diff --git a/_includes/svg-icons/facebook.html b/_includes/svg-icons/facebook.html deleted file mode 100644 index a0a9891..0000000 --- a/_includes/svg-icons/facebook.html +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file diff --git a/_includes/svg-icons/flickr.html b/_includes/svg-icons/flickr.html deleted file mode 100644 index bf3f1e1..0000000 --- a/_includes/svg-icons/flickr.html +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/_includes/svg-icons/github.html b/_includes/svg-icons/github.html deleted file mode 100644 index 1864582..0000000 --- a/_includes/svg-icons/github.html +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file diff --git a/_includes/svg-icons/instagram.html b/_includes/svg-icons/instagram.html deleted file mode 100644 index 7df8a16..0000000 --- a/_includes/svg-icons/instagram.html +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file diff --git a/_includes/svg-icons/linkedin.html b/_includes/svg-icons/linkedin.html deleted file mode 100644 index 72f6f58..0000000 --- a/_includes/svg-icons/linkedin.html +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/_includes/svg-icons/pinterest.html b/_includes/svg-icons/pinterest.html deleted file mode 100644 index 72a9b72..0000000 --- a/_includes/svg-icons/pinterest.html +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file diff --git a/_includes/svg-icons/rss.html b/_includes/svg-icons/rss.html deleted file mode 100644 index d9a49f7..0000000 --- a/_includes/svg-icons/rss.html +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file diff --git a/_includes/svg-icons/stackoverflow.html b/_includes/svg-icons/stackoverflow.html deleted file mode 100644 index dbe99cd..0000000 --- a/_includes/svg-icons/stackoverflow.html +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/_includes/svg-icons/twitter.html b/_includes/svg-icons/twitter.html deleted file mode 100644 index 0b02038..0000000 --- a/_includes/svg-icons/twitter.html +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file -- cgit v1.2.3