diff --git a/assets/logo.png b/assets/logo.png new file mode 100644 index 0000000..b03c515 Binary files /dev/null and b/assets/logo.png differ diff --git a/assets/logo.svg b/assets/logo.svg new file mode 100644 index 0000000..7a8b5b0 --- /dev/null +++ b/assets/logo.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + diff --git a/assets/logo100.png b/assets/logo100.png new file mode 100644 index 0000000..518cfed Binary files /dev/null and b/assets/logo100.png differ diff --git a/assets/logoDark.png b/assets/logoDark.png new file mode 100644 index 0000000..5128f35 Binary files /dev/null and b/assets/logoDark.png differ diff --git a/assets/logoDark128.png b/assets/logoDark128.png new file mode 100644 index 0000000..8dd31b0 Binary files /dev/null and b/assets/logoDark128.png differ diff --git a/assets/logoDark16.png b/assets/logoDark16.png new file mode 100644 index 0000000..7741292 Binary files /dev/null and b/assets/logoDark16.png differ diff --git a/assets/logoDark48.png b/assets/logoDark48.png new file mode 100644 index 0000000..cb4d559 Binary files /dev/null and b/assets/logoDark48.png differ diff --git a/main.js b/main.js index 7e2a61c..1b821d5 100644 --- a/main.js +++ b/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); diff --git a/manifest.json b/manifest.json index 9654411..4d75d30 100644 --- a/manifest.json +++ b/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 } diff --git a/style.css b/style.css index 3a5e190..d9814c5 100644 --- a/style.css +++ b/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%);