venice-chr 0.1.1

data/app/assets/javascripts/admin.coffee

@@ -0,0 +1,39 @@
+#= require jquery
+#= require jquery_ujs
+
+#= require chr
+#= require loft
+#= require ants
+#= require tape
+#= require journal
+
+#= require_tree ./admin
+
+@redirectToSignIn = ->
+  signinPath = "/admin/sign_in"
+  if window.location.hash
+    returnTo = window.location.hash.substring(1)
+    signinPath = "#{signinPath}?return_to=#{returnTo}"
+  window.location = signinPath
+
+@addWebsiteLink = ->
+  $link =$ """<a href='/' target='_blank'>
+                <i class='fa fa-home fa-fw'></i> View Site
+              </a>"""
+  chr.$mainMenu.prepend $link
+
+$ ->
+  $.get("/admin/bootstrap.json", (response) ->
+    chr.start 'Venice',
+      modules:
+        tape: new Tape('Reader')
+        posts: new JournalPosts()
+        pages: new JournalPages()
+        loft: new Loft()
+        settings: settingsConfig()
+
+    new AntsProfile()
+    addWebsiteLink()
+  ).fail (response) ->
+    if response.status == 401
+      redirectToSignIn(response)

data/app/assets/javascripts/application.coffee

@@ -0,0 +1,2 @@
+#= require jquery
+#= require jquery_ujs

data/app/assets/stylesheets/admin.scss

@@ -0,0 +1,50 @@
+@import "chr";
+@import "loft";
+@import "ants";
+@import "tape";
+@import "journal";
+@import "font-awesome";
+
+@include font-face('Proxima Nova', "ProximaNovaRegular",  $regular,  $asset-pipeline: true, $file-formats: eot woff ttf);
+@include font-face('Proxima Nova', "ProximaNovaSemibold", $semibold, $asset-pipeline: true, $file-formats: eot woff ttf);
+
+$proxima-nova-family: "Proxima Nova", 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
+
+.author_settings {
+  @include position(relative);
+  min-height: 8.8em;
+
+  .input-website_description {
+    @include no-bottom-border;
+    padding-left: 6em;
+
+    .label { display: none; }
+  }
+}
+
+/* Tablet ------------------------------------------------------------------ */
+@media #{$tablet} {
+  .sidebar,
+  .header,
+  .list:not(.list-aside) .items {
+    font-family: $proxima-nova-family;
+  }
+
+  .tape .list.tape .items {
+    font-family: $base-font-family;
+  }
+
+  .menu,
+  .menu-posts,
+  .menu-settings {
+    margin-top: 1em;
+  }
+
+  .author_settings {
+    min-height: 17.8em;
+
+    .input-website_description {
+      padding-left: 15.25em;
+    }
+  }
+}

data/app/assets/stylesheets/application.scss

@@ -0,0 +1,4 @@
+@import "bourbon";
+@import "normalize-rails";
+@import "font-awesome";
+@import "themes/venice";

data/app/assets/stylesheets/themes/venice/base.scss

