Styling, member list preparation

Author: Oscar Shaw

Diff for: _config.yml

@@ -7,8 +7,8 @@ baseurl: "" # the subpath of your site, e.g. /blog/
 url: "https://dvcoders.com" # the base hostname & protocol for your site
 twitter_username: dvcoders
 github_username:  dvcoders
-facebook_username: dvcoders 
-footer_note: dvcoders 2017
+facebook_username: dvcoders
+footer_note: dvcoders 2018
 collections:
     - projects
 exclude:

Diff for: _includes/header-page.html

@@ -30,8 +30,8 @@
   <div class="page-banner">
     <h1>{{ page.title }}</h1>
 
-    <div class="page-subtitle-wrapper">
+    <!-- <div class="page-subtitle-wrapper">
       <small>{{ page.subtitle }}</small>
-    </div>
+    </div> -->
   </div>
 </header>

Diff for: _includes/header.html

@@ -10,7 +10,7 @@
           <path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
         </svg>
       </a>
-
+      
       <div class="trigger">
         {% for page in site.pages %}
           {% if page.title %}
@@ -22,7 +22,7 @@
   </div>
 
   <section class="banner">
-    <h2>{{ site.title }}</h2>
+    <h1>{{ site.title }}</h1>
     <p>{{ site.subtitle }}</p>
   </section>
 </header>

Diff for: _sass/_base.scss

