Reply to thread

Message

<blockquote data-quote="griimnak" data-source="post: 433959" data-attributes="member: 35695">OpenPureTab 1.0OpenPureTab is an extension for Chrome-based browsers that replaces the default new-tab page with a free and open sourced one, with tons of customization.I started this project because I wanted to add some aesthetics to my new tab page without compromising my privacy or security to shady extensions on the Chrome Web Store.(<a href="https://chrome.google.com/webstore/search/new%20tab" target="_blank">https://chrome.google.com/webstore/search/new tab</a>)<a href="https://github.com/griimnak/OpenPureTab" target="_blank">https://github.com/griimnak/OpenPureTab</a>Features<ul>
<li data-xf-list-type="ul">Open and well-documented source code</li>
<li data-xf-list-type="ul">Lightweight, dependency free</li>
<li data-xf-list-type="ul">Plenty of customization</li>
<li data-xf-list-type="ul">Simple and straight to the point, not in your face</li>
</ul>Showcase<img src="https://image.prntscr.com/image/gQuUK2-lT8aZIO_gz2uXVw.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /><img src="https://image.prntscr.com/image/2u0tSTOcRl_d34ylmS3kiw.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /><img src="https://image.prntscr.com/image/70K1vKDvQTWCSlx9lKQqaQ.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />SnippetsUsing the chrome.storage api[CODE=php]var settings = {};/* Validate settings */function loadSettings() {&nbsp; // Check if chrome storage is supported&nbsp; if (!chrome.storage.sync) {&nbsp; &nbsp; alert(&quot;Chrome storage is not accessible :(&quot;);&nbsp; }&nbsp; chrome.storage.sync.get(function(keys) {&nbsp; &nbsp; console.log(keys);&nbsp; &nbsp; // openSetupScreen if any keys are empty&nbsp; &nbsp; if (isEmpty(keys)) {&nbsp; &nbsp; &nbsp; console.log('Welcome! Opening first time setup..');&nbsp; &nbsp; &nbsp; openSetupScreen();&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; settings = keys;&nbsp; &nbsp; &nbsp; draw();&nbsp; &nbsp; }&nbsp; });}[/CODE]Setting storage values with chrome.storage api[CODE=php]&nbsp; function validate() {&nbsp; &nbsp; // Fallback&nbsp; &nbsp; if (location == '') {&nbsp; &nbsp; &nbsp; location = &quot;New York&quot;&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; location = form['location'].value;&nbsp; &nbsp; }&nbsp; &nbsp; chrome.storage.sync.set(&nbsp; &nbsp; &nbsp; // Overwrite all keys&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &quot;name&quot;: name,&nbsp; &nbsp; &nbsp; &nbsp; &quot;location&quot;: location,&nbsp; &nbsp; &nbsp; &nbsp; &quot;theme&quot;: theme,&nbsp; &nbsp; &nbsp; &nbsp; &quot;background&quot;: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;type&quot;: bg,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;value&quot;: bgval&nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; &quot;widget_topsites&quot;: widget_topsites&nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; function() {&nbsp; &nbsp; &nbsp; &nbsp; alert('Changes saved successfully.');&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; );&nbsp; }[/CODE]Using the chrome.topSites api[CODE=php]var data = {};function topSitesWidget() {&nbsp; chrome.topSites.get(function(response) {&nbsp; &nbsp; data = response;&nbsp; &nbsp; if (settings.widget_topsites == &quot;enabled_default&quot;) {&nbsp; &nbsp; &nbsp; drawChromeStyle();&nbsp; &nbsp; } else if (settings.widget_topsites == &quot;enabled_style1_top&quot;) {&nbsp; &nbsp; &nbsp; drawStyle1Top();&nbsp; &nbsp; } else if (settings.widget_topsites == &quot;enabled_style1_bottom&quot;) {&nbsp; &nbsp; &nbsp; drawStyle1Bottom();&nbsp; &nbsp; } else if (settings.widget_topsites == &quot;enabled_ball&quot;) {&nbsp; &nbsp; &nbsp; drawBallStyle();&nbsp; &nbsp; }&nbsp; });}[/CODE]Dev Installation<ul>
<li data-xf-list-type="ul">Clone / Download <a href="https://github.com/griimnak/OpenPureTab" target="_blank">repository</a></li>
<li data-xf-list-type="ul">Navigate to chrome://extensions</li>
<li data-xf-list-type="ul">Enable Developer mode 
<img src="https://image.prntscr.com/image/NsEaWmfASQSl3X3oZGy9sw.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> 
</li>
<li data-xf-list-type="ul">Click `Load unpacked extensions...` and select the folder that contains OpenPureTab (extracted) with `manifest.json`. 
</li>
<li data-xf-list-type="ul">Done! Open a new tab and follow setup: 
<img src="https://image.prntscr.com/image/2-Vx51ynSTCitvrDb2603A.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></li>
</ul></blockquote>

[QUOTE="griimnak, post: 433959, member: 35695"] [CENTER][B][SIZE=7]OpenPureTab 1.0[/SIZE][/B][/CENTER] OpenPureTab is an extension for Chrome-based browsers that replaces the default new-tab page with a free and open sourced one, with tons of customization. [SIZE=3]I started this project because I wanted to add some aesthetics to my new tab page without compromising my privacy or security to shady extensions on the Chrome Web Store. ([URL='https://chrome.google.com/webstore/search/new%20tab']https://chrome.google.com/webstore/search/new tab[/URL])[/SIZE] [URL]https://github.com/griimnak/OpenPureTab[/URL] [SIZE=7][B]Features[/B][/SIZE] [LIST] [*]Open and well-documented source code [*]Lightweight, dependency free [*]Plenty of customization [*]Simple and straight to the point, not in your face [/LIST] [B][SIZE=7]Showcase[/SIZE][/B] [IMG]https://image.prntscr.com/image/gQuUK2-lT8aZIO_gz2uXVw.png[/IMG] [IMG]https://image.prntscr.com/image/2u0tSTOcRl_d34ylmS3kiw.png[/IMG] [IMG]https://image.prntscr.com/image/70K1vKDvQTWCSlx9lKQqaQ.png[/IMG] [SIZE=7][B]Snippets[/B][/SIZE] Using the chrome.storage api [CODE=php] var settings = {}; /* Validate settings */ function loadSettings() { // Check if chrome storage is supported if (!chrome.storage.sync) { alert("Chrome storage is not accessible :("); } chrome.storage.sync.get(function(keys) { console.log(keys); // openSetupScreen if any keys are empty if (isEmpty(keys)) { console.log('Welcome! Opening first time setup..'); openSetupScreen(); } else { settings = keys; draw(); } }); } [/CODE] Setting storage values with chrome.storage api [CODE=php] function validate() { // Fallback if (location == '') { location = "New York" } else { location = form['location'].value; } chrome.storage.sync.set( // Overwrite all keys { "name": name, "location": location, "theme": theme, "background": { "type": bg, "value": bgval }, "widget_topsites": widget_topsites }, function() { alert('Changes saved successfully.'); } ); } [/CODE] Using the chrome.topSites api [CODE=php] var data = {}; function topSitesWidget() { chrome.topSites.get(function(response) { data = response; if (settings.widget_topsites == "enabled_default") { drawChromeStyle(); } else if (settings.widget_topsites == "enabled_style1_top") { drawStyle1Top(); } else if (settings.widget_topsites == "enabled_style1_bottom") { drawStyle1Bottom(); } else if (settings.widget_topsites == "enabled_ball") { drawBallStyle(); } }); } [/CODE] [B][SIZE=7]Dev Installation[/SIZE][/B] [LIST] [*]Clone / Download [URL='https://github.com/griimnak/OpenPureTab']repository[/URL] [*]Navigate to [B][U]chrome://extensions[/U][/B] [*]Enable Developer mode [IMG]https://image.prntscr.com/image/NsEaWmfASQSl3X3oZGy9sw.png[/IMG] [*]Click `[B][U]Load unpacked extensions...[/U][/B]` and select the folder that contains OpenPureTab (extracted) with `[B][U]manifest.json[/U][/B]`. [*]Done! Open a new tab and follow setup: [IMG]https://image.prntscr.com/image/2-Vx51ynSTCitvrDb2603A.png[/IMG] [/LIST] [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members