@@ -0,0 +1,163 @@
+/* Base -------------------------------------------------------------------- */
+
+/* Layout ------------------------------------------------------------------ */
+*, *:before, *:after {
+  box-sizing: border-box;
+}
+
+html {
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+}
+
+body {
+  font-family: $base-font-family;
+  font-size: 14px;
+}
+
+h1, h2, h3 {
+  margin: 1.4em 0 0;
+  line-height: 1.2em;
+}
+
+h1 {
+  font-size: 1.5em;
+}
+
+h2 {
+  font-size: 1.3em;
+}
+
+h3 {
+  font-size: 1.15em;
+}
+
+p {
+  margin: 1.4em 0;
+  line-height: 1.4em;
+}
+
+blockquote {
+  font-family: georgia, serif;
+  font-style: italic;
+  font-size: 1.25em;
+  margin: 0;
+}
+
+code, pre {
+  font-family: 'Monaco', monospace;
+}
+
+img {
+  display: block;
+}
+
+.journal-page-body footer {
+  text-align: right;
+  line-height: 3;
+  margin-top: -1.4em;
+
+  a {
+    display: inline-block;
+    padding: 0 1em;
+  }
+}
+
+.pagination {
+  a, .page, .first, .last, .prev, .next {
+    display: inline-block;
+    width: 3em;
+    height: 3em;
+    line-height: 3em;
+    vertical-align: middle;
+    text-align: center;
+  }
+}
+
+.journal_posts-show {
+  .journal-page-body {
+    padding-bottom: 1.4em;
+  }
+}
+
+.footer {
+  text-align: center;
+}
+
+.footer-copyright {
+  font-size: .8em;
+  margin: 4em 0 4em;
+}
+
+/* Theme ------------------------------------------------------------------- */
+body {
+  color: $text-color;
+}
+
+h1, h2, h3 {
+  color: $header-color;
+}
+
+a {
+  color: $theme-color;
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.journal-page-header h1 a {
+  color: $header-color;
+
+  &:hover {
+    color: $theme-color;
+    text-decoration: none;
+  }
+}
+
+.journal-post-header-categories,
+.journal-post-header-time {
+  font-size: 0.8em;
+  line-height: 2.5;
+}
+
+.journal-post-header-time {
+  margin-right: 0.5em;
+}
+
+.journal-post-header-categories a {
+  padding: 0.5em;
+  text-transform: uppercase;
+}
+
+.journal-page-body footer a {
+  font-size: 1.5em;
+  color: $text-color;
+
+  &:hover {
+    color: $white-color;
+    background-color: $theme-color;
+  }
+}
+
+.pagination {
+  a, .page, .first, .last, .prev, .next {
+
+    background-color: $theme-color;
+    color: $white-color;
+
+    &.current {
+      color: $text-color;
+      background-color: $white-color;
+    }
+
+    &:hover {
+      text-decoration: none;
+    }
+  }
+}
+
+.footer-copyright {
+  opacity: 0.4;
+}

data/app/assets/stylesheets/themes/venice/desktop.scss

@@ -0,0 +1,132 @@
+/* Desktop ----------------------------------------------------------------- */
+$desktop: "screen and (min-width:900px)";
+@media #{$desktop} {
+/* Layout ------------------------------------------------------------------ */
+  .container {
+    margin-left: 18.5em;
+  }
+
+  .header {
+    @include position(fixed, 0 null null 0);
+    width: 18.5em;
+    height: 100%;
+    text-align: center;
+  }
+
+  .footer {
+    @include position(fixed, null null 0 0);
+    width: 18.5em;
+  }
+
+  .header-image {
+    display: inline-block;
+    margin: 3em 0 0.5em;
+  }
+
+  .header-image img {
+    border-radius: 40px;
+    height: 80px;
+    width: 80px;
+  }
+
+  .header-tagline {
+    font-size: .9em;
+    line-height: 1.4em;
+    padding: 0 1.25em;
+  }
+
+  .header-menu {
+    margin: 2.5em 0;
+  }
+
+  .header-menu a {
+    font-weight: 600;
+    line-height: 2em;
+    display: block;
+  }
+
+  .social-menu {
+    font-size: 1.15em;
+    margin-top: 1em;
+
+    a {
+      padding: 0 0.15em;
+    }
+  }
+
+  .journal-page {
+    padding-top: 2em;
+
+    &:first-child {
+      padding-top: 4.25em;
+    }
+
+    img {
+      max-width: 100%;
+    }
+  }
+
+  .journal-page-header,
+  .journal-page-body {
+    max-width: 52em;
+    padding: 0 5em;
+  }
+
+  .journal-page-header h1 {
+    margin-top: 0;
+  }
+
+  .pagination {
+    padding: 2em 5em;
+  }
+
+  .journal_pages-preview,
+  .journal_pages-show,
+  .journal_posts-preview,
+  .journal_posts-show {
+    .journal-page-body {
+      padding-bottom: 5em;
+    }
+  }
+
+  .footer-copyright {
+    text-align: center;
+    margin: 1.4em;
+  }
+
+
+/* Theme ------------------------------------------------------------------- */
+  .header {
+    border-top: 3px solid $theme-color;
+    background-color: $secondary-color;
+  }
+
+  .container {
+    border-top: 3px solid $theme-color;
+  }
+
+  .header-image img {
+    border: 4px solid $white-color;
+  }
+
+  .social-menu a {
+    color: lighten($text-color, 50%);
+
+    &:hover {
+      color: $theme-color;
+      text-decoration: none;
+    }
+  }
+
+  .journal_posts-category,
+  .journal_posts-index {
+    .journal-page {
+      border-bottom: 0.5em solid $secondary-color;
+    }
+  }
+
+  .pagination,
+  .journal-page {
+    background-color: $white-color;
+  }
+}

