yuzu 0.2.1.pre

data/resources/git/post-commit

@@ -0,0 +1,42 @@
+#!/usr/bin/env ruby -wKU
+
+#
+# An example hook script that is called after a successful
+# commit is made.
+#
+# To enable this hook, rename this file to "post-commit".
+
+puts "Updating changed files..."
+
+diff = `git diff --name-only HEAD HEAD^`
+
+ignore_extensions = [".rb",".sass",".yml"]
+
+files_to_change = []
+
+# If the diff includes a .sass file that's been updated, make sure
+# to compile it with compass, then get the new diff to catch the
+# updated css files as well.
+if diff.include?(".sass")
+  puts "SASS file change detected. Making sure the CSS is updated as well..."
+  puts `compass compile`
+  diff = `git diff --name-only HEAD HEAD^`
+end
+
+changed_files = diff.split("\n")
+
+changed_files.each do |file|
+  ext = File.extname(file)
+  if not ignore_extensions.include?( ext ) and file[0].chr != "." and file[0].chr != "_"
+    files_to_change << file.to_s
+  end
+end
+
+if files_to_change.length > 0
+  file_list = files_to_change.join(" ")
+  output = `./update.rb #{file_list}`
+  puts output
+  puts "Done updating!"
+else
+  puts "No files to update."
+end

data/resources/sample_content/introduction/_snippets/about_insert_contents.md

@@ -0,0 +1,3 @@
+This piece text was placed in the folder called `_snippets`, which by itself is not special, other than that the preceding undescore hides the file from Yuzu's normal processing. You can hide folders and files in this manner so Yuzu doesn't a separate HTML file for it.
+
+This is used to demonstrate how Yuzu can mix content from various sources. If you want to organize content one way and publish it under a different organization, you can reference content from the root of your project and use the `INSERTCONTENTS` directive.

data/resources/sample_content/introduction/about.md

@@ -0,0 +1,6 @@
+# About Yuzu
+
+Yuzu is a blog-aware, static-website generator and publisher that builds an HTML5 website from a folder of text files and images.
+
+This is one of the sample websites that comes with Yuzu.
+

data/resources/sample_content/introduction/advanced-posts.md

@@ -0,0 +1,18 @@
+# A More Advanced Post
+
+Posts can take advantage of a number of _directives_ to mix content and tag the post with additional information. This one shows you by example how to use the most common ones.
+
+Notice how the post is dated February 11, 2013. This is set by using the `DATE` directive at the bottom of the post, after the `SIDEBAR`. Directives like this are removed from the raw contents of the post, processed, and placed according to the HAML _templates_ located in the folder called `_templates`.
+
+Here we will insert some contents from a different file:
+
+    INSERTCONTENTS(_snippets/about_insert_contents.md)
+
+If you look at the source, the directive is indented. I only do this because Markdown highlighters treat underscores as markup to italicize text. Indenting treats it as code with no markup applied.
+
+SIDEBAR{
+This is text that will appear in the sidebar.
+
+You can make this by using the `SIDEBAR` tag, which uses curly braces to offset text to be placed with `post.sidebar` in a HAML template.
+}
+DATE(2013-02-11)

data/resources/sample_content/introduction/blog/blog-folder-is-special.md

@@ -0,0 +1,8 @@
+# The Blog Folder is Special
+
+CATEGORIES(introduction)
+
+The blog folder has some special behaviors that make it easier to organize content in a more blog-like fashion, such as organized categories, auto-generated folders for each category, and default HAML templates and partials so you can render the blog differently from other pages.
+
+By default, it is called `blog`, but you can customize this in in `yuzu.yml`. Currently, a yuzu site can only contain one blog folder, but this may change in the future.
+

data/resources/sample_content/introduction/getting-started.md

