further cleanup, update readme
authorAndrew Lorimer <andrew@lorimer.id.au>
Sun, 18 Aug 2019 11:49:13 +0000 (21:49 +1000)
committerAndrew Lorimer <andrew@lorimer.id.au>
Sun, 18 Aug 2019 11:49:13 +0000 (21:49 +1000)
README.md
colours.js [deleted file]
main.js
options.css [deleted file]
options.html
index 0bfb1ad22e1023cba74ea0f67b889ec61da4a7d8..35d97d0450c81c51ed1863a8728fe2b10615e2a6 100644 (file)
--- a/README.md
+++ b/README.md
@@ -1,3 +1,19 @@
-**Fork of <https://github.com/shadowfacts/Chrome-Extension>**
+After Google changed the new tab page of Chrome to an ugly array of circular icons (around mid 2016), I looked around for a better new tab page extension. The best I could find was [Start Clean](https://startclean.github.io/), but it had several issues (I don't remember exactly - I think there were various bugs). A fork of Start Clean by [shadowfax](https://startclean.github.io/) fixed some small issues and added the favicons which was rather nice, but for some reason (???) this fork makes links open in a new tab.
 
-Modified so that links do not open in a new tab. Also improved settings UI.
+Initially I forked shadowfax's version to make links open in the current tab. That worked fine for a while, but I have since rewritten the extension to have much more flexibility in adding/removeing links and categories. The UI is also much improved. Here is a summary of the changes I've made:
+
+* Links open in the current tab
+* Background, foreground and hover colours are configurable
+* Removed ueslesss search bar and apps sections (all I want is links to common sites)
+* You can now have as many columns of links as you like
+* Added new "edit mode" where you can rearrange/add/remove/rename columns
+* Added basic keyboard shortcuts & tab indices
+- Uses browser-default sans serif font rather than locally packaged font
+- Improved settings UI
+- Much cleaner code (well, it is Javascript after all)
+
+## Installation
+
+This extension isn't available on the Chrome Web Store because I can't be bothered figuring out how that works. To install it as a local extension, download `bin/newtab.crx` then drag it onto the extensions page at <chrome://extensions>. Developer mode must be enabled on the extensions page before doing this.
+
+Also, opening the file using Chrome's file handler causes a "CRX_REQUIRED_PROOF_MISSING" error because I haven't updated the manifest to CRX3 (that's on the todo list). So for the moment you have to drag and drop it onto the extension page and that seems to bypass the verification. More info [here](https://support.google.com/chrome/thread/3125155?hl=en).
diff --git a/colours.js b/colours.js
deleted file mode 100644 (file)
index 49b166e..0000000
+++ /dev/null
@@ -1,7 +0,0 @@
-document.addEventListener("DOMContentLoaded", function() {
-       chrome.storage.sync.get({"bgvalue": "#2E3440"}, bgCallback);
-       chrome.storage.sync.get({"fgvalue": "#ECEFF4"}, fgCallback);
-});
-
-var bgCallback = function(colourPref) { document.body.style.background = colourPref["bgvalue"]; };
-var fgCallback = function(colourPref) { document.body.style.color = colourPref["fgvalue"]; };
diff --git a/main.js b/main.js
index 34f7cdc94057ea8dbc4efb8f65c4006621f395dd..2993dfcf22a1fdf131d48cee52fcd32252f7fe7b 100644 (file)
--- a/main.js
+++ b/main.js
@@ -1,4 +1,3 @@
-var rmspan = ["<span class='remove' id='delete-", "'>–</span>"]
 var tick = "✔";
 var addText = "+";
 var rmText = "−";
diff --git a/options.css b/options.css
deleted file mode 100644 (file)
index 6aa53eb..0000000
+++ /dev/null
@@ -1,13 +0,0 @@
-body {
-  padding-left: 65px;
-  padding-right: 65px;
-}
-
-button {
-  float: right;
-  width: 65px;
-}
-
-table {
-  text-align: right;
-}
index fcd6b5d7a1336df8a292dcfdfc08838b2076383f..1cbdbf3e0efcdf44f445749a1329bb0fc2458c3e 100644 (file)
@@ -2,13 +2,29 @@
 <html>
 
   <head>
+
     <title>newtab</title>
     <script src="options.js"></script>
-    <link rel="stylesheet" href="options.css">
-  </head>
+    <style>
+      body {
+        padding-left: 65px;
+        padding-right: 65px;
+      }
+
+      button {
+        float: right;
+        width: 65px;
+      }
 
+      table {
+        text-align: right;
+      }
+    </style>
+
+  </head>
 
   <body>
+
     <table>
       <tr>
         <td>Background</td><td><input type="text" id="bg"></td>
@@ -22,7 +38,9 @@
     </table>
 
     <button id="save">Save</button>
+
     <p>Made by<br /><a href="https://git.lorimer.id.au/newtab.git">Andrew Lorimer</a></p>
-    <script src="options.js"></script>
+
   </body>
+
 </html>