tagged posts and added related posts section

README.md

@@ -12,6 +12,7 @@ This is our repository for our club's [website](https://opensource.osu.edu). It'
 ### How can I contribute?
 
 - report bugs, issues, and documentation inconsistencies
+- tag posts
 - request features
 - hate or love a feature . . . *tell us*
 - request topics for future meetings

_assets/css/_media-queries.sass

@@ -113,6 +113,12 @@
       left: $sidebarWidth
     >*
       transition: 0s
+    .column-wrap
+      &:nth-of-type(2n)
+        // width: 960px
+      &:nth-of-type(2n+1)
+        // width: calc(100% - 960px)
+        // min-width: 1400px - 960px
   .layout-desktop
     display: inherit
 
@@ -124,6 +130,45 @@
       left: 30rem
     > .section.posts:only-child > .container
       width: 50%
+  // .related
+  //   .related-post
+  //     width: 50%
+
+
+@media (min-width: 1200px) and (max-width: 1749px)
+  .container
+    max-width: 960px
+  #page-content-wrapper
+    .column-wrap
+      width: calc(960px - (3em * 2))
+      &:nth-of-type(2n+1)
+        margin-top: 8em
+    .related
+      .related-post
+        width: calc(50% - 2em)
+        &:nth-of-type(2n+1)
+          margin-right: 2em
+
+
+@media (min-width: 1750px)
+  .container
+    max-width: 1400px
+  #page-content-wrapper
+    .column-wrap
+      &:nth-of-type(2n)
+        width: calc(960px - (3em * 2))
+      &:nth-of-type(2n+1)
+        position: fixed
+        width: calc(100% - 960px - 10em)
+        min-width: calc(1400px - 960px - 10em)
+        max-width: 1em
+        margin-left: 10em
+    .related
+      padding-top: 8rem
+      .related-post
+        width: 100%
+
+
 
 @media (min-width: 550px) and (max-width: 749px) and (orientation: landscape)
   .landing
@@ -297,7 +342,6 @@
     overflow-x: hidden
     transition: all 0.25s linear
     -webkit-overflow-scrolling: touch
-
     &.single
       left: 0
       transition: all 0.25s linear
@@ -311,6 +355,10 @@
       &.single
         left: 30rem
         transition: all 0.25s linear
