HOME | DD

k3ttc4r — startpage.rwrt upd8 2011.04.18

Published: 2008-12-07 21:17:44 +0000 UTC; Views: 130447; Favourites: 362; Downloads: 14307
Redirect to original
Description This is not an update!

It's a complete rewrite.

I've been talking about doing a rewrite forever now, and after I noticed this got featured on lifehacker, I finally got to work on this last night. I've borrowed a good bit of *Gocom 's Estacado start page (thanks for using my favorite OSS license, btw.), to ensure some decent increases in userfriendliness (to be honest - I just don't feel like answering any more "how do I add more links?" qestions). No need to know HTML or read some of the various comments that used to be in the file to change links! Yayer!

Yeah, so the entire JS code switched from Mootools to jQuery (imo. the superior framework), and it's a lot cleaner and more organized than before (wasn't hard - it was a mess before).

I've removed the download link from here, because - let's face it - dA isn't meant for software distribution, and I don't feel like I have to go through the hassle of trying to make it cooperate.

Short feature list:

  • *new*Unlimited link blocks

  • *new*Unlimited links per block

  • Google search

  • *new*No HTML skills needed to add links

  • jQuery dropdown animations on hover



If you want the new version, get it on github:
»Download«

Todo:


  • Fix stylesheet for cross-browser good looks




Changelog:

2011.09.12

  • Fix searchbar focus, added setting.


2011.04.18

  • Added Google Image search


2011.02.20

  • Added config file

  • Added search engines

    • Yahoo

    • Wikipedia

    • dict.cc

    • dict.leo.org

    • flickr

    • deviantART



  • Added setting to enable/disable opening links in new window/tab



Related content
Comments: 291

floggingandy [2014-03-01 17:57:37 +0000 UTC]

I was able to figure our most everything I wanted but I got stuck on two things first even though focusSearch=true the omnibar is focused instead. This probably has nothing to do with the html  file but probably something to do with chrome or New Tab Redirect. Second the Chrome:// addresses do not work. I thought maybe I messed something up but I tried your original file and they still don't work. so I am not sure what is up with that. any ideas on these things?

👍: 0 ⏩: 1

k3ttc4r In reply to floggingandy [2014-03-27 12:44:09 +0000 UTC]

focusSearch is a bit buggy, it really depends on the browser. It does work in Firefox.

As for the chrome:// link, I guess something changed in Chrome. I will take a look at it.

👍: 0 ⏩: 0

oldvices [2014-02-24 01:04:26 +0000 UTC]

excellent work.

👍: 0 ⏩: 0

ParatrooperJoe [2013-04-06 04:39:46 +0000 UTC]

Okay, so I am lost on editing the index.html file.... How can I create my own Headers and also how do I add my own links under each Header. Everytime I try to make changes using the format shown withing the index.html page itself, My links and headers are not coming out how I want them to. It is almost as if there is another setting somewhere (maybe in a css file?) that tells this page that Header one will have two links, header two will have one link, etc etc.

I want to be able to put how ever many links I want under the first header, and then put how ever many links I want under the second header, etc. Using this is provinf to be a pain in my side! Any help would be appreciated!!

-- Paratrooper Joe --

👍: 0 ⏩: 0

ParatrooperJoe [2013-04-06 04:20:00 +0000 UTC]

I am having trouble making my own Headers with Sub headers for links. My First Header and sub headers (with two links) works just fine. My next header shows up but the Sub header should contain 3 links but it only shows 1 and it attached the next link to the subheader name. Here is the section of code pertaining to the links...:

****BEGIN CODE****

[link] " xml:lang="en" lang="en">










Joes Start Page






College Links
[link] || My_Edison
[link] ||

Student Services

Banking
[link] || USAA[link] || Chase[link] || Money Network Card

Coconutty
[link] || NG

New Block
[link] || Lol, Wut?

Bananas
[link] || crshd.cc
[link] || rahforum.biz




***END CODE****

👍: 0 ⏩: 1

ParatrooperJoe In reply to ParatrooperJoe [2013-04-06 04:23:18 +0000 UTC]

Okay so the above code is all kings of messed up....I am going to try and repost it to see if it will show up correctly...:

Actually, I am not sure how to post the code on this site properly...any ideas?

👍: 0 ⏩: 1

floggingandy In reply to ParatrooperJoe [2014-03-01 18:02:03 +0000 UTC]

I know you comment is like a year old but did you put http:// before each link? maybe try posting the code again and give a screenshot of the page as well.

👍: 0 ⏩: 0

Orca239 [2013-02-18 18:51:16 +0000 UTC]

Hey-o. I love this!

Is there any way to keep links visible instead of the animation-like hiding? It keeps bouncing when I try to navigate to it, and I'm using it to get to links quickly at work.

Thanks!

