container

Author: birkskyum

frameworks/keyed/marko5/src/routes/_index/+page.marko

@@ -1,30 +1,37 @@
-<div.container>
-  <header>
-    <img.logo src="./logo.svg" alt="Marko"/>
-  </header>
-  <main>
-    <p>Edit <code>./src/routes/_index/+page.marko</code> and save to reload.</p>
-    <a href="https://markojs.com/docs/getting-started">
-      Learn Marko
-    </a>
-  </main>
-</div>
-<mouse-mask/>
-
-style {
-  .container {
-    display:flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    font-size: clamp(1em, 2vw, 2em); 
-    padding: 1em;
-    box-sizing: border-box;
-    height:100%;
-    width:100%;
-  }
-  img.logo {
-    width:12em;
-  }
-}
-
+<div class="container">
+    <div class="jumbotron">
+        <div class="row">
+            <div class="col-md-6">
+                <h1>Marko</h1>
+            </div>
+            <div class="col-md-6">
+                <div class="row">
+                    <div class="col-sm-6 smallpad">
+                        <button type='button' class='btn btn-primary btn-block'  on-click('run') id='run'>Create 1,000 rows</button>
+                    </div>
+                    <div class="col-sm-6 smallpad">
+                        <button type='button' class='btn btn-primary btn-block' on-click('runLots') id='runlots'>Create 10,000 rows</button>
+                    </div>
+                    <div class="col-sm-6 smallpad">
+                        <button type='button' class='btn btn-primary btn-block' on-click('add') id='add'>Append 1,000 rows</button>
+                    </div>
+                    <div class="col-sm-6 smallpad">
+                        <button type='button' class='btn btn-primary btn-block' on-click('update') id='update'>Update every 10th row</button>
+                    </div>
+                    <div class="col-sm-6 smallpad">
+                        <button type='button' class='btn btn-primary btn-block' on-click('clear') id='clear'>Clear</button>
+                    </div>
+                    <div class="col-sm-6 smallpad">
+                        <button type='button' class='btn btn-primary btn-block' on-click('swapRows') id='swaprows'>Swap Rows</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <table class="table table-hover table-striped test-data">
+        <tbody>
+            
+        </tbody>
+    </table>
+    <span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>
+</div>