grandstand 0.2.1

data/app/models/post.rb

@@ -0,0 +1,27 @@
+class Post < ActiveRecord::Base
+  before_save :set_url
+  belongs_to :user
+  default_scope order('created_at DESC')
+
+  validates_presence_of :name, :message => 'Your post needs a name'
+  validates_uniqueness_of :name, :message => 'A post with that name already exists'
+
+  class << self
+    def extract_month(attribute)
+      "strftime('%m', #{attribute})"
+    end
+
+    def extract_year(attribute)
+      "strftime('%Y', #{attribute})"
+    end
+  end
+
+  # def to_param
+  #   url
+  # end
+
+  protected
+  def set_url
+    self.url ||= name.parameterize
+  end
+end

data/app/models/template.rb

@@ -0,0 +1,33 @@
+class Template
+  class << self
+    def [](name)
+      @templates ||= {}
+      @templates[name] ||= new(name)
+    end
+
+    protected
+    def method_missing(*args)
+      method = args.shift.to_sym
+      self[method].render
+    end
+  end
+
+  def initialize(name, body = nil)
+    @file = Dir[*ApplicationController.view_paths.map {|path| File.join(path.to_s, 'shared', "#{name}.html")}].find {|file| File.file?(file)}
+    if body
+      @body = body
+    elsif @file
+      @body = File.read(@file)
+    else
+      return false
+    end
+  end
+
+  def path
+    @file.freeze
+  end
+
+  def render
+    @body.freeze
+  end
+end

data/app/models/user.rb

@@ -0,0 +1,68 @@
+class User < ActiveRecord::Base
+  attr_accessor :password
+  attr_accessible :email, :first_name, :last_name, :password, :password_confirmation
+
+  before_save :encrypt_password
+
+  default_scope :order => [:first_name, :last_name]
+
+  has_many :galleries
+  has_many :images
+  has_many :posts
+
+  validates_confirmation_of :password, :allow_nil => true
+  validates_presence_of :email
+  validates_uniqueness_of :email, :allow_nil => true
+
+  class << self
+    def authenticates_with(credentials)
+      password = credentials.delete(:password)
+      first(:conditions => credentials)
+    end
+  end
+
+  # Check whether or not a given password hashes out to this models'
+  # stored password.
+  def authenticates_with?(check_password)
+    encrypted_password == password_digest(check_password)
+  end
+
+  # Provides a mailto: formatted link to this users' e-mail address
+  def mailto
+    "mailto:#{email}"
+  end
+
+  # Creates a whitespace-cleaned combination of this users' first and
+  # last names
+  def name
+    return @name if @name
+    name = [first_name, last_name].reject(&:blank?).join(' ')
+    @name = name.blank? ? email : name
+  end
+
+  protected
+  # Store a models' salt and password fields. Salting ensures that
+  # identical passwords do not appear the same in the database. So
+  # if two people have "foobar" as their password, they'll be completely
+  # different. Helps prevent rainbow-style attackyness.
+  def encrypt_password
+    unless password.blank?
+      self.salt = Digest::SHA1.hexdigest([Time.now.to_s, (1..10).map{ rand.to_s }].join('--'))
+      self.encrypted_password = password_digest(password)
+    end
+  end
+
+  # Returns a hash of a given password string. Used both for storing
+  # passwords and authenticating later. The DIGEST_STRETCHES constant
+  # ensures passwords are hashed more than once - which prevents brute-
+  # force attacks from being even remotely efficient. Take that, hacker
+  # dickheads.
+  def password_digest(password)
+    password_digest = SITE_KEY
+    # Perform stretching per RESTful Authentication's guidelines
+    DIGEST_STRETCHES.times do
+      password_digest = Digest::SHA1.hexdigest([password_digest, salt, password, SITE_KEY].join('--'))
+    end
+    password_digest
+  end
+end

data/app/stylesheets/_buttons.less

