modify homepage

mercyoseni · Mar 31, 2017 · 21055c4 · 21055c4
1 parent 9587b7a
commit 21055c4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 12 deletions.
diff --git a/src/index.html b/src/index.html
@@ -44,12 +44,12 @@
       <div class="modal-content">
         <div class="modal-header">
           <!--overview of inverted-index-->
-          <h4 class="modal-title" id="overview">Overview</h4>
+          <h4 class="modal-title navbar white" id="overview">Overview</h4>
         </div>
         <div class="modal-body">
           <p class="text-justify">An <strong>inverted index</strong> consists of a list of all the unique words that appear in any document,
           and for each word, a list of the documents in which it appears.
-          Inverted index object takes a JSON array of text objects and creates an index from the array.
+          The Inverted index application takes a JSON array of text objects and creates an index from the array.
           The index allows a user to search for texts in the array that contain a specified collection of words.
           </p>
           <ul>
@@ -83,7 +83,7 @@ <h4 class="modal-title" id="overview">Overview</h4>
       <div class="col-sm-4 jumbotron">
         <h3 id="display" class="help-block"> Select a file to upload </h3>
         <div class="form-group">
-          <label for="file-input" class="btn btn-default btn-file btn-success btn-lg">Upload File &nbsp;
+          <label for="file-input" class="btn btn-default btn-file btn-info btn-lg">Upload File &nbsp;
             <span class="glyphicon glyphicon-upload"></span>
             <input type="file" id="file-input" multiple accept="application/json">
           </label>
@@ -96,7 +96,7 @@ <h3 id="display" class="help-block"> Select a file to upload </h3>
             <option ng-repeat="name in fileNames">{{ name }}</option>
           </select>
         </div>
-        <button class="btn btn-success btn-lg" ng-click="createIndex()">Create Index &nbsp;
+        <button class="btn btn-info btn-lg" ng-click="createIndex()">Create Index &nbsp;
           <span class="glyphicon glyphicon-book"></span>
         </button>
       </div>
@@ -123,7 +123,7 @@ <h3 id="display" class="help-block"> Select a file to upload </h3>
         <table class="table table-striped table-responsive table-hover" ng-show="showTable">
           <div class="row" ng-show="tableTitle">
             <div class="col-md-12">
-              <h2><span class="glyphicon glyphicon-th-large"></span>&nbsp;Inverted Index Table for {{ name }}</h2><br>
+              <h2><span class="glyphicon glyphicon-th-large"></span>&nbsp;Inverted Index Table for <em>{{ name }}</em></h2><br>
             </div>
           </div>
           <thead>

diff --git a/src/public/css/style.css b/src/public/css/style.css
@@ -28,24 +28,23 @@ a:active {
   text-decoration: none;
 }
 
-
 .btn-file {
     position: relative;
     overflow: hidden;
 }
-.btn-success {
+.btn-info {
   background-color: #3CBBB1;
 }
 
-.btn-success:hover {
+.btn-info:hover {
   background-color: #19647E;;
 }
 
-.btn-success:active {
+.btn-info:active {
   background-color: gray;
 }
 
-.btn-success:focus {
+.btn-info:focus {
   background-color: #19647E;;
 }
 
@@ -56,7 +55,6 @@ h2 {
 
 #overview {
    text-align: center; 
-   font-weight: bold;
 }
 
 #display {
@@ -164,7 +162,6 @@ td {
 
 .jumbotron-billboard .img {
     margin-bottom: 0px;
-    opacity: 0.2;
     color: #fff;
     background: #000 url("https://bootstrapcreative.com/wp-bc/wp-content/uploads/2017/03/learning-story.png") center center;
     width: 100%;