knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[content][s]: front page button links to main docs.

Browse Source
This commit is contained in:
Rufus Pollock 2012-10-22 16:04:33 +01:00
parent 07b270ff96
commit c9208f1a08
2 changed files with 23 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
css-site/style.css
View File

@ -98,21 +98,18 @@ section {
background: -ms-linear-gradient(top, #2d2d2d 0%,#040404 100%); /* IE10+ */
background: linear-gradient(top, #2d2d2d 0%,#040404 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#040404',GradientType=0 ); /* IE6-9 */
color:#FFF;
padding:0px;
margin-bottom:0px;
border:none;
font-family:'PT Sans', Helvetica, Arial, sans-serif;
padding: 60px;
padding-bottom: 200px;
/* hide crocodile top to footer on front page */
margin-bottom: -30px;
}
.home-page.page-header a {
.home-page.page-header p {
color:#FFF;
}
.home-page.page-header a.dotted {
border-color:#FFF;
.home-page.page-header a {
}
.home-page.page-header .container {
background-image: url(images/header-screen.png);
@ -120,7 +117,7 @@ section {
background-position: -3px 0px;
}
.home-page.page-header .inner {
padding:0px 0px 30px 40px;
padding:0px 0px 0px 40px;
font-size:16px;
line-height: 23px;
width: 400px;
@ -130,14 +127,23 @@ section {
margin-top:-14px;
}
section.grey {
background-color:#f5f5f5;
.home-page.page-header .links {
margin-top: 30px;
margin-bottom: 0;
}
section.grey:after {
background-position: center -50px;
.home-page.page-header .links a {
margin-left: 25px;
}
.home-page.page-header .links a:first-child {
margin-left: 0px;
}
/* ---------------------------------------------------
Footer
--------------------------------------------------- */
.footer {
background-color:#040404;
color:#CCC;

9
index.html
View File

@ -11,8 +11,13 @@ title: Home
<a href="docs/"><img src="images/logo.png" width="455" height="190" alt="Recline Data Explorer and Library"></a>
</h1>
<div class="inner">
A simple but powerful library for building data applications in
pure Javascript and HTML.
<p>A simple but powerful library for building data applications in
pure Javascript and HTML.</p>
<p class="links">
<a href="docs/" class="btn btn-large">Documentation &raquo;</a>
<a href="docs/tutorials.html" class="btn btn-large">Tutorials &raquo;</a>
<a href="demos/" class="btn btn-large">Demos &raquo;</a>
</p>
</div>
</div>
</div>