added server

2026-07-12 18:43:43 +00:00 · 2015-11-07 12:55:26 +00:00
parent d79aa68110
commit 88e84ef4d7
8 changed files with 112 additions and 12 deletions
@@ -1 +1,15 @@
-
+<div class="row">
+    <div class="col s12 m6 offset-m3">
+        <div class="card">
+            <div class="card-content">
+                <span class="card-title grey-text">{{studentName}} - {{age}}</span>
+                <p>I am a very simple card. I am good at containing small bits of information.
+                    I am convenient because I require little markup to use effectively.</p>
+            </div>
+            <div class="card-action">
+                <a href="#">This is a link</a>
+                <a href="#">This is a link</a>
+            </div>
+        </div>
+    </div>
+</div>
@@ -4,13 +4,21 @@
        <meta charset="utf-8">
        <title>RCard</title>
        <script src='http://cdn.ractivejs.org/latest/ractive.js'></script>
+        <script src='https://code.jquery.com/jquery-2.1.4.min.js'></script>
+
+        <!-- Compiled and minified CSS -->
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/css/materialize.min.css">
+
+        <!-- Compiled and minified JavaScript -->
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/js/materialize.min.js"></script>
+
        <script src='index.js'></script>
    </head>
    <body>

        @@include('components.html')

-        <div class='load'></div>
+        <div id='load'></div>

    </body>
 </html>
@@ -1,8 +1,20 @@
-(function(Ractive){
+$(document).ready(function(){

-    @@include('components.js')
+  @@include('components.js')
+
+  $.getJSON('/sample', function(res){
+
+    var ractive = new Ractive.components.home({
+      el:'#load',
+      data:res
+    });
+
+    });


    //Code below here

-})(Ractive);
+
+
+
+  });