almanac 0.4.4

data/app/assets/javascripts/almanac/5-main.coffee.erb

@@ -0,0 +1,46 @@
+$(document).ready ->
+  background = $("body").data("background-image")
+  background_tile = $("body").data("background-tile")
+  background_blur = $("body").data("background-blur")
+  logo = $("body").data("logo-image")
+
+  $("a.logo div").css("background-image", "url(" + (if logo? then logo else "<%= asset_path('almanac/logo.jpg') %>") + ")")
+
+  if background_tile
+    $("body.almanac").css("background-image", "url(" + (if background? then background else "<%= asset_path('almanac/background.jpg') %>") + ")")
+  else
+    image = new Image()
+    options = { amount: background_blur }
+
+    image.onload = ->
+      Pixastic.process (Pixastic.process image, "blurfast", options), "blur", options
+      $.backstretch options.resultCanvas.toDataURL('image/png')
+
+    image.src = if background? then background else "<%= asset_path('almanac/background.jpg') %>"
+
+  $(".custom-upload input[type=file]").change ->
+    $("#new_image input[type=submit]").show()
+    $(this).next().find("input").val $(this).val()
+
+  $("a.popup").click (e) ->
+    e.preventDefault()
+    window.open(this.href, "mywindow","width=600,height=300")
+
+  $("a.add-photo").click (e) ->
+    e.preventDefault()
+    $("#post_body").val($("#post_body").val() + "\n\n![](" + $(this).data("image") + ")\n\n")
+
+  $(".delete-post").bind ("ajax:success"), ->
+    post = $(this).parent().parent()
+    if post.prev().attr('class') is "head" and post.next().attr('class') is "head"
+      post.prev().fadeOut()
+    post.fadeOut()
+
+  $(".delete-comment").bind ("ajax:success"), ->
+    comment = $(this).parent().parent()
+    if comment.prev().prop("tagName") is "H4" and comment.next().prop("tagName") is "HR"
+      comment.prev().fadeOut()
+      comment.next().fadeOut()
+    comment.fadeOut()
+
+  $('.datepicker').datepicker({ format: 'yyyy-mm-dd' })

data/app/assets/javascripts/almanac/application.js

@@ -0,0 +1,16 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery_ujs
+//= require bootstrap/bootstrap
+//= require_tree .

data/app/assets/stylesheets/almanac/1-datepicker.css

