aside-nav.html in magic_stylez-0.0.0.38

- old
+ new

@@ -1,29 +1,29 @@
 
 <!DOCTYPE html>
 <html>
 <head>
   <title>Magic-Stylez</title>
-  <link href="//berlinmagic.github.io/magic_stylez/assets/application-f918aae554a8856b66a0c2ecbe9563ab.css" media="all" rel="stylesheet" />
-  <script src="//berlinmagic.github.io/magic_stylez/assets/blank-e24761c35145d776b425c86f5e799ba6.js"></script>
+  <link href="//berlinmagic.github.io/magic_stylez/assets/application-b72fe1051681a937aafe9876d39c2931.css" media="all" rel="stylesheet" />
+  <script src="//berlinmagic.github.io/magic_stylez/assets/blank-f61f67c5c51c1b2adbcfdfc46056dabb.js"></script>
   <meta content="authenticity_token" name="csrf-param" />
-<meta content="mJIIBfIfZTs56CNC/8lLMT6TO6QpJFB2BDO1030Bluc=" name="csrf-token" />
+<meta content="np9TPQsTBDVuI8AF+Hbq21wsoWKESwSOuZ1vhUSMyJ8=" 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>
 </head>
 <body class="with_aside_nav with_important_notice fixed-nav-lg">
   
-  <div class="important_notice development">
+  <div class="important_notice warning">
     <div class="row">
       <div class="col-xs-2" style="font-size: 24px;">
         <i class="magicons-info-round"></i>
       </div>
       <div class="col-xs-8">
-        Diese Seite ist nur eine Demo, bitte nutzen Sie:&nbsp; <a href="http://berlinmagic.github.io/magic_stylez/">magic_stylez</a>
+        Example pictures from:&nbsp; <a href="http://lorempixel.com/" target="_blank">lorempixel.com</a>
       </div>
       <div class="col-xs-2" style="font-size: 24px;">
         <i class="magicons-info-round"></i>
       </div>
     </div>
@@ -101,23 +101,41 @@
             </div>
           </div>
       
           <div class="banner-content">
             <div class="corset">
-              <p class="loud">This is a fullpage-table, it allways uses fullpage-height<br/>(if content fits in).</p>
+              <br/>
+              <div class="box blur">
+                <table class="name">
+                  <tr>
+                    <th>body &nbsp;</th>
+                    <td>with_aside_nav with_important_notice fixed-nav-lg</td>
+                  </tr>
+                  <tr>
+                    <th>navbar &nbsp;</th>
+                    <td>navbar navbar-default navbar-fixed-top navbar-lg navbar-slidebar</td>
+                  </tr>
+                </table>
+              </div>
             </div>
           </div>
       
           <div class="banner-footer" id="sign_up_banner">
             <div class="corset">
               <div class="row">
-                <div class="col-sm-4 col-sm-offset-4">
+                <div class="col-sm-4 col-sm-offset-1">
                   <!--<a href="#" class="btn btn-success btn-block btn-lg">Sign up now</a>-->
-                  <button class="btn btn-success btn-block help_arrow hide_da_notice" data-text="Turn off notice!">
-                    Click Me
+                  <button class="btn btn-success btn-block help_arrow hide_da_notice" data-text="Hide notice!">
+                    toggle Notice
                   </button>
                 </div>
+                <div class="col-sm-4 col-sm-offset-2">
+                  <!--<a href="#" class="btn btn-success btn-block btn-lg">Sign up now</a>-->
+                  <button class="btn btn-default btn-block help_arrow get_some_borders" data-text="click!">
+                    toggle Borders
+                  </button>
+                </div>
               </div>
             </div>
           </div>
       
         </div>
@@ -139,10 +157,11 @@
           Turns the usual twbs <em>navbar-collapse</em> into a nice slidebar. .. try it out:<br/>
           make your screen smaller than 768px and press the header-toggle
         </p>
         <br/>
         <h4>dependency:</h4> 
-        <code>@import "magic/content/navbar";</code>
+        <code>@import "magic/content/aside_nav";</code>
+        <code>@import "magic/content/notice";</code>
       </div>
     </div>
   
     
 