adaptivedev · June 16, 2014 06:50
diff --git a/app.js b/app.js
 RoverMR:www rover$ cat js/app.js 
 // Ionic Starter App

 // angular.module is a global place for creating, registering and retrieving Angular modules
 // 'starter' is the name of this angular module example (also set in a <body> attribute in index.html)
 // the 2nd parameter is an array of 'requires'
 //angular.module('starter', ['ionic'])
 angular.module('todo', ['ionic']);

 .run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
    // for form inputs)
    if(window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
 })
 You have new mail in /var/mail/rover
 RoverMR:www rover$ 
diff --git a/index.html b/index.html
 RoverMR:www rover$ pwd
 /Users/rover/Documents/Dev/webapp/booster/todo/www
 RoverMR:www rover$ ls
 README.md	css		img		index.html	js		lib		npm-debug.log	todo
 RoverMR:www rover$ cat index.html

 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
    <title>Todo</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">

    <script src="lib/ionic/js/ionic.bundle.js"></script>

    <!-- Needed for Cordova/PhoneGap (will be a 404 during development) -->
    <script src="js/app.js"></script>
    <script src="cordova.js"></script>
  </head>
  <body ng-app="todo">
    <ion-side-menus>

      <!-- Center content -->
      <ion-side-menu-content>
        <ion-header-bar class="bar-dark">
          <h1 class="title">Todo</h1>
        </ion-header-bar>
        <ion-content>
        </ion-content>
      </ion-side-menu-content>

      <!-- Left menu -->
      <ion-side-menu side="left">
        <ion-header-bar class="bar-dark">
          <h1 class="title">Projects</h1>
        </ion-header-bar>
      </ion-side-menu>
    </ion-side-menus>
  </body>
 </html>
diff --git a/problem_explanation.txt b/problem_explanation.txt
 Problem 1) Ionic css effects

 This is what I see on mobile/emulators -- Ionic and it's css doesn't seem to be working to on the html

 https://www.dropbox.com/s/iq1srfaqrr67trv/photo%20%282%29.JPG

 I followed the tutorial here (see same code), but the header isn't formatted
 http://ionicframework.com/docs/guide/testing.html

 Problem 2) Also, when I try to run
 ionic serve

 localhost:8100 gives Cannot Get /
 localhost:8100/index.html gives Cannot Get /index.html

 Problem 3)
 There are many Codepen examples for Ionic
 http://codepen.io/ionic/public-list/

 But if I try to start one from scratch (as in put up some code snippets from docs), Ionic doesn't work:
 http://codepen.io/adaptivedev/pen/gFnyr

 I also tried with the "todo" tutorial code (including the head tag inlcuding .css link, which Codepen says isn't necessary)
 http://codepen.io/adaptivedev/pen/gFnyr

 Thanks for help!
	RoverMR:www rover$ cat js/app.js
	// Ionic Starter App

	// angular.module is a global place for creating, registering and retrieving Angular modules
	// 'starter' is the name of this angular module example (also set in a <body> attribute in index.html)
	// the 2nd parameter is an array of 'requires'
	//angular.module('starter', ['ionic'])
	angular.module('todo', ['ionic']);

	.run(function($ionicPlatform) {
	$ionicPlatform.ready(function() {
	// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
	// for form inputs)
	if(window.cordova && window.cordova.plugins.Keyboard) {
	cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
	}
	if(window.StatusBar) {
	StatusBar.styleDefault();
	}
	});
	})
	You have new mail in /var/mail/rover
	RoverMR:www rover$
	RoverMR:www rover$ pwd
	/Users/rover/Documents/Dev/webapp/booster/todo/www
	RoverMR:www rover$ ls
	README.md css img index.html js lib npm-debug.log todo
	RoverMR:www rover$ cat index.html

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Todo</title>
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

	<link href="lib/ionic/css/ionic.css" rel="stylesheet">

	<script src="lib/ionic/js/ionic.bundle.js"></script>

	<!-- Needed for Cordova/PhoneGap (will be a 404 during development) -->
	<script src="js/app.js"></script>
	<script src="cordova.js"></script>
	</head>
	<body ng-app="todo">
	<ion-side-menus>

	<!-- Center content -->
	<ion-side-menu-content>
	<ion-header-bar class="bar-dark">
	<h1 class="title">Todo</h1>
	</ion-header-bar>
	<ion-content>
	</ion-content>
	</ion-side-menu-content>

	<!-- Left menu -->
	<ion-side-menu side="left">
	<ion-header-bar class="bar-dark">
	<h1 class="title">Projects</h1>
	</ion-header-bar>
	</ion-side-menu>
	</ion-side-menus>
	</body>
	</html>
	Problem 1) Ionic css effects

	This is what I see on mobile/emulators -- Ionic and it's css doesn't seem to be working to on the html

	https://www.dropbox.com/s/iq1srfaqrr67trv/photo%20%282%29.JPG

	I followed the tutorial here (see same code), but the header isn't formatted
	http://ionicframework.com/docs/guide/testing.html

	Problem 2) Also, when I try to run
	ionic serve

	localhost:8100 gives Cannot Get /
	localhost:8100/index.html gives Cannot Get /index.html

	Problem 3)
	There are many Codepen examples for Ionic
	http://codepen.io/ionic/public-list/

	But if I try to start one from scratch (as in put up some code snippets from docs), Ionic doesn't work:
	http://codepen.io/adaptivedev/pen/gFnyr

	I also tried with the "todo" tutorial code (including the head tag inlcuding .css link, which Codepen says isn't necessary)
	http://codepen.io/adaptivedev/pen/gFnyr

	Thanks for help!