jabe 0.5.0

data/app/stylesheets/handheld.scss

@@ -0,0 +1,7 @@
+* {
+  float: none;
+  background: #fff;
+  color: #000; }
+
+body {
+  font-size: 80%; }

data/app/stylesheets/style.scss

@@ -0,0 +1,273 @@
+/*  HTML5 ✰ Boilerplate  */
+
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent; }
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+  display: block; }
+
+nav ul {
+  list-style: none; }
+
+blockquote, q {
+  quotes: none; }
+
+blockquote {
+  &:before, &:after {
+    content: '';
+    content: none; } }
+
+q {
+  &:before, &:after {
+    content: '';
+    content: none; } }
+
+a {
+  margin: 0;
+  padding: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent; }
+
+ins {
+  background-color: #ff9;
+  color: #000;
+  text-decoration: none; }
+
+mark {
+  background-color: #ff9;
+  color: #000;
+  font-style: italic;
+  font-weight: bold; }
+
+del {
+  text-decoration: line-through; }
+
+abbr[title], dfn[title] {
+  border-bottom: 1px dotted;
+  cursor: help; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+hr {
+  display: block;
+  height: 1px;
+  border: 0;
+  border-top: 1px solid #ccc;
+  margin: 1em 0;
+  padding: 0; }
+
+input, select {
+  vertical-align: middle; }
+
+body {
+  font: 13px / 1.231 sans-serif;
+  *font-size: small; }
+
+select, input, textarea, button {
+  font: 99% sans-serif; }
+
+pre, code, kbd, samp {
+  font-family: monospace, sans-serif; }
+
+body, select, input, textarea {
+  color: #444; }
+
+h1, h2, h3, h4, h5, h6 {
+  font-weight: bold; }
+
+html {
+  overflow-y: scroll; }
+
+a {
+  &:hover {
+    outline: none; }
+  &:active {
+    outline: none;
+    color: #607890; }
+  color: #607890;
+  &:visited {
+    color: #607890; }
+  &:hover {
+    color: #036; } }
+
+ul {
+  margin-left: 1.8em; }
+
+ol {
+  margin-left: 1.8em;
+  list-style-type: decimal; }
+
+nav {
+  ul, li {
+    margin: 0; } }
+
+small {
+  font-size: 85%; }
+
+strong, th {
+  font-weight: bold; }
+
+td {
+  vertical-align: top;
+  img {
+    vertical-align: top; } }
+
+sub {
+  vertical-align: sub;
+  font-size: smaller; }
+
+sup {
+  vertical-align: super;
+  font-size: smaller; }
+
+pre {
+  padding: 15px;
+  // white-space: pre;
+  // white-space: pre-wrap;
+  // white-space: pre-line;
+  // word-wrap: break-word;
+}
+
+textarea {
+  overflow: auto; }
+
+.ie6 legend, .ie7 legend {
+  margin-left: -7px; }
+
+input {
+  &[type="radio"] {
+    vertical-align: text-bottom; }
+  &[type="checkbox"] {
+    vertical-align: bottom; } }
+
+.ie7 input[type="checkbox"] {
+  vertical-align: baseline; }
+
+.ie6 input {
+  vertical-align: text-bottom; }
+
+label {
+  cursor: pointer; }
+
+input {
+  &[type=button], &[type=submit] {
+    cursor: pointer; } }
+
+button {
+  cursor: pointer;
+  margin: 0; }
+
+input, select, textarea {
+  margin: 0; }
+
+input:valid, textarea:valid {}
+
+input:invalid, textarea:invalid {
+  border-radius: 1px;
+  -moz-box-shadow: 0px 0px 5px red;
+  -webkit-box-shadow: 0px 0px 5px red;
+  box-shadow: 0px 0px 5px red; }
+
+.no-boxshadow {
+  input:invalid, textarea:invalid {
+    background-color: #f0dddd; } }
+
+a:link {
+  -webkit-tap-highlight-color: #FF5E99; }
+
+button {
+  width: auto;
+  overflow: visible; }
+
+.ie7 img {
+  -ms-interpolation-mode: bicubic; }
+
+.ir {
+  display: block;
+  text-indent: -999em;
+  overflow: hidden;
+  background-repeat: no-repeat;
+  text-align: left;
+  direction: ltr; }
+
+.hidden {
+  display: none;
+  visibility: hidden; }
+
+.visuallyhidden {
+  position: absolute !important;
+  clip: rect(1px 1px 1px 1px);
+  clip: rect(1px, 1px, 1px, 1px); }
+
+.invisible {
+  visibility: hidden; }
+
+.clearfix {
+  &:before {
+    content: "\0020";
+    display: block;
+    height: 0;
+    visibility: hidden; }
+  &:after {
+    content: "\0020";
+    display: block;
+    height: 0;
+    visibility: hidden;
+    clear: both; }
+  zoom: 1; }
+
+/* Primary Styles
+   Author: 
+*/
+
+@media all and (orientation:portrait) {}
+
+
+@media all and (orientation:landscape) {}
+
+
+@media screen and (max-device-width: 480px) {
+  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ }
+
+
+@media print {
+  * {
+    background: transparent !important;
+    color: #444 !important;
+    text-shadow: none !important; }
+  a {
+    color: #444 !important;
+    text-decoration: underline;
+    &:visited {
+      color: #444 !important;
+      text-decoration: underline; }
+    &:after {
+      content: " (" attr(href) ")"; } }
+  abbr:after {
+    content: " (" attr(title) ")"; }
+  .ir a:after {
+    content: ""; }
+  pre, blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid; }
+  thead {
+    display: table-header-group; }
+  tr, img {
+    page-break-inside: avoid; }
+  @page {
+    margin: 0.5cm; }
+
+  p, h2, h3 {
+    orphans: 3;
+    widows: 3; }
+  h2, h3 {
+    page-break-after: avoid; } }

data/app/views/admin/entries/_form.html.haml

@@ -0,0 +1,6 @@
+= semantic_form_for [:admin, entry] do |form|
+  = form.input :title
+  = form.input :body
+  = form.input :published_at if entry.published_at
+  = form.submit 'Save as draft', :class => 'button'
+  = form.submit 'Publish', :class => 'button'

data/app/views/admin/entries/edit.html.haml

@@ -0,0 +1 @@
+= render 'form'

data/app/views/admin/entries/index.html.haml

@@ -0,0 +1,43 @@
+%p
+  = link_to 'Start a new entry', new_admin_entry_path
+%br
+
+%h2 Drafts
+
+- if @drafts.any?
+  %table.entries
+    - @drafts.each do |entry|
+      %tr
+        %td
+          = link_to image_tag('delete_page.png'),
+            admin_entry_path(entry),
+            :confirm => 'Are you sure?',
+            :method => :delete,
+            :title => 'Delete'
+          = link_to image_tag('full_page.png'),
+            entry_path(entry),
+            :title => 'Preview'
+        %td
+          = link_to entry.title, edit_admin_entry_path(entry)
+
+%br
+
+%h2 Published
+
+- if @published.any?
+  %table.entries
+    - @published.each do |entry|
+      %tr
+        %td.icons
+          = link_to image_tag('delete_page.png'),
+            admin_entry_path(entry),
+            :confirm => 'Are you sure?',
+            :method => :delete,
+            :title => 'Delete'
+          = link_to image_tag('full_page.png'),
+            public_entry_path(entry),
+            :title => 'Preview'
+        %td
+          = link_to entry.title, edit_admin_entry_path(entry)
+        %td.when
+          = entry.published_at.to_s(:long)

data/app/views/admin/entries/new.html.haml

@@ -0,0 +1 @@
+= render 'form'

data/app/views/admin/settings/edit.html.haml

@@ -0,0 +1,9 @@
+%h2 Site Settings
+= semantic_form_for SETTINGS, :url => admin_settings_path do |form|
+  = form.input :site_url
+  = form.input :site_name
+  = form.input :tagline
+  = form.input :time_zone, :label => 'Your local time zone'
+  = form.input :entries_per_page, :label => 'Entries on the home page'
+  
+  = form.submit 'Save', :class => 'button'

data/app/views/entries/_comment_form.html.haml

@@ -0,0 +1,3 @@
+= semantic_form_for [entry, Comment.new] do |form|
+  = form.inputs
+  = form.submit 'Submit comment'

data/app/views/entries/index.html.haml

@@ -0,0 +1,13 @@
+#entries.grid_8
+  - @entries.each do |entry|
+    .entry{ :class => entry == @entries.last ? 'last' : '' }
+      .title
+        = link_to entry.title, public_entry_path(entry)
+      .date
+        = entry.published_at.to_s(:long)
+      .content
+        ~ entry.body.html_safe
+      .meta
+        = link_to "Comments: #{entry.comments.count}", entry_path(entry, :anchor => 'comments')
+  #pagination.apple_pagination
+    = will_paginate @entries

data/app/views/entries/show.html.haml

@@ -0,0 +1,36 @@
+#entries.grid_8
+  .entry.last
+    .title
+      = entry.title
+    .date
+      = entry.published_at.to_s(:long)
+    .content
+      ~ entry.body.html_safe
+
+    %a{ :name => 'comments' }
+    #comments
+      %h2 Comments
+      - if entry.comments.any?
+        - entry.comments.each do |comment|
+          .comment
+            .author
+              = comment.name
+              %span.when
+                = comment.created_at.to_s(:long)
+            .body
+              = comment.body
+      - else
+        .comment
+          .author
+            None yet...
+
+      %a{ :name => 'add-comment' }
+      #new_comment
+        %h2 Add a comment
+        = semantic_form_for [entry, comment] do |form|
+          = form.input :name
+          = form.input :nickname
+          = form.input :email, :label => 'Email (not shown to the public)'
+          = form.input :url, :label => 'Website'
+          = form.input :body, :label => 'Comment'
+          = form.submit 'Add comment', :class => 'button'

data/app/views/layouts/_footer.html.haml

@@ -0,0 +1,2 @@
+Powered by #{link_to 'JABE', 'http://github.com/pixels-and-bits/jabe'}
+a #{link_to 'Pixels and Bits', 'http://pixels-and-bits.com'} project

data/app/views/layouts/_header.html.haml

@@ -0,0 +1,4 @@
+%h1#site-title
+  = link_to SETTINGS.site_name, '/'
+%h1#site-tagline
+  = SETTINGS.tagline

data/app/views/layouts/application.html.haml

@@ -0,0 +1,59 @@
+<!doctype html>
+/[if lt IE 7 ] <html lang="en" class="no-js ie6">
+/[if IE 7 ] <html lang="en" class="no-js ie7">
+/[if IE 8 ] <html lang="en" class="no-js ie8">
+/[if IE 9 ] <html lang="en" class="no-js ie9">
+/ [if (gt IE 9)|!(IE)]><!
+%html.no-js{:lang => "en"}
+  / <![endif]
+  %head
+    %meta{:charset => "utf-8"}/
+    %meta{:content => "IE=edge,chrome=1", "http-equiv" => "X-UA-Compatible"}/
+    %title= SETTINGS.site_name
+    %meta{:content => "", :name => "description"}/
+    %meta{:content => "", :name => "author"}/
+    %meta{:content => "width=device-width, initial-scale=1.0", :name => "viewport"}/
+    %link{:href => "/favicon.ico", :rel => "shortcut icon"}/
+    %link{:href => "/apple-touch-icon.png", :rel => "apple-touch-icon"}/
+    = stylesheet_link_tag 'style', 'grid', 'application'
+    = formtastic_stylesheet_link_tag
+    = javascript_include_tag 'libs/modernizr-1.6.min.js'
+  %body
+    #container.container_12
+      %header.grid_12
+        = render 'layouts/header'
+      - if admin_signed_in?
+        %nav.grid_12.nav.admin
+          %ul
+            %li= link_to 'Entries', admin_entries_path
+            %li= link_to 'Settings', edit_admin_settings_path
+            %li= link_to 'Logout', destroy_admin_session_path
+      #main.grid_12
+        #content.grid_9
+          = yield
+        #sidebar.grid_2
+          = render 'layouts/sidebar'
+      %footer.grid_12
+        = render 'layouts/footer'
+    %script{:src => "//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"}
+    :javascript
+      !window.jQuery && document.write(unescape('%3Cscript src="/javascripts/libs/jquery-min.js"%3E%3C/script%3E'))
+    = javascript_include_tag 'libs/plugins'
+    = javascript_include_tag 'application'
+    /[if lt IE 7 ]
+      <script src="/javascripts/libs/dd_belatedpng.js"></script>
+      <script> DD_belatedPNG.fix('img, .png_bg'); </script>
+    - unless Rails.env.production?
+      / yui profiler and profileviewer - remove for production
+      = javascript_include_tag 'libs/profiling/yahoo-profiling.min.js'
+      = javascript_include_tag 'libs/profiling/config.js'
+    / change the UA-XXXXX-X to be your site's ID
+    :javascript
+      var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
+      (function(d, t) {
+       var g = d.createElement(t),
+           s = d.getElementsByTagName(t)[0];
+       g.async = true;
+       g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+       s.parentNode.insertBefore(g, s);
+      })(document, 'script');