Relates #38 - fix various styling issues

fac-14 · Sep 20, 2018 · b6de1fe · b6de1fe
1 parent d7d8dad
commit b6de1fe
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 8 deletions.
diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css
diff --git a/public/stylesheets/main.css.map b/public/stylesheets/main.css.map
diff --git a/public/stylesheets/main.scss b/public/stylesheets/main.scss
@@ -124,8 +124,12 @@ textarea {
     width: 100vw;
 }
 
+.full-splash-height {
+    height: calc(100vh - (4.5 * #{$heading-1}));
+}
+
 .full-height {
-    height: calc(100vh - (4 * #{$heading-1}));
+    min-height: 55vh;
 }
 
 .fixed-height-double-h1 {

diff --git a/src/controllers/home.js b/src/controllers/home.js
@@ -3,6 +3,6 @@ exports.get = (req, res) => {
     {
       activePage:{home: true},
       progressamt: '0',
-      title: 'Tech Access App'
+      title: 'diversiTech'
     })
 }
diff --git a/src/controllers/welcome.js b/src/controllers/welcome.js
@@ -2,6 +2,6 @@ exports.get = (req, res) => {
   res.render('welcome',
     {
       progressamt: '20',
-      title: 'Tech Access App'
+      title: 'diversiTech'
     });
 }
diff --git a/src/views/home.hbs b/src/views/home.hbs
@@ -1,11 +1,11 @@
 <figure class='grid-row'>
-    <div class='centered-column centered-content secondary-background thirtytwo-padding full-height'>
+    <div class='centered-column centered-content secondary-background thirtytwo-padding full-splash-height'>
         <img src='/images/unsplashpeoplecoding.jpeg' alt='image of people coding'>
     </div>
 </figure>
 <section class='grid-row'>
     <div id='bottom-section' class='centered-column centered-content secondary-background thirtytwo-padding fixed-height-double-h1'>
-        <p>Think that a career in tech isn't for 'someone like you?' Let us prove you wrong 🌝</p>
+        <p>Think that a career in tech isn't for 'someone like you?' Let us prove you wrong!</p>
     </div>
 </section>
 

diff --git a/src/views/welcome.hbs b/src/views/welcome.hbs
@@ -1,5 +1,5 @@
 <section class='grid-row'>
-    <div class='centered-column centered-content secondary-background thirtytwo-padding full-height'>
+    <div class='centered-column centered-content secondary-background thirtytwo-padding full-splash-height'>
         <p>Welcome! We're going to ask you a few questions about your background, identity, and other things to make sure we can offer your the best resources.</p>
     </div>
 </section>