Personal website... just very simplistic
April 16, 2010 12:36 AM   Subscribe

Any ideas as to a simple web site template (or process to design one) that functions as an attractive launch/web links page? (For a personal site.)

I want to make a simple website that links to my twitter, facebook, delicous, and has a simple link to my resume. Ideally it'd be a black background with a circular navigation pane showing each icon. I don't need a blog platform, or anything really fancy... just a simple "launch page" type site where I can link to my social media profiles and to a pdf that is my resume.

Any ideas to accomplish this easily while keeping it attractive?

Thanks!
posted by nokry56 to Computers & Internet (7 answers total) 4 users marked this as a favorite
 
Assuming you have your own hosted domain.

Make a simple html page with the images and links you want, call it index.html and load it up to your website.
posted by Kerasia at 1:24 AM on April 16, 2010


Best answer: Unless you're going to have a need to change the links often, I don't think you want a template system. If all you want is a handful of links, I think it's a matter of half an hour with notepad to write the necessary HTML.

If you write something like this yourself, you should find your own icon pictures and link those instead of stealing the favicons from the various sites like I've done in this example. To add more links just copy and paste the twitter div and mess around with the percentages until you're happy.

<html>
<head>
<title>nokyr56's online life</title>
</head>
<body bgcolor="#000000">
<div>
<div style="position: absolute; top: 33%; left: 40%; width: 10em;"><h1 style="color: #FFFFFF;">nokry56's online life</h1></div>
<div style="position: absolute; top: 10%; left: 50%;"><a href="http://twitter.com" title="Twitter"><img src="http://twitter.com/favicon.ico" height="32px" width="32px"></a></div>
<div style="position: absolute; top: 33%; left: 75%;"><a href="http://facebook.com" title="Facebook"><img src="http://facebook.com/favicon.ico" height="32px" width="32px"></a></div>
<div style="position: absolute; top: 66%; left: 75%;"><a href="http://delicious.com" title="Delicious"><img src="http://delicious.com/favicon.ico" height="32px" width="32px"></a></div>
<div style="position: absolute; top: 66%; left: 25%;"><a href="http://metafilter.com" title="MeFi"><img src="http://metafilter.com/favicon.ico" height="32px" width="32px"></a></div>
<div style="position: absolute; top: 90%; left: 50%;"><a href="http://stackoverflow.com" title="Stack Overflow"><img src="http://stackoverflow.com/favicon.ico" height="32px" width="32px"></a></div>
<div style="position: absolute; top: 33%; left: 25%;"><a href="http://example.com" title="My resume"><img src="http://upload.wikimedia.org/wikipedia/en/a/a6/PDF.png" height="32px" width="32px"></a></div>
</div>
</body>
</html>

I will note for the record that the preceding HTML isn't necessary the very best way to do this, but it does result in a circle of icon links surrounding the title in Firefox 3.6.3 and IE 8.

Now, if you mean a "website design template", your only real choices are download one of the existing ones and work through whatever is necessary to use it or write your own HTML as above and learn to use CSS to make it pretty. I would especially recommend the CSS Zen Garden for an idea of what you can do with CSS.
posted by ob1quixote at 1:59 AM on April 16, 2010 [1 favorite]


Best answer: Theme forest has a virtual business card template section which is for exactly this type of thing.
posted by primer_dimer at 2:07 AM on April 16, 2010


If you just want a single page to link to your accounts on other sites, flavors.me might be suitable.
posted by James Scott-Brown at 2:35 AM on April 16, 2010


Since it doesn't sound like you have a lot of experience building web sites, I would just use Google Sites and just restrict viewing to yourself.
posted by wongcorgi at 5:11 AM on April 16, 2010


Best answer: This doesn't match your visual description, but I've always been a fan of Jody Ferry's super-simple personal website. Here's another one: André Gonçalves. (Hat tip to Jeffrey Zeldman, who pointed to both of those sites in a really interesting piece, "The Vanishing Personal Site.")
posted by lewistate at 8:18 AM on April 16, 2010


Response by poster: Thanks guys! Found a great template I can modify fairly easily on ThemeForest... lewistate, I loved your examples and ob1quixote, thanks for showing me how the code would work.
posted by nokry56 at 1:37 PM on April 16, 2010


« Older Feeding Frenzy in the Living Room...   |   I swallowed gauze! Newer »
This thread is closed to new comments.


Tags

Share