@@ -0,0 +1,14 @@
+# Getting Started with Yuzu
+
+If you're reading this, you've successfully created your yuzu project, and you're likely browsing the source of the new project.
+
+
+## Home
+
+The front page is `index.md`, found in the folder you ran `yuzu create` in. If you look in it, you'll see a directive called `INSERTCATALOG`. Directives such as these are the mechanism that enables you to give Yuzu various instructions or information to aid in rendering your site.
+
+
+## Configuration
+
+You shoud edit `config/yuzu.yml` to update the path found under `preview` called `destination`. If you're on a Mac, simply run change `username` to your username.
+

data/resources/sample_content/introduction/index.md

@@ -0,0 +1,6 @@
+TEMPLATE(home.haml)
+
+# Yuzu Starter Site
+
+    INSERTCATALOG(path:., total:100, per_page:10, per_col:1, template:_block.haml)
+

data/resources/sample_content/introduction/sample-post.md

@@ -0,0 +1,13 @@
+# Sample Yuzu Post
+
+This what a typical post looks like in Yuzu.
+
+It is written in [Markdown](http://daringfireball.net/projects/markdown/) and may contain various tags called "directives" (in ALLCAPS in other posts), that either indicate to Yuzu pieces of information about this post (e.g. the desired publication date of this page) or instructions on what to render (like inserting the contents of another file).
+
+## Writing Posts
+
+You don't have to include any directives in a post; you can simply write Markdown as usual (or other formats, coming soon), like any other text file. By default, Yuzu grabs all the "processable" files (ones indicated in the configuration by their extension), and turns them into HTML files by passing them through a series of transformations.
+
+One of the things to notice here is that the title of the post is extracted from the first hash `#` header tag at the top. If this weren't here, the title would be extracted from the file name. In this case, it would be "Sample Post," a titleized form of the tile name.
+
+For an example of what a post with directives looks like, see [A More Advanced Post](advanced-posts.html).

data/resources/sample_projects.yml

@@ -0,0 +1,7 @@
+# Sample Projects Registry
+
+default:
+    content: introduction
+    theme: minimal
+    description: A getting-started project to get to know Yuzu.
+

data/resources/themes/minimal/_sass/screen.sass

@@ -0,0 +1,81 @@
+
+// Main layout here
+.wrapper
+  width: 910px
+  padding: 60px
+.contents
+  width: 700px
+  float: left
+  min-height: 600px
+.sidebar
+  width: 200px
+  margin: 50px 0 0 10px
+  float: left
+footer
+  padding: 40px 0 0 0
+  width: 910px
+  clear: both
+
+// Breadcrumb
+.breadcrumb
+  float: left
+  a
+    color: #ccc
+  .breadcrumb_0
+    display: none
+header
+  overflow: hidden
+  h1
+    float: left
+
+// Typography
+html, body
+  background-color: white
+  font-family: Georgia, serif
+  color: #333
+  font-size: 19px
+  line-height: 30px
+h1, h2, h3, h4, h5, h6
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
+  font-size: 100%
+  margin: 0 0 1em 0
+  font-weight: bold
+a
+  color: black
+a:hover
+  text-decoration: none
+p, ul, ol
+  margin: 0 0 1em 0
+  padding: 0
+.sidebar
+  ul, li
+    list-style-type: none
+  li
+    margin: 0
+footer, .date, .sidebar p, .sidebar li, .aside
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
+  font-size: 14px
+  color: #bbb
+  line-height: 22px
+.sidebar
+  h1, h2, h3, h4, h5, h6
+    font-size: 14px
+    line-height: 22px
+.date
+  line-height: 30px
+.breadcrumb
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
+  font-weight: normal
+.date
+  float: left
+  width: 130px
+blockquote
+  padding-left: 20px
+  color: #999
+  font-style: italic
+  
+  
+// Other
+hr
+  display: none
+  

data/resources/themes/minimal/_templates/_block.haml

@@ -0,0 +1,4 @@
+%div{:class => klass}
+  %a{:href => post.link_url}= post.post_title
+  %span(class="location")= post.in_blog? ? post.blog_folder.link_to_self(:class => 'aside') : ""
+  %span(class="date")= format_date(post.post_date)

data/resources/themes/minimal/_templates/_blog.haml

@@ -0,0 +1,3 @@
+%div{:class => klass}
+  %a{:href => post.link_url}= post.post_title
+  %span(class="date")= format_date(post.post_date)

data/resources/themes/minimal/_templates/_footer.haml

@@ -0,0 +1,2 @@
+%p= config.site_name
+%p by William Martin

data/resources/themes/minimal/_templates/_gallery.haml

@@ -0,0 +1,25 @@
+.gallery-main
+  - images.each_index do |i|
+    - big_image = images[i].gsub(".", "-large.")
+    - visibility = i == 0 ? "display:block;z-index:2;" : "display:none;z-index:1;"
+    .slide{:id => "slide-#{i}", :style => "#{visibility}"}
+      %img{:src => big_image}
+
+:javascript
+  var count = #{images.length};
+
+.gallery-thumbnails
+  - images.each_index do |i|
+    - image = images[i]
+    - thumb_url = image.gsub(".", "-small.")
+    - klass = i%6 == 5 ? "gallery-thumb last" : "gallery-thumb"
+    %div{:class => klass}
+      %a{:href => "#", :onclick => "slide(#{i});return false;"}
+        %img{:src => "#{thumb_url}"}
+
+  - num_blanks = (6 - images.length % 6) % 6
+  - num_blanks.times do |i|
+    - klass = i%6 == 5 ? "gallery-thumb last" : "gallery-thumb"
+    %div{:class => klass}  
+
+%hr

data/resources/themes/minimal/_templates/_head.haml

@@ -0,0 +1,12 @@
+%head
+  %meta{:charset=>"utf-8"}
+  %title= post.title
+  
+  %meta{"http-equiv"=>"X-UA-Compatible", :content=>"IE=edge,chrome=1"}
+  %meta{:name => "description", :content => post.description}
+  %meta{:name => "author", :content => post.author}
+  
+  %link{:href => "#{config.link_root}/img/favicon.png", :rel => "icon", :type => "image/png"}
+  
+  %link(rel="stylesheet" href="#{config.link_root}/css/screen.css" type="text/css" media="screen, projection")
+  %link(rel="stylesheet" href="#{config.link_root}/css/print.css" type="text/css" media="print")

data/resources/themes/minimal/_templates/_header.haml

@@ -0,0 +1 @@
+%h1= post_title

data/resources/themes/minimal/_templates/_menu.haml

@@ -0,0 +1,6 @@
+%ul
+  %li{:class => ""}
+    %a{:href => "#{config.link_root}/index.html"} Home
+  %li{:class => ""}
+    %a{:href => "#{config.link_root}/about.html"} About
+

data/resources/themes/minimal/_templates/blog.haml

@@ -0,0 +1,21 @@
+!!! 5
+%html
+  = layout.head
+
+  %body.index
+    .wrapper
+      %article.contents
+        %header
+          %h1= post.post_title
+          .breadcrumb= post.breadcrumb
+          
+        = post.contents
+        = post.pagination
+      .sidebar
+        %h4 Categories
+        %ul
+          - post.all_categories.each do |cat|
+            %li= cat.link
+        = post.sidebar
+      %footer
+        = layout.footer

data/resources/themes/minimal/_templates/generic.haml

@@ -0,0 +1,26 @@
+!!! 5
+%html
+  = layout.head
+
+  %body.generic
+    .wrapper
+      %article.contents
+        %header
+          %h1= post.post_title
+          .breadcrumb= post.breadcrumb
+
+        = post.contents
+
+      .sidebar
+        = layout.menu
+
+        %h4 Categories
+        %ul
+          - post.all_categories.each do |cat|
+            %li= cat.link
+        
+        = post.sidebar
+
+      %footer
+        = layout.footer
+

data/resources/themes/minimal/_templates/home.haml

@@ -0,0 +1,15 @@
+!!! 5
+%html
+  = layout.head
+
+  %body.index
+    .wrapper
+      %article.contents
+        %header
+          %h1= post.post_title
+        = post.contents
+        = post.pagination
+      .sidebar
+        = post.sidebar
+      %footer
+        = layout.footer

data/resources/themes/minimal/_templates/index.haml

@@ -0,0 +1,21 @@
+!!! 5
+%html
+  = layout.head
+
+  %body.index
+    .wrapper
+      %article.contents
+        %header
+          %h1= post.post_title
+          .breadcrumb= post.breadcrumb
+          
+        = post.contents
+        = post.pagination
+      .sidebar
+        %h4 Categories
+        %ul
+          - post.all_categories.each do |cat|
+            %li= cat.link
+        = post.sidebar
+      %footer
+        = layout.footer

data/resources/themes/minimal/css/screen.css

@@ -0,0 +1,133 @@
+/* line 3, ../_sass/screen.sass */
+.wrapper {
+  width: 910px;
+  padding: 60px;
+}
+
+/* line 6, ../_sass/screen.sass */
+.contents {
+  width: 700px;
+  float: left;
+  min-height: 600px;
+}
+
+/* line 10, ../_sass/screen.sass */
+.sidebar {
+  width: 200px;
+  margin: 50px 0 0 10px;
+  float: left;
+}
+
+/* line 14, ../_sass/screen.sass */
+footer {
+  padding: 40px 0 0 0;
+  width: 910px;
+  clear: both;
+}
+
+/* line 20, ../_sass/screen.sass */
+.breadcrumb {
+  float: left;
+}
+/* line 22, ../_sass/screen.sass */
+.breadcrumb a {
+  color: #cccccc;
+}
+/* line 24, ../_sass/screen.sass */
+.breadcrumb .breadcrumb_0 {
+  display: none;
+}
+
+/* line 26, ../_sass/screen.sass */
+header {
+  overflow: hidden;
+}
+/* line 28, ../_sass/screen.sass */
+header h1 {
+  float: left;
+}
+
+/* line 32, ../_sass/screen.sass */
+html, body {
+  background-color: white;
+  font-family: Georgia, serif;
+  color: #333333;
+  font-size: 19px;
+  line-height: 30px;
+}
+
+/* line 38, ../_sass/screen.sass */
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 100%;
+  margin: 0 0 1em 0;
+  font-weight: bold;
+}
+
+/* line 43, ../_sass/screen.sass */
+a {
+  color: black;
+}
+
+/* line 45, ../_sass/screen.sass */
+a:hover {
+  text-decoration: none;
+}
+
+/* line 47, ../_sass/screen.sass */
+p, ul, ol {
+  margin: 0 0 1em 0;
+  padding: 0;
+}
+
+/* line 51, ../_sass/screen.sass */
+.sidebar ul, .sidebar li {
+  list-style-type: none;
+}
+/* line 53, ../_sass/screen.sass */
+.sidebar li {
+  margin: 0;
+}
+
+/* line 55, ../_sass/screen.sass */
+footer, .date, .sidebar p, .sidebar li, .aside {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  color: #bbbbbb;
+  line-height: 22px;
+}
+
+/* line 61, ../_sass/screen.sass */
+.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 {
+  font-size: 14px;
+  line-height: 22px;
+}
+
+/* line 64, ../_sass/screen.sass */
+.date {
+  line-height: 30px;
+}
+
+/* line 66, ../_sass/screen.sass */
+.breadcrumb {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: normal;
+}
+
+/* line 69, ../_sass/screen.sass */
+.date {
+  float: left;
+  width: 130px;
+}
+
+/* line 72, ../_sass/screen.sass */
+blockquote {
+  padding-left: 20px;
+  color: #999999;
+  font-style: italic;
+}
+
+/* line 79, ../_sass/screen.sass */
+hr {
+  display: none;
+}