Shop Mobile More Submit  Join Login
startpage.rwrt upd8 2011.04.18 by k3ttc4r startpage.rwrt upd8 2011.04.18 by k3ttc4r
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



Add a Comment:
 
:iconfloggingandy:
floggingandy Featured By Owner Mar 1, 2014
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?
Reply
:iconk3ttc4r:
k3ttc4r Featured By Owner Mar 27, 2014
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.
Reply
:iconoldvices:
oldvices Featured By Owner Feb 23, 2014
excellent work.
Reply
:iconparatrooperjoe:
ParatrooperJoe Featured By Owner Apr 5, 2013
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 --
Reply
:iconparatrooperjoe:
ParatrooperJoe Featured By Owner Apr 5, 2013
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****

<html xmlns="[link]" xml:lang="en" lang="en">
<head>


<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style/style.css" type="text/css" />
<script

type="text/javascript" src="js/jquery-1.5.min.js"></script>
<script type="text/javascript" src="settings.js"></script>
<script

type="text/javascript" src="js/script.js"></script>


<title>Joes Start Page</title>

</head>
<body>



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

</body>
</html>

***END CODE****
Reply
:iconparatrooperjoe:
ParatrooperJoe Featured By Owner Apr 5, 2013
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?
Reply
:iconfloggingandy:
floggingandy Featured By Owner Mar 1, 2014
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.
Reply
:iconorca239:
Orca239 Featured By Owner Feb 18, 2013
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!
Reply
:iconorca239:
Orca239 Featured By Owner Feb 18, 2013
Scratch that--I figured it out. x_x It was much simpler than I thought it would be.

Thanks again! This is wonderful!
Reply
:iconmikokliko:
mikokliko Featured By Owner Dec 21, 2012
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.
Reply
:iconmikokliko:
mikokliko Featured By Owner Dec 21, 2012
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?
Reply
:iconk3ttc4r:
k3ttc4r Featured By Owner Jan 11, 2013
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.
Reply
:iconfelixhhlui:
felixhhlui Featured By Owner Aug 26, 2012
How do you add a picture background? It's in style.css, but I don't know how to do it
Reply
:iconendor43:
endor43 Featured By Owner Oct 12, 2012
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
Reply
:iconk3ttc4r:
k3ttc4r Featured By Owner Aug 27, 2012
Change background to use a picture...
Reply
:iconale82to:
ale82to Featured By Owner Aug 19, 2012
why the hell on mac i cannot edit index.html using text edit ??? if edit the index with text edit i loose formatting.............
Reply
:iconk3ttc4r:
k3ttc4r Featured By Owner Aug 20, 2012
Prolly because you're using a word processor to edit a plain text file. Use a proper text editor instead.
Reply
:iconinvisiblestivo:
invisiblestivo Featured By Owner Jul 10, 2012  Hobbyist Digital Artist
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
Reply
:iconk3ttc4r:
k3ttc4r Featured By Owner Jul 12, 2012
(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.
Reply
:iconjeb5000:
jeb5000 Featured By Owner Jun 21, 2012
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.
Reply
:iconk3ttc4r:
k3ttc4r Featured By Owner Jun 22, 2012
No need to touch the index.html, you can add a clock completely in JS/jQuery: [link]
Reply
:iconjeb5000:
jeb5000 Featured By Owner Jun 23, 2012
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.
Reply
:iconaykayyy47:
aykayyy47 Featured By Owner Apr 10, 2012
how do i make this work on google chrome?
Reply
:icontyperaj:
typeraj Featured By Owner Mar 3, 2012
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
Reply
:icontyperaj:
typeraj Featured By Owner Mar 3, 2012
I figured it out, textedit on my mac was messing it up.
Reply
:iconthisistheanycoolname:
Ummm... I was modding this. It's absolutely beautiful but I was wondering if we could add links to it. If I can, how?
Reply
:iconk3ttc4r:
k3ttc4r Featured By Owner Feb 18, 2012
It's documented. If you were seriously "modding" this, you would have stumbled upon it already.
Reply
:icondude2144:
dude2144 Featured By Owner Feb 4, 2012
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?
Reply
:iconfelixhhlui:
felixhhlui Featured By Owner Aug 26, 2012
pls?
Reply
:iconfelixhhlui:
felixhhlui Featured By Owner Aug 26, 2012
can you tell me how?
Reply
:iconk3ttc4r:
k3ttc4r Featured By Owner Feb 5, 2012
Reply
:icontibneo:
Tibneo Featured By Owner Jan 31, 2012  Student Interface Designer
This is a good page. Does this derive off of html/css or jQuery?
Reply
:iconk3ttc4r:
k3ttc4r Featured By Owner Jan 31, 2012
All JS/jQuery
Reply
:icontibneo:
Tibneo Featured By Owner Jan 31, 2012  Student Interface Designer
nevermind, just read the info. :P
Reply
:icondnaz12:
dnaz12 Featured By Owner Jan 20, 2012
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?
Reply
:icontibneo:
Tibneo Featured By Owner Jan 29, 2012  Student Interface Designer
open preferences, change the homepage to file:///Users/whatever/whatever/index.html
Reply
:iconk3ttc4r:
k3ttc4r Featured By Owner Jan 20, 2012
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...
Reply
:icontibneo:
Tibneo Featured By Owner Jan 29, 2012  Student Interface Designer
Get the mac. Greatest investment ever.
Reply
:iconk3ttc4r:
k3ttc4r Featured By Owner Jan 30, 2012
Meh... I rarely use mine.
Reply
:icontibneo:
Tibneo Featured By Owner Jan 30, 2012  Student Interface Designer
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.
Reply
:iconk3ttc4r:
k3ttc4r Featured By Owner Jan 30, 2012
Nope, I was as serious as chicken soup.
Reply
:iconssihiss:
ssihiss Featured By Owner Dec 20, 2011
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
Reply
:iconk3ttc4r:
k3ttc4r Featured By Owner Dec 20, 2011
.block:nth-child(<number>) h1 { color: <color> }
Reply
:iconssihiss:
ssihiss Featured By Owner Dec 22, 2011
0 thank you thank you thank you very very much
Reply
:icontdogmets:
tdogmets Featured By Owner Nov 20, 2011  Student Digital Artist
how do I change the background?
Reply
:iconk3ttc4r:
k3ttc4r Featured By Owner Nov 21, 2011
Try "background" in the style.css...
Reply
:icondragonofsilence:
dragonofsilence Featured By Owner Nov 1, 2011
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?
Reply
:iconk3ttc4r:
k3ttc4r Featured By Owner Nov 5, 2011
It should stop after you move the mouse out of the area of the dropdown. Unfortunately there's no other way to fix this...
Reply
:iconpurplegreendave:
purplegreendave Featured By Owner Sep 30, 2011
Any chance you still have a copy of the old one?
I lost it on my old hard drive, and preferred it...
Reply
:iconk3ttc4r:
k3ttc4r Featured By Owner Oct 9, 2011
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...
Reply
Add a Comment:
 
×




Details

Submitted on
December 7, 2008
Image Size
15.1 KB
Resolution
1268×752
Link
Thumb
Embed

Stats

Views
106,058 (1 today)
Favourites
367 (who?)
Comments
294
Downloads
13,646
×