From 37ed7fd098222b4ca5eb55058d52e888abc87c93 Mon Sep 17 00:00:00 2001
From: Pierre Rudloff <contact@rudloff.pro>
Date: Tue, 30 Dec 2014 00:38:34 +0100
Subject: [PATCH] Optimize CSS and JS

---
 .gitignore                 |  2 ++
 Gruntfile.js               | 36 ++++++++++++++++++++++++++++++++++++
 style.css => css/style.css | 26 +++++++++++++-------------
 head.php                   |  4 ++--
 cast.js => js/cast.js      |  0
 package.json               | 10 ++++++++++
 6 files changed, 63 insertions(+), 15 deletions(-)
 create mode 100644 Gruntfile.js
 rename style.css => css/style.css (94%)
 rename cast.js => js/cast.js (100%)
 create mode 100644 package.json

diff --git a/.gitignore b/.gitignore
index 12570ed..ae93f83 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,3 @@
 youtube-dl
+dist/
+node_modules/
diff --git a/Gruntfile.js b/Gruntfile.js
new file mode 100644
index 0000000..0824a61
--- /dev/null
+++ b/Gruntfile.js
@@ -0,0 +1,36 @@
+/*jslint node: true */
+module.exports = function (grunt) {
+    'use strict';
+    grunt.initConfig({
+        uglify: {
+            combine: {
+                files: {
+                    'dist/main.js': ['js/cast.js']
+                }
+            }
+        },
+        cssmin: {
+            combine: {
+                files: {
+                    'dist/main.css': ['css/style.css']
+                }
+            }
+        },
+        watch: {
+            scripts: {
+                files: ['js/*.js'],
+                tasks: ['uglify']
+            },
+            styles: {
+                files: ['css/*.css'],
+                tasks: ['cssmin']
+            }
+        }
+    });
+
+    grunt.loadNpmTasks('grunt-contrib-uglify');
+    grunt.loadNpmTasks('grunt-contrib-cssmin');
+    grunt.loadNpmTasks('grunt-contrib-watch');
+
+    grunt.registerTask('default', ['uglify', 'cssmin']);
+};
diff --git a/style.css b/css/style.css
similarity index 94%
rename from style.css
rename to css/style.css
index ee92a95..4bfdc2a 100644
--- a/style.css
+++ b/css/style.css
@@ -1,7 +1,7 @@
 
 body {
     text-align:center;
-    background-image:url('img/fond.jpg');
+    background-image:url('../img/fond.jpg');
     font-family: 'Open Sans', sans-serif;
     font-weight:400;
 }
@@ -50,7 +50,7 @@ header a:hover
 }
 
 .share
-{background-image:url('img/share.png');}
+{background-image:url('../img/share.png');}
     
 .sharemask  
 {
@@ -60,13 +60,13 @@ position:absolute;
 top:0;
 left:0;
 z-index:10;
-background-image:url('img/sharemask.png');
+background-image:url('../img/sharemask.png');
 background-position:top left;
 background-repeat:no-repeat;
 }
     
 .facebook
-{background-image:url('img/facebook.png');}
+{background-image:url('../img/facebook.png');}
     
 .facebookmask   
 {
@@ -76,13 +76,13 @@ position:absolute;
 top:0;
 left:0;
 z-index:10;
-background-image:url('img/facebookmask.png');
+background-image:url('../img/facebookmask.png');
 background-position:top left;
 background-repeat:no-repeat;
 }   
     
 .twitter
-{background-image:url('img/twitter.png');}
+{background-image:url('../img/twitter.png');}
     
 .twittermask    
 {
@@ -92,7 +92,7 @@ position:absolute;
 top:0;
 left:0;
 z-index:10;
-background-image:url('img/twittermask.png');
+background-image:url('../img/twittermask.png');
 background-position:top left;
 background-repeat:no-repeat;
 }   
@@ -107,7 +107,7 @@ footer {
     bottom:0;
     text-align:center;
     width:100%;
-    background-image:url('img/fondfooter.png');
+    background-image:url('../img/fondfooter.png');
     background-repeat:repeat-x;
     background-position:top left;
     padding-top:20px;
@@ -227,7 +227,7 @@ color:#a5a5a5;
 font-size:13px;
 z-index:10;
 text-decoration:none;
-background-image:url('img/compatiblerouage.png');
+background-image:url('../img/compatiblerouage.png');
 background-position:0 100%;
 background-repeat:no-repeat;
 padding-left:41px;
@@ -352,7 +352,7 @@ padding:3px;
         left: 0;
         padding-left:23px;
         padding-top:2px;
-        background-image:url('img/mp3hover.png');
+        background-image:url('../img/mp3hover.png');
         background-repeat:no-repeat;
         background-position:right top;
         width:56px;
@@ -365,7 +365,7 @@ padding:3px;
     .audio:checked + label .ui:after {
         content: "yes";
         color: #fff;
-        background-image:url('img/mp3.png');
+        background-image:url('../img/mp3.png');
         background-repeat:no-repeat;
         background-position:right top;
         width:73px;
@@ -402,7 +402,7 @@ margin:0 auto 10px auto;
 {
 width:447px;
 height:107px;
-background-image:url('img/logocompatible.png');
+background-image:url('../img/logocompatible.png');
 background-repeat:repeat-y;
 background-position:0 0;
   -webkit-transition: all 0.1s ease-in;
@@ -428,7 +428,7 @@ top:0;
 left:0;
 width:447px;
 height:107px;
-background-image:url('img/logocompatiblemask.png');
+background-image:url('../img/logocompatiblemask.png');
 background-position:0 100%;
 background-repeat:no-repeat;
 }
diff --git a/head.php b/head.php
index 15075be..637261b 100644
--- a/head.php
+++ b/head.php
@@ -4,7 +4,7 @@
 <meta charset="UTF-8" />
 <meta name=viewport content="width=device-width, initial-scale=1">
 <meta name="description" content="Easily download videos from Youtube, Dailymotion, Vimeo and other websites." />
-<link rel="stylesheet" href="style.css" />
+<link rel="stylesheet" href="dist/main.css" />
 <link rel="stylesheet"
 href="https://fonts.googleapis.com/css?family=Open+Sans:400,300" />
 <link rel="author" href="https://plus.google.com/110403274854419000481?rel=author" />
@@ -23,7 +23,7 @@ href="https://fonts.googleapis.com/css?family=Open+Sans:400,300" />
 <meta name="twitter:creator" content="@Tael67" />
 <meta name="twitter:description" content="Easily download videos from Youtube, Dailymotion, Vimeo and other websites." />
 <script type="text/javascript" src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js"></script>
-<script src="cast.js"></script>
+<script src="dist/main.js"></script>
 </head>
 
 
diff --git a/cast.js b/js/cast.js
similarity index 100%
rename from cast.js
rename to js/cast.js
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..366e26d
--- /dev/null
+++ b/package.json
@@ -0,0 +1,10 @@
+{
+    "name": "alltube",
+    "version": "0.1.0",
+    "devDependencies": {
+        "grunt": "^0.4.5",
+        "grunt-contrib-cssmin": "^0.10.0",
+        "grunt-contrib-uglify": "^0.6.0",
+        "grunt-contrib-watch": "^0.6.1"
+    }
+}