codeRIT · nateperry · Oct 2, 2014 · Sep 26, 2014 · Sep 27, 2014 · Oct 2, 2014
diff --git a/_config.yml b/_config.yml
@@ -1,12 +1,28 @@
 # Dependencies
 markdown:	redcarpet
-pygments:	false
-
-# Permalinks
-permalink:	/blog/:title
+highliter:	pygments
 
 # Setup
 title:		codeRIT
-tagline:	'codeRIT'
-description:	'codeRIT represents a coalition of students with a mission to represent the RIT hackathon community on a national level. It focuses its attention towards increasing its relationship with other collegiate technical communities, teaching software development and entrepreneurial skills to its members, and uniting a fragmented collection of groups amongst GCCIS as one RIT group.'
 url:		http://coderit.org
+
+committees:
+- name: Logistics & Hospitality
+  description: Our main goal is to make sure that everyone is comfortable and having during Brick Hack events. We are responsible for planning out many the many needs of the event, such as locations, events, venue setup, food, and many other important event amenities.
+  image: http://placehold.it/150
+
+- name: Marketing & Design
+  description: Our team is in charge of the branding of our organization by creatings logos, building and managing websites, getting swag to hand out, and handling all of our social media efforts. We also handle advertising our events to help increase the number of attendees.
+  image: http://placehold.it/150
+
+- name: Director
+  description: Communicates all organization ongoings with each committee as well as with administration.
+  image: http://placehold.it/150
+
+- name: Sponsorship
+  description: We reach out to some of the best companies in the world to come to and sponsor our events. Without the financial support from these different companies, none of our events could take place.
+  image: http://placehold.it/150
+
+- name: Travel & Outreach
+  description: We communicate with other schools to learn how make our own organization better. By networking with other schools, we open more opportunities to attend their events and for them to attend ours.
+  image: http://placehold.it/150
diff --git a/_includes/events.html b/_includes/events.html
@@ -0,0 +1,12 @@
+<ul class="event-list">
+  {% for post in site.categories.events order:asc %}
+  <li class="event">
+    <h4 class="event-title">{{ post.title }}</h4>
+    <ul class="event-info">
+      <li><i class="fa fa-calendar-o"></i>{{ post.date | date: "%b %-d %Y"}}
+      {% if post.time %}<li><i class="fa fa-clock-o"></i>{{ post.time }}{% endif %}
+      <li><i class="fa fa-map-marker"></i>{{ post.location }}
+    </ul>
+  </li>
+  {% endfor %}
+</ul>
diff --git a/_includes/foot.html b/_includes/foot.html
@@ -1,4 +1,4 @@
-<footer id="footer" class="banner">
+<footer id="footer">
   <div class="inner container">
     <p>&copy;codeRIT 2014 All Rights Reserved</p>
   </div>

diff --git a/_sass/main.sass b/_sass/main.sass
@@ -1,22 +1,25 @@
 /* Main.sass */
 
+@import '_mixins'
+
 // general colors
 $yellow				: #FEE375
-$white				: #ECF0F1
-$grey-light		: darken($white, 8%)
+$white				: #FFFFFF
+$grey-med			: #505050
 $grey-dark		: #444444
 // logo colors
-$orange-light : #F98728
+$orange-light : #F3852A
 $orange-med		: #F36321
 $orange-dark	: #CE5F15
 $blue					: #384859
+$blue-light		: #194774
 $offwhite			: #FCF3E8
 
 // fonts
 $font-body-family							:	'Open Sans', sans-serif
 $font-headlines-family				: 'Montserrat', sans-serif
-$font-headlines-weight-bold 	: 700
-$font-headlines-weight-reg 		:	400
+$font-bold 										: 700
+$font-reg 										:	400
 
 // constants
 $footer-height: 90px
@@ -27,15 +30,16 @@ body, html
 
 body
 	background: $white
-	color: $grey-dark
+	color: $grey-med
 	font-family: $font-body-family
 	font-size: 16px
 	margin: 0
 	padding: 0
 
 h1, h2, h3
 	font-family: $font-headlines-family
-	font-weight: $font-headlines-weight-reg
+	font-weight: $font-reg
+	margin-top: 0
 	&.subtitle
 		color: $white
 h1
@@ -61,8 +65,28 @@ a
 	max-width: 1200px
 	padding: 0 8px
 
+.button
+	border: 1px solid $white
+	@include border-radius (8px)
+	color: $white
+	display: inline-block
+	font-weight: $font-bold
+	margin-top: 25px
+	padding: 5px 25px 8px
+	position: relative
+	&:hover
+		background: $white
+		color: $blue
+	&.orange
+		color: $orange-light
+		border-color: $orange-light
+		&:hover
+			background: $orange-light
+			color: $white
+
 .banner
 	background: $blue
+	background: url('coderit_background.png') center center fixed
 	box-sizing: border-box
 	color: $white
 	display: block
@@ -73,31 +97,30 @@ a
 	.inner
 		left: 0
 		right: 0
-	h1
-		color: $orange-light
 	// custom banners
 	&.welcome
 		background: url('coderit_background.png') center center fixed
