initial commit
This commit is contained in:
commit
baf7bc4e7d
3 changed files with 172 additions and 0 deletions
109
index.html
Normal file
109
index.html
Normal file
|
@ -0,0 +1,109 @@
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Start</title>
|
||||||
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans:300' type='text/css'>
|
||||||
|
<style type="text/css">
|
||||||
|
body {
|
||||||
|
font-family: "Open Sans", Helvetica, sans-serif;
|
||||||
|
color: #3c3c3c;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.logo {
|
||||||
|
width: 300px;
|
||||||
|
margin-left: -25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.ddg {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.ddg form {
|
||||||
|
width: 400px;
|
||||||
|
margin: 0em auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="text"] {
|
||||||
|
font-size: 24px;
|
||||||
|
width: 400px;
|
||||||
|
height: 75px;
|
||||||
|
padding: 15px;
|
||||||
|
margin: 0em auto;
|
||||||
|
border: 1px solid #000;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.places {
|
||||||
|
max-width: 700px;
|
||||||
|
min-width: 400px;
|
||||||
|
margin-top: 50px;
|
||||||
|
padding-top: 50px;
|
||||||
|
margin: 0em auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.link {
|
||||||
|
width: 200px;
|
||||||
|
height: 75px;
|
||||||
|
line-height: 75px;
|
||||||
|
float: left;
|
||||||
|
border: 1px solid #000;
|
||||||
|
border-radius: 10px;
|
||||||
|
font-size: 24px;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #3c3c3c;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited {
|
||||||
|
color: #3c3c3c;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: #ff3c3c;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<img src="logo.png" class="logo" />
|
||||||
|
</div>
|
||||||
|
<div class="ddg">
|
||||||
|
<form method="get" id="search" action="https://duckduckgo.com/">
|
||||||
|
<input type="text" name="q" placeholder="Search…" autofocus="autofocus" />
|
||||||
|
<input type="submit" value="DuckDuckGo Search" style="visibility: hidden;" />
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="places">
|
||||||
|
<div class="link">
|
||||||
|
<a href="/mail">Email</a>
|
||||||
|
</div>
|
||||||
|
<div class="link">
|
||||||
|
<a href="/wiki">Wiki</a>
|
||||||
|
</div>
|
||||||
|
<div class="link">
|
||||||
|
<a href="/owncloud">Owncloud</a>
|
||||||
|
</div>
|
||||||
|
<div class="link">
|
||||||
|
<a href="https://pinboard.in">Pinboard</a>
|
||||||
|
</div>
|
||||||
|
<div class="link">
|
||||||
|
<a href="/fever">Fever</a>
|
||||||
|
</div>
|
||||||
|
<div class="link">
|
||||||
|
<a href="https://www.amdavidson.com/gogs/">Gogs</a>
|
||||||
|
</div>
|
||||||
|
<div class="link">
|
||||||
|
<a href="https://twitter.com/amdavidson">Twitter</a>
|
||||||
|
</div>
|
||||||
|
<div class="link">
|
||||||
|
<a href="/blog">Blog</a>
|
||||||
|
</div>
|
||||||
|
<div class="link">
|
||||||
|
<a href="/">Info</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
BIN
logo.png
Normal file
BIN
logo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 96 KiB |
63
style.css
Normal file
63
style.css
Normal file
|
@ -0,0 +1,63 @@
|
||||||
|
body {
|
||||||
|
font-family: "Open Sans", Helvetica, sans-serif;
|
||||||
|
color: #3c3c3c;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.logo {
|
||||||
|
width: 300px;
|
||||||
|
margin-left: -25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.ddg {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.ddg form {
|
||||||
|
width: 400px;
|
||||||
|
margin: 0em auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="text"] {
|
||||||
|
font-size: 24px;
|
||||||
|
width: 400px;
|
||||||
|
height: 75px;
|
||||||
|
padding: 15px;
|
||||||
|
margin: 0em auto;
|
||||||
|
border: 1px solid #000;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.places {
|
||||||
|
max-width: 700px;
|
||||||
|
min-width: 400px;
|
||||||
|
margin-top: 50px;
|
||||||
|
padding-top: 50px;
|
||||||
|
margin: 0em auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.link {
|
||||||
|
width: 200px;
|
||||||
|
height: 75px;
|
||||||
|
line-height: 75px;
|
||||||
|
float: left;
|
||||||
|
border: 1px solid #000;
|
||||||
|
border-radius: 10px;
|
||||||
|
font-size: 24px;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #3c3c3c;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited {
|
||||||
|
color: #3c3c3c;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: #ff3c3c;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue