hacknightlbc · Jun 7, 2017 · Jun 7, 2017 · Jun 7, 2017 · Jun 8, 2017 · Jun 8, 2017
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,23 @@
+*.gem
+*.swp
+*~
+.DS_Store
+.analysis
+.bundle/
+.byebug_history
+.jekyll-metadata
+.ruby-gemset
+.ruby-version
+.sass-cache
+/test/source/file_name.txt
+/vendor
+Gemfile.lock
 _site/
-
+bin/
+bbin/
+coverage
+gh-pages/
+pkg/
+site/_site/
+test/dest
+tmp/*
diff --git a/README.markdown b/README.markdown
@@ -0,0 +1,12 @@
+# [Uncoded Hack Night - Long Beach, CA](https://hacknightlbc.github.io)
+
+## What is This?
+
+Welcome to the HacknightsLBC website.  The website is built using [Jekyll](http://jekyllrb.com/).  Github hosts static HTML and Jekyll based websites for free.  The files in this repository are used to generate our website, using a combination of familiar web technologies, such as HTML, CSS, Sass, JS, and Markdown (For posts/pages in lieu of HTML).
+
+The website can be viewed at  [https://hacknightlbc.github.io](https://hacknightlbc.github.io).  
+
+
+## Contributing
+
+Using either Github or a forked GIT repo you can help us maintain or fix the website.  For details, see the document on [how to contribute](/about/contribute/).
diff --git a/_config.yml b/_config.yml
@@ -1,3 +1,32 @@
 title: Hack Night
 permalink: /:year/:month/:day/:title/
 paginate: 5
+
+email: your-email@domain.com
+description: > # this means to ignore newlines until "baseurl:"
+  Write an awesome description for your new site here. You can edit this
+  line in _config.yml. It will appear in your document head meta (for
+  Google search results) and in your feed.xml site description.
+url: "" # the base hostname & protocol for your site, e.g. http://example.com
+twitter_handle: uncoded
+github_org:  uncodedlb
+
+
+markdown: kramdown
+highlighter: rouge
+
+theme: jekyll-theme-minimal
+
+exclude:
+  - README.markdown
+  - Gemfile
+  - Gemfile.lock
+  - LICENSE
+  - README.md
+  - CODE_OF_CONDUCT.md
+  - tmp
+  - vendor
+  - .gitignore
+  - .git
+  - .c9
+  - foo
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -1 +1,7 @@
-<p class="copyright">&#169; 2017 <a href="http://www.uncoded.org">Uncoded</a> - Long Beach, CA - <a href="/tos/">Terms of Service</a><p>
+<footer>
+  <small><p class="copyright">&#169; 2017 <a href="http://www.uncoded.org">Uncoded</a> - Long Beach, CA<br>- <a href="{{ site.baseurl }}/tos/">Terms of Service</a></p></small>
+
+  <div class="improve right hide-on-mobiles">
+    <a href="https://github.com/uncodedlb/hacknights/edit/master/{{ page.path }}" target="_blank"><i class="fa fa-pencil"></i> &nbsp;Improve this page</a>
+  </div>
+</footer>
diff --git a/_includes/head.html b/_includes/head.html
@@ -1,6 +1,12 @@
-<meta charset="utf-8">
-<link rel="stylesheet" href="{{ site.baseurl }}/css/style.css">
-<link rel="stylesheet" href="{{ site.baseurl }}/css/wordpress.css">
-<link rel="icon" href="/img/small.png">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="description" content="{{ metadesc }}">
+<head>
+	<title>{{ site.title | default: site.github.repository_name }} by {{ site.github.owner_name }}</title>
+  <meta http-equiv="X-UA-Compatible" content="chrome=1">
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<!--[if lt IE 9]>
+    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+  <![endif]-->
+	<link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
+  <link rel="icon" href="{{ site.baseurl }}/img/small.png">
+  <meta name="description" content="{{ metadesc }}">
+</head>
diff --git a/_includes/header.html b/_includes/header.html
@@ -1,10 +1,13 @@
-<h1><a href="/"><img class="aligncenter" src="/img/hack-night-logo.png"></a></h1>
-<div class="menu">
-<p>
-  <a class="button" href="/about/">About</a>
-  <a class="button" target="_blank" href="http://www.uncoded.org/">UnCoded Website</a>
-  <a class="button" target="_blank" href="https://www.meetup.com/Uncoded/">Uncoded MeetUp</a>
-  <a class="button" target="_blank" href="https://github.com/hacknightlbc/">GitHub Group</a>
-	<a class="button" href="/contact/">Contact</a>
-</p>
-</div>
+<header>
+  <h1><a href="{{ site.baseurl }}/"><img class="aligncenter" src="{{ site.baseurl }}/img/hack-night-logo.png"></a></h1>
+  <div class="menu">
+  <p>
+    <a class="button" href="{{ site.baseurl }}/about/">About</a>
+    <a class="button" href="https://drive.google.com/drive/folders/0B7EyctU67zFNckp4WXNVbGRYVm8">Public Folder</a>
+    <a class="button" target="_blank" href="http://www.uncoded.org/">UnCoded Website</a>
+    <a class="button" target="_blank" href="https://www.meetup.com/Uncoded/">Uncoded MeetUp</a>
+    <a class="button" target="_blank" href="{{ site.github.repository_url }}">GitHub Group</a>
+    <a class="button" href="{{ site.baseurl }}/contact/">Contact</a>
+  </p>
+  </div>
+</header>
diff --git a/_layouts/index.html b/_layouts/index.html
@@ -1,18 +1,33 @@
 <!DOCTYPE html>
-<html>
-<head>
-	<title>{{ site.title }}</title>
+<html lang="{{ site.lang | default: "en-US" }}">
 	{% include head.html %}
-</head>
 
 <body>
+<div class="wrapper">
 
 	{% include header.html %}
 
+<section id="list_content">
+
 	{{ content }}
 
+</section>
+
   {% include footer.html %}
 
-</body>
+</div>
+<script src="{{ '/assets/js/scale.fix.js' | relative_url }}"></script>
 
+  {% if site.google_analytics %}
+    <script>
+        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+        ga('create', '{{ site.google_analytics }}', 'auto');
+        ga('send', 'pageview');
+    </script>
+  {% endif %}
+</body>
 </html>
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -1,20 +1,22 @@
 <!DOCTYPE html>
 <html>
-<head>
-	<title>{{ site.title }} - {{ page.title }}</title>
 	{% include head.html %}
-</head>
 
 <body>
 
-	{% include header.html %}
+<h1><a href="{{ site.baseurl }}/"><img class="aligncenter" src="{{ site.baseurl }}/img/hack-night-logo.png"></a></h1>
 
-	<h2>{{ page.title }}</h2>
+	<h2><i class="fa fa-terminal"></i> {{ page.title }}</h2>
 
 	{{ content }}
 
-	{% include footer.html %}
+<hr>
 
-</body>
+<small class="copyright">&#169; 2017 <a href="http://www.uncoded.org">Uncoded</a> - Long Beach, CA - <a href="{{ site.baseurl }}/tos/">Terms of Service</a></small>
+
+  <span class="improve right hide-on-mobiles">
+    <a href="https://github.com/uncodedlb/hacknights/edit/master/{{ page.path }}" target="_blank"><i class="fa fa-pencil"></i> &nbsp;Improve this page</a>
+  </span>
 
+</body>
 </html>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -1,21 +1,36 @@
 <!DOCTYPE html>
-<html>
-<head>
-	<title>{{ site.title }} - {{ page.title }}</title>
+<html lang="{{ site.lang | default: "en-US" }}">
 	{% include head.html %}
-</head>
 
 <body>
+<div class="wrapper">
 
 	{% include header.html %}
 
-	<h2>{{ page.title }}</h2>
+<section id="post_content">
+
+  <h2><i class="fa fa-terminal"></i> {{ page.title }}</h2>
 	<p class="postdate">{{ page.date | date: '%B %d, %Y' }}</p>
 
 	{{ content }}
 
-	{% include footer.html %}
+</section>
 
-</body>
+  {% include footer.html %}
+
+</div>
+<script src="{{ '/assets/js/scale.fix.js' | relative_url }}"></script>
 
+  {% if site.google_analytics %}
+    <script>
+        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+        ga('create', '{{ site.google_analytics }}', 'auto');
+        ga('send', 'pageview');
+    </script>
+  {% endif %}
+</body>
 </html>
diff --git a/_posts/2016-10-06-national-cyber-security-awareness-month.markdown b/_posts/2016-10-06-national-cyber-security-awareness-month.markdown
diff --git a/_posts/2016-10-25-robot-dance.markdown b/_posts/2016-10-25-robot-dance.markdown
diff --git a/_posts/2016-11-05-big-mouth-billy-alexa.markdown b/_posts/2016-11-05-big-mouth-billy-alexa.markdown
diff --git a/_posts/2017-01-03-new-year.markdown b/_posts/2017-01-03-new-year.markdown
@@ -3,13 +3,13 @@ title: Hacknight 2017
 layout: post
 ---
 **Welcome to Hacknight 2017!** Starting on the 11th we will be meeting on Wednesday instead of Tuesday. Steve and Arthur are still the hosts and we'll still have pizza. Just a new night and a new year.  
-![](/img/cheers.gif)  
+![]({{ site.baseurl }}/img/cheers.gif)  
 Click 'Read more' for extra pizza gifs.
 
-![](/img/pizza-weird01.gif)
+![]({{ site.baseurl }}/img/pizza-weird01.gif)
 
-![](/img/pizza-weird02.gif)
+![]({{ site.baseurl }}/img/pizza-weird02.gif)
 
-![](/img/pizza-weird03.gif)
+![]({{ site.baseurl }}/img/pizza-weird03.gif)
 
 Aren't you glad you clicked that?
diff --git a/_posts/2017-01-25-eastside-wing.markdown b/_posts/2017-01-25-eastside-wing.markdown
diff --git a/_posts/2017-04-12-working-with-tnp.markdown b/_posts/2017-04-12-working-with-tnp.markdown
@@ -2,8 +2,11 @@
 title: "Working with TNP: The Nonprofit Partnership"
 layout: post
 ---
+
 Starting on the 26th of April Hack Night is joining forces with [The Nonprofit Partnership](https://tnpsocal.org/){:target="_blank"} for a monthly meetup. We'll be helping out where ever we can with coming up with technical solutions to some of their more challenging projects.
 
-![](/img/TNP_web-logo1.png){:style="float:left;"}Even though this meetup will be focused around TNP feel free to come even if your just coming for a regular hack night. Participation with the TNP project is completely voluntary.
+![](/img/TNP_web-logo1.png){:style="float:left;"} Even though this meetup will be focused around TNP feel free to come even if your just coming for a regular hack night. Participation with the TNP project is completely voluntary.
+
+### Questions
 
 If you have any questions feel free to reach out to [@youngidealist](https://twitter.com/youngidealist){:target="_blank"} or [@arthursucks](https://twitter.com/arthursucks){:target="_blank"} and of course you can reach The Nonprofit Partnership by [Email](https://tnpsocal.org/contact/){:target="_blank"}.
diff --git a/_posts/2017-06-14-wordpress-wins-the-night.md b/_posts/2017-06-14-wordpress-wins-the-night.md
@@ -0,0 +1,12 @@
+---
+title: "Wordpress Wins the Night"
+layout: post
+---
+
+In an effort to focus on a topic the group has started to develop an open format where we vote on the evening's discussion. Follow the ["Public Folder"](https://drive.google.com/drive/folders/0B7EyctU67zFNckp4WXNVbGRYVm8){:target="_blank"} and find the current date then answer the following questions:
+
+- Who are you?
+- What do you do?
+- What do you want to know?
+
+Tonight we had some fantastic Wordpress demos and challenges. We hope this coninues for the following sessions.
diff --git a/_posts/2017-06-21-teaching-philosphy.md b/_posts/2017-06-21-teaching-philosphy.md
@@ -0,0 +1,14 @@
+---
+title: "Teaching Philosophy"
+layout: post
+---
+
+In an effort to focus on a topic the group has started to develop an open format where we vote on the evening's discussion. Check out the ["Voting Items"](https://docs.google.com/spreadsheets/d/1yqw3y4JEhiQTuA5_CSP9mDFIpD-_8WGEmg1248MNaQA){:target="_blank"} 
+
+We use the basic format with the following questions:
+
+- Who are you?
+- What do you do?
+- What do you want to know?
+
+Keep it up LBHN!
diff --git a/_sass/_animated.scss b/_sass/_animated.scss
@@ -0,0 +1,34 @@
+// Spinning Icons
+// --------------------------
+
+.#{$fa-css-prefix}-spin {
+  -webkit-animation: fa-spin 2s infinite linear;
+          animation: fa-spin 2s infinite linear;
+}
+
+.#{$fa-css-prefix}-pulse {
+  -webkit-animation: fa-spin 1s infinite steps(8);
+          animation: fa-spin 1s infinite steps(8);
+}
+
+@-webkit-keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
+  }
+}
+
+@keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
+  }
+}
diff --git a/_sass/_bordered-pulled.scss b/_sass/_bordered-pulled.scss
@@ -0,0 +1,25 @@
+// Bordered & Pulled
+// -------------------------
+
+.#{$fa-css-prefix}-border {
+  padding: .2em .25em .15em;
+  border: solid .08em $fa-border-color;
+  border-radius: .1em;
+}
+
+.#{$fa-css-prefix}-pull-left { float: left; }
+.#{$fa-css-prefix}-pull-right { float: right; }
+
+.#{$fa-css-prefix} {
+  &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
+  &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
+}
+
+/* Deprecated as of 4.4.0 */
+.pull-right { float: right; }
+.pull-left { float: left; }
+
+.#{$fa-css-prefix} {
+  &.pull-left { margin-right: .3em; }
+  &.pull-right { margin-left: .3em; }
+}
diff --git a/_sass/_core.scss b/_sass/_core.scss
@@ -0,0 +1,12 @@
+// Base Class Definition
+// -------------------------
+
+.#{$fa-css-prefix} {
+  display: inline-block;
+  font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
+  font-size: inherit; // can't have font-size inherit on line above, so need to override
+  text-rendering: auto; // optimizelegibility throws things off #1094
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+}
diff --git a/_sass/_fixed-width.scss b/_sass/_fixed-width.scss
@@ -0,0 +1,6 @@
+// Fixed Width Icons
+// -------------------------
+.#{$fa-css-prefix}-fw {
+  width: (18em / 14);
+  text-align: center;
+}
diff --git a/_sass/_icons.scss b/_sass/_icons.scss
diff --git a/_sass/_larger.scss b/_sass/_larger.scss
@@ -0,0 +1,13 @@
+// Icon Sizes
+// -------------------------
+
+/* makes the font 33% larger relative to the icon container */
+.#{$fa-css-prefix}-lg {
+  font-size: (4em / 3);
+  line-height: (3em / 4);
+  vertical-align: -15%;
+}
+.#{$fa-css-prefix}-2x { font-size: 2em; }
+.#{$fa-css-prefix}-3x { font-size: 3em; }
+.#{$fa-css-prefix}-4x { font-size: 4em; }
+.#{$fa-css-prefix}-5x { font-size: 5em; }
diff --git a/_sass/_list.scss b/_sass/_list.scss
@@ -0,0 +1,19 @@
+// List Icons
+// -------------------------
+
+.#{$fa-css-prefix}-ul {
+  padding-left: 0;
+  margin-left: $fa-li-width;
+  list-style-type: none;
+  > li { position: relative; }
+}
+.#{$fa-css-prefix}-li {
+  position: absolute;
+  left: -$fa-li-width;
+  width: $fa-li-width;
+  top: (2em / 14);
+  text-align: center;
+  &.#{$fa-css-prefix}-lg {
+    left: -$fa-li-width + (4em / 14);
+  }
+}
diff --git a/_sass/_mixins.scss b/_sass/_mixins.scss
@@ -0,0 +1,60 @@
+// Mixins
+// --------------------------
+
+@mixin fa-icon() {
+  display: inline-block;
+  font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
+  font-size: inherit; // can't have font-size inherit on line above, so need to override
+  text-rendering: auto; // optimizelegibility throws things off #1094
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+}
+
+@mixin fa-icon-rotate($degrees, $rotation) {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
+  -webkit-transform: rotate($degrees);
+      -ms-transform: rotate($degrees);
+          transform: rotate($degrees);
+}
+
+@mixin fa-icon-flip($horiz, $vert, $rotation) {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
+  -webkit-transform: scale($horiz, $vert);
+      -ms-transform: scale($horiz, $vert);
+          transform: scale($horiz, $vert);
+}
+
+
+// Only display content to screen readers. A la Bootstrap 4.
+//
+// See: http://a11yproject.com/posts/how-to-hide-content/
+
+@mixin sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0,0,0,0);
+  border: 0;
+}
+
+// Use in conjunction with .sr-only to only display content when it's focused.
+//
+// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
+//
+// Credit: HTML5 Boilerplate
+
+@mixin sr-only-focusable {
+  &:active,
+  &:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+  }
+}
diff --git a/_sass/_path.scss b/_sass/_path.scss
@@ -0,0 +1,15 @@
+/* FONT PATH
+ * -------------------------- */
+
+@font-face {
+  font-family: 'FontAwesome';
+  src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
+  src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
+    url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
+    url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
+    url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
+    url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
+//  src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
+  font-weight: normal;
+  font-style: normal;
+}
diff --git a/_sass/_rotated-flipped.scss b/_sass/_rotated-flipped.scss
@@ -0,0 +1,20 @@
+// Rotated & Flipped Icons
+// -------------------------
+
+.#{$fa-css-prefix}-rotate-90  { @include fa-icon-rotate(90deg, 1);  }
+.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
+.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
+
+.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
+.#{$fa-css-prefix}-flip-vertical   { @include fa-icon-flip(1, -1, 2); }
+
+// Hook for IE8-9
+// -------------------------
+
+:root .#{$fa-css-prefix}-rotate-90,
+:root .#{$fa-css-prefix}-rotate-180,
+:root .#{$fa-css-prefix}-rotate-270,
+:root .#{$fa-css-prefix}-flip-horizontal,
+:root .#{$fa-css-prefix}-flip-vertical {
+  filter: none;
+}
diff --git a/_sass/_screen-reader.scss b/_sass/_screen-reader.scss
@@ -0,0 +1,5 @@
+// Screen Readers
+// -------------------------
+
+.sr-only { @include sr-only(); }
+.sr-only-focusable { @include sr-only-focusable(); }
diff --git a/_sass/_stacked.scss b/_sass/_stacked.scss
@@ -0,0 +1,20 @@
+// Stacked Icons
+// -------------------------
+
+.#{$fa-css-prefix}-stack {
+  position: relative;
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  line-height: 2em;
+  vertical-align: middle;
+}
+.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  text-align: center;
+}
+.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
+.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
+.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
diff --git a/_sass/font-awesome.scss b/_sass/font-awesome.scss
@@ -0,0 +1,18 @@
+/*!
+ *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+
+@import "variables";
+@import "mixins";
+@import "path";
+@import "core";
+@import "larger";
+@import "fixed-width";
+@import "list";
+@import "bordered-pulled";
+@import "animated";
+@import "rotated-flipped";
+@import "stacked";
+@import "icons";
+@import "screen-reader";
diff --git a/_site/2016/10/06/national-cyber-security-awareness-month/index.html b/_site/2016/10/06/national-cyber-security-awareness-month/index.html
diff --git a/_site/2016/10/25/robot-dance/index.html b/_site/2016/10/25/robot-dance/index.html
diff --git a/_site/2016/11/05/big-mouth-billy-alexa/index.html b/_site/2016/11/05/big-mouth-billy-alexa/index.html
diff --git a/_site/2017/01/03/new-year/index.html b/_site/2017/01/03/new-year/index.html
diff --git a/_site/2017/01/25/eastside-wing/index.html b/_site/2017/01/25/eastside-wing/index.html
diff --git a/_site/2017/04/12/working-with-tnp/index.html b/_site/2017/04/12/working-with-tnp/index.html
diff --git a/_site/about/index.html b/_site/about/index.html
diff --git a/_site/contact/index.html b/_site/contact/index.html
diff --git a/_site/css/style.css b/_site/css/style.css
diff --git a/_site/css/wordpress.css b/_site/css/wordpress.css
diff --git a/_site/img/TNP_web-logo1.png b/_site/img/TNP_web-logo1.png
diff --git a/_site/img/art.jpg b/_site/img/art.jpg
diff --git a/_site/img/cheers.gif b/_site/img/cheers.gif
diff --git a/_site/img/hack-night-logo.png b/_site/img/hack-night-logo.png
diff --git a/_site/img/pizza-weird01.gif b/_site/img/pizza-weird01.gif
diff --git a/_site/img/pizza-weird02.gif b/_site/img/pizza-weird02.gif
diff --git a/_site/img/pizza-weird03.gif b/_site/img/pizza-weird03.gif
diff --git a/_site/img/small.png b/_site/img/small.png
diff --git a/_site/img/steve.jpg b/_site/img/steve.jpg
diff --git a/_site/index.html b/_site/index.html
diff --git a/_site/tos/index.html b/_site/tos/index.html
diff --git a/about/contribute.markdown b/about/contribute.markdown
@@ -0,0 +1,25 @@
+---
+title: Contribute to HacknightsLBC Website
+---
+## Get Involved
+
+Helping is easy.  You don't even *need* Jekyll installed locally, but it helps.  Changes and pull requests are encouraged.  Want to fix a typo.  Add some info?  Add a page, or more?  *Go for it!*  
+
+### Edit Using Github
+
+1. You need to be a member of the Uncoded Organization on Github.  If you're not a member, ask an [existing owner](https://github.com/orgs/uncodedlb/people) to invite you to the [Uncoded Organization on Github](https://github.com/orgs/uncodedlb).  [:information_source: Help](https://help.github.com/articles/inviting-users-to-join-your-organization/). This gives you the ability to See all other members, Create teams, Mention teams, See all teams, See all repositories, and Create repositories.
+1. Accept the invite per previous step.  Then login to Github.
+1. Now, [edit a post](https://github.com/uncodedlb/hacknightlbc.github.io/tree/master/_posts), [layout](https://github.com/uncodedlb/hacknightlbc.github.io/tree/master/_layouts), [css](https://github.com/uncodedlb/hacknightlbc.github.io/tree/master/css) or any other file in [this GIT repo using Github GUI](https://github.com/uncodedlb/hacknightlbc.github.io).
+
+### Not a Member? Use Typical Github Workflow
+
+1. `Fork` the repository: [How to Fork](https://help.github.com/articles/fork-a-repo/).
+1. Setup Jekyll locally (see [Gemfile](https://github.com/uncodedlb/hacknightlbc.github.io/blob/master/Gemfile) and [Jekyll Docs]())
+1. Make changes locall.
+1. Optionally, enable Travis for yourself (on your forked) repo: `https://travis-ci.org/profile/**username**`.  [Read more](http://jekyllrb.com/docs/continuous-integration/)
+1.  Create a `Pull Request` to share:  [How to create a Pull Request](https://help.github.com/articles/using-pull-requests/)
+
+
+#### Who Can Get Invovled?
+
+Anyone can create a Pull Request.  In addition, we'll also allow anyone in our community to join our team for direct access.  We do ask that you adhere to [Uncoded  Policies](https://github.com/uncodedlb/uncoded-policies).
diff --git a/about.markdown → about/index.markdown b/about.markdown → about/index.markdown
@@ -1,5 +1,5 @@
 ---
-title: About
+title: About HacknightsLBC
 layout: page
 slug: /about/
 ---
@@ -18,17 +18,20 @@ Devs of all experience levels are encouraged to attend, learn from and share wit
 
 <div style="width: 49%;float:left;">
   <h2>Steve</h2>  
-  <img class="alignright" src="/img/steve.jpg">
+  <img class="alignright" src="{{ site.baseurl }}/img/steve.jpg">
 <p><a target="_blank" href="https://twitter.com/youngidealist">@youngidealist</a></p>
 <p>There is no evil, only stupid. Who is the more foolish, the Fool, or the fool who expected them to be smart?</p>
 </div>
 <div style="width: 49%;float:left;">
   <h2>Arthur</h2>
-  <img class="alignright" src="/img/art.jpg">
+  <img class="alignright" src="{{ site.baseurl }}/img/art.jpg">
   <p><a target="_blank" href="https://twitter.com/arthursucks">@arthursucks</a></p>
   <p>I'm an Open Source and Free Software nerd. I am addicted to caffeine and cycling.</p>
 </div>
 
 </div>
 
 [WeLabs]: http://www.welabs.us/
+
+
+Click to Learn how to [contribute]({{ site.baseurl }}/about/contribute/).
diff --git a/css/style.css → assets/css/style.scss b/css/style.css → assets/css/style.scss
@@ -1,16 +1,32 @@
+---
+---
+@charset "utf-8";
+
+// Do not edit
+@import "{{ site.theme }}";
+@import "font-awesome";
+@import url('https://fonts.googleapis.com/css?family=Share+Tech+Mono');
+
+@media (max-width: 830px) {
+    .show-on-mobiles { display: inline; }
+    .hide-on-mobiles { display: none; }
+}
+
+// Feel free to edit anything below this line.
 body {
 	font-family: sans-serif;
 	background-color: #222;
 	color: #FFF;
 	font-weight: thin;
-	max-width: 960px;
-	margin: 0 auto;
-	padding: 10px;
 }
 
 body a {
 	text-decoration: none;
-	color: #FFF
+	color: #fff;
+}
+
+p a {
+  color: #bada55;
 }
 
 iframe {
@@ -71,22 +87,27 @@ video {
 }
 
 .button {
+  font-family:  'Share Tech Mono', sans-serif;
+  font-size: 1.3rem;
+  text-transform: uppercase;
   background-color: #111;
-  padding: 15px 25px;
-  border-radius: 5px;
-  margin: 0 15px;
+  border-radius: 3px;
+  margin: 10px auto;
   white-space: nowrap;
+  text-align: center;
+  text-decoration: none;
+  cursor: pointer;
+  width: 200px;
+  display: block;
 }
 
 .button:hover {
   box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
 }
 
-.menu {
-  text-align: center;
-}
 .menu a {
-  line-height: 4rem
+  line-height: 4rem;
+  color: #fff;
 }
 
 .menu a:hover {
@@ -111,3 +132,10 @@ body img {
   }
 
 }
+
+.right{
+  float: right;
+}
+ code.highlighter-rouge {
+   color: grey;
+ }
diff --git a/assets/fonts/FontAwesome.otf b/assets/fonts/FontAwesome.otf
diff --git a/assets/fonts/fontawesome-webfont.eot b/assets/fonts/fontawesome-webfont.eot
diff --git a/assets/fonts/fontawesome-webfont.svg b/assets/fonts/fontawesome-webfont.svg
diff --git a/assets/fonts/fontawesome-webfont.ttf b/assets/fonts/fontawesome-webfont.ttf
diff --git a/assets/fonts/fontawesome-webfont.woff b/assets/fonts/fontawesome-webfont.woff
diff --git a/assets/fonts/fontawesome-webfont.woff2 b/assets/fonts/fontawesome-webfont.woff2
diff --git a/contact.markdown b/contact.markdown
diff --git a/css/wordpress.css b/css/wordpress.css
diff --git a/img/art.jpg b/img/art.jpg
diff --git a/img/cheers.gif b/img/cheers.gif
diff --git a/img/hack-night-logo.png b/img/hack-night-logo.png
diff --git a/img/pizza-weird01.gif b/img/pizza-weird01.gif
diff --git a/img/pizza-weird02.gif b/img/pizza-weird02.gif
diff --git a/img/pizza-weird03.gif b/img/pizza-weird03.gif
diff --git a/img/small.png b/img/small.png
diff --git a/img/steve.jpg b/img/steve.jpg
diff --git a/index.md b/index.md
@@ -6,10 +6,12 @@ layout: index
 <ul>
   {% for post in site.posts %}
     <li>
-      <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
-      	<p class="postdate">{{ post.date | date: '%B %d, %Y' }}</p>
-      {{ post.excerpt }}
-      <p class="readmore"><a href="{{ post.url }}">Read More</a></p>
+      <h2><i class="fa fa-terminal"></i> <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h2>
+      	<p class="postdate">{{ post.date | date: '%B %d, %Y' }}
+      <a class="readmore" href="{{ site.baseurl }}{{ post.url }}"> >> Read More</a></p>
+        {% if forloop.index == 1 %}
+        {{ post.excerpt }}
+        {% endif %}
     </li>
   {% endfor %}
 </ul>
diff --git a/tos.markdown b/tos.markdown
@@ -1,10 +1,8 @@
 ---
-Title: Terms of Service
+title: Web Site Terms and Conditions of Use
 layout: page
 slug: tos
 ---
-Web Site Terms and Conditions of Use
-------------------------------------
 
 ### 1. Terms