app/components/jumbo.hbs

@@ -1,4 +1,4 @@
-<div class="jumbotron" ...attributes>
+<div class="jumbotron jumbotron-fluid mb-0" ...attributes>
   <div class="container">
     {{yield}}
   </div>

app/components/scrollmenu.hbs

@@ -1,3 +1,5 @@
-<div class="scrollmenu" style="display: {{this.visibility}}">
-  {{yield}}
+<div class="scrollmenu">
+  {{#if this.args.visible}}
+    {{yield}}
+  {{/if}}
 </div>

app/index.html

@@ -7,6 +7,11 @@
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
+    <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16.png">
+    <link rel="manifest" href="/assets/images/favicon/site.webmanifest">
+
     {{content-for "book-data"}}
 
     {{content-for "head"}}

app/router.js

@@ -10,4 +10,9 @@ Router.map(function() {
   this.route('verse', { path: '/verse/:verse_id' }, function() {
     this.route('word', { path: '/word/:word_id' });
   });
+  this.route('home', { path: '/' });
+  this.route('contributors');
+  this.route('user-guide');
+  this.route('site-purpose');
+  this.route('contact-us');
 });

app/styles/app.scss

@@ -7,5 +7,6 @@
 
 #page_header {
   margin-bottom: 0;
-  background-image: url("/assets/images/banner_bkg.png");
+/*  background-image: url("/assets/images/banner_bkg.png"); */
 }
+

app/templates/application.hbs

@@ -1,16 +1,68 @@
-<div class="continer-fluid">
-  <Jumbo id="page_header">
-    <h1 class="text-light">Biblical Resources for Translators</h1>
-  </Jumbo>
-  <ScriptureNavBar/>
-  {{outlet}}
-</div>
-<footer class="container-fluid bg-dark text-light mt-5" style="height:100px">
-  <div class="container h-100">
-    <div style="line-height: 100px" class="container h-100 align-middle d-inline-block">
-      <a href="http://www.wycliffeassociates.org">
-        <img height="40" src="/assets/images/wycliffe-logo.png" />
-      </a>
-    </div>
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+  <a class="navbar-brand" href="/">
+    <img src="/assets/images/logo-head.svg" width="166" height="50" class="d-inline-block align-top" alt="Wycliffe Associates">
+  </a>
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+
+  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav mr-auto">
+      <li class="nav-item active">
+        <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="/contact-us">Contact Us</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="site-purpose">About</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="user-guide">How to Use the Site</a>
+      </li>
+    </ul>
   </div>
+</nav>
+
+<div class="jumbotron jumbotron-fluid p-2 m-0" id="page_header">
+  <img src="/assets/images/sample-logo-r.svg" class="mx-auto d-block" alt="" height="145">
+  <!--<h1 class="text-light">Biblical Resources for Translators</h1>-->
+</div>
+
+<ScriptureNavBar/>
+{{outlet}}
+
+<footer class="card-fluid bg-dark mt-5">
+	<div class="card-body">
+		<div class="container">
+			<div class="row mt-4">
+				<div class="col-sm-4 mb-4">
+					<h4 class="text-light text-center mb-3">About This Site</h4>
+					<p class="text-light">Developed by Wycliffe Associates and our partners to provide access to tools and resources needed to complete the work of Bible translation.
+					</p>
+				</div>
+				<div class="col-sm-4 mb-3 text-center">
+					<h4 class="text-light mb-3">Find Us</h4>
+					<p class="text-light">
+						11450 Translation Way<br>
+						Orlando, FL 32832<br><br>
+						1-800-THE-WORD
+					</p>
+				</div>
+				<div class="col-sm-4">
+					<h4 class="text-light text-center mb-2">Pages</h4>
+					<nav class="nav justify-content-center">
+            <LinkTo @route="home" class="nav-link">Home</LinkTo><br>
+            <LinkTo @route="contributors" class="nav-link">Contributors</LinkTo><br>
+            <LinkTo @route="user-guide" class="nav-link">User Guide</LinkTo><br>
+            <LinkTo @route="site-purpose" class="nav-link">Site Purpose</LinkTo><br>
+					</nav>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="card-footer text-muted text-center">
+		© 2021 Bible Translation Resources. All Rights Reserved
+		<div class="mt-3 mb-2"><a href="http://www.wycliffeassociates.org"><img width="266" height="50" src="/assets/images/wycliffe-associates-logo-l.svg"></a></div>
+	</div>
 </footer>

app/templates/contact-us.hbs

@@ -0,0 +1,33 @@
+<div class="container mt-5">
+  <div class="row">
+    <div class="col-12 mb-4">
+      <h1>Contact Us</h1>
+    </div>
+  </div>
+  <form>
+    <div class="row">
+      <div class="col-6 col-lg-4 mb-4">
+        <input type="text" class="form-control" placeholder="First name">
+      </div>
+      <div class="col-6 col-lg-4 mb-4">
+        <input type="text" class="form-control" placeholder="Last name">
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-12 col-lg-8 mb-4">
+        <input type="email" class="form-control" placeholder="Email Address">
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-12 col-lg-8 mb-4">
+        <textarea class="form-control" id="Message" rows="7" placeholder="Your Message"></textarea>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-12 mb-4">
+        <input class="btn btn-secondary" type="submit" value="Send Message">
+      </div>
+    </div>
+
+  </form>
+</div>

app/templates/contributors.hbs

@@ -0,0 +1,17 @@
+<div class="container mt-4">
+  <h2 class="mt-5">Contributors To This Project:</h2>
+  <ul class="mt-5">
+    <li><b>Drew Curley</b>, M.A. in Theological Studies; M.S. in Applied Linguistics; M.Div in Pastoral Preaching; Ph.D. in Bible and Theology</li>
+    <li><b>John Hutchins</b>, B.A. in Bible and Theology; M.A. in New Testament; M.A. in Biblical Languages</li>
+    <li><b>Rev. Carolyn D. Baker</b>, B.A. In Bible/Theology, Luther Rice Seminary; M.Div., Assemblies of God Theological Seminary; D. Min., in Christian Education and Leadership, Conservative Baptist Theological Seminary; M.A. in Literary Analysis/Linguistics, University of North Dakota; Ph. D. in Early American Literature, Bible as Literature, and Historical Criticism, University of North Dakota.</li>
+    <li><b>Larry T. Brooks</b>, M.Div., Assemblies of God Theological Seminary</li>
+    <li><b>Robert W. Johnson</b></li>
+    <li><b>Jean Kringle</b>, B.A. in Religious Education, Crown College</li>
+    <li><b>Olivia Laney</b></li>
+    <li><b>Susan R. Quigley</b>, M.A. in Linguistics, University of North Dakota</li>
+    <li><b>Morris E. Anderson</b>, M.Div. Bethel Theological Seminary; Th.M. Bethel Theological Seminary</li>
+    <li><b>Lloyd Clifton Box III</b>, B.A. Criswell College; M.A. Dallas Baptist University; Post Grad at University of Texas at Arlington and University of Southern Mississippi</li>
+    <li><b>Troy Dowden</b>, M.A. in Israel Studies, Baptists for Israel Institute</li>
+    <li><b>Octavio Gama</b>, BTh. Seminario Bíblico Juan Wesley; MDiv. Fuller Theological Seminary; DMin. Drew University</li>
+  </ul>
+</div>

app/templates/site-purpose.hbs

@@ -0,0 +1,4 @@
+<div class="container mt-5">
+  <h2 class="mt-5">Website Purpose</h2>
+  <p class="mt-4">This website is designed to help Bible translators gain valuable insight into the meaning of the biblical text in its original languages. We recognize that formal training in the biblical languages is very limited and few people in the world have the ability to pursue this training. We also recognize that knowledge of the biblical languages helps people to produce more accurate Bible translations. In light of these truths, this website has been developed to give Bible translators access to information about the meaning of the Bible in its original languages. Because most Bible translators are non-native speakers of English, the content on this website is designed to be used by non-native speakers of English. All content has been produced using “writing for international translators”, which is a way of writing for non-native speakers of English that does not use overly technical or complex language.</p>
+</div>

app/templates/verse.hbs

@@ -1,7 +1,7 @@
-<div class="container">
+<div class="container pt-4">
   <h1>{{model.reference}}</h1>
   <div class="row">
-    <div class="col-12">
+    <div class="col-12 pt-4 pb-3">
       <h4>ULB</h4>
       <p>{{model.ulbText}}</p>
       <h4>Greek</h4>
@@ -9,10 +9,10 @@
     </div>
   </div>
   <div class="row">
-    <div class="col-6">
+    <div class="col-md-6 pt-4">
       <Words::WordTable @model={{model.words}} />
     </div>
-    <div class="col-6">
+    <div class="col-md-6 pt-4">
       {{outlet}}
     </div>
   </div>

public/assets/images/favicon/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}