First upload

Author: 4k1k0

README.md

@@ -0,0 +1,20 @@
+#Lainpp
+
+##Why Lainpp ?
+Because I am a C++ nerd.
+
+##Why Chrome and not Firefox?
+Because I was using Windows with Chrome when I started this. I don't know how to make a Firefox Extension but it should be very simple to write the json or xml for Firefox. Please do it for me.
+
+##Does it work?
+Barely. It has a lot of bugs but you can help if you want.
+
+##Why a browser extension and not a contribution to Lainchan's Github repo?
+Because I didn't want to install all the dependencies just to test a few lines of Javascript and CSS.
+
+##The icon is *super* ugly
+I know but I'm not sure if I'm able to use the Lainchan's favicon for this, ~~but I use that icon on my computer and it looks cute.~~
+
+##TODO
+- Fix the lightbox, when you load an image for the first time it doesn't use the margin.
+- When you use the *Expand everything* button it also loads the videos.

css/style.css

@@ -0,0 +1,51 @@
+.multifile{
+    width:100% !important;
+}
+.post-image{
+    width:10vw !important;
+    height:auto !important;
+}
+#lightbox{
+    width:80vw;
+    height:100vh;
+    left:20vw;
+    position:fixed;
+    background:rgba(0,0,0,0.3);
+    z-index:10000;
+}
+
+#lightbox img{
+    position: absolute;
+    top:50%;
+    left:50%;
+    max-width:90%;
+    max-height:90%;
+}
+table{
+    position: fixed !important;
+    bottom: 20px !important;
+    right: -410px !important;
+    background: #333333 !important;
+    padding-left: 50px !important;
+    transition: .2s;
+}
+table:hover{
+    right: 0 !important;
+    transition: .3s;
+}
+
+.reply{
+    width: 100% !important;
+}
+#quick-reply{
+    width: 250px !important;
+}
+
+#expand-img{
+    color: #cccccc;
+    text-decoration: none;
+    cursor:pointer;
+}
+#expand-img:hover{
+    color:#ffffff;
+}

img/icon128.png

@@ -0,0 +1,54 @@
+function lightbox(){
+    var img = document.getElementsByClassName('post-image');
+    var link, w, h;
+    
+    for(var i = 0; i < img.length; i++){
+        /*
+         *  When the pointer is on an image: load image into a lightbox,
+         *  read the width and height of the new image
+         *  and centers the image using those values
+        */
+        img[i].addEventListener('mouseover', function(){
+            link = this.parentElement.href;
+            document.getElementById('thread').insertAdjacentHTML('afterbegin', '<div id="lightbox"><img id="lightbox-img" src="' + link + '"></div>');
+            var lightboxImg = document.getElementById('lightbox-img');
+            w = lightboxImg.width;
+            h = lightboxImg.height;
+            lightboxImg.setAttribute('style', 'margin: -' + h/2 + 'px 0px 0px -' + w/2 + 'px;');
+        }, false);
+        
+        /*
+         *  When pointer is out: Remove the lightbox from the DOM
+         */
+        img[i].addEventListener('mouseout', function(){
+            document.getElementById('lightbox').parentNode.removeChild(document.getElementById('lightbox'));
+        }, false);
+        
+    }
+    
+}
+
+function expandIMG(){
+    /*
+     *  It creates a button
+     *  in the bottom bar which can be used
+     *  to load all the original images in the thread
+    */
+    var bottomBar = document.getElementsByClassName('threadlinks');
+    for(var i = 0; i < bottomBar.length; i++){
+        bottomBar[i].insertAdjacentHTML('afterbegin', '<span class="threadlink"><a id="expand-img">[  Expand images  ]  </a></span>');
+    }
+    
+    var botton = document.getElementById('expand-img');
+    var img = document.getElementsByClassName('post-image');
+    botton.addEventListener('click', function(){
+        for(var i = 0; i < img.length; i++){
+            img[i].click();
+        }
+    });
+}
+
+window.addEventListener('load', function(){
+    lightbox();
+    expandIMG();
+});

img/icon16.png

@@ -0,0 +1,38 @@
+{
+  "manifest_version": 2,
+
+  "name": "Lain++",
+  "version": "0.0.1",
+  "description": "This extension gives Lainchan.org new functions",
+  "version": "1.0",
+  "author": "Akko",
+  "homepage_url": "https://github.com/4k1k0/lainpp",
+
+  "browser_action": {
+    "default_icon": "img/icon16.png",
+    "default_title": "Lain++"
+  },
+  "icons": { "16": "img/icon16.png",
+             "48": "img/icon48.png",
+             "128": "img/icon128.png" },
+  "content_scripts": [
+    {
+      "matches": [
+          "https://lainchan.org/*",
+          "https://lainchan.org/*/res/*.html"
+      ],
+      "exclude_matches": [
+          "https://lainchan.org/*/index.html",
+          "https://lainchan.org/*/catalog.html"
+      ],
+      "css": ["css/style.css"],
+      "js": ["js/script.js"],
+      "run_at": "document_end"
+    }
+  ],
+  "permissions": [
+    "activeTab",
+    "https://ajax.googleapis.com/"
+  ]
+}
+