added graphic assets and logo injection

assets/logo.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="256px" height="256px" viewBox="0 0 256 256" enable-background="new 0 0 256 256" xml:space="preserve">
+<rect x="-130.5" y="-106.5" stroke="#FFFFFF" stroke-width="14" stroke-miterlimit="10" width="529" height="546"/>
+<g id="_x23_ffffffff">
+	<g>
+		<path fill="#FF0D0D" d="M59.99,88.74c22.67-13.06,45.34-26.1,68.02-39.11c22.67,13.02,45.37,26,68.01,39.07
+			c-0.03,26.11-0.04,52.22,0.01,78.33c-22.63,13.09-45.36,25.98-68.03,38.99c-22.73-13.12-45.58-26.03-68.24-39.26
+			c9.04-5.15,18.07-10.31,27.13-15.43c13.7,7.9,27.44,15.75,41.11,23.7c13.64-8.01,27.46-15.71,41.05-23.8
+			c-0.12-10.45-0.01-20.89-0.06-31.34c-13.65,7.92-27.32,15.82-40.99,23.71c-22.69-12.91-45.31-25.95-68-38.88
+			C60,99.39,60.01,94.06,59.99,88.74 M100.27,96.58c9.2,5.4,18.5,10.66,27.73,16.02c9.29-5.33,18.57-10.67,27.88-15.99
+			c-9.31-5.29-18.58-10.66-27.88-15.97C118.75,85.94,109.54,91.32,100.27,96.58z"/>
+		<path fill="#FFFFFF" d="M127.997,208.904l-1.246-0.72c-8.93-5.154-17.878-10.275-26.826-15.397
+			c-13.599-7.783-27.661-15.832-41.425-23.868l-3.743-2.186l9.797-5.583c7.03-4.007,14.06-8.014,21.107-11.997l1.243-0.702
+			l1.236,0.713c4.716,2.721,9.438,5.434,14.159,8.148c8.43,4.846,17.133,9.849,25.696,14.823c5.643-3.305,11.381-6.597,16.943-9.788
+			c7.101-4.075,14.431-8.281,21.598-12.531c-0.055-5.713-0.046-11.484-0.037-17.08c0.004-2.837,0.008-5.675,0.005-8.513
+			c-12.408,7.194-24.831,14.373-37.253,21.542l-1.241,0.717l-1.245-0.709c-12.069-6.866-24.119-13.771-36.17-20.675
+			c-10.605-6.076-21.21-12.152-31.832-18.205l-1.262-0.719l0.001-5.454c0.002-3.993,0.004-7.984-0.011-11.969l-0.005-1.451
+			l1.257-0.724c25.001-14.403,47.252-27.197,68.023-39.113l1.245-0.714l1.245,0.714c7.131,4.096,14.266,8.188,21.399,12.279
+			c15.287,8.768,31.095,17.833,46.615,26.794l1.252,0.723l-0.002,1.445c-0.035,31.659-0.032,55.814,0.011,78.322l0.003,1.445
+			l-1.251,0.724c-14.146,8.182-28.564,16.42-42.508,24.386c-8.513,4.864-17.025,9.728-25.53,14.607L127.997,208.904z
+			 M64.766,166.784c12.544,7.299,25.285,14.591,37.642,21.664c8.537,4.886,17.074,9.772,25.595,14.688
+			c8.092-4.643,16.191-9.27,24.291-13.896c13.527-7.729,27.501-15.712,41.233-23.649c-0.039-21.76-0.043-45.162-0.01-75.447
+			c-15.112-8.722-30.478-17.534-45.351-26.064c-6.72-3.854-13.44-7.708-20.158-11.566c-20.063,11.51-41.522,23.85-65.515,37.67
+			c0.01,3.51,0.008,7.023,0.006,10.538l0,2.547c10.202,5.816,20.391,11.654,30.579,17.491c11.632,6.665,23.263,13.329,34.912,19.959
+			c13.255-7.65,26.509-15.311,39.744-22.99l3.734-2.166l0.021,4.317c0.021,4.29,0.014,8.578,0.008,12.866
+			c-0.01,6.051-0.02,12.309,0.052,18.458l0.017,1.439l-1.238,0.737c-7.592,4.52-15.375,8.985-22.902,13.306
+			c-5.966,3.423-12.134,6.962-18.16,10.501l-1.259,0.74l-1.263-0.734c-8.958-5.209-18.098-10.464-26.937-15.544
+			c-4.311-2.479-8.622-4.956-12.929-7.438c-6.626,3.748-13.237,7.517-19.849,11.286L64.766,166.784z M127.993,115.487l-1.248-0.725
+			c-3.829-2.223-7.669-4.429-11.509-6.635c-5.33-3.061-10.84-6.227-16.231-9.391l-3.735-2.193l3.767-2.138
+			c5.547-3.147,11.168-6.394,16.605-9.533c3.703-2.138,7.406-4.277,11.116-6.402l1.241-0.711l1.241,0.709
+			c3.983,2.274,7.961,4.559,11.938,6.844c5.308,3.05,10.616,6.099,15.938,9.123l3.814,2.167l-3.81,2.177
+			c-6.539,3.737-13.063,7.484-19.588,11.23L127.993,115.487z M105.273,96.607c4.164,2.423,8.362,4.834,12.453,7.184
+			c3.43,1.97,6.859,3.94,10.28,5.922l7.037-4.04c5.262-3.021,10.524-6.043,15.794-9.06c-4.054-2.314-8.102-4.64-12.15-6.965
+			c-3.56-2.045-7.12-4.091-10.684-6.128c-3.29,1.888-6.576,3.785-9.861,5.683C113.924,91.638,109.596,94.138,105.273,96.607z"/>
+	</g>
+</g>
+</svg>

main.js

@@ -6,6 +6,15 @@ function setupVideoObject(){
 	};
 
 }
+function setLilikLogo(){
+	console.log(chrome.extension.getURL("assets/logo100.png"));
+	jQuery(" header#top-nav a.logo").css({
+						"background-image": "url("+chrome.extension.getURL("assets/logo100.png")+")",
+						"background-repeat": "no-repeat",
+						"background-size": "30px 30px"
+
+					});
+}
 
 //roll out long post in home page:
 function setLongPostListener(){
@@ -117,6 +126,7 @@ jQuery(document).ready(function() {
 	enableSoftTransitions(jQuery("#container"));
 	setupLongPostSidebar();
 	nightMode();
+	setLilikLogo();
 	console.log("9gag Mod Successfully Loaded!");
 
 	// hash = window.location.hash.substring(1);

manifest.json

@@ -18,5 +18,9 @@
 		"persistent": false,
 		"scripts": ["gif.js"]
 	},
+	"web_accessible_resources": ["assets/logo100.png"],
+	"icons": { "16": "assets/logoDark16.png",
+           "48": "assets/logoDark48.png",
+          "128": "assets/logoDark128.png" },
 	"manifest_version": 2
 }

style.css

@@ -1,6 +1,19 @@
 .softTransitions{
 	 -webkit-transition: all .7s ease-in-out;
 }
+header#top-nav a.logo{
+	-webkit-animation: rotate 15s infinite linear;
+	border-right: none !important;
+}
+@-webkit-keyframes rotate {
+  from {
+    -webkit-transform: rotate(0deg);
+  }
+  to { 
+    -webkit-transform: rotate(360deg);
+  }
+}
+
 #container.night{
 	 background-color: white;
 	 -webkit-filter: invert(100%);