+    .column-wrap
+      width: 100%
+      &:nth-of-type(2n+1)
+        margin-top: 4em
 
   *:not(#page-content-wrapper):not(.sidebar):not(.navbar):not(.menu-toggle):not(#search-posts):not(.search-submit):not(.search-results):not(.scrollToTop)
     //todo mixin that daisy chains :not
@@ -347,6 +395,10 @@
     padding: 0
     width: 100%
 
+  .related
+    .related-post
+      width: 100%
+
 @media (min-width: 750px) and (max-width: 1199px)
   #main-nav
     padding-top: 6rem
@@ -408,6 +460,11 @@
     height: 6rem
     &::before
       font-size: 3rem
+  .related
+    .related-post
+      width: calc(50% - 1em)
+      &:nth-of-type(2n+1)
+        margin-right: 2em
 
 @media (min-width: 550px) and (max-width: 749px)
   .landing

_assets/css/main.sass

@@ -17,7 +17,7 @@ $gray: #848484
   padding: 0 20px
   margin: 0 auto
   width: 100%
-  max-width: 960px
+  // max-width: 1400px
 
 .column, .columns
   box-sizing: border-box
@@ -28,12 +28,13 @@ $gray: #848484
 @media (min-width: 400px)
   .container
     padding: 0
-    width: 85%
+    // width: 85%
+    padding: 0 3em
 
 /* For devices larger than 550px
 @media (min-width: 550px)
   .container
-    width: 80%
+    // width: 80%
   .column, .columns
     margin-left: 4%
   .column:first-child, .columns:first-child
@@ -150,6 +151,9 @@ h1
   line-height: 1.2
   margin-top: 1.5em
 
+.date + .content h1:first-of-type
+  margin-top: 0
+
 
 h2
   font-size: 3.6rem
@@ -542,7 +546,7 @@ hr
     h5
       display: inline
       text-transform: capitalize
-  
+
   a:not(:last-of-type)
     h5::after
       content: "\f105"
@@ -841,9 +845,9 @@ input
     a
       font-weight: 400
   h2
-    margin-top: 2em
+    margin-top: 8rem
     &:not(:first-of-type)
-      padding-top: 2em
+      padding-top: 8rem
       border-top: 1px lighten($gray, 20%) solid
 
   .tags
@@ -1204,3 +1208,16 @@ footer
 
 @import "media-queries"
 // @import "terminal"
+
+.column-wrap
+  display: inline-table
+  vertical-align: top
+
+.related
+  // margin-top: 6em
+  .related-title
+    border-bottom: 1px lighten($gray, 25%) solid
+  .related-post
+    display: inline-table
+    h4
+      margin-bottom: 0

_includes/jade/posts.jade

@@ -9,8 +9,8 @@
       a(href='{{ site.baseurl }}/')
         h5 {{ page.tags }}
       {% else %}
-      a(href='{{ site.baseurl }}/{{ page.tags | first }}')
-        h5 {{ page.tags }}
+      a(href="{{ site.baseurl }}/{{ page.tags | first | remove: ',' }}")
+        h5 {{ page.tags | first | remove: ',' }}
       {% endif %}
 
       a(href='{{ site.baseurl }}{{ post.url }}')
@@ -50,18 +50,62 @@
 
     {% endunless %}
 
-    .tags {{ post.tags }}
+    .tags {{ post.tags | join: ' ' }}
 
     {% endfor %}
 
 
 
     {% if page.is_post %}
+
+    .column-wrap
+      h2.bold {{ page.title }}
+      span.date posted: {{ page.date | date: "%m-%d-%Y" }}
+      .content {{ page.content | markdownify }}
+      .tags {{ page.tags | join: ' ' }}
+
+    .column-wrap
+      .related
+        h4.related-title Related Posts
+
+        {% assign relatedPosts = false %}
+        {% assign relatedPostCount = 0 %}
+
+        {% for post in site.posts %}
+
+        {% assign sameTagCount = 0 %}
+        {% assign commonTags = '' %}
+
+
+        {% for tag in post.tags %}
+        //- {% if page.tags contains tag and post.categories == page.categories %}
+        {% if page.tags contains tag %}
+        {% assign sameTagCount = sameTagCount | plus: 1 %}
+
+        {% endif %}
+        {% endfor %}
+
+        {% if sameTagCount >= 2 and post.url != page.url %}
+        {% assign relatedPosts = true %}
+        {% assign relatedPostCount = relatedPostCount | plus: 1 %}
+
+        {% if relatedPostCount > 6 %}
+        | {% break %}
+        {% endif %}
+
+        .related-post
+          a(href='{{ post.url }}')
+            h4 {{ post.title }}
+          span.date posted: {{ post.date | date: "%m-%d-%Y" }}
+        {% endif %}
+
+        {% endfor %}
+
+        {% if relatedPosts == false %}
+        .related-post
+          h4 No related posts found
+        {% endif %}
 
-    h2.bold {{ page.title }}
-    span.date posted: {{ page.date | date: "%m-%d-%Y" }}
-    .content {{ page.content | markdownify }}
-    .tags {{ page.tags }}
     {% endif %}
 
     {% unless page.is_post %}

_layouts/jade/secondary/events.jade

@@ -16,7 +16,7 @@ doctype html
       {% else %}
 
       {% for post in site.categories.[page.category] %}
-      h2 {{ post.title }}
+      h2.bold {{ post.title }}
       span.date posted: {{ post.date | date: "%m-%d-%Y" }}
       .content {{ post.content }}
       {% endfor %}

_layouts/jade/secondary/volunteering.jade

@@ -17,7 +17,7 @@ doctype html
       {% else %}
 
       {% for post in site.categories.[page.category] %}
-      h2 {{ post.title }}
+      h2.bold {{ post.title }}
       span.date posted: {{ post.date | date: "%m-%d-%Y" }}
       .content {{ post.content }}
       {% endfor %}

_posts/2006-09-10-updated-student-involvement-fair-ohio-linuxfest-pamphlet.md

@@ -3,7 +3,7 @@ layout: html/default
 title: 'Updated: Student Involvement Fair/Ohio LinuxFest pamphlet'
 created: 1157923826
 categories: announcements
-tags: announcements
+tags: announcements, ohio linuxfest
 ---
 As part of our participation in the [Student Involvement Fair](http://ohiounion.osu.edu/studentorgs/events_involvement.asp) and [Ohio LinuxFest 2006](http://www.ohiolinux.org) I'd like to hand out pamphets that showcase who we are and our upcoming meetings. I've started work on it, and would appriciate any idea or comments you may have on it. You can download it at the bottom of the page in OpenDocument and PDF formats. Edit: The automatic uploader is not working, due to possible SELinux issues. I've linked to the files manually, and will look into the issue. Release notes:
 

_posts/2006-09-21-new-drupal-based-website-launched.md

@@ -4,7 +4,7 @@ title: New Drupal-based website launched
 created: 1158866713
 alias: /website-moving.html
 categories: announcements
-tags: announcements
+tags: announcements, website, cms, drupal
 ---
 Months ago I made the decision to use [Microwiki](/microwiki) as the base of our website, replacing the [old HTML site](/old_site/) that we had previously. At around the same time, [Freegeek Columbus](http://freegeekcolumbus.org/) switched from [MediaWiki](http://www.mediawiki.org) - the software that drives Wikipedia - to Mircowiki, and they seemed happy enough. It seemed a good choice for us. I thought that we should use something small and simple. Microwiki, weighing in at just 163 kilobytes, is undoubtably small and simple. However, as time wore on, it became clear that MicroWiki was not the best tool for the job. I pressed on, thinking that I could make it work. I never did. Here is a quick list of various problems I ran into:
 

_posts/2006-09-21-ohio-linuxfest-2006.md

@@ -3,7 +3,7 @@ layout: html/default
 title: Ohio LinuxFest 2006
 created: 1158867255
 categories: announcements
-tags: announcements
+tags: announcements, ohio linuxfest
 ---
 On September 30, 2006 [Ohio LinuxFest 2006](http://www.ohiolinux.org) will occur at the [Greater Columbus Convention Center](http://www.ohiolinux.org/attend_travel.html). This event will draw over a dozen sponsors, twenty speakers, and nearly two-thousand attendees.
 

_posts/2006-09-21-welcome-back-with-alex-ideas-for-ohio-linuxfest.md

@@ -3,7 +3,7 @@ layout: html/default
 title: Welcome Back with Alex! / Ideas for Ohio LinuxFest
 created: 1158867653
 categories: announcements
-tags: announcements
+tags: announcements, ohio linuxfest
 ---
 Date: 09/21/2006
 Time: 7:00PM

_posts/2006-09-21-welcome-back.md

@@ -3,6 +3,6 @@ layout: html/default
 title: Welcome Back!
 created: 1158866666
 categories: announcements
-tags: announcements
+tags: announcements, first
 ---
 Hello all, I hope everyone had a great summer and is ready for the next quarter of the Opensource Club to begin! We have a couple of important events occurring within the first few weeks of the quarter I'd like to talk a bit about, since they are new and exciting. The Opensource Club will be taking part in the Student Involvement Fair on September 18th. We will have a table in the Technology section of the fair. The Student Involvement Fair will be held from 12:00 noon to 4:00pm on the Oval and will include dozens of student organizations and thousands of attendees. This is a great chance to advertise ourselves to the incoming freshmen class and to all students of Ohio State. Then on September 30th is Ohio LinuxFest 2006! LinuxFest will be held at the Greater Columbus Convention Center in downtown Columbus. We are also proudly taking part in this event, with a table of our own. There will speakers, vendor and community exhibits, and plenty of swag. Information can be found on the Ohio LinuxFest website, and more will be added to the site soon. This is a chance to show the greater community our spirit and resolve to be a great community player. Both events are completely free to attend, but it should be noted that Ohio LinuxFest requires all attendees to register by September 22\. LinuxFest is offering an All Conference Pass for $65.00, which is completely optional, and includes several perks, all detailed on the attendance page. We will be organizing a group of attendees once the date draws closer. I will send out more detailed e-mails about each event as they draw nearer. Now, we are currently in the planning stages, but one thing we would like to give away at both events is a flier detailing ourselves and listing at least our first five or six meetings of the quarter. For this, we need speakers. I'd like to ask for five speakers to offer to give presentations for the first few meetings of the quarter. We want to show anyone interested in our organization that we are alive, kicking, and in full-swing for the up-and-coming year. This year we will be continuing in the alternating Tuesday/Thursday at 7:00pm format that we used last year, since it seemed to work well for most people. If it turns out to not be the best way to continue, we can discuss alternate ideas. Barring any problems, here is my tentative schedule of meeting dates: Monday 9/18: Student Involvement Fair Thursday 9/21: Welcome Back with Alex! Tuesday 9/26: Speaker needed Saturday 9/30: Ohio LinuxFest 2006 Thursday 10/5: Speaker needed Tuesday 10/10: Speaker needed Thursday 10/19: Speaker needed Tuesday 10/24: Speaker needed If anyone is interested in speaking during those dates, feel free to contact me at [email protected] or by replying to this topic. I am looking forward to seeing the Opensource Club as strong as ever in the coming months, and these two events are a good way to start upon that road.

_posts/2006-09-26-pulseaudio-with-paul-betts.md

@@ -3,7 +3,7 @@ layout: html/default
 title: PulseAudio with Paul Betts
 created: 1159328304
 categories: announcements
-tags: announcements
+tags: announcements, linux, audio, sound
 ---
 Room: 480 Dreese Labs  
 

_posts/2006-11-02-virtualization-session.md

@@ -3,6 +3,6 @@ layout: html/default
 title: Virtualization Session
 created: 1162526399
 categories: announcements
-tags: announcements
+tags: announcements, virtualization
 ---
 A big thanks to everyone who made it to today's meeting on Virtualization! We had a great turnout, great discussion and some pretty hillarious demos! Slides from the presentation are available here: [ [OpenOffice](/sites/default/files/virtualization.odp) | [pdf](/sites/default/files/virtualization.pdf) ] Also, here are some URLs that I promised to post: [Xen Project](http://www.cl.cam.ac.uk/research/srg/netos/xen/) at [University of Cambridge](http://www.cam.ac.uk/) [XenSource Home Page](http://www.xensource.com/) (very cool flash demo here) [XenSource LiveCD](http://www.xensource.com/xen/downloads/) (used for today's demo) [Xen Documentation](http://www.cl.cam.ac.uk/research/srg/netos/xen/documentation.html) [Xen and the Art of Virtualization](http://www.cl.cam.ac.uk/research/srg/netos/papers/2003-xensosp.pdf)

_posts/2007-01-08-up-and-blogging-with-wordpress-in-5-minutes.md

@@ -4,6 +4,6 @@ title: Up and Blogging with Wordpress in 5 Minutes
 created: 1168300767
 alias: /wi07/wordpress.html
 categories: announcements
-tags: announcements
+tags: announcements, webdev, web, wordpress, cms
 ---
 Wordpress is a powerful open-source blog publishing platform.It is highly customizable with a powerful theming system and many available plugins. In this meeting I will show how to install, set up, and manage a Wordpress installation. The talk will also cover Wordpress theming and plugins.

_posts/2007-01-25-meetings-winter-2007.md

@@ -3,7 +3,7 @@ layout: html/default
 title: 'Meetings: Winter 2007'
 created: 1169764800
 categories: announcements
-tags: announcements
+tags: announcements, schedule
 ---
 We are meeting Tuesday evenings this quarter at 7:00pm in Dreese Labs room 480\. Meetings generally last about an hour and are always open to the public including nonmembers and nonstudents. For people arriving from off campus, pay parking is available in the Tuttle Park Place Parking Garage, located adjacent to Dreese Labs. Please refer the OSU map for directions: [http://www.osu.edu/map/](http://www.osu.edu/map/).
 

_posts/2007-04-17-crashing-windows-vista-launch-party.md

@@ -4,7 +4,7 @@ title: Crashing Windows Vista Launch Party
 created: 1176796022
 alias: /sp07/vista.html
 categories: announcements
-tags: announcements
+tags: announcements, microsoft, vista
 ---
 On April 17<sup>th</sup> 2007, with about a couple hours' notice, some of us gathered for an hour before the meeting to join the fun at Microsoft's Windows Vista launch party in Dreese Labs. Some pictures below, courtesy of [Alex Lingo](http://picasaweb.google.com/A.Lingo/OpenSourceClubCrashesVistaLaunchEvent):
 

_posts/2007-05-16-open-source-elections.md

@@ -3,7 +3,7 @@ layout: html/default
 title: Open Source Elections
 created: 1179357459
 categories: announcements
-tags: announcements
+tags: announcements, elections
 ---
 The Open Source Club at The Ohio State University (OSSOSU) will be holding officer elections to represent us for the next (07-08) school year. The eligibility requirements for being an officer are that you are a student at Ohio State, and that you are a member of the club (have attended at least one meeting). Graduate and undergraduates are both equals in this matter.
 

_posts/2007-11-16-google-android.md

@@ -3,6 +3,6 @@ layout: html/default
 title: Google Android
 created: 1195253441
 categories: announcements
-tags: announcements
+tags: announcements, android
 ---
 Our last meeting (Nov 15) was about the Open Handset Alliance's Android. A mobile operation system and application stack. We had a demo with the Hello World / Hello Android and spent alot of the time playing with the emulator prototype. Because I feel this is a very interesting development, I personally will be working on creating some apps for the platform. In addition, Google has $10M in prizes for developers who create interesting new applications for this platform.<object width="470" height="406"><param name="movie" value="http://www.youtube.com/p/5CE8623916B0E2FF"><param name="wmode" value="transparent"><embed src="http://www.youtube.com/p/5CE8623916B0E2FF" type="application/x-shockwave-flash" width="470" height="406" wmode="transparent"></object>

_posts/2008-03-03-hacking-the-wiimote.md

@@ -3,6 +3,6 @@ layout: html/default
 title: Hacking the Wiimote
 created: 1204605644
 categories: announcements
-tags: announcements
+tags: announcements, hardware, wii, modding, hack
 ---
 Last week, we had a really good turnout and watched some demos of [hacking the Nintendo Wii remote](http://www.usmechatronics.com/usmgarage/WiiBot.html) to create your own virtual 3-D environment in relative to your perspective, along with a few other slick [multi-touch-screen interfaces](http://www.ted.com/index.php/talks/view/id/65), bordering on making keyboards obsolete. We had a really great turnout and are considering doing it in the future. More information is yet to come... There is also some talk about hacking the new [Eee](http://en.wikipedia.org/wiki/ASUS_Eee_PCEEE "ASUS Eee PC - Wikipedia, the free encyclopedia"), a $500 child-sized laptop similar to the [OX](http://laptop.org/laptop/ "One Laptop per Child") (One Laptop per Child campaign) with Linux pre-installed that, for the price, has some pretty impressive hardware specs, and I might add it is very light-weight.

_posts/2008-03-27-spring-2008-first-meeting.md

@@ -3,6 +3,6 @@ layout: html/default
 title: Spring 2008 - First Meeting
 created: 1206675018
 categories: announcements
-tags: announcements
+tags: announcements, first
 ---
 We had our first meeting for the quarter in Dreese Labs room 266 at 7:00 pm. Meetings end whenever they end, with no specific time. No absolute topic was decided on, so we discussed a few random things, such as South Park creators Trey Parker and Matt Stone streaming [South Park online](http://blog.wired.com/underwire/2008/03/south-park-to-o.html) for free (where we legally watched a recent episode from Season 12, which [**does** play in Linux](/images/southpark.png) without DRM hacks), Adobe creating a web-based free express (and watered down) version of [Photoshop](https://www.photoshop.com/express/), we also spent a few minutes sharing our web-development views. The meeting was open to students and non-students alike, and pizza was served as always. Altogether we had a great turnout and I look forward to a similar turnout at our next meeting.