+		font-size: 1.25em
+		height: 100%
+		min-height: 200px
 		padding: 60px 0 80px
 		text-align: center
-
-.divider
-	background: darken($blue, 10%)
-	height: 25px
-	margin: 0
-
-.button
-	background: lighten($blue, 8%)
-	border: 2px solid darken($blue, 8%)
-	color: $white
-	display: inline-block
-	padding: 5px 10px
-	text-decoration: none
-	&:hover
-		background: lighten($blue, 12%)
-		color: $white
-	&.large
-		font-size: 1.25em
+		.logo
+			margin-bottom: 25px
+			max-width: 60%
+		#learn-more
+			&:after
+				border-color: $white transparent transparent transparent
+				border-style: solid
+				border-width: 12px
+				content: ''
+				display: block
+				height: 0
+				left: 50%
+				position: absolute
+				top: 150%
+				transform: translateX(-50%)
+				width: 0
 
 .text-large
 	font-size: 2em
@@ -110,6 +133,8 @@ a
 		box-sizing: border-box
 		float: left
 		padding-right: 35px
+		&:last-child
+			padding-right: 0
 	&.two
 		.col
 			width: 50%
@@ -130,37 +155,131 @@ a
 	height: 100%
 	margin-bottom: -$footer-height
 
+.title
+	color: $orange-light
+	text-align: center
+
 // SECTIONS
-#mission
-	color: $grey-dark
-	padding: 25px 0
+.section
+	padding: 90px 0
+	.title
+		margin-bottom: 110px
 
-#brickhack
-	background: url("coderit_background.png") center center fixed
-	text-align: center
-	padding: 20px
-	h1
-		font-size: 5em
-		margin-bottom: 0
-		margin-top: 0
+#about
+	.title
+		margin-bottom: 110px
+	.badge-cta
+		.badge-icon
+			@include border-radius (100%)
+			border: 1px solid
+			box-sizing: border-box
+			color: $blue-light
+			height: 150px
+			padding: 30px
+			width: 150px
+		.badge-name
+			margin-top: 30px
+	hr
+		background: $grey-dark
+		border-color: $grey-dark
+		color: $grey-dark
+		margin: 75px auto
+		width: 50%
+	#mission
+		font-size: 1.125em
+		margin-left: 10%
+		text-align: justify
+		width: 80%
+
+#events
+	background: url("coderit_background_light.png") center center fixed
+	color: $grey-med
+	padding-bottom: 100px
+	padding-top: 100px
+	.inner
+		background: $white
+		margin: 10px
+		padding: 50px
 	h3
-		font-size: 1.545em
+		color: $orange-light
+	p
+		margin: 0 auto
+		text-align: justify
+		width: 50%
+.event-list
+	list-style: none
+	margin: 0 auto
+	padding-left: 0
+	width: 50%
+	.event
+		color: $blue-light
+		margin-bottom: 10px
+	.event-title
+		font-size: 1.125em
+		margin: 0 0 5px
+	.event-info
+		font-size: 0.875em
+		list-style: none
+		padding: 0
+		.fa
+			margin-right: 10px
+
+#committees
+	.committee
+		box-sizing: border-box
+		display: inline-block
+		margin-bottom: 10px
+		margin-left: -2px
+		width: 49%
+		.committee-img
+			@include border-radius (100%)
+			display: inline-block
+			vertical-align: top
+			width: 25%
+		.committee-info
+			display: inline-block
+			margin-left: 1%
+			vertical-align: top
+			width: 70%
+		.committee-desc
+			text-align: justify
+		.committee-name
+			color: $orange-light
+			margin: 0
+		&.middle
+			text-align: center
+			transform: translateX(50%)
+			.committee-img
+				display: block
+				margin: 0 auto
+		&.right
+			text-align: right
+			.committee-info
+				margin-left: 0
+				margin-right: 1%
 
 #contact
-	background: $grey-light
 	padding: 20px 0
 	.fa
 		margin-right: 10px
 		vertical-align: middle
-		&.fa-facebook-square
-			font-size: 2em
-		&.fa-envelope
-			vertical-align: top
-			font-size: 1.45em
+	.grid-cta
+		margin: 0 auto
+		width: 50%
+		.col
+			display: inline-block
+			float: none
+			vertical-align: middle
+			width: 48%
+#contact-links
+	a
+		display: block
+		margin-bottom: 10px
 
 #footer
-	height: $footer-height
-	border-bottom: 25px solid darken($blue, 10%)
+	background: darken($blue, 10%)
+	color: $white
+	padding: 3px 0
 	text-align: center
 
 #error-page
@@ -177,4 +296,19 @@ a
 			clear: both
 			float: none !important
 			margin-top: 8px
-			width: 100% !important
+			padding-right: 0
+			width: 100% !important
+
+	#about
+		.badge-cta
+			margin-bottom: 40px
+			.badge-name
+				margin: 0
+
+	#events
+		.inner
+			padding: 20px 10px
+		p
+			width: auto
+	.event-list
+		width: 100%
diff --git a/assets/css/coderit_background_light.png b/assets/css/coderit_background_light.png