amd/start_page
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

updating to be based on bootstrap

Browse source
This commit is contained in:
Andrew Davidson 2015-11-07 14:29:59 -05:00
parent 75d2cde08e
commit 2dc0e4e845
2 changed files with 29 additions and 106 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
index.html
View file

@ -1,7 +1,8 @@
<html> <html>
<head> <head>
<title>Start</title> <title>Start</title>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans:300' type='text/css'> <!--<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans:300' type='text/css'>-->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-MfvZlkHCEqatNoGiOXveE8FIwMzZg4W85qfrfIFBfYc= sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
<style type="text/css"> <style type="text/css">
body { body {
font-family: "Open Sans", Helvetica, sans-serif; font-family: "Open Sans", Helvetica, sans-serif;
@ -11,7 +12,6 @@
img.logo { img.logo {
width: 300px; width: 300px;
margin-left: -25px;
} }
div.ddg { div.ddg {
@ -25,33 +25,17 @@
input[type="text"] { input[type="text"] {
font-size: 24px; font-size: 24px;
width: 400px;
height: 75px; height: 75px;
padding: 15px;
margin: 0em auto; margin: 0em auto;
border: 1px solid #000; border: 1px solid #000;
border-radius: 10px; border-radius: 10px;
} }
div.places { div.link {
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: 1px solid #000;
border-radius: 10px; border-radius: 10px;
font-size: 24px;
margin: 10px;
} }
a { a {
color: #3c3c3c; color: #3c3c3c;
text-decoration: none; text-decoration: none;
@ -67,42 +51,44 @@
</style> </style>
</head> </head>
<body> <body>
<div class="header"> <div class="page-header">
<img src="logo.png" class="logo" /> <img src="logo.png" class="logo" />
</div> </div>
<div class="ddg"> <div class="ddg row col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
<form method="get" id="search" action="https://duckduckgo.com/"> <form method="get" id="search" action="https://duckduckgo.com/">
<input type="text" name="q" placeholder="Search&hellip;" autofocus="autofocus" /> <div class="form-group">
<input class="form-control" type="text" name="q" placeholder="Search&hellip;" autofocus="autofocus" />
</div>
<input type="submit" value="DuckDuckGo Search" style="visibility: hidden;" /> <input type="submit" value="DuckDuckGo Search" style="visibility: hidden;" />
</form> </form>
</div> </div>
<div class="places"> <div class="row col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
<div class="link"> <div class="col-md-4 col-sm-4 col-xs-12">
<a href="/mail">Email</a> <h3><a href="/mail">Email</a></h3>
</div> </div>
<div class="link"> <div class="col-md-4 col-sm-4 col-xs-12">
<a href="/wiki">Wiki</a> <h3><a href="/wiki">Wiki</a></h3>
</div> </div>
<div class="link"> <div class="col-md-4 col-sm-4 col-xs-12">
<a href="/owncloud">Owncloud</a> <h3><a href="/owncloud">Owncloud</a></h3>
</div> </div>
<div class="link"> <div class="col-md-4 col-sm-4 col-xs-12">
<a href="https://pinboard.in">Pinboard</a> <h3><a href="https://pinboard.in">Pinboard</a></h3>
</div> </div>
<div class="link"> <div class="col-md-4 col-sm-4 col-xs-12">
<a href="/fever">Fever</a> <h3><a href="/fever">Fever</a></h3>
</div> </div>
<div class="link"> <div class="col-md-4 col-sm-4 col-xs-12">
<a href="https://www.amdavidson.com/gogs/">Gogs</a> <h3><a href="https://www.amdavidson.com/gogs/">Gogs</a></h3>
</div> </div>
<div class="link"> <div class="col-md-4 col-sm-4 col-xs-12">
<a href="https://twitter.com/amdavidson">Twitter</a> <h3><a href="https://twitter.com/amdavidson">Twitter</a></h3>
</div> </div>
<div class="link"> <div class="col-md-4 col-sm-4 col-xs-12">
<a href="/blog">Blog</a> <h3><a href="/blog">Blog</a></h3>
</div> </div>
<div class="link"> <div class="col-md-4 col-sm-4 col-xs-12">
<a href="/">Info</a> <h3><a href="/">Info</a></h3>
</div> </div>
</div> </div>
</body> </body>

63
style.css
View file

@ -1,63 +0,0 @@
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;
}