From 58a020f0d4d6fefe136d8793038290e230dba8f3 Mon Sep 17 00:00:00 2001
From: Andrew Abogado <me@andrewabogado.com>
Date: Mon, 9 Feb 2015 01:42:37 +0800
Subject: [PATCH] AA: Clean up unused markup on owners, pets, and vets pages

---
 src/main/webapp/components/header.html        |   2 +-
 src/main/webapp/components/owners/owners.html | 104 ++----------------
 src/main/webapp/components/pets/pets.html     |  83 ++------------
 .../veterinarians/veterinarians.html          |  14 +--
 4 files changed, 25 insertions(+), 178 deletions(-)

diff --git a/src/main/webapp/components/header.html b/src/main/webapp/components/header.html
index f73a2e4f8..3936f83e4 100644
--- a/src/main/webapp/components/header.html
+++ b/src/main/webapp/components/header.html
@@ -14,7 +14,7 @@
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div id="nav-menu" class="navbar-collapse navbar-left collapse">
       <ul class="nav navbar-nav navbar-menu" data-ng-if="getSession() != null">
-        <li data-ng-class="$state.is('landing') ? 'active' : ''"><a href="#" data-ng-click="goHome()">Home</a></li>
+        <li data-ng-class="$state.is('landing') ? 'active' : ''"><a href="#" data-ng-click="goHome()">Dashboard</a></li>
         <li data-ng-class="$state.is('owners') ? 'active' : ''"><a data-ui-sref="owners">Owners</a></li>
         <li data-ng-class="$state.is('pets') ? 'active' : ''"><a data-ui-sref="pets">Pets</a></li>
         <li data-ng-class="$state.is('vets') ? 'active' : ''"><a data-ui-sref="vets">Vets</a></li>
diff --git a/src/main/webapp/components/owners/owners.html b/src/main/webapp/components/owners/owners.html
index c6d6b1155..2d46075fb 100644
--- a/src/main/webapp/components/owners/owners.html
+++ b/src/main/webapp/components/owners/owners.html
@@ -1,101 +1,17 @@
-<!-- Main jumbotron for a primary marketing message or call to action -->
-<div class="jumbotron jumbotron-tertiary">
+<section id="owners" class="sections sections-narrow">
   <div class="container">
-    <div class="jumbotron-headline">
-      <div class="jumbotron-headline-cell">
-        <h1>Discover Pet Owners</h1>
-        <p>Helping you discover pet owners near you and connect.</p>
-        <div class="row">
-          <div class="col-md-6 col-md-offset-2">
-            <input type="text" class="form-control input-lg" placeholder=".col-md-8">
-          </div>
-          <div class="col-md-2">
-            <button type="submit" class="btn btn-primary btn-lg btn-block">Discover</button>
+    <h2 class="sub-header">Owners</h2>
+    <div class="row">
+      <div class="col-md-3" data-ng-repeat="owner in owners">
+        <div class="thumbnail">
+          <a href="show.html"><img class="img-circle" data-ng-src="images/avatars/owner{{owner.id}}.jpg" alt="Generic placeholder image"></img></a>
+          <div class="caption">
+            <h3 class="caption-heading"><a href="show.html" data-ng-bind="owner.firstName + ' ' +owner.lastName"></a></h3>
+            <p data-ng-bind="owner.city"></p>
+            <p data-ng-bin="owner.address"></p>
           </div>
         </div>
       </div>
     </div>
   </div>
