Skip to content

Instantly share code, notes, and snippets.

@objarni

objarni/homepage.html

Last active August 29, 2015 14:00
Show Gist options
  • Save objarni/f647d73c0e22d01c3ee5 to your computer and use it in GitHub Desktop.
Save objarni/f647d73c0e22d01c3ee5 to your computer and use it in GitHub Desktop.
Download ZIP
Poor mans browser start page
Raw
homepage.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<title>Start page</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
.block {
background-color: blue;
font-size: 24pt;
border-width: 2px;
border-color: black;
border-style: solid;
padding: 10px;
margin: 10px;
}
a {
color:yellow;
}
p {
margin-bottom: 50px;
background-color: darkgray;
}
</style>
<body>
<!-- Google Search -->
<input autofocus id="textbox" type="text" placeholder="Search on Google..."
onkeydown="if (event.keyCode == 13 || event.which == 13) { location='http://www.google.com/search?q=' + encodeURIComponent(document.getElementById('textbox').value);}" />
<!-- Section one -->
<h1>Allmänt</h1>
<p>
<a class="block" href="http://gmail.com">gmail</a>
<a class="block" href="http://facebook.com">fb</a>
<a class="block" href="http://pinterest.com">pinterest</a>
</p>
<!-- Section two -->
<h1>Gröna apor</h1>
<p>
<a class="block" href="https://www.google.com/search?site=imghp&tbm=isch&source=hp&biw=1366&bih=655&q=gr%C3%B6na+apor&oq=gr%C3%B6na+apor&gs_l=img.3...944.2941.0.3218.14.6.2.5.5.0.146.482.5j1.6.0....0...1ac.1.42.img..4.10.496.uripPsc7Zx4">bilder</a>
<a class="block" href="http://sv.wikipedia.org/wiki/Gr%C3%B6na_markattor">wikipedia</a>
</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment