Development

_config.yml

@@ -26,8 +26,11 @@ description: >- # this means to ignore newlines until "baseurl:"
 
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "" # the base hostname & protocol for your site, e.g. http://example.com
-twitter_username: jekyllrb
-github_username:  jekyll
+github_username:  UpstreamCode
+
+header_pages:
+  - getinvolved.markdown
+  - about.markdown
 
 # Build settings
 theme: minima

_layouts/home.html

@@ -9,15 +9,25 @@
 
   <div class="full-width-content">
     <!-- <img style="width:100%;" src="images/guy_mountains_sunset.jpg" alt="cover photo"/> -->
-    <div class="cover">  
+    <div class="cover" style="background-image: linear-gradient( 
+        rgba(0, 0, 0, 0.5), 
+        rgba(0, 0, 0, 0.5) ), 
+        url({{ '../images/' | append: page.cover }}) ;">  
       {%- if page.heading -%}
       <h1 class="page-heading">{{ page.heading }}</h1>
       {%- endif -%}
-      <h2 class="cover-content"></h2>
+      <!-- <h2 class="cover-content">To the ends of the earth</h2> -->
+      </div>
     </div>
   </div>
 
-  {{ content }}
+  <div class="wrapper">
+
+    <div class="page-section">
+    {{ content }}
+    </div>
+
+  </div>
 
 
   {% if site.paginate %}

about.markdown

@@ -1,18 +1,9 @@
 ---
-layout: page
+layout: home
 title: About
+heading: Our Story
 permalink: /about/
+cover: travel-mug.jpg
 ---
 
-This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](https://jekyllrb.com/)
-
-You can find the source code for Minima at GitHub:
-[jekyll][jekyll-organization] /
-[minima](https://github.com/jekyll/minima)
-
-You can find the source code for Jekyll at GitHub:
-[jekyll][jekyll-organization] /
-[jekyll](https://github.com/jekyll/jekyll)
-
-
-[jekyll-organization]: https://github.com/jekyll
+Here's stuff about our story. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

assets/main.scss

@@ -7,6 +7,12 @@
 $brand-color-dark:           #a8edff;
 $brand-color-light:           #e8e8e8;
 
+
+$spacing-unit:     30px;
+
+// Width of the content area
+$content-width:    800px;
+
 /**
  * Site header
  */
@@ -34,6 +40,24 @@ $brand-color-light:           #e8e8e8;
 */
 .page-heading {
   text-align: center;
+  font-size: 3em;
+  color: white;
+  font-weight: bold;
+}
+
+/**
+* Page body (inside)
+*/
+.page-section {
+  margin-top: 36px;
+}
+
+/**
+* Page Content - main used in default.html
+* (overriding padding)
+*/
+.page-content {
+  padding-top: 0px;
 }
 
 /**
@@ -42,13 +66,20 @@ $brand-color-light:           #e8e8e8;
 .cover {
   display: flex;
   flex-direction: column;
-  background-image: url("../images/guy_mountains_sunset.jpg");
-  background-color: #cccccc;
-  height: 400px;
+  background-color: black;
   justify-content: center;
   align-items: center;
+  height: 500px;
+  width: 100%;
+
+  background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("../images/guy_mountains_sunset.jpg");
+  -webkit-background-size: cover;
+  -moz-background-size:  cover;
+  -o-background-size: cover;
+  background-size: cover;
 }
 
+
 /**
  * Cover content
  */

getinvolved.markdown

@@ -0,0 +1,9 @@
+---
+layout: home
+title: Get Involved
+heading: Get Involved
+permalink: /get-involved/
+cover: tea-laptop.jpg
+---
+
+How to get involved: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

index.markdown

@@ -4,5 +4,8 @@
 
 layout: home
 title: Upstream
-heading: Site under construction
+heading: Coding for Missions
+cover: guy_mountains_sunset.jpg
 ---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.