-</div>
-
-<!-- Featured pets -->
-<section id="owners" class="sections">
-<div class="container">
-  <div class="nav-tabs-filter">
-    <a href="#add_owner" role="button" class="btn btn-primary pull-right">Register Now - It's Free!</a>
-    <ul class="nav nav-tabs">
-      <li role="presentation" class="active"><a href="#">Newest</a></li>
-      <li role="presentation"><a href="#">Popular</a></li>
-    </ul>
-  </div>
-
-  <div class="row">
-    <div class="col-md-3" data-ng-repeat="owner in owners">
-      <div class="thumbnail">
-        <a href="show.html"><img class="img-circle" data-ng-src="images/avatars/owner{{owner.id}}.jpg" alt="Generic placeholder image"></img></a>
-        <div class="caption">
-          <h3><a href="show.html" data-ng-bind="owner.firstName + ' ' +owner.lastName"></a></h3>
-          <p data-ng-bind="owner.city"></p>
-          <p data-ng-bin="owner.address"></p>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <div class="row">
-    <div class="col-md-4 col-md-offset-4">
-      <p><a class="btn btn-primary btn-lg btn-block" href="#">Show More »</a></p>
-    </div>
-  </div>
-</div>
-</section>
-
-<!-- Make an appointment call to action -->
-<section id="appointment" class="jumbotron jumbotron-secondary">
-<div class="container">
-  <div class="jumbotron-headline">
-    <div class="jumbotron-headline-cell">
-      <h2>Over 40,000 pet owners trust us. Register now. It's <strong>Free</strong> forever!</h2>
-      <p>Use it as a starting point to create something more unique.</p>
-      <form class="form-inline">
-        <div class="form-group">
-          <label class="sr-only" for="clientName">Your Name</label>
-          <input type="text" class="form-control input-lg" id="clientName" placeholder="Your name">
-          </div><div class="form-group">
-          <label class="sr-only" for="emailAddress">Email Address</label>
-          <input type="email" class="form-control input-lg" id="emailAddress" placeholder="Your email">
-        </div>
-        <div class="form-group">
-          <label class="sr-only" for="clientNumber">Contact Number</label>
-          <input type="text" class="form-control input-lg" id="clientNumber" placeholder="Your contact number">
-        </div>
-        <button type="submit" class="btn btn-primary btn-lg">Get Started - It's Free!</button>
-      </form>
-    </div>
-  </div>
-</div>
-</section>
-
-<!-- Contact details -->
-<section id="add_owner" class="sections sections-narrow">
-<div class="container">
-  <!-- Three columns of text below the carousel -->
-  <div class="row">
-    <div class="col-lg-4">
-      <h3>Business Hours</h3>
-      <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
-    </div><!-- /.col-lg-4 -->
-    <div class="col-lg-4">
-      <h3>Our Location</h3>
-      <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
-    </div><!-- /.col-lg-4 -->
-    <div class="col-lg-4">
-      <h3>Questions or comments</h3>
-      <p>Cras mattis consectetur purus sit amet fermentum. </p>
-      <p>
-      <a href="mailto:youremail@yourdomain.com" type="submit" class="btn btn-default">Drop us a line</a>
-      </p>
-    </div><!-- /.col-lg-4 -->
-  </div><!-- /.row -->
-</div>
 </section>
diff --git a/src/main/webapp/components/pets/pets.html b/src/main/webapp/components/pets/pets.html
index 9ec6b26de..484d316f4 100644
--- a/src/main/webapp/components/pets/pets.html
+++ b/src/main/webapp/components/pets/pets.html
@@ -1,79 +1,16 @@
-<!-- Main jumbotron for a primary marketing message or call to action -->
-<div class="jumbotron jumbotron-tertiary">
+<section id="pets" class="sections sections-narrow">
   <div class="container">
-    <div class="jumbotron-headline">
-      <div class="jumbotron-headline-cell">
-        <h1>Finding your pet</h1>
-        <p>Finding the pets that are currently under our care.</p>
-        <div class="row">
-          <div class="col-md-6 col-md-offset-2">
-            <input id="search" type="text" class="form-control input-lg" placeholder="Scooby Doo">
-          </div>
-          <div class="col-md-2">
-            <button type="submit" class="btn btn-primary btn-lg btn-block">Discover</button>
+    <h2 class="sub-header">Pets</h2>
+    <div class="row">
+      <div class="col-md-3" data-ng-repeat="pet in pets | filter:search">
+        <div class="thumbnail">
+          <a href="#"><img data-ng-src="images/pets/pet{{pet.id % 10 + 1}}.jpg" alt="Generic placeholder image" class="img-circle"></a>
+          <div class="caption">
+            <h3 class="caption-heading"><a href="#" data-ng-bind="pet.name"></a></h3>
+            <p data-ng-bind="pet.type.name"></p>
           </div>
         </div>
       </div>
     </div>
   </div>
