Creating the app from scratch

danielsitnik · Apr 3, 2015 · 7802978 · 7802978
1 parent e28bfcf
commit 7802978
Show file tree

Hide file tree

Showing 6 changed files with 48 additions and 1 deletion.
diff --git a/README.md b/README.md
diff --git a/css/app.scss b/css/app.scss
@@ -0,0 +1,15 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+[class*="col-"] {
+  padding-top: 15px;
+  padding-bottom: 15px;
+  background-color: #eee;
+  background-color: rgba(86,61,124,.15);
+  border: 1px solid #ddd;
+  border: 1px solid rgba(86,61,124,.2);
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,15 @@
+<html>
+  <head>
+    <title>Beautiful Angular</title>
+    <link rel="stylesheet" href="vendor/css/bootstrap.min.css">
+    <link rel="stylesheet" href="css/app.css">
+    <script src="js/app.js"></script>
+  </head>
+  <body ng-app='beautiful'>
+    <section ng-controller='HomeController'>
+      <h1>{{ heading() }}</h1>
+
+      <input type='text' ng-model='name'>
+    </section>
+  </body>
+</html>
diff --git a/js/app.js b/js/app.js
@@ -0,0 +1,6 @@
+// Angular is defined as window.angular upon require
+require('angular');
+
+window.app = angular.module('beautiful', []);
+
+require('./controllers/home');
diff --git a/js/controllers/home.js b/js/controllers/home.js
@@ -0,0 +1,7 @@
+app.controller('HomeController', ['$scope', function($scope) {
+  $scope.name = 'Angular';
+
+  $scope.heading = function() {
+    return 'Hello Beautiful World of ' + $scope.name;
+  };
+}]);
diff --git a/vendor/css/bootstrap.min.css b/vendor/css/bootstrap.min.css