add a page for challenges

_includes/challenge-list.html

@@ -0,0 +1,12 @@
+<ul id="member-list">
+    {% for member in paginator.members %}
+        <li>
+            <a href="{{ site.baseurl }}{{ challenge.url | remove_first: '/' }}"><aside class="dates">{{ challenge.date | date:"%b %d" }}</aside></a>
+            <a href="{{ site.baseurl }}{{ challenge.url | remove_first: '/' }}">{{ challenge.title }} <h2>{{ challenge.description }}</h2></a>
+        </li>
+    {% endfor %}
+</ul>
+
+{% if paginator.previous_page or paginator.next_page %}
+    {% include pagination.html %}
+{% endif %}

_includes/navigation.html

@@ -13,5 +13,8 @@
             <a href="/members/">members </a>
     {% endif %}
 
+    {% if page.url != "/challenges/" %}
+            <a href="/challenges/">challenges </a>
+    {% endif %}
     <a class="cta" href="{{ site.baseurl }}feed.xml">Subscribe</a>
-</nav>
+</nav>

_layouts/challenge.html

@@ -0,0 +1,14 @@
+---
+layout: default
+archive: true
+---
+
+<article class="post">
+    <header>
+        <h1>{{ page.title }}</h1>
+        <h2 class="headline">{{ page.date | date:"%B %-d, %Y" }}</h2>
+    </header>
+    <section id="post-body">
+        {{content}}
+    </section>
+</article>

_posts/challenges/2015-09-05-green-squares.md

@@ -0,0 +1,12 @@
+---
+title:  "Green Squares"
+date:   2015-09-05 10:00:00
+category: challenge
+layout: challenge
+permalink: /challenges/greensquares
+---
+
+<span id="greensquare"></span><h2>The Green Square Incident</h2>
+<p>Our first real "challenge" started at some point in the fall of 2015. One of the Joshes spontaneously suggested this challenge, and it turned into something suprisingly fun and creative:</p>
+
+<h3>Put a green square on your screen as many ways as you can in 10 minutes.</h3>

_posts/challenges/2015-12-20-bandcamp.md

@@ -0,0 +1,10 @@
+---
+title:  "Apply to Bandcamp"
+date:   2015-12-20 00:00:00
+category: challenge
+layout: challenge
+permalink: /challenges/bandcamp
+---
+
+<h2>Get a Job</h2>
+<p>This challenge was simple - figure out how to apply to Bandcamp.com as a Systems Engineer. The clues begin by visiting <a href="http://bandcamp.com/jobs#systems">Bandcamp.com's jobs page</a> and look for the Systems Engineer position. Read it carefully, and go!</p>

_posts/challenges/2016-02-13-fuse.md

@@ -0,0 +1,31 @@
+---
+title:  "Build a FUSE plugin"
+date:   2016-02-13 00:00:00
+category: challenge
+layout: challenge
+permalink: /challenges/fuse
+---
+
+Ok, go ahead. Build a filesystem, using FUSE and the bindings for your favorite language. You could use Python, or Ruby, or Go, or Lua, or JavaScript, or... really, just about any language out there. So give it a shot. It's stupidly fun.
+
+<h4>WTF is FUSE?</h4>
+
+<ul>
+<li>Filesystems in Userspace</li>
+<li>aka, really easy to write custom filesystem - bindings for nearly every language imaginable</li>
+<li>implement a class consisting of up two dozen familiar POSIX methods such as mkdir, rename, symlink, open, read, write, etc. - basic filesystem in 50 lines of code or less</li>
+<li>not unlike implementing a REST api - a hierarchy (file paths, URLs), using a simple set of verbs to manipulate the documents</li>
+<li>like REST, you can do a lot with the basic concepts of directories and files - eg., the unix philosophy</li>
+<li><a href="https://github.com/dsoprea/GDriveFS/">GDriveFS</a>, <a href="https://code.google.com/archive/p/tweetfs/">TweetFS</a>, <a href="https://en.wikipedia.org/wiki/WikipediaFS">WikipediaFS</a>, and many other <a href="https://en.wikipedia.org/wiki/Filesystem_in_Userspace#Example_uses">awesome examples</a>
+</ul>
+
+<a href=""></a>
+
+
+<h4>Resources</h4>
+
+<ul>
+<li>Python: <a href="https://www.stavros.io/posts/python-fuse-filesystem/">python-fuse-filesystem</a> and <a href="http://hackaday.com/2013/11/06/writing-a-fuse-filesystem-in-python/">writing-a-fuse-filesystem-in-python</a></li>
+<li>JavaScript: <a href="https://github.com/bcle/fuse4js">fuse4js</a> and <a href="https://github.com/c4milo/fusejs">fusejs</a> and <a href="https://github.com/mafintosh/fuse-bindings">fuse-bindings</a></li>
+<li>seriously, just <a href="https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&es_th=1&ie=UTF-8#q=fuse%20filesystem%20bindings&es_th=1">Google it</a></li>
+</ul>

assets/css/main.css

@@ -51,3 +51,18 @@ code {
     }
 }
 
+
+
+.post-date {
+  color: #aaaaaa;
+}
+
+#greensquare {
+  float: left;
+  width: 200px;
+  height: 200px;
+  margin-right: 20px;
+  margin-bottom: 20px;
+  background-color: #007700;
+}
+

challenges.html

@@ -0,0 +1,27 @@
+---
+profile: false
+title: "Welcome to Code and Coffee, Long Beach"
+permalink: challenges/
+---
+
+<h1>Challenges</h1>
+
+<p>Every weekend Code &amp;&amp; Coffee has a variety of activities, including group discussions, lightning talks, and - ocassionally - challenges. Challenges should be fun and offer something interesting to every skill level.</p>
+
+<div id="challenge_list" class="content_box">
+
+<h3>our challenges...</h3>
+
+  {% for post in site.posts %}
+    {% if post.category == 'challenge' %}
+      {% assign author = site.authors[post.author] %}
+      {{ author.display_name }}
+      <h4><a href="{{ post.url }}">{{ post.title }}</a> <span class="post-date">{{ post.date | date:"%b %d %Y" }}</span></h4>
+    {% endif %}
+  {% endfor %}
+
+</div>
+
+<p>If you have an idea for a new challenge, send @rogerhoward a private message (to avoid spoilers).</p>
+
+{% include footer.html %}