-</div>
-
-<!-- Featured pets -->
-<section id="pets" class="sections">
-<div class="container">
-  <div class="nav-tabs-filter">
-    <a href="#add_owner" role="button" class="btn btn-primary pull-right">Register Now - It's Free!</a>
-    <ul class="nav nav-tabs">
-      <li role="presentation" class="active"><a href="#">Newest</a></li>
-      <li role="presentation"><a href="#">Popular</a></li>
-    </ul>
-  </div>
-
-  <div class="row">
-    <div class="col-md-3" data-ng-repeat="pet in pets | filter:search">
-      <div class="thumbnail">
-        <a href="#"><img data-ng-src="images/pets/pet{{pet.id % 10 + 1}}.jpg" alt="Generic placeholder image"></a>
-        <div class="caption">
-          <a href="#"><h3 data-ng-bind="pet.name"></h3></a>
-          <p data-ng-bind="pet.type.name"></p>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <div class="row">
-    <div class="col-md-4 col-md-offset-4">
-      <p><a class="btn btn-primary btn-lg btn-block" href="#">Show More »</a></p>
-    </div>
-  </div>
-</div>
-</section>
-
-<!-- Make an appointment call to action -->
-<section id="appointment" class="jumbotron jumbotron-secondary">
-<div class="container">
-  <div class="jumbotron-headline">
-    <div class="jumbotron-headline-cell">
-      <h2>Over 40,000 pet owners trust us. Register now. It's <strong>Free</strong> forever!</h2>
-      <p>Use it as a starting point to create something more unique.</p>
-      <form class="form-inline">
-        <div class="form-group">
-          <label class="sr-only" for="clientName">Your Name</label>
-          <input type="text" class="form-control input-lg" id="clientName" placeholder="Your name">
-          </div><div class="form-group">
-          <label class="sr-only" for="emailAddress">Email Address</label>
-          <input type="email" class="form-control input-lg" id="emailAddress" placeholder="Your email">
-        </div>
-        <div class="form-group">
-          <label class="sr-only" for="clientNumber">Contact Number</label>
-          <input type="text" class="form-control input-lg" id="clientNumber" placeholder="Your contact number">
-        </div>
-        <button type="submit" class="btn btn-primary btn-lg">Get Started - It's Free!</button>
-      </form>
-    </div>
-  </div>
-</div>
-</section>
-
-<!-- Contact details -->
-<data-ng-include src="'components/landing/_contact_us.html'"></data-ng-include>
+</section>
\ No newline at end of file
diff --git a/src/main/webapp/components/veterinarians/veterinarians.html b/src/main/webapp/components/veterinarians/veterinarians.html
index 1dab270ea..81b33b16a 100644
--- a/src/main/webapp/components/veterinarians/veterinarians.html
+++ b/src/main/webapp/components/veterinarians/veterinarians.html
@@ -1,5 +1,4 @@
-<!-- Featured veterinarians -->
-<section id="veterinarians" class="sections">
+<section id="veterinarians" class="sections sections-narrow">
 	<div class="container">
 	  <div class="row">
 	    <div class="col-md-8 col-md-offset-2">
@@ -12,18 +11,13 @@
 	  <div class="row">
 	    <div data-ng-repeat="vet in vets | limitTo : 12" class="col-md-3">
 	      <div class="thumbnail">
-	        <img data-ng-src="images/vets/vet{{vet.id}}.jpg" alt="Generic placeholder image">
+	        <img data-ng-src="images/vets/vet{{vet.id}}.jpg" alt="Generic placeholder image" class="img-circle">
 	        <div class="caption">
-	          <h3 data-ng-bind="'Dr. ' + vet.firstName + ' ' + vet.lastName">Veterinarian Name</h3>
-	          <p data-ng-bind="vet.description"></p>
+	          <h3 class="caption-heading" data-ng-bind="'Dr. ' + vet.firstName + ' ' + vet.lastName">Veterinarian Name</h3>
+	          <p data-ng-bind="vet.description | limitTo: 100"></p>
 	        </div>
 	      </div>
 	    </div>
 	  </div>
-	  <div class="row">
-	    <div class="col-md-4 col-md-offset-4">
-	      <p><a class="btn btn-primary btn-lg btn-block" href="/veterinarians">View More »</a></p>
-	    </div>
-	  </div>
 	</div>
 </section>
\ No newline at end of file