new branch

src/app/app.scss

@@ -17,4 +17,4 @@
 
 ion-content {
   background: url("/assets/imgs/bg.jpg") no-repeat center;background-size:cover;
-}
+}

src/pages/create-account/create-account.html

@@ -12,19 +12,20 @@
 
 </ion-header>
 <ion-content padding="true" class="has-header">
+  <div class="createaccount-wrapper">
     <form id="createAnAccount-form3" class="list">
       <ion-list id="createAnAccount-list1">
         <label class="item item-input" id="createAnAccount-input5">
-          <input type="text" placeholder="Name">
+          <input type="text" placeholder="Name" class="field">
         </label>
         <label class="item item-input" id="createAnAccount-input6">
-          <input type="email" placeholder="Email">
+          <input type="email" placeholder="Email" class="field">
         </label>
         <label class="item item-input" id="createAnAccount-input7">
-          <input type="text" placeholder="Password">
+          <input type="text" placeholder="Password" class="field">
         </label>
       </ion-list>
-      <button ion-button block id="createAnAccount-button3" a (click)= "motivateMe()">Sign up</button>
+      <button ion-button block id="createAnAccount-button3" a (click)= "createAccount()">Sign up</button>
     </form>
-
+  </div>
 </ion-content>

src/pages/create-account/create-account.scss

@@ -1,3 +1,11 @@
 page-create-account {
-
+    .createaccount-wrapper {
+        max-width: 500px;
+        margin: auto;
+      }
+      .field {
+        width:100%;
+        margin-bottom: 10px;
+        padding: 5px;
+      }
 }

src/pages/create-topic/create-topic.html

@@ -14,16 +14,19 @@
 
 
 <ion-content padding="true" class="has-header">
+  <div class="createtopic-wrapper">
   <form id="createATopic-form6" class="list">
     <label class="item item-input" id="createATopic-input9">
-      <input type="text" placeholder="Topic Name">
+      <input type="text" placeholder="Topic Name" class="field">
     </label>
     <div class="spacer" style="width: 300px; height: 35px;"></div>
     <label class="item item-input" id="createATopic-textarea3" name="Description">
-      <span class="input-label"></span><textarea placeholder="Description of Topic"></textarea></label>
+      <span class="input-label"></span><textarea placeholder="Description of Topic" class="field"></textarea></label>
     <div class="spacer" style="width: 300px; height: 38px;"></div>
     <label class="item item-input" id="createATopic-textarea4" name="Advice and Strategies">
-      <span class="input-label"></span><textarea placeholder="Advice and Strategies"></textarea></label>
+      <span class="input-label"></span><textarea placeholder="Advice and Strategies" class="field"></textarea></label>
   </form>
-  <a (click)="topics()" id="createATopic-button11" class="button button-calm button-block">Save Topic</a>
+  
+  <button ion-button block id="createATopic-button11" a (click)="topics()">Save topic</button>
+</div>
 </ion-content>

src/pages/create-topic/create-topic.scss

@@ -1,3 +1,11 @@
 page-create-topic {
-
+    .createtopic-wrapper {
+        max-width: 500px;
+        margin: auto;
+      }
+      .field {
+        width:100%;
+        margin-bottom: 10px;
+        padding: 5px;
+      }
 }

src/pages/create-topic/create-topic.ts

@@ -23,7 +23,7 @@ export class CreateTopicPage {
     console.log('ionViewDidLoad CreateTopicPage');
   }
 
-  topic(){
+  topics(){
     this.navCtrl.push(TopicPage);
   }
 

src/pages/home/home.html

@@ -1,6 +1,5 @@
 <ion-header>
-
-  <ion-navbar>
+  <ion-navbar text-center>
     <ion-title>MotivateMe</ion-title>
   </ion-navbar>
 </ion-header>

src/pages/home/home.scss

@@ -9,13 +9,6 @@
     padding: 5px;
   }
   
-  // .button {
-  //   color: #FFF;
-  // }
-
-  .button-calm{
-    background-color: #FFF;
-  }
 }
 
 

src/pages/home/home.ts

@@ -15,7 +15,7 @@ export class HomePage {
 
   }
 
-  // public apiProvider: ApiProvider
+//   public apiProvider: ApiProvider
 
 //   ngOnInit() {
 //   this.loadUsers();

src/pages/topic/topic.html

@@ -13,16 +13,17 @@
 </ion-header>
 
 <ion-content padding="true" class="has-header">
-  <a (click)="createTopic()" class="button ion-button block">Create Topic</a>
+  <div class="topic-wrapper">
 
-  <form id="topics-form5" class="list">
+  <!-- <form id="topics-form5" class="list">
     <label class="item item-input" id="topics-search1">
       <i class="icon ion-search placeholder-icon"></i>
-      <input type="search" placeholder="Search for Topic">
+      <input type="search" placeholder="Search for Topic" class="field">
     </label>
-  </form>
-  <a ui-sref="createATopic()" id="topics-button10" class="button button-positive button-block">Create a New Topic</a>
-  <ion-list id="topics-list2">
+  </form> -->
+
+  <button ion-button block id="topics-button10" a (click)="createATopic()">Create a Topic</button>
+  <!-- <ion-list id="topics-list2">
     <ion-item class="item-icon-left" id="topics-list-item1">
       <i class="icon ion-ios-information"></i>Quitting Smoking</ion-item>
     <ion-item class="item-icon-left" id="topics-list-item2">
@@ -33,5 +34,6 @@
       <i class="icon ion-ios-information"></i>Working Out</ion-item>
     <ion-item class="item-icon-left" id="topics-list-item5">
       <i class="icon ion-ios-information"></i>Public Speaking</ion-item>
-  </ion-list>
+  </ion-list> -->
+  </div>
 </ion-content>

src/pages/topic/topic.scss

@@ -1,5 +1,11 @@
 page-topic {
-.button-calm{
-  background-color: #FFF;
-}
+  .topic-wrapper {
+    max-width: 500px;
+    margin: auto;
+  }
+  .field {
+    width:100%;
+    margin-bottom: 10px;
+    padding: 5px;
+  }
 }

src/pages/topic/topic.ts

@@ -23,7 +23,7 @@ export class TopicPage {
     console.log('ionViewDidLoad TopicPage');
   }
 
-  createTopic(){
+  createATopic(){
     this.navCtrl.push(CreateTopicPage);
   }
 

src/providers/api/api.ts

@@ -14,4 +14,13 @@ export class ApiProvider {
     console.log('Hello ApiProvider Provider');
   }
 
+  getTopics() {
+    this.http.get("http://localhost:8100/topics")
+  }
+
+  getUsers(Userid) {
+    this.http.get("http://localhost:8100/users")
+  }
+
+
 }