@@ -30,11 +30,16 @@ body {
 /**
  * Set `margin-bottom` to maintain vertical rhythm
  */
-h1, h2, h3, h4, h5, h6,
+h1, h2, h3, h4, h5, h6 {
+  margin-bottom: $base-paragraph-spacing;
+  margin-top: $base-paragraph-spacing * 4;
+}
+
 p, blockquote, pre,
 ul, ol, dl, figure,
 %vertical-rhythm {
-    margin-bottom: $spacing-unit / 2;
+  // margin-bottom: $base-paragraph-spacing;
+  margin-bottom: $spacing-unit / 2;
 }
 
 
@@ -47,6 +52,10 @@ img {
     vertical-align: middle;
 }
 
+img.profile {
+  max-width: 5em;
+}
+
 
 
 /**
@@ -81,8 +90,10 @@ li {
 /**
  * Headings
  */
-h1, h2, h3, h4, h5, h6 {
-    font-weight: 300;
+h1 {
+    font-family: $title-font-family !important;
+    font-style: italic;
+    font-weight: 600;
 }
 
 
@@ -213,9 +224,10 @@ pre {
         width: 32px;
         height: 32px;
         vertical-align: middle;
-
+        margin: 20px;
+        
         path {
-            fill: #FFFFFF; 
+            fill: #FFFFFF;
         }
     }
 }

Diff for: _sass/_layout.scss

@@ -132,7 +132,7 @@
 
 .footer-col-wrapper {
     font-size: 15px;
-    color: $grey-color;    
+    color: $grey-color;
     @extend %clearfix;
 }
 
@@ -244,19 +244,20 @@
 }
 
 .banner {
-    color: #CCCCCC;
-    margin: 6em 0 0 0;
+    margin: auto;
     text-align: center;
 
-    h2 { 
-        font-size: 3.25em;
+    h1 {
+        font-size: 4.60em;
         line-height: 1em;
-        font-weight: 300;
+        font-weight: 800;
+        color: $logo-color;
     }
 
     p {
         font-weight: 100;
         font-style: italic;
+        color: $slogan-color;
     }
 
     @include media-query($on-palm) {
@@ -268,8 +269,8 @@
     padding: 3.5em;
     > h1 {
         font-size: 3.45em;
-        font-weight: 300;
-        font-family: 'Roboto', sans-serif;
+        font-weight: 600;
+        // font-family: 'Roboto', sans-serif;
         text-align: center;
         color: $page-title-font-color;
     }
@@ -308,7 +309,7 @@
     border-top: 1px $page-subtitle-line-color solid;
     padding-top: 10px;
     text-align: center;
-    font-family: 'Roboto', sans-serif;
+    // font-family: 'Roboto', sans-serif;
     font-style: italic;
 }
 
@@ -319,7 +320,7 @@
 }
 
 
-// Projects 
+// Projects
 .projects {
     ul {
         margin: 0;

Diff for: about.md

@@ -1,20 +1,24 @@
 ---
 layout: page
 title: About
-subtitle: 
+subtitle:
 permalink: /about/
 ---
-#### **Where coders belong**
+## **Where coders belong**
 Come and build software development skills for a lifetime of programming! Whether you are a seasoned developer or just interested in the joy of computer science, this is a place for you. At dvcoders we want you to be comfortable and welcome regardless of your programming experience.
 
-#### **Join us**
+
+
+## **Join us**
 Sign up at [apply.dvcoders.com](http://apply.dvcoders.com/)
 
 Join our team chat at [chat.dvcoders.com](http://chat.dvcoders.com)
 
 Already joined? Log in at [dvcoders.slack.com](http://dvcoders.slack.com)
 
-#### **Connect with us**
+
+
+## **Connect with us**
 [[email protected]](mailto:[email protected])
 
 [orgsync.com](https://orgsync.com/152317/chapter)

Diff for: css/main.scss

@@ -3,21 +3,25 @@
 ---
 @charset "utf-8";
 
-
+$logo-color: #FAEF99;
+$slogan-color: #faf6e7;
 
 // Our variables
-$base-font-family: 'Raleway', sans-serif;
+$title-font-family: 'Lato', serif;
+$base-font-family: 'Avenir', sans-serif;
 $base-font-size:   16px;
 $small-font-size:  $base-font-size * 0.875;
-$base-line-height: 1.5;
+$base-line-height: 1.3;
 
-$spacing-unit:     30px;
+$base-paragraph-spacing: 5px;
+$spacing-unit:     20px;
 
 $text-color:       #000;
-$background-color: #CDC3B8;
-$brand-color:      #2a7ae2;
+$background-color: #FFFFFF;
+$wrapper-color:    #FFFFFF;
+$brand-color:      #66d9ef;
 
-$grey-color:       #828282;
+$grey-color:       #66d9ef;
 $grey-color-light: lighten($grey-color, 40%);
 $grey-color-dark:  darken($grey-color, 25%);
 
@@ -32,22 +36,22 @@ $subtitle-font-size: 22px;
 $title-font-color: #FFF;
 $subtitle-font-color: #B6B6B6;
 
-$site-title-color: #fff;
-$page-link-color: #fff;
-$active-page-link-color: #894A29;
+$site-title-color: #dcbe7d;
+$page-link-color: #dcbe7d;
+$active-page-link-color: #000000;
+
 
-$wrapper-color: #fff;
 $page-navbar-color: darken(#F0F0F0, 25%);
 
 $index-title-font-size: 36px;
 $index-title-font-color: #000;
 
-$page-title-font-color: #4F310F; 
-$page-subtitle-font-color: #795E41;
-$page-subtitle-line-color: #9B8670;
-
-$navbar-icon-size: 48px;
+// Content page headers
+$page-title-font-color: #3E3A59;
+$page-subtitle-font-color: #3E3A59;
+$page-subtitle-line-color: #3E3A59;
 
+$navbar-icon-size: 32px;
 $timeline-block-color: #FAFAFA;
 // Using media queries with like this:
 // @include media-query($on-palm) {

Diff for: announcement.md renamed to sp18.md

@@ -1,9 +1,13 @@
 ---
 layout: page
 title: Spring 2018
-subtitle: 
-permalink: /spring/
+subtitle:
+permalink: /sp18/
 ---
-#### **Club meetings**
+## **Club meetings**
 Spring 2018 meetings will take place every **Thursday from 5:00PM to 6:30PM at ATC-109**. See you there!
 This semester, we'll be creating a variety of C++ utility programs and web scrapers as well as working with a local startup, Acutulus Enterprises, to create a web application as a tie-in to one of their projects.
+
+## **Club members**
+#### **Your name here**
+Write something about yourself! Include a link with this template if you want to: [Link title here](Link address here)