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

66
index.html
View file

@ -1,7 +1,8 @@
<html>
<head>
<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">
body {
font-family: "Open Sans", Helvetica, sans-serif;
@ -11,7 +12,6 @@
img.logo {
width: 300px;
margin-left: -25px;
}
div.ddg {
@ -25,31 +25,15 @@
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 {
@ -67,42 +51,44 @@
</style>
</head>
<body>
<div class="header">
<div class="page-header">
<img src="logo.png" class="logo" />
</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/">
<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;" />
</form>
</div>
<div class="places">
<div class="link">
<a href="/mail">Email</a>
<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="col-md-4 col-sm-4 col-xs-12">
<h3><a href="/mail">Email</a></h3>
</div>
<div class="link">
<a href="/wiki">Wiki</a>
<div class="col-md-4 col-sm-4 col-xs-12">
<h3><a href="/wiki">Wiki</a></h3>
</div>
<div class="link">
<a href="/owncloud">Owncloud</a>
<div class="col-md-4 col-sm-4 col-xs-12">
<h3><a href="/owncloud">Owncloud</a></h3>
</div>
<div class="link">
<a href="https://pinboard.in">Pinboard</a>
<div class="col-md-4 col-sm-4 col-xs-12">
<h3><a href="https://pinboard.in">Pinboard</a></h3>
</div>
<div class="link">
<a href="/fever">Fever</a>
<div class="col-md-4 col-sm-4 col-xs-12">
<h3><a href="/fever">Fever</a></h3>
</div>
<div class="link">
<a href="https://www.amdavidson.com/gogs/">Gogs</a>
<div class="col-md-4 col-sm-4 col-xs-12">
<h3><a href="https://www.amdavidson.com/gogs/">Gogs</a></h3>
</div>
<div class="link">
<a href="https://twitter.com/amdavidson">Twitter</a>
<div class="col-md-4 col-sm-4 col-xs-12">
<h3><a href="https://twitter.com/amdavidson">Twitter</a></h3>
</div>
<div class="link">
<a href="/blog">Blog</a>
<div class="col-md-4 col-sm-4 col-xs-12">
<h3><a href="/blog">Blog</a></h3>
</div>
<div class="link">
<a href="/">Info</a>
<div class="col-md-4 col-sm-4 col-xs-12">
<h3><a href="/">Info</a></h3>
</div>
</div>
</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;
}