andy/planetary.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

(site) Tweaks to copy and stying of homepage

Browse Source
This commit is contained in:
Brandon Tilley 2013-12-25 14:18:17 -08:00
parent 2fe52ec148
commit 3deb35de6b
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
site/public/css/planetaryjs.less
View File

@ -43,6 +43,10 @@ h1.title-header, h2.title-header {
} }
} }
.ui.label.bower {
text-transform: none;
}
a.ui.icon.header { a.ui.icon.header {
text-decoration: none; text-decoration: none;
color: black; color: black;
@ -52,6 +56,10 @@ a.ui.icon.header {
} }
} }
.section-description {
min-height: 40px;
}
.divider { .divider {
.icon.huge { .icon.huge {
font-size: 2em; font-size: 2em;

10
site/public/index.ejs
View File

@ -37,7 +37,7 @@
</div> </div>
<div style='padding-top: 10px;'> <div style='padding-top: 10px;'>
Or install with <a href='http://bower.io/'>Bower</a>: <div class='ui small label'><i class='icon right arrow'></i> bower install planetary.js</div> Or install with <a href='http://bower.io/'>Bower</a>: <div class='ui small label bower'><i class='icon right arrow'></i> bower install planetary.js</div>
</div> </div>
</div> </div>
@ -48,7 +48,7 @@
<div style="width: 350px; text-align: center; display: inline-block;"> <div style="width: 350px; text-align: center; display: inline-block;">
<div class='ui pointing dark blue label'> <div class='ui pointing dark blue label'>
<a href='/examples/rotating.html' <a href='/examples/rotating.html'
class='detail no-underline'><i class='icon code'></i> See how to build this example</a> class='detail no-underline'><i class='icon code'></i> See how to build this globe</a>
</div> </div>
</div> </div>
</div> </div>
@ -75,7 +75,7 @@
<i class='ui huge icon laptop'></i> <i class='ui huge icon laptop'></i>
Examples Examples
</a> </a>
<p>Check out working examples and see what Planetary.js can do</p> <p class='section-description'>Check out working examples and see what Planetary.js can do</p>
<p><a class='ui teal button' href='/examples/'>Explore the Examples</a></p> <p><a class='ui teal button' href='/examples/'>Explore the Examples</a></p>
</div> </div>
<div class='column'> <div class='column'>
@ -83,7 +83,7 @@
<i class='ui huge icon book'></i> <i class='ui huge icon book'></i>
Documentation Documentation
</a> </a>
<p>Download and install Planetary.js and build something awesome</p> <p class='section-description'>See how to install Planetary.js and build something awesome</p>
<p><a class='ui orange button' href='/documentation/'>Peruse the Documentation</a></p> <p><a class='ui orange button' href='/documentation/'>Peruse the Documentation</a></p>
</div> </div>
<div class='column'> <div class='column'>
@ -91,7 +91,7 @@
<i class='ui huge icon github alternate'></i> <i class='ui huge icon github alternate'></i>
Source Code Source Code
</a> </a>
<p>Check out the source on GitHub and contribute to the project</p> <p class='section-description'>Take a look at the source on GitHub and contribute to the project</p>
<p><a class='ui purple button' href='https://github.com/BinaryMuse/planetary.js'>Examine the Source</a></p> <p><a class='ui purple button' href='https://github.com/BinaryMuse/planetary.js'>Examine the Source</a></p>
</div> </div>
</div> </div>