Permalink
Browse files

Merge pull request #21 from aeoth/gh-pages

Final touches ready for "week1 close"
  • Loading branch information...
2 parents 6c4bf82 + d0978c1 commit fb4c777ef7a2f0b5812a7d97bd165adde8a3b356 @shiftbot shiftbot committed Feb 13, 2012
View
Binary file not shown.
View

Large diffs are not rendered by default.

Oops, something went wrong.
View

Large diffs are not rendered by default.

Oops, something went wrong.
View

Large diffs are not rendered by default.

Oops, something went wrong.
View

Large diffs are not rendered by default.

Oops, something went wrong.
View

Large diffs are not rendered by default.

Oops, something went wrong.
View

Large diffs are not rendered by default.

Oops, something went wrong.
View

Large diffs are not rendered by default.

Oops, something went wrong.
View

Large diffs are not rendered by default.

Oops, something went wrong.
View

Large diffs are not rendered by default.

Oops, something went wrong.
View

Large diffs are not rendered by default.

Oops, something went wrong.
View
Binary file not shown.
View
@@ -38,6 +38,7 @@ <h3 class="accent">about</h3>
<li><a href="#colours">Colours</a></li>
<li><a href="#controls">Controls</a></li>
<li><a href="#demos">Demos</a></li>
+ <li><a href="#download">Download</a></li>
</ul>
<hr />
<a name="type"></a>
@@ -265,6 +266,56 @@ <h2 class="accent">demos</h2>
<li class="accent"><a href="demos/slides/">Adding metro to impress.js (WIP)</a></li>
</ul>
+
+ <a name="download"></a>
+ <h2 class="accent">Downloads</h2>
+ You can grab the <a href="http://github.com/code52/metro.css">latest</a> and compile the Less, or grab the pre-generated css for each accent colour.
+
+ <h3>CSS</h3>
+ <p>These are all completely standalone, depending on what accent colour you want. It should be pre-minified.</p>
+ <div class="span12">
+ <div class="row">
+ <div class="span1 colordemo limebg"></div>
+ <div class="span5"><a href="0.1/metro.lime.css">Lime</a></div>
+ <div class="span1 colordemo bluebg"></div>
+ <div class="span5"><a href="0.1/metro.blue.css">Blue</a></div>
+ </div>
+ <div class="row">
+ <div class="span1 colordemo brownbg"></div>
+ <div class="span5"><a href="0.1/metro.brown.css">Brown</a></div>
+ <div class="span1 colordemo greenbg"></div>
+ <div class="span5"><a href="0.1/metro.green.css">Green</a></div>
+ </div>
+ <div class="row">
+ <div class="span1 colordemo magentabg"></div>
+ <div class="span5"><a href="0.1/metro.magenta.css">Magenta</a></div>
+ <div class="span1 colordemo orangebg"></div>
+ <div class="span5"><a href="0.1/metro.orange.css">Orange</a></div>
+ </div>
+ <div class="row">
+ <div class="span1 colordemo pinkbg"></div>
+ <div class="span5"><a href="0.1/metro.pink.css">Pink</a></div>
+ <div class="span1 colordemo purplebg"></div>
+ <div class="span5"><a href="0.1/metro.purple.css">Purple</a></div>
+ </div>
+
+ <div class="row">
+ <div class="span1 colordemo tealbg"></div>
+ <div class="span5"><a href="0.1/metro.teal.css">Teal</a></div>
+ <div class="span1 colordemo redbg"></div>
+ <div class="span5"><a href="0.1/metro.red.css">Red</a></div>
+ </div>
+ </div>
+ </div>
+
+ <h3>Fonts</h3>
+ <p>Unfortunately as mentioned above, only Roboto can be distributed. It's not required, just on systems without Segoe UI or Helvetica Neue, Roboto is the next best choice before falling back to <code>sans-serif</code></p>
+ <p><a href="0.1/fonts.zip">Download</a></p>
+
+ <h3>Javascript</h3>
+ <p>This contains the <em>tile tilt</em> and <em>pivot</em> Javascript files - just add jQuery.</p>
+ <p><a href="0.1/scripts.zip">Download</a></p>
+
<script>
var defaults = {
animationDuration: 350,

0 comments on commit fb4c777

Please sign in to comment.