Merge pull request Code52#34 from shiftkey/master

Pretzel Recap and Next Project

Author: Paul Jenkins

_posts/2012-02-06-pretzel-review.md

@@ -0,0 +1,57 @@
+--- 
+layout: post
+permalink: /pretzel-review.html
+date: 2012-02-06 23:59
+title: "Pretzel: Recap"
+author: "@aeoth, @shiftkey and @tobin"
+comments: true
+---
+
+Things were a bit quiet in the chatroom with [@tobin](http://twitter.com/tobin) taking a well-deserved holiday, but we've made a lot of progress on Pretzel - our site generation tool using .NET.
+
+## Current Features
+
+How far did we get this week?
+
+You can setup a new website using these three steps.
+
+![](/img/pretzel-console.png) 
+
+This provides the demo site we've configured to help get people started experimenting - including images, styles and a sample post.
+
+![](/img/pretzel-demosite.png) 
+
+You can then edit the files in the folder and see the site regenerate
+
+![](/img/pretzel-console-2.png) 
+
+![](/img/pretzel-edit.png) 
+
+If you want to understand more of how this tool works, have a read of the [Jekyll wiki](https://github.com/mojombo/jekyll/wiki) - this will help understand the concepts that Jekyll uses to differentiate between pages and posts, and how to configure your sites - this should help answer any initial questions users have about getting started with your own websites. 
+
+Some other features on top of the site generation underway:
+
+ * Wordpress Importing has begun - we'll update the documentation as soon as that is officially ready
+ * LESS compilation and JS minification within the 'bake' step.
+ * Razor template support - this is not as far along as our Liquid support, but is an excellent experiment with plugging in other templating engines.
+ 
+## More Features
+
+As we get time, these features are also planned:
+
+ * Liquid extensions - including a decent set of extensions for users to integrate into their themes
+ * Refining the default project site to be a bit more featureful
+ * The ideas around mixing static and dynamic content (one big idea was to leverage AppHarbor to support this) didn't get off the ground.
+
+##  -  Weekly Fun stats
+
+There were 13 contributors this week - some new faces and some familiar ones.
+
+The [punch card graph](https://github.com/Code52/pretzel/graphs/punch_card) from GitHub shows how busy we were across the week.
+
+<img src="https://chart.googleapis.com/chart?chs=800x300&amp;chds=-1,24,-1,7,0,9&amp;chf=bg,s,efefef&amp;chd=t:0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23|0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,6,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7|0,0,0,0,0,0,0,0,0,0,1,1,2,1,2,0,0,0,1,0,0,1,0,0,0,0,0,0,4,0,0,0,0,0,0,0,0,0,0,0,0,2,0,0,0,5,5,9,1,0,1,1,0,0,0,1,0,0,0,0,1,1,2,3,0,1,3,1,1,3,5,2,0,2,1,0,1,0,0,0,0,3,2,0,1,0,1,0,4,2,5,2,4,5,5,8,2,0,0,0,0,0,0,0,4,5,0,0,0,0,1,1,0,2,1,5,0,0,0,0,0,0,0,0,0,0,0,0,0,0,2,0,0,2,0,0,0,0,0,0,1,0,1,3,0,1,0,0,0,0,0,0,1,1,0,0,1,2,0,0,1,1,0,1,3,3,4,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0&amp;chxt=x,y&amp;chm=o,333333,1,1.0,25.0&amp;chxl=0:||12am|1|2|3|4|5|6|7|8|9|10|11|12pm|1|2|3|4|5|6|7|8|9|10|11||1:||Sun|Mon|Tue|Wed|Thr|Fri|Sat|&amp;cht=s">
+
+
+## What's Next?
+
+The post for the next idea will be up shortly - we've been discussing in the chatroom how to tackle this idea, so stay tuned.

_posts/2012-02-07-metro-dot-css.md

@@ -0,0 +1,39 @@
+--- 
+layout: post
+permalink: /metro-dot-css.html
+date: 2012-02-07 08:00
+title: "metro.css"
+author: "@aeoth, @shiftkey and @tobin"
+comments: true
+---
+
+[This idea](https://code52.uservoice.com/forums/143105-code-52/suggestions/2465600-metro-css-built-on-bootstrap) started out as something straight-forward which we suggested before Code52 had officially started, and we've had a couple of projects touch on the [Metro design language](http://en.wikipedia.org/wiki/Metro_(design_language)) - our [Markpad](http://code52.org/DownmarkerWPF/) app in particular. And with Windows 8 nudging towards a new public build, more and more people are curious abbout it.
+
+## metro.css - using Bootstrap?
+
+Twitter just unveiled [Bootstrap](http://twitter.github.com/bootstrap/) V2. Bootstrap is a lean CSS/JS template for getting a website up and running with grid layout, responsive design, cross-platform support and a bunch of other bells and whistles.
+
+While we might not use Bootstrap *specifically* (while the layout portions would be very relevant, how much time would be spent unsetting styles for buttons and other elements?), we want to see something similar for helping people build Metro-style applications.
+
+## More than just a CSS file
+
+As this may appear to be a simple task, we are currently discussing specific goals to acheive:
+
+ * Is it worth following the Bootstrap conventions for styles and structure, or do we not gain much given the differences in style.
+ * A package to integrate `metro.css` with an ASP.NET MVC/T4 templates - reuse what @Tobin has build with his [NuGet package](http://nuget.org/packages/MahApps.Twitter.Bootstrap)
+ * A template for a Liquid-based static site - implement a better template for the Pretzel default sites.
+ * CSS3 and/or Javascript animations and transitions
+ * Javascript to help create metro controls like Pivot and Panorama
+ * (if we get time) themes for Wordpress and Funnelweb, or even other templating systems (suggest your own)
+ * and perhaps other things we can conceive...
+
+
+## Follow the chatter
+
+This week will likely be a highly-entertaining process of discussing, iterating and experimenting with style, layout and usage. We use [JabbR](http://jabbr.net/#/rooms/code52) heavily to discuss stuff in real-time - if you want to get involved, drop in on the action. If you can't keep up, don't worry - JabbR also supports browsing the conversation history of a room (just scroll up to go back in time), so you can catch up on the discussion easily.
+
+## How can I get involved?
+
+The initial project is up on [GitHub](http://github.com/Code52/metro.css). The [Trello board](https://trello.com/board/metro-css/4f2fd841a5146fa91fbff127) will be updated over the course of today/tomorrow as we sketch out what we'd like to demonstrate.
+
+Got some opinions on Metro UI?  Hang out in the chatroom at [JabbR](http://jabbr.net/#/rooms/code52) and join in on the fun!