data/app/assets/stylesheets/themes/venice/mobile.scss

@@ -0,0 +1,95 @@
+/* Mobile ------------------------------------------------------------------ */
+$mobile: "screen and (max-width:899px)";
+@media #{$mobile} {
+/* Layout ------------------------------------------------------------------ */
+  .header {
+    text-align: center;
+    padding: 2em 3em 1em;
+  }
+
+  .header-image {
+    display: inline-block;
+  }
+
+  .header-image img {
+    width: 6em;
+    border-radius: 3.5em;
+    border: 0.5em solid transparent;
+  }
+
+  .header-tagline {
+    margin: 1em 0 1.75em;
+    line-height: 1.4;
+  }
+
+  .header-menu {
+    margin-bottom: 1em;
+  }
+
+  .social-menu a {
+    font-size: 1.3em;
+    padding: 0 0.15em;
+  }
+
+  .header-menu a {
+    display: block;
+    line-height: 3em;
+    margin-bottom: 1px;
+  }
+
+  .journal-page {
+    margin-bottom: 0.5em;
+    padding: 1.4em 0.5em 0;
+
+    img {
+      max-width: 100%;
+    }
+  }
+
+  .journal-page-header h1 {
+    margin-top: 0;
+  }
+
+  .journal-page-body {
+    margin-top: -1em;
+  }
+
+/* Theme ------------------------------------------------------------------- */
+  body {
+    background-color: $secondary-color;
+  }
+
+  .header {
+    color: $white-color;
+    background-color: $theme-color;
+  }
+
+  .header-image img {
+    border-color: $white-color;
+  }
+
+  .header-tagline a {
+    color: $white-color;
+  }
+
+  .header-menu a {
+    font-weight: 600;
+    color: $white-color;
+    background-color: rgba(0, 0, 0, 0.05);
+
+    &:hover {
+      text-decoration: none;
+      background-color: rgba(0, 0, 0, 0.075);
+    }
+  }
+
+  .social-menu a {
+    &:hover {
+      color: rgba(0, 0, 0, 0.075);
+    }
+  }
+
+  .journal-page {
+    background-color: $white-color;
+  }
+}

data/app/assets/stylesheets/themes/venice.scss

@@ -0,0 +1,12 @@
+/* Options ================================================================= */
+$base-font-family: verdana, sans-serif!default;
+$white-color: #FFF!default;
+$text-color: #4D4D4D!default;
+$header-color: #333!default;
+$theme-color: #F04530!default;
+$secondary-color: #FAFAFA!default;
+
+/* Modules ================================================================= */
+@import "venice/base";
+@import "venice/desktop";
+@import "venice/mobile";

data/app/controllers/admin/base_controller.rb

@@ -0,0 +1,17 @@
+module Admin
+  class BaseController < ActionController::Base
+    include LoadSettings
+
+    protect_from_forgery
+    before_action :authenticate_admin_user!, except: %w(index)
+    before_action :load_settings, only: %w(index)
+
+    def index
+      render '/admin/index', layout: 'admin'
+    end
+
+    def bootstrap_data
+      render json: {}
+    end
+  end
+end

data/app/controllers/admin/devise_overrides/passwords_controller.rb

@@ -0,0 +1,11 @@
+module Admin
+  class DeviseOverrides::PasswordsController < Devise::PasswordsController
+    layout 'admin'
+
+    protected
+
+    def after_resetting_password_path_for(resource)
+      admin_path
+    end
+  end
+end

data/app/controllers/admin/devise_overrides/sessions_controller.rb

@@ -0,0 +1,20 @@
+module Admin
+  class DeviseOverrides::SessionsController < Devise::SessionsController
+    layout 'admin'
+    before_filter :update_return_to, only: %w(new)
+
+    def after_sign_in_path_for(resource)
+      "#{admin_path}##{stored_location_for(resource)}"
+    end
+
+    def after_sign_out_path_for(resource)
+      new_admin_user_session_path
+    end
+
+    private
+
+    def update_return_to
+      session["admin_user_return_to"] = params[:return_to]
+    end
+  end
+end

data/app/controllers/application_controller.rb

@@ -0,0 +1,7 @@
+class ApplicationController < ActionController::Base
+  include LoadSettings
+  # Prevent CSRF attacks by raising an exception.
+  # For APIs, you may want to use :null_session instead.
+  # protect_from_forgery with: :exception
+  before_action :load_settings
+end

