Optimize background png using tinypng and other tools

schewara · Nov 18, 2014 · 5c6430c · 5c6430c
1 parent 31b853e
commit 5c6430c
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/public/images/bg.png b/public/images/bg.png
diff --git a/public/stylesheets/application.scss b/public/stylesheets/application.scss
@@ -29,8 +29,9 @@ html {
 body {
   padding: 0;
   margin: 0;
-  background: $dark3 url(../images/bg.png) repeat;
   color: $dark3;
+  background: $dark3 url(../images/bg.png) repeat;
+  background-image: url(data:image/png;base64,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);
 }
 
 p,h1,h2,h3,h4,h5,h6 {

diff --git a/views/home.ejs b/views/home.ejs
@@ -9,7 +9,7 @@
   <meta name="description" content="Discover the latest devops tools and frameworks">
 
   <link rel="stylesheet" media="all" href="//fonts.googleapis.com/css?family=Raleway:400">
-  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
+  <link rel="stylesheet" media="all" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
   <link rel="stylesheet" media="all" href="/stylesheets/application.css">
 </head>
 <body>