test/dummy/public/html/index.html in magic_stylez-0.0.0.27 vs test/dummy/public/html/index.html in magic_stylez-0.0.0.28
- old
+ new
@@ -1,14 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<title>Magic-Stylez</title>
- <link href="//berlinmagic.github.io/magic_stylez/assets/application-84c041fc367dd97b158add8b5cc1bdb2.css" media="all" rel="stylesheet" />
- <script src="//berlinmagic.github.io/magic_stylez/assets/application-2c23fcdf7ebc44c545a6622fb6e3066e.js"></script>
+ <link href="//berlinmagic.github.io/magic_stylez/assets/application-30d990160e44c5b6df4f8af9d27cb74e.css" media="all" rel="stylesheet" />
+ <script src="//berlinmagic.github.io/magic_stylez/assets/application-5bfdaead3644bf60f3ae444124e55ff2.js"></script>
<meta content="authenticity_token" name="csrf-param" />
-<meta content="Nxx/s0v4a+wuP12HXihuBB+ZAnRSnC/Bj/d56jizjjE=" name="csrf-token" />
+<meta content="2QEaNnpTAPmpIpX0chCJ9EFDgbgs6uOKuOtBgNx56h4=" name="csrf-token" />
<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
<script type="text/javascript" charset="utf-8">
App = {};
App.Environment = "production";
</script>
@@ -18,54 +18,52 @@
<div class="aside-content">
<ul class="nav_list dark">
<li class="current active"><a class="app_lnk lst_lnk" data-target="" href="#">Magic-Stylez</a></li>
<li><a class="lst_lnk" href="#">Content</a>
<ul class="sub_nav">
- <li><a class="app_lnk lst_lnk" data-target="content/_box" href="#"> Box</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="content/box" href="#">box</a></li>
</ul>
</li>
<li><a class="lst_lnk" href="#">Effects</a>
<ul class="sub_nav">
- <li><a class="app_lnk lst_lnk" data-target="effects/reflections" href="#">Reflections</a></li>
- <li><a class="app_lnk lst_lnk" data-target="effects/shadows" href="#">Shadows</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="effects/shadows" href="#">shadows</a></li>
</ul>
</li>
<li><a class="lst_lnk" href="#">Elements</a>
<ul class="sub_nav">
- <li><a class="app_lnk lst_lnk" data-target="elements/buttons" href="#">Buttons</a></li>
- <li><a class="app_lnk lst_lnk" data-target="elements/circle_diagram" href="#">Circle Diagram</a></li>
- <li><a class="app_lnk lst_lnk" data-target="elements/inputs" href="#">Inputs</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="elements/buttons" href="#">buttons</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="elements/circle_diagram" href="#">circle_diagram</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="elements/inputs" href="#">inputs</a></li>
</ul>
</li>
<li><a class="lst_lnk" href="#">Helper</a>
<ul class="sub_nav">
- <li><a class="app_lnk lst_lnk" data-target="helper/arrow_infos" href="#">Arrow Infos</a></li>
- <li><a class="app_lnk lst_lnk" data-target="helper/crossed_text" href="#">Crossed Text</a></li>
- <li><a class="app_lnk lst_lnk" data-target="helper/divider" href="#">Divider</a></li>
- <li><a class="app_lnk lst_lnk" data-target="helper/three_previews" href="#">Three Previews</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="helper/arrow_infos" href="#">arrow_infos</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="helper/crossed_text" href="#">crossed_text</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="helper/divider" href="#">divider</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="helper/three_previews" href="#">three_previews</a></li>
</ul>
</li>
<li><a class="lst_lnk" href="#">Icons</a>
<ul class="sub_nav">
- <li><a class="app_lnk lst_lnk" data-target="icons/glyphicons" href="#">Glyphicons</a></li>
- <li><a class="app_lnk lst_lnk" data-target="icons/icomoon" href="#">Icomoon</a></li>
- <li><a class="app_lnk lst_lnk" data-target="icons/magicons" href="#">Magicons</a></li>
- <li><a class="app_lnk lst_lnk" data-target="icons/olicons" href="#">Olicons</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="icons/glyphicons" href="#">glyphicons</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="icons/icomoon" href="#">icomoon</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="icons/magicons" href="#">magicons</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="icons/olicons" href="#">olicons</a></li>
</ul>
</li>
<li><a class="lst_lnk" href="#">Layout</a>
<ul class="sub_nav">
- <li><a class="app_lnk lst_lnk" data-target="layout/corset" href="#">Corset</a></li>
- <li><a class="app_lnk lst_lnk" data-target="layout/fullpage_table" href="#">Fullpage Table</a></li>
- <li><a class="app_lnk lst_lnk" data-target="layout/section" href="#">Section</a></li>
- <li><a class="app_lnk lst_lnk" data-target="layout/slide_boxes" href="#">Slide Boxes</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="layout/corset" href="#">corset</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="layout/fullpage_table" href="#">fullpage_table</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="layout/section" href="#">section</a></li>
</ul>
</li>
<li><a class="lst_lnk" href="#">Templates</a>
<ul class="sub_nav">
- <li><a class="app_lnk lst_lnk" data-target="templates/fixed_header" href="#">Fixed Header</a></li>
- <li><a class="app_lnk lst_lnk" data-target="templates/responsive_slidebar" href="#">Responsive Slidebar</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="templates/fixed_header" href="#">fixed_header</a></li>
+ <li><a class="app_lnk lst_lnk" data-target="templates/responsive_slidebar" href="#">responsive_slidebar</a></li>
</ul>
</li>
</ul>
<br/>
@@ -95,78 +93,100 @@
</div>
</div>
<div class="section flatted">
- <div class="corset">
+ <div class="corset tight">
<p class="loud"><em>Some style helpers used in a lot of our apps.</em></p>
</div>
</div>
-<div class="section compact hard-top">
+<div class="section hard-top">
<div class="corset center_text">
<h2>Warning</h2>
- <p class="loud">This Gem is still work in process, it is not used in a production app!</p>
+ <p class="loud">This Gem is still work in process!</p>
<p class="loud">Its just the start to outsource my style framework (I mostly rebuild for every app).</p>
<p class="loud">It is mostly driven by my own habits, so I don't know if its usefull for others.</p>
</div>
</div>
-<div class="section compact hard-top">
- <div class="corset">
+<div class="section hard-top">
+ <div class="corset tight">
<h3>Dependencies</h3>
- <ul class="list">
+ <ul class="list loud">
<li><a href="https://github.com/twbs/bootstrap-sass" target="_blank">bootstrap-sass</a></li>
<li><a href="http://bourbon.io/" target="_blank">bourbon</a></li>
</ul>
+ <p>(both are allready included)</p>
</div>
</div>
-<div class="section compact">
- <div class="corset">
+<div class="section hard-top">
+ <div class="corset tight">
+ <h3 class="loud">Usage</h3>
+ <hr/>
+ <p class="highlight"><i class="olicons-hide-filter"></i> add the gem to your applications gemfile</p>
+ <pre><code>gem "magic_stylez"</code></pre>
+ <br/>
+ <p class="highlight"><i class="olicons-hide-filter"></i> run the generator</p>
+ <pre><code>$ rails g magic_stylez:install</code></pre>
+ <br/>
+ <p class="highlight"><i class="olicons-hide-filter"></i> add to stylesheets</p>
+ <pre><code>SASS:
+ @import 'magic-stylez'; // import all
+ @import 'magic-min'; // import basic
+CSS:
+ //= 'magic-stylez'; /* import all */
+ //= 'magic-min'; /* import basic */</code></pre>
+ <br/>
+ <p class="highlight"><i class="olicons-hide-filter"></i> add to javascripts</p>
+ <pre><code> //= 'magic-stylez'; /* import all */
+ //= 'magic-min'; /* import basic */</code></pre>
+ </div>
+</div>
+
+
+<div class="section hard-top">
+ <div class="corset tight">
<h3>Thanks</h3>
<p class="loud">
- A lot of code for this gem is taken from <a href="https://github.com/twbs/bootstrap-sass" target="_blank">bootstrap-sass</a>,
- so thank you guys for the great work.</br>
+ A lot of code for this gem is taken from <a href="https://github.com/twbs/bootstrap-sass" target="_blank">bootstrap-sass</a>,
+ so thank you guys for the great work.
+ </p>
+ <p class="loud">
Same goes for <a href="http://bourbon.io/" target="_blank">bourbon</a> thanks for a lightweight helper set.
</p>
<p class="loud">Also thanks to all the people, how share their knowlegde on <a href="http://stackoverflow.com/" target="_blank">stackoverflow</a>.</p>
</div>
</div>
-<div class="section compact">
- <div class="corset">
+<div class="section hard-top">
+ <div class="corset tight">
<h3>Authors</h3>
<ul class="list">
<li><a href="http://twetzel.github.io/" target="_blank">Torsten Wetzel</a></li>
<li>many others ...</li>
</ul>
</div>
</div>
-<div class="section compact">
- <div class="corset">
+<div class="section hard-top">
+ <div class="corset tight">
<h3>License</h3>
<p class="loud">MIT-License</p>
</div>
</div>
-<div class="section shine-top flat-bottom">
+<div class="section shine-top flatted">
<div class="corset">
- <p class="center_text">© 2014 Torsten Wetzel (berlinmagic UG)</p>
+ <p class="center_text">© 2014 Torsten Wetzel (berlinmagic UG)</p>
</div>
</div>
-
-
-
-
-
-
</div>
<div class="clearfix"></div>
</body>
</html>