Skip to content

Commit

Permalink
Index Tweaks
Browse files Browse the repository at this point in the history
  • Loading branch information
@xeolabs
xeolabs committed May 23, 2013
1 parent 3e572be commit feb86cf
Show file tree
Hide file tree
Showing 2 changed files with 86 additions and 36 deletions.
80 changes: 60 additions & 20 deletions css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,15 +27,15 @@ body {
position: absolute;
left: 0;
top: 0;
z-index: 960;
z-index: 996;
height: auto;
width: auto;
}

#top {
width: 100%;
height: 60px;
max-width: 960px;
height: 80px;
max-width: 996px;
margin-left: auto;
margin-right: auto;
padding: 10px;
Expand All @@ -45,8 +45,9 @@ body {

#top .links {
margin-left: 250px;
width:auto;
/*text-align: right;*/
width: auto;
padding-top: 10px;
text-align: right;
}

#top .links a {
Expand All @@ -55,7 +56,8 @@ body {

#header {
width: 100%;
height: 300px;
height: auto;
overflow: auto;
margin-left: auto;
margin-right: auto;
padding: 0;
Expand All @@ -65,7 +67,7 @@ body {
#header .inner {
width: 100%;
height: 100%;
max-width: 960px;
max-width: 996px;
margin: auto;
}

Expand All @@ -78,10 +80,49 @@ body {
padding: 0;
}

#intro {
background: white;
width: 100%;
max-width: 996px;
margin-left: auto;
margin-right: auto;
padding: 10px;
padding-top: 30px;
padding-bottom: 10px;
overflow: auto;
height: auto;
}

#intro p {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 1.5em;
font-weight: bold;
text-align: left;
text-shadow: 0 0 5px #c8c8c8;
color: #676767;
/*text-transform: uppercase;*/
}

#intro a {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 1.5em;
font-weight: bold;
text-align: left;
text-shadow: 0 0 5px #c8c8c8;
color: #091967;
/*text-transform: uppercase;*/
}

#intro span {
font-weight: bold;
}

#container {
background: white;
width: 100%;
max-width: 960px;
max-width: 996px;
margin-left: auto;
margin-right: auto;
padding: 10px;
Expand Down Expand Up @@ -123,7 +164,7 @@ body {
position: absolute;
overflow: hidden;

width: 960px;
width: 996px;
height: 700px;

left: 50%;
Expand Down Expand Up @@ -157,12 +198,12 @@ body {

.slides.layout-widescreen > article {
margin-left: -550px;
width: 960px;
width: 996px;
}

.slides.layout-faux-widescreen > article {
margin-left: -550px;
width: 960px;
width: 996px;

padding: 40px 160px;
}
Expand Down Expand Up @@ -503,14 +544,14 @@ h3.subtitle {
}

/*h3 {*/
/*font-size: 20px;*/
/*line-height: 1.2;*/
/*font-weight: bold;*/
/*color: #333;*/
/*padding: 0;*/
/*margin: 0;*/
/*padding-right: 40px;*/
/*padding-top: 30px;*/
/*font-size: 20px;*/
/*line-height: 1.2;*/
/*font-weight: bold;*/
/*color: #333;*/
/*padding: 0;*/
/*margin: 0;*/
/*padding-right: 40px;*/
/*padding-top: 30px;*/
/*}*/

.logo {
Expand Down Expand Up @@ -578,7 +619,6 @@ li::before {
position: absolute;
}


h3.feature-category {
font-family: 'Helvetica';
/*margin-top: 1.0em !important;*/
Expand Down
42 changes: 26 additions & 16 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -83,44 +83,51 @@
<ul class="bxslider">
<li>
<a href="http://www.biodigital.com/biodigital-human.html">
<img src="images/human-xray.jpg" alt="" title="BioDigital Human - A Web-based atlas of human anatomy and conditions"/>
<img src="images/human-xray.jpg" alt=""
title="BioDigital Human - A Web-based atlas of human anatomy and conditions"/>
</a>
</li>
<li>
<a href="http://www.biodigital.com/biodigital-human.html">
<img src="images/human.jpg" alt="" title="BioDigital Human - A Web-based atlas of human anatomy and conditions"/>
<img src="images/human.jpg" alt=""
title="BioDigital Human - A Web-based atlas of human anatomy and conditions"/>
</a>
</li>
<!--<li>-->
<!--<a href="http://www.biodigital.com/biodigital-human.html">-->
<!--<img src="images/bdhuman-skin.png" alt="" title="BioDigital Human - A Web-based atlas of human anatomy and conditions"/>-->
<!--</a>-->
<!--<a href="http://www.biodigital.com/biodigital-human.html">-->
<!--<img src="images/bdhuman-skin.png" alt="" title="BioDigital Human - A Web-based atlas of human anatomy and conditions"/>-->
<!--</a>-->
<!--</li>-->
<!--<li>-->
<!--<a href="http://www.biodigital.com/biodigital-human.html">-->
<!--<img src="images/bdhuman-macular-degen.png" alt="" title="BioDigital Human - A Web-based atlas of human anatomy and conditions"/>-->
<!--</a>-->
<!--<a href="http://www.biodigital.com/biodigital-human.html">-->
<!--<img src="images/bdhuman-macular-degen.png" alt="" title="BioDigital Human - A Web-based atlas of human anatomy and conditions"/>-->
<!--</a>-->
<!--</li>-->
<li>
<a href="examples.html?page=multitexturing"><img
src="images/earth.jpg" alt="" title="Earth rendered with color, specular, alpha and glow maps"/></a>
</li>
<li>
<a href="examples.html?page=tronTank"><img
src="images/tron-tank.jpg" alt="" title="Tank Program from the 1982 Disney motion picture Tron"/></a>
src="images/tron-tank.jpg" alt=""
title="Tank Program from the 1982 Disney motion picture Tron"/></a>
</li>
</ul>

<br>

</div>
</div>

<div id="intro">
<!--<p>A JSON-based scene graph engine on WebGL</p>-->
<p><span class="bold">SceneJS</span> is an open-source 3D engine for JavaScript which provides a JSON-based scene
graph API on WebGL. SceneJS specialises in efficient rendering of large numbers
of objects as required by high-detail model-viewing and visualisation apps.</p>
</div>

<div id="container">
<div style="width:100%;">
<div class="col left">
<p class="sectionHeading">Features</p>

<div id="featureList">

</div>
Expand Down Expand Up @@ -167,7 +174,8 @@
<a href="examples.html?page=firstExample"
target="other"> <img
style="display: block; margin-left: auto; margin-right: auto;" src="images/firstExample.png"/></a>
<br>
<br>

<p>Now let's start the teapot spinning:</p>
<pre class="prettyprint lang-javascript">
var angle = 0;
Expand Down Expand Up @@ -280,13 +288,15 @@

function addSlider() {
$('.bxslider').bxSlider({
mode:'horizontal',
mode:'fade',
pause:6000,
useCSS:false,
infiniteLoop:true,
hideControlOnEnd:true,
speed:1000,
captions: true,
auto: true
captions:true,
auto:true,
pager:false
});
}

Expand Down

0 comments on commit feb86cf

Please sign in to comment.