@@ -0,0 +1,7 @@
+ /*
+	Datepicker for Bootstrap
+	Copyright 2012 Stefan Petre
+	Licensed under the Apache License v2.0
+	http://www.apache.org/licenses/LICENSE-2.0
+*/
+ .datepicker { top: 0; left: 0; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /*.dow { border-top: 1px solid #ddd !important; }*/ } .datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .datepicker > div { display: none; } .datepicker table { width: 100%; margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td.day:hover { background: #eeeeee; cursor: pointer; } .datepicker td.old, .datepicker td.new { color: #999999; } .datepicker td.active, .datepicker td.active:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { background-color: #0044cc; } .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { background-color: #003399 \9; } .datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td span:hover { background: #eeeeee; } .datepicker td span.active { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { background-color: #0044cc; } .datepicker td span.active:active, .datepicker td span.active.active { background-color: #003399 \9; } .datepicker td span.old { color: #999999; } .datepicker th.switch { width: 145px; } .datepicker th.next, .datepicker th.prev { font-size: 19.5px; } .datepicker thead tr:first-child th { cursor: pointer; } .datepicker thead tr:first-child th:hover { background: #eeeeee; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; }

data/app/assets/stylesheets/almanac/2-main.css.scss

@@ -0,0 +1,279 @@
+$content-width: 600px;
+$font-family-general: "Georgia", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+$font-family-title: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;
+
+.almanac {
+  background-color: grey;
+  [class^="icon-"], [class*=" icon-"] {
+    background-image: url("icons/glyphicons-halflings.png");
+  }
+
+  input[type="file"] {
+    margin-bottom: 10px;
+  }
+
+  .icon-white,
+  .nav-tabs > .active > a > [class^="icon-"],
+  .nav-tabs > .active > a > [class*=" icon-"],
+  .nav-pills > .active > a > [class^="icon-"],
+  .nav-pills > .active > a > [class*=" icon-"],
+  .nav-list > .active > a > [class^="icon-"],
+  .nav-list > .active > a > [class*=" icon-"],
+  .navbar-inverse .nav > .active > a > [class^="icon-"],
+  .navbar-inverse .nav > .active > a > [class*=" icon-"],
+  .dropdown-menu > li > a:hover > [class^="icon-"],
+  .dropdown-menu > li > a:hover > [class*=" icon-"],
+  .dropdown-menu > .active > a > [class^="icon-"],
+  .dropdown-menu > .active > a > [class*=" icon-"] {
+    background-image: url("icons/glyphicons-halflings-white.png");
+  }
+
+  .footer {
+    color: white;
+    padding-bottom: 20px;
+    text-align: center;
+    text-shadow: 0 1px 4px black;
+  }
+
+  .navbar {
+    margin-bottom: 30px;
+  }
+
+  .container {
+    max-width: $content-width;
+  }
+
+  .well.post {
+    p {
+      margin: 0 0 28px;
+    }
+    p:last-child {
+      margin-bottom: 10px;
+    }
+  }
+
+  .well {
+    margin: 0 auto 20px;
+    background: white;
+    padding: 25px;
+    font-family: $font-family-general;
+    font-size: 18px;
+    line-height: 28px;
+    color: #4A4A4A;
+    -webkit-font-smoothing: antialiased;
+    font-smoothing: antialiased;
+    overflow: hidden;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
+    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
+    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
+
+    .images {
+      img {
+        width: 100px;
+        height: 100px;
+      }
+      div.image-thumb {
+        display: inline-block;
+        width: 100px;
+
+        p {
+          a.add-photo {
+            font-size: 0.8em;
+          }
+        }
+      }
+    }
+    .actions {
+      i.icon {
+        margin-right: 10px;
+      }
+      a:hover {
+        text-decoration: none;
+      }
+    }
+  }
+
+  #header {
+    border: 0 none;
+    position: relative;
+    text-align: center;
+    padding: 0;
+
+    h2, h2 a.title {
+      display: block;
+      font-size: 40px;
+      -webkit-text-shadow: 0px 1px 4px rgba(0, 0, 0, 1);
+      -moz-text-shadow: 0px 1px 4px rgba(0, 0, 0, 1);
+      -o-text-shadow: 0px 1px 4px rgba(0, 0, 0, 1);
+      text-shadow: 0px 1px 4px rgba(0, 0, 0, 1);
+      filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=424040);
+      position: relative;
+      color: white;
+      font-family: $font-family-title;
+      font-weight: 600;
+    }
+    h2 a.title {
+      margin: 5px 0 30px;
+    }
+    h2 a.logo {
+      div {
+        width: 100px;
+        height: 100px;
+        border: 3px solid white;
+        box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
+        margin-bottom: 10px;
+        display: inline-block;
+      }
+    }
+
+    #top-controls {
+      position: absolute;
+      right: 0;
+      top: 0;
+
+      img {
+        margin-left: 5px;
+      }
+
+      a:hover {
+        text-decoration: none;
+      }
+    }
+  }
+
+  h3.head {
+    display: block;
+    text-align: center;
+    font-family: $font-family-title;
+    font-size: 24px;
+    -webkit-text-shadow: 0px 1px 4px rgba(0, 0, 0, 1);
+    -moz-text-shadow: 0px 1px 4px rgba(0, 0, 0, 1);
+    -o-text-shadow: 0px 1px 4px rgba(0, 0, 0, 1);
+    text-shadow: 0px 1px 4px rgba(0, 0, 0, 1);
+    filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=424040);
+    position: relative;
+    color: white;
+  }
+
+  textarea {
+    width: $content-width - 66;
+    font-family: $font-family-general;
+    font-size: 16px;
+    line-height: 22px;
+    @media (max-width: 767px) { width: $content-width / 2; }
+    @media (max-width: 480px) { width: 200px; }
+  }
+
+  textarea#post_body {
+    height: 400px;
+  }
+
+  .custom-upload {
+    position: relative;
+    height: 40px;
+    width: 350px;
+    display: inline-block;
+    margin-right: 18px;
+
+    input[type=file] {
+      outline:none;
+      position: relative;
+      text-align: right;
+      -moz-opacity:0 ;
+      opacity: 0;
+      z-index: 2;
+      width: 100%;
+      height: 100%;
+    }
+    .fake-file {
+      background:url("icons/upload.png") center right no-repeat;
+      position: absolute;
+      top: 0px;
+      left: 0px;
+      width: 350px;
+      padding: 0;
+      margin: 0;
+      z-index: 1;
+      line-height: 100%;
+
+      input {
+        background-color: white;
+        border: 1px solid #C7C7C7;
+        box-shadow: 0 0 2px rgba(1, 1, 1, 0.2) inset;
+        font-size: 16px;
+        height: 30px;
+        padding: 5px;
+        width: 290px;
+        cursor: default;
+      }
+    }
+  }
+
+  #new_image input[type=submit] {
+    display: none;
+  }
+
+  .pagination {
+    text-align: center;
+
+    ul {
+      background-color: white;
+    }
+  }
+
+  #comments {
+    .well {
+      padding: 17px;
+      h5 {
+        margin: 0;
+      }
+      .actions {
+        margin-top: 10px;
+      }
+    }
+  }
+
+  hr.gradient-white {
+    border: 0;
+    height: 1px;
+    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
+    background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
+    background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
+    background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
+  }
+
+  hr.gradient-black {
+    border: 0;
+    height: 1px;
+    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.65), rgba(0,0,0,0));
+    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.65), rgba(0,0,0,0));
+    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.65), rgba(0,0,0,0));
+    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.65), rgba(0,0,0,0));
+  }
+
+  // Flaired edges, by Tomas Theunissen
+  hr.fancy {
+    height: 30px;
+    border-style: solid;
+    border-color: black;
+    border-width: 1px 0 0 0;
+    border-radius: 20px;
+  }
+  hr.fancy:before { /* Not really supposed to work, but does */
+    display: block;
+    content: "";
+    height: 30px;
+    margin-top: -31px;
+    border-style: solid;
+    border-color: black;
+    border-width: 0 0 1px 0;
+    border-radius: 20px;
+  }
+
+  .centered {
+    text-align: center;
+  }
+}