data/app/controllers/concerns/load_settings.rb

@@ -0,0 +1,23 @@
+module LoadSettings
+  extend ActiveSupport::Concern
+
+  included do
+    def load_settings
+      @settings = SettingsObject.hash
+      if @settings.empty?
+        build_settings_defaults
+        @settings = SettingsObject.hash
+      end
+    end
+
+    def build_settings_defaults
+      SettingsObject.create(title: 'general', values: {
+        website_title: '',
+        website_tagline: '',
+        website_description: '',
+        website_logo_url: '',
+        website_url: ''
+      })
+    end
+  end
+end

data/app/helpers/application_helper.rb

@@ -0,0 +1,102 @@
+module ApplicationHelper
+  def include_meta_tags
+    name = @settings[:general][:website_title]
+    title = @settings[:general][:website_tagline]
+    description = @settings[:general][:website_description]
+    description = ActionController::Base.helpers.strip_tags(description).
+      gsub("\n", "").
+      gsub("\r", "")
+    url = @settings[:general][:website_url]
+    image_url = @settings[:general][:website_logo_url]
+
+    if Rails.env.production?
+      unless image_url.include?('//')
+        host = ENV.fetch("HOST")
+        protocole = Rails.application.config.force_ssl ? "https://" : "http://"
+        image_url = "#{protocole}#{host}#{image_url}"
+      end
+    end
+
+    display_meta_tags({
+      site: name,
+      title: title,
+      description: description,
+      canonical: url,
+      og: {
+        site_name: name,
+        url: url,
+        title: title,
+        description: description,
+        image: image_url,
+        type: "website"
+      },
+      twitter: {
+        url: url,
+        title: title,
+        description: description,
+        image: image_url,
+        card: "summary"
+      }
+    })
+  end
+
+  def sidebar_image_tag
+    tagline = @settings[:general][:website_tagline].presence
+    image_url = @settings[:general][:website_logo_url].presence
+    if image_url
+      image_tag(image_url, alt: tagline)
+    else
+      ""
+    end
+  end
+
+  def sidebar_tagline
+    tagline = @settings[:general][:website_description].presence
+    (tagline || "").html_safe
+  end
+
+  def social_links
+    links = @settings[:general][:social_links] || []
+    links.reject! { |l| l.empty? }
+
+    social_icons_map = {
+      "facebook.com" => "facebook",
+      "vk.com" => "vk",
+      "twitter.com" => "twitter",
+      "behance.net" => "behance",
+      "github.com" => "github",
+      "pinterest.com" => "pinterest",
+      "instagram.com" => "instagram",
+      "youtube.com" => "youtube-play",
+      "linkedin.com" => "linkedin",
+      "medium.com" => "medium",
+      "vimeo.com" => "vimeo",
+      "slack.com" => "slack",
+      "dribbble.com" => "dribbble",
+      "soundcloud.com" => "soundcloud",
+      "mailto:" => "envelope"
+    }
+    social_icons_domains = social_icons_map.keys
+
+    html = links.collect do |l|
+      key = social_icons_domains.select { |domain| l.include?(domain) }.first
+      icon = social_icons_map[key]
+
+      link_to l, target: "_blank" do
+        fa_stacked_icon("#{icon} inverse", base: "circle", class: "fa-1x")
+      end
+    end
+    .join("")
+
+    html.html_safe
+  end
+
+  def footer_copyright
+    title = @settings[:general][:website_title]
+    year = Date.today.year
+    html = "#{title} © #{year}"
+    """<div class='footer-copyright'>
+         #{html}
+       </div>""".html_safe
+  end
+end

data/app/helpers/body_class_helper.rb

@@ -0,0 +1,15 @@
+# Body class helper striped our from:
+# https://github.com/thoughtbot/flutie/blob/master/lib/flutie/body_class_helper.rb
+module BodyClassHelper
+  def body_class(options = {})
+    extra_body_classes_symbol = options[:extra_body_classes_symbol] || :extra_body_classes
+    qualified_controller_name = controller.controller_path.gsub('/','-')
+    basic_body_class = "#{qualified_controller_name} #{qualified_controller_name}-#{controller.action_name}"
+
+    if content_for?(extra_body_classes_symbol)
+      [basic_body_class, content_for(extra_body_classes_symbol)].join(' ')
+    else
+      basic_body_class
+    end
+  end
+end