Awesome Open Source
Awesome Open Source




This is where you add your links. But don't worry, there's no HTML skills needed.

There's really only two places you should take a look at: Line 44, where you set the page title, and everything below line 49, where the links go. There's some instructions in the comments, but since I'm busy writing anyways, I'll just repeat myself here.

The Section Heading. This will start a new block.
Title || Title || Keybinding || Icon URL
  ^                         ^           ^             ^
  |                         |           `---------,   `-------------------------------------,
Where you want to go ][ What you want to see ][ Keybinding to go there fast (optional) ][ URL of image to display with link (optional) ]

The keybindings support multi-stroke bindings, so you can use gm to go to Gmail, gp to go to Google+, and so on. But beware! Shorter keybindings will get triggered first, so if you already use g to go to Google, you'll never be able to input gm or gp.


Due to some issues with Chrome's XMLHttpRequest, the settings have been moved to js/script.js. They can be found right at the top of the file.


This only has one setting: "newWindow". Set to true to have links open in a new tab/window, false to use the same window.


Again, this has one setting: "showClock". True or false.


This only has one setting: "hideLinks". Set to true to have links being shown/hidden automatically on mouse events, false to see them always.


This only has one setting: "showIcons". Set to true to see configured icons next to links, false to hide them.


This is where it gets interesting. There's two keys:


true or false. This is supposed to focus the first search box when the page is opened, but that's highly dependent on the browser. It works in Firefox, but last time I checked it won't work in Chrome. There's not really anything I can do about that.


This is the fun part. Instead of giving you predefined search engines, I thought I'd let you add some on the fly.

So, engines is an array full of arrays. Each inner array needs to have three objects - The URL of your search engine, the GET argument, and a placeholder for the searchbox.

How do you get that stuff? Let's take a look at Google. When you search something, you'll get redirected to this URL:

There's some more stuff there, but this is the part we're interested about. Everything up to ? is the URL, so it goes in the first position in the array.

The part between ? and = is the name of the GET argument, this goes in the second position.

The third position can be any string really. I suggest you choose something descriptive here, like "Google".


If you know CSS, edit to your heart's contempt.

Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,074,350
Google (36,714
Search (31,534
Array (24,559
Position (8,526
Keybindings (1,039