mananapr / Eden

A startpage/homepage called 'Eden'.

Eden

Live Demo of Eden.

About

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.

Instruction

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

For Mozilla Firefox

1. 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.
2. 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.



For Google Chrome

1. go to the settings. In Appearance, check show home page and modify the link with the URL of the startpage.
2. download the extension New Tab Redirect (https://chrome.google.com/webstore/detail/new-tab-redirect/icpgjfneehieebagbmdbhnlpiopdcmna?hl=en).

Step 3 : Install the font

I use several fonts for the startpage.

1. Bebas Neue
2. Pacifico
3. Roboto
4. Bokutachi no Gothic 2

Features

Eden has one main feature.

1. 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.

Customizing

Dates

• 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'];

Search

• open the js folder and edit search.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 be http://bato.to/search?name=Hinamatsuri&name_cond=c, you'll have to copy the link before 'Hinamatsuri', namely http://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;

Disclaimer

Source of the illustrations used.

1. Moyazou (もや造)
2. Masashi Wakui

Report

If you find some issues or bug when using this startpage, don't hesitate to report it in the comments.