Merge pull request #28 from ZhuFengdaaa/master

Merging background switching feature...

_includes/head.html

@@ -40,6 +40,20 @@
 
 
   {% if page.title == "Home" %}
+  <!-- Add background-image -->
+    <script>
+
+    var backgroundImage = [];
+
+    backgroundImage[0]='bcg1.jpg';
+    backgroundImage[1]='bcg2.jpg';
+    backgroundImage[2]='bcg3.jpg';
+    backgroundImage[3]='bcg4.jpg';
+
+    var random=Math.floor(Math.random()*4);
+    document.write("<style>body {background: url("+"/assets/images/"+backgroundImage[random]+") no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;color:#fff;background-color:#333;}</style>")
+
+    </script>
   <link rel="stylesheet" href="{{site.url}}/assets/css/bcg.css">
   <link rel="stylesheet" href="{{site.url}}/assets/css/MetroJs.min.css">
   {% endif %}

assets/css/bcg.css

@@ -1,12 +1,3 @@
-body {
-		background: url('/assets/images/bcg_wall.jpg') no-repeat center center fixed;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    background-size: cover;
-		color:#fff;
-  	background-color:#333;
-}
 
 .bord {
    border: 1px solid #fff;