data/app/assets/stylesheets/almanac/application.css

@@ -0,0 +1,15 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require bootstrap/bootstrap
+ *= require bootstrap/bootstrap-responsive
+ *= require_tree .
+ */

data/app/controllers/almanac/application_controller.rb

@@ -0,0 +1,24 @@
+module Almanac
+  class ApplicationController < ActionController::Base
+    protect_from_forgery
+
+    before_filter :set_current_author
+    before_filter :set_blog
+
+    before_filter do |controller|
+      @markdown_parser = MarkdownParser.new
+    end
+
+    def set_current_author
+      current_user ||= nil
+    end
+
+    def set_blog
+      @blog = Almanac::Blog.first
+      unless @blog.nil?
+        Rakismet.key = (@blog.rakismet_key) ? @blog.rakismet_key : ''
+        Rakismet.url = (@blog.rakismet_url) ? @blog.rakismet_url : ''
+      end
+    end
+  end
+end

data/app/controllers/almanac/blogs_controller.rb

@@ -0,0 +1,64 @@
+require_dependency "almanac/application_controller"
+
+module Almanac
+  class BlogsController < ApplicationController
+    load_and_authorize_resource class: Almanac::Blog
+    respond_to :html
+
+    before_filter :only => [:show, :edit, :update, :delete] do |controller|
+      @blog = Blog.find(params[:id])
+    end
+
+    def new
+      @blog = (Blog.first.nil?) ? Blog.new : Blog.first
+
+      respond_with(@blog) do |format|
+        if @blog.id
+          format.html { redirect_to :root, :notice => 'You can only have one blog.' }
+        else
+          format.html
+        end
+      end
+    end
+
+    def create
+      @blog = (Blog.first.nil?) ? Blog.new(params[:blog]) : Blog.first
+      @blog.author_id = current_user.id
+
+      respond_with(@blog) do |format|
+        if Blog.first.nil?
+          if @blog.save
+            format.html { redirect_to :root, :notice => 'Blog was successfully created.' }
+          else
+            format.html { render :action => "new", :alert => 'Something went wrong, try again.' }
+          end
+        else
+          format.html { redirect_to :root, :notice => 'You can only have one blog.' }
+        end
+      end
+    end
+
+    def edit
+      respond_to do |format|
+        format.html
+      end
+    end
+
+    def update
+      respond_with(@blog) do |format|
+        if @blog.update_attributes(params[:blog])
+          format.html { redirect_to :root, :notice => 'Blog was successfully updated.' }
+        else
+          format.html { render :action => "edit" }
+        end
+      end
+    end
+
+    def spam
+      @comments = Comment.spam
+
+      respond_with(@comments) do |format|
+      end
+    end
+  end
+end