add chrome extension code and screenshot

README.md

@@ -1,3 +1,5 @@
 # Minimal Twitter
 
 Minimal Theme for the new Twitter UI!
+
+![screenshot](./screenshot.png)

chrome/background.js

@@ -0,0 +1,4 @@
+chrome.browserAction.onClicked.addListener(function(activeTab) {
+  var newURL = "https://twitter.com/";
+  chrome.tabs.create({ url: newURL });
+});

chrome/manifest.json

@@ -0,0 +1,44 @@
+{
+  "name": "Minimal Twitter",
+  "short_name": "MinTwitter",
+  "description": "A minimal twitter theme for the new Twitter!",
+  "version": "1.0",
+  "manifest_version": 2,
+  "permissions": ["activeTab"],
+  "content_scripts": [
+    {
+      "css": ["minimal-twitter.css"],
+      "matches": ["https://twitter.com/*"]
+    },
+    {
+      "js": ["removePromoted.js"],
+      "matches": ["https://twitter.com/home"]
+    }
+  ],
+  "background": {
+    "scripts": ["background.js"]
+  },
+  "browser_action": {
+    "default_icon": {
+      "16": "images/MinimalTwitterIcon16.png",
+      "32": "images/MinimalTwitterIcon32.png",
+      "48": "images/MinimalTwitterIcon48.png",
+      "128": "images/MinimalTwitterIcon128.png"
+    }
+  },
+  "icons": {
+    "16": "images/MinimalTwitterIcon16.png",
+    "32": "images/MinimalTwitterIcon32.png",
+    "48": "images/MinimalTwitterIcon48.png",
+    "128": "images/MinimalTwitterIcon128.png"
+  },
+  "commands": {
+    "_execute_browser_action": {
+      "suggested_key": {
+        "default": "Ctrl+Shift+T",
+        "mac": "MacCtrl+Shift+T"
+      },
+      "description": "Opens Minimal Twitter"
+    }
+  }
+}

chrome/minimal-twitter.css

@@ -0,0 +1,61 @@
+header[role="banner"] {
+  align-items: start !important;
+  max-width: 100px !important;
+}
+
+main[role="main"] {
+  align-items: center !important;
+}
+
+@media all and (min-width: 1265px) {
+  main[role="main"] {
+    transform: translateX(-56px) !important;
+  }
+}
+
+div[title="Home"],
+div[title="Explore"],
+div[title="Notifications"],
+div[title="Messages"],
+div[title="Bookmarks"],
+div[title="Lists"],
+div[title="Profile"],
+div[title="More"] {
+  display: none !important;
+}
+
+a[aria-label="Tweet"][role="button"] {
+  position: fixed;
+  right: 24px;
+  bottom: 24px;
+  max-width: 125px;
+}
+
+header[role="banner"] > div > div > div {
+  justify-content: center !important;
+}
+
+div[data-testid="sidebarColumn"] {
+  display: none !important;
+}
+
+/* --- Use this to make columns bigger on home page
+
+div[data-testid="primaryColumn"] {
+  max-width: 750px !important;
+}
+
+div[data-testid="primaryColumn"] > div > div > div:nth-child(3) {
+  max-width: 750px !important;
+}
+
+div[data-testid="primaryColumn"]
+  > div
+  > div
+  > div:nth-child(2)
+  > div
+  > div:nth-child(2) {
+  max-width: 750px !important;
+}
+
+--- */

chrome/removePromoted.js

@@ -0,0 +1,50 @@
+// Removing promoted tweets
+function scrollStop(callback) {
+  // Make sure a valid callback was provided
+  if (!callback || typeof callback !== "function") return;
+
+  // Setup scrolling variable
+  var isScrolling;
+
+  // Listen for scroll events
+  window.addEventListener(
+    "scroll",
+    function(event) {
+      // Clear our timeout throughout the scroll
+      window.clearTimeout(isScrolling);
+
+      // Set a timeout to run after scrolling ends
+      isScrolling = setTimeout(function() {
+        // Run the callback
+        callback();
+      }, 66);
+    },
+    false
+  );
+}
+
+function removeAds() {
+  var spanTags = document.getElementsByTagName("span");
+  var promotedText = "Promoted";
+  var found;
+
+  for (var i = 0; i < spanTags.length; i++) {
+    if (spanTags[i].textContent == promotedText) {
+      found = spanTags[i];
+      found.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.removeChild(
+        found.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode
+          .parentNode.parentNode
+      );
+    }
+  }
+
+  return;
+}
+
+scrollStop(function() {
+  removeAds();
+});
+
+setTimeout(() => {
+  removeAds();
+}, 2000);