@@ -0,0 +1,76 @@
+/*
+  buttons.less contains all button styling. Button styling should be mixed-in
+  using #grandstand > .button-class to whatever elements need to look like buttons -
+  be they links, button tags, or menu items.
+*/
+#grandstand {
+  .styled-toolbar {
+    background-color:#a7a7a7;
+    background-image:-moz-linear-gradient(top, #cacaca, #a7a7a7);
+    background-image:-webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#a7a7a7));
+    overflow:hidden;
+    padding:5px; 
+  }
+
+  .button-default {
+    background-color:#ececec;
+    background-image:-moz-linear-gradient(top, #f4f4f4, #ececec);
+    background-image:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
+    border:1px solid #d4d4d4;
+    color:#333;
+    cursor:pointer;
+    display:inline-block;
+    font-size:12px;
+    font-weight:bold;
+    line-height:16px;
+    margin:0;
+    overflow:hidden;
+    padding:4px 10px;
+    text-decoration:none;
+    text-shadow:#fff 0 1px 0;
+    vertical-align:baseline;
+    vertical-align:middle;
+    -moz-border-radius:2px;
+    -webkit-border-radius:2px;
+  }
+
+  .button-hover {
+    background-color:#3072b3;
+    background-image:-moz-linear-gradient(top, #599bdc, #3072b3);
+    background-image:-webkit-gradient(linear, left top, left bottom, from(#599bdc), to(#3072b3));
+    border-color:#518cc6;
+    border-bottom-color:#2a65a0;
+    color:#fff;
+    text-shadow:rgba(0, 0, 0, 0.4) 0 -1px 0;
+  }
+
+  .button-active {
+    background-color:#599bdc;
+    background-image:-moz-linear-gradient(top, #3072b3, #599bdc);
+    background-image:-webkit-gradient(linear, left top, left bottom, from(#3072b3), to(#599bdc));
+    border-bottom-color:#518cc6;
+    border-top-color:#2a65a0;
+    -moz-box-shadow:inset rgba(0, 0, 0, 0.2) 0 0 1px;
+    -webkit-box-shadow:inset rgba(0, 0, 0, 0.2) 0 0 1px;
+  }
+
+  .button-grey {
+    background-color:#333;
+    background-image:-moz-linear-gradient(top, #333, #444);
+    background-image:-webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
+    border-color:#000;
+    color:#fff;
+    text-shadow:#000 0 -1px 0;
+  }
+
+  .button-grey-hover {
+    background-color:#444;
+    background-image:-moz-linear-gradient(top, #333, #444);
+    background-image:-webkit-gradient(linear, left top, left bottom, from(#333), to(#444));
+  }
+
+  .button-grey-active {
+    -moz-box-shadow:inset rgba(0, 0, 0, 1) 0 0px 1px;
+    -webkit-box-shadow:inset rgba(0, 0, 0, 1) 0 0px 1px;
+  }
+}

data/app/stylesheets/_dialogs.less

@@ -0,0 +1,85 @@
+/*
+  dialogs.less contains the styling for drop-down dialogs in the WYSIWYG editor. Ideally,
+  it should be merged with the #pulldown styling from application.less to create something
+  a bit more seamless
+*/
+.admin .wysiwyg .dialog {
+  > form {
+    background:#fff;
+    left:50%;
+    margin-left:-40%;
+    position:absolute;
+    top:0;
+    width:80%;
+    z-index:3;
+    -moz-border-radius-bottomleft:5px;
+    -moz-border-radius-bottomright:5px;
+    -moz-box-shadow:#444 0 2px 2px;
+    -webkit-border-bottom-left-radius:5px;
+    -webkit-border-bottom-right-radius:5px;
+    -webkit-box-shadow:#444 0 2px 2px;
+  }
+
+  .pad {
+    padding:10px;
+  }
+
+  .xhr, form, .source, .destination {
+/*    height:100%;*/
+  }
+
+  .source {
+    background:#d9dfe8;
+    border-right:1px solid #aaa;
+    float:left;
+    overflow-x:hidden;
+    overflow-y:auto;
+    width:200px;
+    -moz-border-radius-bottomleft:5px;
+    -webkit-border-bottom-left-radius:5px;    
+
+    .header {
+      background-image:none !important;
+      border-width:0 !important;
+      color:#505d81;
+      font-weight:bold;
+      padding:10px 10px 5px 10px;
+      text-shadow:#f1f5f8 0 1px 0;
+      text-transform:uppercase;
+    }
+
+    a {
+      border-top:1px solid #d9dfe8;
+      color:#000;
+      display:block;
+      padding:5px 5px 5px 20px;
+      text-decoration:none;
+    }
+
+    a.active {
+      background:-webkit-gradient(linear, left top, left bottom, from(#63a4e2), to(#0066c0));
+      border-top:1px solid #4691d6;
+      color:#fff;
+      text-shadow:#000 0 1px 0;
+    }
+  }
+
+  .destination {
+    margin-left:201px;
+  }
+
+  .image {
+    cursor:pointer;
+  }
+
+  .scrollable {
+/*    height:100%;*/
+    overflow-x:hidden;
+    overflow-y:auto;
+    padding:10px 0;
+    width:100%;
+    -moz-box-sizing:border-box;
+    -ms-box-sizing:border-box;
+    -webkit-box-sizing:border-box;
+  }
+}

data/app/stylesheets/application.less

@@ -0,0 +1,238 @@
+/*
+  application.less contains all of the layout elements for the logged-in application state. This is styling
+  for the editor UI ONLY. It relies heavily on global.less, which provides all form element styling and much
+  of the generic UI found in the app - including during inline editing and the like.
+*/
+@import url('_buttons');
+
+/* Layout Elements */
+
+body {
+  overflow:hidden;
+}
+
+#header {
+  background-color:#eee;
+  background-image:-moz-linear-gradient(top, #eee, #ddd);
+  background-image:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
+  border-bottom:1px solid #eee;
+  border-top:1px solid #fff;
+  height:32px;
+  left:0;
+  padding:0 10px;
+  position:absolute;
+  width:100%;
+  z-index:2;
+  box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  -ms-box-sizing:border-box;
+  -webkit-box-sizing:border-box;
+  -moz-box-shadow:#111 0 2px 2px;
+  -webkit-box-shadow:#999 0 1px 2px;  
+
+  .float-right {
+    line-height:30px;
+  /*  margin-top:11px;*/
+  }
+
+  .float-right a {
+    color:#000;
+    display:inline-block;
+    padding:0 7px;
+  }
+
+  .float-right a:hover {
+    background-color:rgba(255, 255, 255, 0.3);
+    text-decoration:underline;
+  }
+}
+
+#logo {
+  display:inline-block;
+  padding-top:0;
+}
+
+#content {
+  height:100%;
+  overflow:hidden;
+  padding:31px 0 0 0;
+  position:absolute;
+  width:100%;
+  box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  -ms-box-sizing:border-box;
+  -webkit-box-sizing:border-box;
+}
+
+#left {
+  left:20px;
+  position:absolute;
+  top:51px;
+  width:150px;
+
+  .button {
+    display:block;
+    margin-bottom:10px;
+  }
+
+  ul {
+    background-color:#ececec;
+    background-image:-moz-linear-gradient(top, #f4f4f4, #ececec);
+    background-image:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
+    list-style-type:none;
+    margin:0;
+    padding:0;
+    -moz-border-radius:2px;
+    -webkit-border-radius:2px;
+
+    li.first {
+      > a {
+        border-top-color:#d4d4d4;
+        -webkit-border-top-left-radius:2px;
+      }
+
+      a.expand {
+        -webkit-border-top-left-radius:0;
+        -webkit-border-top-right-radius:2px;
+      }
+    }
+
+    li {
+      margin:0;
+      padding:0;
+
+      a {
+        #grandstand > .button-default;
+        border-top-color:#f4f4f4;
+        display:block;
+        padding:5px;
+        -moz-border-radius:0;
+        -webkit-border-radius:0;
+      }
+
+      a:hover {
+        #grandstand > .button-hover;
+      }
+
+      a:active {
+        #grandstand > .button-active;
+      }
+
+      a.expand {
+        float:right;
+        margin-right:0;
+        height:26px;
+        line-height:26px;
+        padding:0;
+        width:15px;
+
+        span {
+          background:url(../images/icons/expand.png) center bottom no-repeat;
+          display:block;
+          height:16px;
+          margin-top:4px;
+          width:16px;
+        }
+      }
+
+      ul {
+        display:none;
+
+        li a {
+          font-size:10px;
+          padding-left:20px;
+        }
+      }
+    }
+
+    li.expandable {
+      > a {
+        border-right-width:0;
+      }
+
+      > a.expand {
+        border-right-width:1px;
+      }
+    }
+
+    li.last a {
+      -webkit-border-bottom-left-radius:2px;
+      -webkit-border-bottom-right-radius:2px;
+    }
+
+    li.expanded {
+      a.expand span {
+        background-image:url(../images/icons/collapse.png);
+      }
+
+      ul {
+        display:block;
+      }
+    }
+  }
+}
+
+#main {
+  height:100%;
+  padding:20px 20px 20px 190px;
+  overflow-x:hidden;
+  overflow-y:auto;
+  box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  -ms-box-sizing:border-box;
+  -webkit-box-sizing:border-box;
+}
+
+#cover {
+  background-color:#000;
+  height:100%;
+  left:0;
+  opacity:0.6;
+  position:fixed;
+  top:0;
+  width:100%;
+  z-index:2;
+}
+
+#pulldown {
+  left:50%;
+  margin-left:-200px;
+  position:fixed;
+  top:0;
+  width:400px;
+  z-index:3;
+
+  h2 {
+    background:#fafafa;
+    border-bottom:1px solid #ddd;
+    color:#555;
+    font-size:10pt;
+    margin-bottom:0;
+    padding:5px;
+    text-shadow:#fff 0 1px 0;
+  }
+
+  form {
+    border-top:1px solid #fff;
+    margin:0;
+  }
+
+  form .field {
+    background:#f0f0f0;
+    padding:10px;
+  }
+
+  .toolbar {
+    #grandstand > .styled-toolbar;
+    border-top:1px solid #888;
+    text-align:right;
+    -moz-border-radius-bottomleft:5px;
+    -moz-border-radius-bottomright:5px;
+    -webkit-border-bottom-left-radius:5px;
+    -webkit-border-bottom-right-radius:5px;
+
+    .button {
+      border-color:#888;
+    }
+  }
+}