Inggo
diff --git a/‎.idea/.name
-1 b/‎.idea/.name
-1
diff --git a/‎.idea/angularjs-basics.iml
-10 b/‎.idea/angularjs-basics.iml
-10
diff --git a/‎.idea/encodings.xml
-5 b/‎.idea/encodings.xml
-5
diff --git a/‎.idea/misc.xml
-5 b/‎.idea/misc.xml
-5
diff --git a/‎.idea/modules.xml
-10 b/‎.idea/modules.xml
-10
diff --git a/‎.idea/scopes/scope_settings.xml
-5 b/‎.idea/scopes/scope_settings.xml
-5
diff --git a/‎.idea/vcs.xml
-7 b/‎.idea/vcs.xml
-7
diff --git a/‎.idea/workspace.xml
-487 b/‎.idea/workspace.xml
-487
diff --git a/‎app.yaml
-14 b/‎app.yaml
-14
diff --git a/‎src/css/print/paper.css ‎css/print/paper.css b/‎src/css/print/paper.css ‎css/print/paper.css
diff --git a/‎src/css/print/pdf.css ‎css/print/pdf.css b/‎src/css/print/pdf.css ‎css/print/pdf.css
diff --git a/‎src/css/reveal.css ‎css/reveal.css b/‎src/css/reveal.css ‎css/reveal.css
diff --git a/‎src/css/reveal.min.css ‎css/reveal.min.css b/‎src/css/reveal.min.css ‎css/reveal.min.css
diff --git a/‎src/css/theme/README.md ‎css/theme/README.md b/‎src/css/theme/README.md ‎css/theme/README.md
diff --git a/‎src/css/theme/beige.css ‎css/theme/beige.css b/‎src/css/theme/beige.css ‎css/theme/beige.css
diff --git a/‎src/css/theme/blood.css ‎css/theme/blood.css b/‎src/css/theme/blood.css ‎css/theme/blood.css
diff --git a/‎src/css/theme/default.css ‎css/theme/default.css b/‎src/css/theme/default.css ‎css/theme/default.css
diff --git a/‎src/css/theme/moon.css ‎css/theme/moon.css b/‎src/css/theme/moon.css ‎css/theme/moon.css
diff --git a/‎src/css/theme/night.css ‎css/theme/night.css b/‎src/css/theme/night.css ‎css/theme/night.css
diff --git a/‎src/css/theme/serif.css ‎css/theme/serif.css b/‎src/css/theme/serif.css ‎css/theme/serif.css
diff --git a/‎src/css/theme/simple.css ‎css/theme/simple.css
+1-1 b/‎src/css/theme/simple.css ‎css/theme/simple.css
+1-1
diff --git a/‎src/css/theme/sky.css ‎css/theme/sky.css b/‎src/css/theme/sky.css ‎css/theme/sky.css
diff --git a/‎src/css/theme/solarized.css ‎css/theme/solarized.css b/‎src/css/theme/solarized.css ‎css/theme/solarized.css
diff --git a/‎src/css/theme/source/beige.scss ‎css/theme/source/beige.scss b/‎src/css/theme/source/beige.scss ‎css/theme/source/beige.scss
diff --git a/‎src/css/theme/source/blood.scss ‎css/theme/source/blood.scss b/‎src/css/theme/source/blood.scss ‎css/theme/source/blood.scss
diff --git a/‎src/css/theme/source/default.scss ‎css/theme/source/default.scss b/‎src/css/theme/source/default.scss ‎css/theme/source/default.scss
diff --git a/‎src/css/theme/source/moon.scss ‎css/theme/source/moon.scss b/‎src/css/theme/source/moon.scss ‎css/theme/source/moon.scss
diff --git a/‎src/css/theme/source/night.scss ‎css/theme/source/night.scss b/‎src/css/theme/source/night.scss ‎css/theme/source/night.scss
diff --git a/‎src/css/theme/source/serif.scss ‎css/theme/source/serif.scss b/‎src/css/theme/source/serif.scss ‎css/theme/source/serif.scss
diff --git a/‎src/css/theme/source/simple.scss ‎css/theme/source/simple.scss b/‎src/css/theme/source/simple.scss ‎css/theme/source/simple.scss
diff --git a/‎src/css/theme/source/sky.scss ‎css/theme/source/sky.scss b/‎src/css/theme/source/sky.scss ‎css/theme/source/sky.scss
diff --git a/‎src/css/theme/source/solarized.scss ‎css/theme/source/solarized.scss b/‎src/css/theme/source/solarized.scss ‎css/theme/source/solarized.scss
diff --git a/‎src/css/theme/template/mixins.scss ‎css/theme/template/mixins.scss b/‎src/css/theme/template/mixins.scss ‎css/theme/template/mixins.scss
diff --git a/‎src/css/theme/template/settings.scss ‎css/theme/template/settings.scss b/‎src/css/theme/template/settings.scss ‎css/theme/template/settings.scss
diff --git a/‎src/css/theme/template/theme.scss ‎css/theme/template/theme.scss b/‎src/css/theme/template/theme.scss ‎css/theme/template/theme.scss
diff --git a/‎demos/configs/app.js
+18 b/‎demos/configs/app.js
+18
diff --git a/‎demos/controllers/topic.js
+18 b/‎demos/controllers/topic.js
+18
diff --git a/‎src/demos/css/main.css ‎demos/css/main.css
+4 b/‎src/demos/css/main.css ‎demos/css/main.css
+4
diff --git a/‎src/demos/directives/topic-thumbnails.js ‎demos/directives/topic-thumbnails.js b/‎src/demos/directives/topic-thumbnails.js ‎demos/directives/topic-thumbnails.js
diff --git a/‎src/demos/images/android.png ‎demos/images/android.png b/‎src/demos/images/android.png ‎demos/images/android.png
diff --git a/‎src/demos/images/angularjs.png ‎demos/images/angularjs.png b/‎src/demos/images/angularjs.png ‎demos/images/angularjs.png
diff --git a/‎src/demos/images/appengine.png ‎demos/images/appengine.png b/‎src/demos/images/appengine.png ‎demos/images/appengine.png
diff --git a/‎src/demos/images/bootstrap.png ‎demos/images/bootstrap.png b/‎src/demos/images/bootstrap.png ‎demos/images/bootstrap.png
diff --git a/‎src/demos/images/facebook-sdk.png ‎demos/images/facebook-sdk.png b/‎src/demos/images/facebook-sdk.png ‎demos/images/facebook-sdk.png
diff --git a/‎src/demos/images/git.png ‎demos/images/git.png b/‎src/demos/images/git.png ‎demos/images/git.png
diff --git a/‎src/demos/images/google-maps.png ‎demos/images/google-maps.png b/‎src/demos/images/google-maps.png ‎demos/images/google-maps.png
diff --git a/‎src/demos/images/html5.png ‎demos/images/html5.png b/‎src/demos/images/html5.png ‎demos/images/html5.png
diff --git a/‎src/demos/images/impact-js.png ‎demos/images/impact-js.png b/‎src/demos/images/impact-js.png ‎demos/images/impact-js.png
diff --git a/‎src/demos/images/java.png ‎demos/images/java.png b/‎src/demos/images/java.png ‎demos/images/java.png
diff --git a/‎src/demos/images/javascript.png ‎demos/images/javascript.png b/‎src/demos/images/javascript.png ‎demos/images/javascript.png
diff --git a/‎src/demos/images/jquery.png ‎demos/images/jquery.png b/‎src/demos/images/jquery.png ‎demos/images/jquery.png
diff --git a/‎src/demos/images/php.png ‎demos/images/php.png b/‎src/demos/images/php.png ‎demos/images/php.png
diff --git a/‎src/demos/images/python.png ‎demos/images/python.png b/‎src/demos/images/python.png ‎demos/images/python.png
diff --git a/‎src/demos/index.html ‎demos/index.html
+5-16 b/‎src/demos/index.html ‎demos/index.html
+5-16
diff --git a/‎src/demos/json/topics.json ‎demos/json/topics.json b/‎src/demos/json/topics.json ‎demos/json/topics.json
diff --git a/‎demos/libs/angularjs/angular-resource.min.js
+13 b/‎demos/libs/angularjs/angular-resource.min.js
+13
diff --git a/‎demos/libs/angularjs/angular-route.min.js
+14 b/‎demos/libs/angularjs/angular-route.min.js
+14
@@ -1,7 +1,7 @@
 @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
 @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
 /**
- * A simple theme for reveal.js presentations, similar
+ * A simple theme for reveal.js presentation, similar
  * to the default theme. The accent color is darkblue.
  *
  * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
 
@@ -0,0 +1,18 @@
+var SampleApp = angular.module('SampleApp', ['ngRoute']);
+
+SampleApp.config(function($routeProvider) {
+    $routeProvider
+        .when('/', {
+            controller:'TopicController',
+            templateUrl:'views/home.html'
+        })
+        .when('/topic/:topicId', {
+            controller:'TopicController',
+            templateUrl:'views/topic.html'
+        })
+
+        // Default
+        .otherwise({
+            redirectTo:'/'
+        });
+});
@@ -0,0 +1,18 @@
+SampleApp.controller('TopicController', function( $scope, $http, $routeParams ){
+
+    $scope.topic = null;
+
+
+    $http({
+        url: "json/topics.json",
+        method: "GET"
+    }).success(function( topics ){
+        $scope.topics = topics;
+
+        for( var i = 0;  i < $scope.topics.length; i++ ) {
+            if( $scope.topics[i].name.toLowerCase() == $routeParams.topicId ) {
+                $scope.topic = $scope.topics[i];
+            }
+        }
+    });
+})
@@ -1,3 +1,7 @@
 .container {
     margin-top: 40px;
+}
+
+img {
+    width: 100%;
 }
@@ -19,22 +19,11 @@
     <link href="css/main.css" rel="stylesheet">
 </head>
 <body>
-    <div class="container" ng-controller="TopicController">
-        <div class="row">
-            <div class="col-md-4">
-                <input type="text" ng-model="searchText" class="form-control">
-            </div>
-        </div> <br/>
-
-        <div class="row">
-            <div class="col-md-4" ng-repeat="topic in topics | filter : searchText">
-                <topic-thumbnail topic="topic"></topic-thumbnail>
-            </div>
-        </div>
-    </div>
-
-
-    <script src="angular.min.js"></script>
+    <ng-view></ng-view>
+
+
+    <script src="libs/angularjs/angular.min.js"></script>
+    <script src="libs/angularjs/angular-route.min.js"></script>
     <script src="libs/jquery-1.11.1.min.js"></script>
     <script src="libs/bootstrap-3.2.0/js/bootstrap.min.js"></script>
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);`
`2`	`2`	`@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);`
`3`	`3`	`/**`
`4`		`- * A simple theme for reveal.js presentations, similar`
	`4`	`+ * A simple theme for reveal.js presentation, similar`
`5`	`5`	`* to the default theme. The accent color is darkblue.`
`6`	`6`	`*`
`7`	`7`	`* This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,7 @@`
`1`	`1`	`.container {`
`2`	`2`	`margin-top: 40px;`
	`3`	`+}`
	`4`	`+`
	`5`	`+img {`
	`6`	`+ width: 100%;`
`3`	`7`	`}`