Live Demo of Eden.
Eden is a startpage with a simple layout.
A startpage/homepage is a local website, namely you'll be able to access it thanks to files present on your computer (in general, it'll be a .htm file), and some browser like Firefox Mozilla and Google Chrome will allow you to set a custom homepage. What's more, thanks to some add-ons/extensions such as 'New Tab Homepage' for FF or 'New Tab Redirect' for Chrome, you'll be able to set this said startpage as you new tab page (amazing isn't it ?). There are a lot of custom startpage on the net, you can check this list of startpage http://startpages.github.io/ or search some of them on github/deviantart.
Step 1 : Right click on the .htm file and open it with a browser of your choice
Step 2 : Set the startpage as the homepage
- go to the settings or copy/paste about:preferences in the URL bar. In General, copy/paste the URL of the startpage (it should be something like file:///C:/Users/[Your name]/Documents/EDEN/index.htm in Home Page and choose the option Show my home page for When Firefox starts.
- download the add-on New Tab Homepage (https://addons.mozilla.org/en-US/firefox/addon/new-tab-homepage/), it'll redirect you to your homepage each time you open a new tab.
- go to the settings. In Appearance, check show home page and modify the link with the URL of the startpage.
- download the extension New Tab Redirect (https://chrome.google.com/webstore/detail/new-tab-redirect/icpgjfneehieebagbmdbhnlpiopdcmna?hl=en).
For Mozilla Firefox
For Google Chrome
Step 3 : Install the font
I use several fonts for the startpage.
Eden has one main feature.
- In the search bar, by entering some special keys, such as -y jazz music, you'll be able to search directly on youtube and not on Google. Another exemple with `-w moe`, it'll search 'moe' on wikipedia.
- open the
.htm
file in a text editor, search for 'var days' (it'll be at the beginning of the document), and change the days (instead of 'dimanche' you can write 'sunday' or 'domingo').
/* DAYS AND MONTHS IN ENGLISH */
var days = ['sunday','monday','tuesday','wenesday','thursday.','friday','saturday'];
- open the
js
folder and editsearch.js
in a text editor , you'll have to modify the following code
case "-u":
query = query.substr(3);
window.location = "https://userstyles.org/styles/browse?search_terms="
break;
- first, you have to decide of a website (I will take bato.to) and a special key for this said site : I will take -b, thus you'll have the following code
case "-b":
query = query.substr(3);
window.location = "https://userstyles.org/styles/browse?search_terms="
break;
- after that, you'll need to replace the value of
window.location
, in the example of batoto you'll have to go to the site and search for something, for example if I'm looking for Hinamatsuri (a pretty gud manga, you should read it asap), the link will behttp://bato.to/search?name=Hinamatsuri&name_cond=c
, you'll have to copy the link before 'Hinamatsuri', namelyhttp://bato.to/search?name=
, and you'll have the following code
case "-b":
query = query.substr(3);
window.location = "http://bato.to/search?name="
break;
Source of the illustrations used.
If you find some issues or bug when using this startpage, don't hesitate to report it in the comments.