Permalink
Browse files

embracing jekyll and liquid, polishing up the left nav

  • Loading branch information...
1 parent 843f3b3 commit 24bf735e0134277a144b9b8c8c519bb24a45e677 @vosechu committed Feb 17, 2013
View
@@ -0,0 +1,3 @@
+auto: true
+server: true
+paginate: 10
View
@@ -15,21 +15,33 @@
</head>
<body>
+ <header>
+ <h1>Chuck Lauer Vose</h1>
+ <p></p>
+ </header>
- <header>
- <h1>Chuck Lauer Vose</h1>
- <p></p>
- </header>
-
- <div id="banner">
- <span id="logo"></span>
-
- <a href="https://github.com/vosechu" class="button fork"><strong>View On GitHub</strong></a>
- </div><!-- end banner -->
+ <div id="banner">
+ <span id="logo"></span>
+ <a href="https://github.com/vosechu" class="button fork"><strong>View On GitHub</strong></a>
+ </div><!-- end banner -->
<div class="wrapper">
<nav>
- <ul></ul>
+ <h3>Pages</h3>
+ <ul>
+ <li><a href="/">Home</a></li>
+ <li><a href="/blog.html">Blog</a></li>
+ <li><a class="disabled" href="/portfolio.html">Portfolio</a></li>
+ <li><a class="disabled" href="/repos.html">Repo Roadmap</a></li>
+ <li><a class="disabled" href="/code.html">Code Samples</a></li>
+ </ul>
+ <h3>Recent Posts</h3>
+ <ul>
+ {% for post in site.posts limit:3 %}
+ <li><a href="{{ post.url }}">{{ post.date | date: '%b %Y'}} - {{ post.title }}</a></li>
+ {% endfor %}
+ </ul>
+ <a href="/blog.html">All Posts</a>
</nav>
<section>
<h2>{{ page.title }}</h2>
@@ -39,17 +51,18 @@
<p><small>Hosted on GitHub Pages &mdash; Theme by <a href="http://twitter.com/#!/michigangraham">mattgraham</a></small></p>
</footer>
</div>
+
<!--[if !IE]><script>fixScale(document);</script><![endif]-->
- <script type="text/javascript">
- var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
- document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
- </script>
- <script type="text/javascript">
- try {
- var pageTracker = _gat._getTracker("UA-37234345-1");
- pageTracker._trackPageview();
- } catch(err) {}
- </script>
+ <script type="text/javascript">
+ var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+ document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+ </script>
+ <script type="text/javascript">
+ try {
+ var pageTracker = _gat._getTracker("UA-37234345-1");
+ pageTracker._trackPageview();
+ } catch(err) {}
+ </script>
</body>
</html>
@@ -0,0 +1,27 @@
+---
+layout: post
+title: Playing Drupal the card game the Drupal way
+categories: drupal
+tags: drupal, nodeone, drupal the card game, high five
+---
+
+Now that NodeOne is <a href="http://nodeone.se/blogg/drupal-the-card-game-%E2%80%93-250-decks-and-37-countries-later">running out of Drupal the Card Game</a> I feel like it's time to introduce my version of the game rules which I believe are actually significantly more Drupaly than the main rules.
+
+If you don't already know the rules check out this video:<br />
+
+<object width="500" height="385"><param name="movie" value="http://www.youtube.com/v/GJSU08LQ54o?fs=1&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/GJSU08LQ54o?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="385"></embed></object><br />
+
+Now, in the main rules you compete to complete modules and sites, which is all well and good right, but we don't develop modules in the dark at all, we all know what's going on with other modules through twitter, blogs, and actually meeting up in person at conventions and meetups. We even talk about our sites but in my experience outside of the exciting modules we rarely go into the details of what modules we're using.
+
+<h2>Modifications to rules</h2>
+<strong>During play:</strong>
+When you put development effort into a module you play your points face up so that all can see when a module is completed
+-2 cards have to be played and cannot be played on the same module and cannot take a module negative
+
+<strong>During scoring:</strong>
+Now put your cards down on the table face up and figure out how many points were scored in your hand. Add this number to everyone else's number and total.
+Write this number on a whiteboard and then give each other player a high five.
+Now try to outdo yourselves in the next version of Drupal (the next game you play).
+
+<strong>Bonus points:</strong>
+Bonus points if you're within 20% of the maximum possible points for all hands. This may have to be adjusted in your games. I usually represent this achievement by giving each player a peach or some similar fruit depending on season.
@@ -1,6 +1,8 @@
---
layout: post
title: Rails attr_accessible Gotcha
+categories: rails
+tags: rails, attr_accessible, gotcha
---
If you're like me you inherit a lot of projects which have very different styles. Today I ran into a project that had never used attr_accessible and I found a total gotcha:
View
@@ -0,0 +1,14 @@
+---
+layout: default
+title: Chuck Lauer Vose's Thoughts
+---
+
+{% for post in site.posts %}
+ <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
+ <p class="author">
+ <span class="date">{{post.date | date: '%b %Y'}}</span>
+ </p>
+ <div class="content">
+ {{ post.content | strip_html | truncate: 450}}
+ </div>
+{% endfor %}
View
@@ -1,30 +1,22 @@
---
layout: default
+title: Home
---
-<h3>Welcome to GitHub Pages.</h3>
+<h3>Welcome to Chuck Lauer Vose's Github homepage.</h3>
-<p>This automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here using GitHub Flavored Markdown, select a template crafted by a designer, and publish. After your page is generated, you can check out the new branch:</p>
+<p>This page is here as an example of using Github pages. We're using Github pages at the <a href="http://www.portlandcodeschool.com">Portland Code School</a> to spruce up our developer resumes and make it obvious which repos to look at and what code we're particularly proud of.</p>
-<pre><code>$ cd your_repo_root/repo_name
-$ git fetch origin
-$ git checkout gh-pages
-</code></pre>
-
-<p>If you're using the GitHub for Mac, simply sync your repository and you'll see the new branch.</p>
-
-<h3>Designer Templates</h3>
-
-<p>We've crafted some handsome templates for you to use. Go ahead and continue to layouts to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved if it remained markdown format.</p>
+<p>If you would like to check out this code please look follow these steps:</p>
-<h3>Rather Drive Stick?</h3>
-
-<p>If you prefer to not use the automatic generator, push a branch named <code>gh-pages</code> to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator written by our own Tom Preston-Werner. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.</p>
-
-<h3>Authors and Contributors</h3>
-
-<p>You can <a href="https://github.com/blog/821" class="user-mention">@mention</a> a GitHub username to generate a link to their profile. The resulting <code>&lt;a&gt;</code> element will link to the contributor's GitHub Profile. For example: In 2007, Chris Wanstrath (<a href="https://github.com/defunkt" class="user-mention">@defunkt</a>), PJ Hyett (<a href="https://github.com/pjhyett" class="user-mention">@pjhyett</a>), and Tom Preston-Werner (<a href="https://github.com/mojombo" class="user-mention">@mojombo</a>) founded GitHub.</p>
+<pre><code>$ git clone git://github.com/vosechu/vosechu.github.com.git
+$ cd vosechu.github.com
+$ git log
+</code></pre>
-<h3>Support or Contact</h3>
+<p>Of particular note are a the following commits which took the default github theme and transferred it into a Jekyll powered blog:</p>
-<p>Having trouble with Pages? Check out the documentation at <a href="http://help.github.com/pages">http://help.github.com/pages</a> or contact <a href="mailto:support@github.com">support@github.com</a> and we’ll help you sort it out.</p>
+<ul>
+ <li><a href="https://github.com/vosechu/vosechu.github.com/commit/b7e66030fce9ae6f73339af569c47c7bd08d6b31">Adding in Jekyll base</a></li>
+ <li><a href="https://github.com/vosechu/vosechu.github.com/commit/">Adding in Liquid extensions and polishing</a></li>
+</ul>
View
@@ -13,22 +13,23 @@ var sectionHeight = function() {
$(window).resize(sectionHeight);
$(document).ready(function(){
- $("section h1, section h2").each(function(){
- $("nav ul").append("<li class='tag-" + this.nodeName.toLowerCase() + "'><a href='#" + $(this).text().toLowerCase().replace(/ /g, '-').replace(/[^\w-]+/g,'') + "'>" + $(this).text() + "</a></li>");
- $(this).attr("id",$(this).text().toLowerCase().replace(/ /g, '-').replace(/[^\w-]+/g,''));
- $("nav ul li:first-child a").parent().addClass("active");
- });
-
- $("nav ul li").on("click", "a", function(event) {
- var position = $($(this).attr("href")).offset().top - 190;
- $("html, body").animate({scrollTop: position}, 400);
- $("nav ul li a").parent().removeClass("active");
- $(this).parent().addClass("active");
- event.preventDefault();
- });
-
+ // This appears to add an anchor in the left nav for each H1/H2 in the page
+ // $("section h1, section h2").each(function(){
+ // $("nav ul").append("<li class='tag-" + this.nodeName.toLowerCase() + "'><a href='#" + $(this).text().toLowerCase().replace(/ /g, '-').replace(/[^\w-]+/g,'') + "'>" + $(this).text() + "</a></li>");
+ // $(this).attr("id",$(this).text().toLowerCase().replace(/ /g, '-').replace(/[^\w-]+/g,''));
+ // $("nav ul li:first-child a").parent().addClass("active");
+ // });
+ // This appears to add a click handler to the left nave to scroll to the h1 in the page
+ // $("nav ul li").on("click", "a", function(event) {
+ // var position = $($(this).attr("href")).offset().top - 190;
+ // $("html, body").animate({scrollTop: position}, 400);
+ // $("nav ul li a").parent().removeClass("active");
+ // $(this).parent().addClass("active");
+ // event.preventDefault();
+ // });
+
sectionHeight();
-
+
$('img').load(sectionHeight);
});
@@ -144,6 +144,10 @@ a:active {
outline: 0;
}
+a.disabled {
+ color: #999;
+}
+
/* =============================================================================
Typography
========================================================================== */
@@ -364,7 +368,7 @@ fieldset {
/*
* 1. Corrects color not being inherited in IE6/7/8/9
- * 2. Corrects text not wrapping in FF3
+ * 2. Corrects text not wrapping in FF3
* 3. Corrects alignment displayed oddly in IE6/7
*/
legend {

0 comments on commit 24bf735

Please sign in to comment.