👍: 0 ⏩: 1

Orca239 In reply to Orca239 [2013-02-18 18:56:08 +0000 UTC]

Scratch that--I figured it out. x_x It was much simpler than I thought it would be.

Thanks again! This is wonderful!

👍: 0 ⏩: 0

mikokliko [2012-12-21 14:23:43 +0000 UTC]

How can I disable the check for //?

If you don't use // in your URL, it;s not a link, but I would like to user callto: and mailto: url's.

👍: 0 ⏩: 0

mikokliko [2012-12-21 14:21:21 +0000 UTC]

I would also like to add callto: and mailto: URL's

The script checks for // and if not, It's not a URL.

How can I disable that?

👍: 0 ⏩: 1

k3ttc4r In reply to mikokliko [2013-01-11 09:17:26 +0000 UTC]

I guess I can make it run several tests, maybe even configurable through the config file. I'll get back to you once it's done, if you're still interested.

👍: 0 ⏩: 0

felixhhlui [2012-08-26 23:52:32 +0000 UTC]

How do you add a picture background? It's in style.css, but I don't know how to do it

👍: 0 ⏩: 2

endor43 In reply to felixhhlui [2012-10-12 21:05:36 +0000 UTC]

background: url(/folder/image.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

This is for style.css

👍: 0 ⏩: 0

k3ttc4r In reply to felixhhlui [2012-08-27 07:41:25 +0000 UTC]

Change background to use a picture...

👍: 0 ⏩: 0

ale82to [2012-08-19 10:05:32 +0000 UTC]

why the hell on mac i cannot edit index.html using text edit ??? if edit the index with text edit i loose formatting.............

👍: 0 ⏩: 1

k3ttc4r In reply to ale82to [2012-08-20 10:12:54 +0000 UTC]

Prolly because you're using a word processor to edit a plain text file. Use a proper text editor instead.

👍: 0 ⏩: 0

invisiblestivo [2012-07-10 20:32:19 +0000 UTC]

This is drop-my-pants awesome. I just have one request. I want to point some of the sub-menu links to internal chrome pages (i.e. chrome://bookmarks/#recent) but there's some trouble with the way your js interprets the url. I can half-way trick it by adding http:// before the internal string but it still drops the following colon (chrome://). Could you change the way your js interprets the urls to be more universal? Maybe a special none url character (*) in the syntax before each new url.

Either way I'm definitely using this hence forth. Thanks!
Steve

👍: 0 ⏩: 1

k3ttc4r In reply to invisiblestivo [2012-07-12 11:40:49 +0000 UTC]

(Hopefully) fixed in ea61ff0 . It should now identify everything containing "://" as a URL and create a link.

It creates a "chrome://" link just fine in Firefox, too lazy to install Chromium for testing purposes right now.

👍: 0 ⏩: 0

jeb5000 [2012-06-21 14:37:18 +0000 UTC]

Works great. Use new revision on desktop, web book and Android tablet.
Have made some layout changes and added a background picture.
Only problem is I want to add date and clock. Have java clock code that does the job but can not add it to index.html because javascript does not know when to stop reading in headings and urls. Any code I add between body tags is read as a header.
Have looked at your code but need to study jquery to figure out how to exit read at some point so 1 line of code can be added in the body to display the date and clock. Any suggestions?
Thank you for the startpage, great work.

👍: 0 ⏩: 1

k3ttc4r In reply to jeb5000 [2012-06-23 04:55:01 +0000 UTC]

No need to touch the index.html, you can add a clock completely in JS/jQuery: [link]

👍: 0 ⏩: 1

jeb5000 In reply to k3ttc4r [2012-06-23 20:31:34 +0000 UTC]

Had it working yesterday. Just needed to read your code better/closer. Our code is similar, difference is caused by my choice of layout. Thank you for the files and effort. Think about trying jDigiClock for a little animation.
Thank you, great work.

👍: 0 ⏩: 0

aykayyy47 [2012-04-11 03:07:33 +0000 UTC]

how do i make this work on google chrome?

👍: 0 ⏩: 0

typeraj [2012-03-04 03:58:23 +0000 UTC]

Complete noob problem/question here: I went to edit the index file, didnt touch any of the HTML code, rather just changed some of the titles and urls...now I try to open the page in Chrome and Safari and all I see now is text, rather than the HTML page. What am I doing wrong?

Thanks
Raj

👍: 0 ⏩: 1

typeraj In reply to typeraj [2012-03-04 04:30:43 +0000 UTC]

I figured it out, textedit on my mac was messing it up.

👍: 0 ⏩: 0

thisistheanycoolname [2012-02-18 09:46:46 +0000 UTC]

Ummm... I was modding this. It's absolutely beautiful but I was wondering if we could add links to it. If I can, how?

👍: 0 ⏩: 1

k3ttc4r In reply to thisistheanycoolname [2012-02-18 16:21:11 +0000 UTC]

It's documented. If you were seriously "modding" this, you would have stumbled upon it already.

👍: 0 ⏩: 0

dude2144 [2012-02-05 00:26:31 +0000 UTC]

I see in the style.css file there is a way to change the color of the background and text and all that, but is it possible to use a picture as the background?

👍: 0 ⏩: 3

felixhhlui In reply to dude2144 [2012-08-26 23:50:48 +0000 UTC]

pls?

👍: 0 ⏩: 0

felixhhlui In reply to dude2144 [2012-08-26 23:50:39 +0000 UTC]

can you tell me how?

👍: 0 ⏩: 0

k3ttc4r In reply to dude2144 [2012-02-06 07:42:12 +0000 UTC]

yes

👍: 0 ⏩: 0

RyeOnDA [2012-01-31 09:51:22 +0000 UTC]

This is a good page. Does this derive off of html/css or jQuery?

👍: 0 ⏩: 2

k3ttc4r In reply to RyeOnDA [2012-01-31 12:34:02 +0000 UTC]

All JS/jQuery

👍: 0 ⏩: 0

RyeOnDA In reply to RyeOnDA [2012-01-31 09:51:47 +0000 UTC]

nevermind, just read the info.

👍: 0 ⏩: 0

dnaz12 [2012-01-20 09:49:06 +0000 UTC]

I'm really new to this stuff. I have safari and Adobe CS5 how do I put the start page as my start page on safari?

👍: 0 ⏩: 2

RyeOnDA In reply to dnaz12 [2012-01-30 05:42:22 +0000 UTC]

open preferences, change the homepage to file:///Users/whatever/whatever/index.html

👍: 0 ⏩: 0

k3ttc4r In reply to dnaz12 [2012-01-21 04:04:23 +0000 UTC]

Not sure. Don't have Safari on my Linux box, and I'm too lazy to move to the other end of the table to reach the Mac...

👍: 0 ⏩: 1

RyeOnDA In reply to k3ttc4r [2012-01-30 05:41:27 +0000 UTC]

Get the mac. Greatest investment ever.

👍: 0 ⏩: 1

k3ttc4r In reply to RyeOnDA [2012-01-30 08:43:08 +0000 UTC]

Meh... I rarely use mine.

👍: 0 ⏩: 1

RyeOnDA In reply to k3ttc4r [2012-01-30 09:19:06 +0000 UTC]

oh, when you said "I'm too lazy to move to the other end of the table to reach" I thought you were speaking metaphorically! lol. I rather enjoy my mac, though.

👍: 0 ⏩: 1

k3ttc4r In reply to RyeOnDA [2012-01-31 06:18:37 +0000 UTC]

Nope, I was as serious as chicken soup.

👍: 0 ⏩: 0

ssihiss [2011-12-20 19:16:45 +0000 UTC]

thank you for sharing my question is how to change the color of 01 and 02 and 03 and 04 and 05 and 06 ... if i wanna make each one with deferent color and thank you for the great work

👍: 0 ⏩: 1

k3ttc4r In reply to ssihiss [2011-12-20 21:34:10 +0000 UTC]

.block:nth-child() h1 { color: }

👍: 0 ⏩: 1

ssihiss In reply to k3ttc4r [2011-12-22 13:02:27 +0000 UTC]

0 thank you thank you thank you very very much

👍: 0 ⏩: 0

tdogmets [2011-11-20 15:03:42 +0000 UTC]

how do I change the background?

👍: 0 ⏩: 1

k3ttc4r In reply to tdogmets [2011-11-21 08:44:08 +0000 UTC]

Try "background" in the style.css...

👍: 0 ⏩: 0

dragonofsilence [2011-11-01 22:07:28 +0000 UTC]

i ve problems when i open this startpage with cursor at the position of a dropdown menu.. then menu is pulling down and up again and again.. (when ye use "disable opening links in new tab" it happens quite ofter while going back from the visited site to start page..

is there a way to fix this?

👍: 0 ⏩: 1

k3ttc4r In reply to dragonofsilence [2011-11-05 14:43:47 +0000 UTC]

It should stop after you move the mouse out of the area of the dropdown. Unfortunately there's no other way to fix this...

👍: 0 ⏩: 0

purplegreendave [2011-09-30 23:13:57 +0000 UTC]

Any chance you still have a copy of the old one?
I lost it on my old hard drive, and preferred it...

👍: 0 ⏩: 1

k3ttc4r In reply to purplegreendave [2011-10-09 15:48:36 +0000 UTC]

Nope, I don't... Maybe on my second external, but that one's halfway around the globe right now.

How about you tell my why you preferred the old one, maybe I can make some improvements...

👍: 0 ⏩: 0


| Next =>