dante-editor-seo 0.0.13

data/app/assets/stylesheets/dante/_popover.scss

@@ -0,0 +1,134 @@
+.popover {
+  overflow: hidden;
+  position: absolute;
+  z-index: 900;
+  visibility: visible;
+  font-size: 12px;
+  text-align: center;
+  opacity: 0;
+  pointer-events: auto;
+  padding: 15px;
+
+  font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
+  letter-spacing: -0.02em;
+  font-weight: 400;
+  font-style: normal;
+  line-height: 1.4;
+  &.is-active {
+    opacity: 1;
+  }
+}
+
+.popover-inner {
+  position: relative;
+  max-width: 280px;
+  border-radius: 4px;
+  padding: 8px;
+  a {
+    color: inherit;
+    text-decoration: none;
+  }
+}
+
+.popover--tooltip {
+  pointer-events: none;
+}
+
+.popover--linkTooltip {
+  pointer-events: auto;
+  z-index: 300;
+  word-break: break-word;
+  word-wrap: break-word;
+}
+
+
+/*
+.popover.is-withTransition {
+  -webkit-transition:opacity 100ms ease;
+  transition:opacity 100ms ease;
+}
+
+.is-resizing .popover {
+  opacity:0;
+  -webkit-transition:opacity 0 ease;
+  transition:opacity 0 ease;
+}
+*/
+
+.popover-inner {
+  background-color: rgba(0,0,0,0.8);
+  color: #fff;
+}
+.popover-arrow {
+  position: absolute;
+}
+.popover-arrow:after {
+  background-color: rgba(0,0,0,0.8);
+}
+
+.popover--top .popover-arrow,
+.popover--bottom .popover-arrow {
+  left: 50%;
+  margin-left: -7px;
+}
+
+.popover--left .popover-arrow,
+.popover--right .popover-arrow {
+  top: 50%;
+  margin-top: -7px;
+}
+
+.popover--top .popover-arrow {
+  bottom: 1px;
+  clip: rect(0 18px 18px 4px);
+}
+
+.popover--right .popover-arrow {
+  left: 1px;
+  clip: rect(-4px 14px 18px 0);
+}
+
+.popover--bottom .popover-arrow {
+  top: 1px;
+  clip: rect(0 18px 14px -1px);
+}
+
+.popover--left .popover-arrow {
+  right: 1px;
+  clip: rect(-4px 14px 18px 0);
+}
+
+.popover-arrow:after {
+  content: '';
+  display: block;
+  width: 14px;
+  height: 14px;
+}
+
+.popover--top .popover-arrow:after {
+  -webkit-transform: rotate(45deg) translate(-5px,-5px);
+  -ms-transform: rotate(45deg) translate(-5px,-5px);
+  transform: rotate(45deg) translate(-5px,-5px);
+  box-shadow: 1px 1px 1px -1px rgba(0,0,0,0.8);
+}
+
+.popover--right .popover-arrow:after {
+  -webkit-transform: rotate(45deg) translate(6px,-6px);
+  -ms-transform: rotate(45deg) translate(6px,-6px);
+  transform: rotate(45deg) translate(6px,-6px);
+  box-shadow: -1px 1px 1px -1px rgba(0,0,0,0.8);
+}
+
+.popover--bottom .popover-arrow:after {
+  -webkit-transform: rotate(45deg) translate(6px,6px);
+  -ms-transform: rotate(45deg) translate(6px,6px);
+  transform: rotate(45deg) translate(6px,6px);
+  box-shadow: -1px -1px 1px -1px rgba(0,0,0,0.44);
+}
+
+.popover--left .popover-arrow:after {
+  -webkit-transform: rotate(45deg) translate(-6px,6px);
+  -ms-transform: rotate(45deg) translate(-6px,6px);
+  transform: rotate(45deg) translate(-6px,6px);
+  box-shadow: 1px -1px 1px -1px rgba(0,0,0,0.8);
+}

data/app/assets/stylesheets/dante/_post.scss

@@ -0,0 +1,69 @@
+.postArticle {
+  position: relative;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  .layoutSingleColumn {
+    & {
+      width: 700px;
+      margin-left: auto;
+      margin-right: auto;
+    }
+    @media (max-width: 800px) {
+      width: 640px;
+    }
+    @media (max-width: 680px) {
+      width: auto;
+      margin-left: 20px;
+      margin-right: 20px;
+    }
+  }
+}
+
+.postWrapper,
+.postWrapper-inner {
+  position: relative;
+  @include clearfix;
+}
+
+.postWrapper {
+  overflow: hidden;
+
+  .is-postEditMode &            { display: none; }
+  .is-postEditModeInitialized & { display: block; }
+}
+
+.postContent {
+  font-family: $font-family-serif;
+  letter-spacing: 0.01rem;
+  font-weight: 400;
+  font-style: normal;
+  //font-size: 22px;
+  //line-height: 1.5;
+  font-size: 19px;
+  line-height: 1.69;
+}
+
+.postField {
+  &, &:focus {
+    outline: 0;
+    word-break: break-word;
+    word-wrap: break-word;
+  }
+}
+
+.postField--body {
+  @include clearfix;
+  margin-bottom: 30px;
+}
+
+.section--last {
+  padding-bottom: 5px;
+}
+
+.section-content {
+  @include clearfix;
+}
+
+.section-inner {
+  position: relative;
+}

data/app/assets/stylesheets/dante/_scaffold.scss

@@ -0,0 +1,20 @@
+.notesSource {
+
+  & {
+    padding: 0;
+    margin: 0;
+    position: relative;
+    color: rgba(0,0,0,0.8);
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -moz-font-feature-settings: liga on;
+  }
+
+  *,
+  *:before,
+  *:after {
+    box-sizing: border-box;
+  }
+
+}

data/app/assets/stylesheets/dante/_tooltip.scss

@@ -0,0 +1,131 @@
+.inlineTooltip {
+
+  // BASE
+  position: absolute;
+  z-index: 900;
+  width: $tooltip-size;
+  height: $tooltip-size;
+  -webkit-transition: opacity 100ms, width 0 linear 250ms;
+  transition: opacity 100ms, width 0 linear 250ms;
+  padding: 0;
+  font-size: 0;
+
+  opacity: 0;
+  pointer-events: none;
+
+  &.is-active {
+    opacity: 1;
+    pointer-events: auto;
+  }
+  &.is-scaled {
+    width: $tooltip-size-expanded;
+    -webkit-transition-delay: 0;
+    transition-delay: 0;
+  }
+}
+
+// MENU
+.inlineTooltip-menu {
+  & {
+    display: inline-block;
+    padding-left: $tooltip-menu-spacing;
+  }
+  button {
+    margin-right: $tooltip-button-spacing;
+  }
+}
+
+// BUTTON
+.inlineTooltip-button {
+
+  // BASE
+  & {
+    display: inline-block;
+    position: relative;
+    outline: 0;
+    padding: 0;
+    vertical-align: bottom;
+    box-sizing: border-box;
+    border-radius: $tooltip-border-radius;
+    cursor: pointer;
+    font-size: 14px;
+    text-decoration: none;
+    font-family: $font-family-sans;
+    letter-spacing: -0.02em;
+    font-weight: 400;
+    font-style: normal;
+    white-space: nowrap;
+    text-rendering: auto;
+    text-align: center;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -moz-font-feature-settings: "liga" on;
+    width: $tooltip-size;
+    height: $tooltip-size;
+    line-height: $tooltip-line-height;
+    -webkit-transition: 100ms border-color, 100ms color;
+    transition: 100ms border-color, 100ms color;
+    background: rgba($tooltip-color, $tooltip-background-opacity);
+    border: $tooltip-border-width solid;
+    border-color: rgba($tooltip-color, $tooltip-color-opacity);
+    color: rgba($tooltip-color, $tooltip-color-opacity);
+  }
+
+  &:hover {
+    border-color: rgba($tooltip-color, $tooltip-color-opacity-hover);
+    color: rgba($tooltip-color, $tooltip-color-opacity-hover);
+  }
+
+  // SCALE
+  &.scale {
+    & {
+       -webkit-transform: scale(0);
+           -ms-transform: scale(0);
+               transform: scale(0);
+      -webkit-transition: -webkit-#{$tooltip-forward-transition}, $tooltip-default-transition;
+              transition: $tooltip-forward-transition, $tooltip-default-transition;
+    }
+    .is-scaled & {
+       -webkit-transform: scale(1);
+           -ms-transform: scale(1);
+               transform: scale(1);
+      -webkit-transition: -webkit-#{$tooltip-backward-transition}, $tooltip-default-transition;
+              transition: $tooltip-backward-transition, $tooltip-default-transition;
+    }
+    &:nth-child(2) {
+      -webkit-transition-delay: 30ms;
+              transition-delay: 30ms;
+    }
+    &:nth-child(3) {
+      -webkit-transition-delay: 60ms;
+              transition-delay: 60ms;
+    }
+    &:nth-child(4) {
+      -webkit-transition-delay: 90ms;
+              transition-delay: 90ms;
+    }
+  }
+
+  // CONTROL
+  &.control {
+    & {
+      -webkit-transition: -webkit-#{$tooltip-forward-transition}, $tooltip-default-transition;
+              transition: $tooltip-forward-transition, $tooltip-default-transition;
+       -webkit-transform: rotate(0);
+           -ms-transform: rotate(0);
+               transform: rotate(0);
+    }
+    .is-scaled & {
+      -webkit-transition: -webkit-#{$tooltip-backward-transition}, $tooltip-default-transition;
+              transition: $tooltip-backward-transition, $tooltip-default-transition;
+       -webkit-transform: rotate(45deg);
+           -ms-transform: rotate(45deg);
+               transform: rotate(45deg);
+            border-color: rgba($tooltip-color, $tooltip-color-opacity-hover);
+                   color: rgba($tooltip-color, $tooltip-color-opacity-hover);
+    }
+  }
+
+}
+

data/app/assets/stylesheets/dante/_utilities.scss

@@ -0,0 +1,55 @@
+@mixin clearfix {
+  &:before, &:after {
+    content: " ";
+    display: table;
+  }
+  &:after {
+    clear: both;
+  }
+
+  *zoom: 1;
+}
+
+
+@mixin box-sizing {
+  *,
+  *:before,
+  *:after {
+    box-sizing: border-box;
+  }
+}
+
+
+
+@keyframes spinner {
+    to {transform: rotate(360deg);}
+}
+
+@-webkit-keyframes spinner {
+    to {-webkit-transform: rotate(360deg);}
+}
+
+.spinner {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+.spinner:before {
+  content: 'Loading…';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 16px;
+  height: 16px;
+  margin-top: -10px;
+  margin-left: -10px;
+}
+
+.spinner:not(:required):before {
+  content: '';
+  border-radius: 50%;
+  border: 2px solid rgba(0, 0, 0, .3);
+  border-top-color: rgba(0, 0, 0, .6);
+  animation: spinner .6s linear infinite;
+  -webkit-animation: spinner .6s linear infinite;
+}

data/app/assets/stylesheets/dante/_variables.scss

@@ -0,0 +1,46 @@
+$font-family-sans:              'jaf-bernino-sans', 'Open Sans', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+$font-family-serif:             'freight-text-pro', 'Merriweather', Georgia,Cambria, "Times New Roman", Times,serif;
+$font-family-mono:              Menlo, Monaco, Consolas, "Courier New", "Courier", monospace;
+
+$font-family-base:              $font-family-sans;
+$font-size-base:                14px;
+$line-height-base:              1.428571429; // 20/14
+
+$active-color:                  #5BD974;
+
+$menu-tone:                     #333;
+$menu-factor:                   5%;
+$menu-background:               linear-gradient(to bottom, darken($menu-tone,$menu-factor), $menu-tone) repeat scroll 0 0 $menu-tone;
+$menu-shadow:                   1px 2px 3px -2px #222;
+$menu-border-width:             1px;
+$menu-border-color:             darken($menu-tone,$menu-factor);
+$menu-border-radius:            5px;
+$menu-border:                   $menu-border-width solid $menu-border-color;
+$menu-color:                    #FFFFFF;
+$menu-color-active:             $active-color;
+$menu-caret-size:               8px;
+
+$menu-height:                   45px;
+$menu-button-height:            $menu-height - ($menu-border-width * 2);
+
+$tooltip-color:                 black;
+$tooltip-color-opacity:         0.44;
+$tooltip-color-opacity-hover:   0.9;
+$tooltip-background-opacity:    0;
+$tooltip-border-width:          1px;
+$tooltip-border-radius:         999em;
+
+$tooltip-button-spacing:        9px;
+$tooltip-menu-spacing:          22px;
+
+$tooltip-items:                 3;
+$tooltip-size:                  32px;
+$tooltip-line-height:           $tooltip-size;
+
+// Add 1px on expanded tooltip to avoid colapsed buttons in FF
+$tooltip-size-expanded:         1 + ($tooltip-size + $tooltip-menu-spacing) + (($tooltip-size + $tooltip-button-spacing) * $tooltip-items);
+$tooltip-default-transition:    100ms border-color, 100ms color;
+$tooltip-forward-transition:    transform 100ms;
+$tooltip-backward-transition:   transform 250ms;
+
+$debugger:                      true;

data/app/assets/stylesheets/dante.scss

@@ -0,0 +1,18 @@
+@charset "utf-8";
+
+@import "dante/variables";
+@import "dante/utilities";
+@import "dante/scaffold";
+@import "dante/fonts";
+@import "dante/animations";
+@import "dante/post";
+@import "dante/icons";
+@import "dante/menu";
+@import "dante/tooltip";
+@import "dante/popover";
+@import "dante/graf";
+@import "dante/media";
+@import "dante/caption";
+@import "dante/needsorder";
+
+@import "dante/debug";

data/bower.json

@@ -0,0 +1,44 @@
+{
+  "name" : "dante",
+  "description": "Just another Medium editor clone.",
+  "homepage": "michelson.github.io/Dante/",
+  "version" : "0.0.13",
+  "keywords": [
+    "css",
+    "sass",
+    "js",
+    "coffeescript",
+    "medium",
+    "editor",
+    "web",
+    "wysiwyg"
+  ],
+  "authors": [
+    { "name": "Miguel Michelson", "homepage": "https://github.com/michelson" },
+    { "name": "Cristian Ferrari", "homepage": "https://github.com/cristianferrarig" }
+  ],
+  "main": [
+    "app/assets/**/*",
+    "dist/**/*"
+  ],
+  "ignore": [
+    ".gitignore",
+    ".travis.yml",
+    ".ruby-version",
+    "config.*",
+    "dante-editor.gemspec",
+    "Gemfile",
+    "Gemfile.lock",
+    "Procfile",
+    "rakefile",
+    "ROADMAP.md",
+    "TODO.md",
+    "lib",
+    "source"
+  ],
+  "dependencies": {
+    "jquery": "*",
+    "underscore" : "*",
+    "sanitize.js" : "*"
+  }
+}

data/config.rb

@@ -0,0 +1,86 @@
+
+
+class DistBuilder < Middleman::Extension
+
+  def initialize(app, options_hash={}, &block)
+    super
+
+    app.after_build do |builder|
+      app.config[:dist_dir] = "dist"
+      FileUtils.rm_rf Dir.glob("#{app.config[:dist_dir]}/*")
+      base_dist_path   = app.config[:dist_dir]
+      dist_fonts_path  = File.join(base_dist_path, "fonts", "dante")
+      dist_images_path = File.join(base_dist_path, "images", "dante")
+      dist_js_path     = File.join(base_dist_path, "js")
+      dist_css_path    = File.join(base_dist_path, "css")
+
+      #FileUtils.rm_rf base_dist_path
+
+      builder.say_status :dist_builder, "generating dist files"
+
+      fonts_dir = File.join(app.config[:build_dir], app.config[:fonts_dir])
+      FileUtils.mkdir_p dist_fonts_path
+      FileUtils.cp_r "#{fonts_dir}/dante/.", dist_fonts_path, :verbose => true
+
+      images_dir = File.join(app.config[:build_dir], app.config[:images_dir])
+      FileUtils.mkdir_p dist_images_path
+      FileUtils.cp_r "#{images_dir}/dante/.", dist_images_path, :verbose => true
+
+
+      js_dir = File.join(app.config[:build_dir], app.config[:js_dir])
+      FileUtils.mkdir_p dist_js_path
+      FileUtils.cp "#{js_dir}/dante-editor.js", dist_js_path, :verbose => true
+
+
+      css_dir = File.join(app.config[:build_dir], app.config[:css_dir])
+      FileUtils.mkdir_p dist_css_path
+      FileUtils.cp "#{css_dir}/dante-editor.css", dist_css_path, :verbose => true
+
+      builder.say_status :dist_builder, "dist complete"
+
+    end
+  end
+
+end
+
+::Middleman::Extensions.register(:dist_builder, DistBuilder)
+
+
+
+set :css_dir, 'assets/stylesheets'
+
+set :js_dir, 'assets/javascripts'
+
+set :images_dir, 'assets/images'
+
+set :fonts_dir, 'assets/fonts'
+
+#set :markdown_engine, :redcarpet
+set :markdown_engine, :kramdown
+
+page "/tests/*", :layout => "spec"
+
+sprockets.append_path File.join "#{root}", "bower_components"
+
+
+# Build-specific configuration
+configure :build do
+  # For example, change the Compass output style for deployment
+  # activate :minify_css
+
+  # Minify Javascript on build
+  # activate :minify_javascript
+
+  # Enable cache buster
+  # activate :asset_hash
+
+  activate :relative_assets
+  set :relative_links, true
+  activate :dist_builder
+
+  # Use relative URLs
+  # activate :relative_assets
+
+  # Or use a different image path
+  # set :http_path, "/Content/images/"
+end

data/config.ru

@@ -0,0 +1,42 @@
+require 'rubygems'
+require 'middleman/rack'
+
+class UploadServer < Sinatra::Base
+
+  use Rack::Static, :urls => ["/images"], :root => "tmp"
+  # Info
+  get "/info" do
+    "Dante Upload server, hello!"
+  end
+
+  # Handle POST-request (Receive and save the uploaded file)
+  post "/new.?:format?" do
+
+    name = [Time.now.to_i , params['file'][:filename]].join("-")
+    path = File.join(File.dirname(__FILE__), 'tmp/images', name)
+    File.open(path, "wb") do |f|
+      f.write(params['file'][:tempfile].read)
+    end
+
+    return "/uploads/images/#{name}"
+  end
+
+  post "upload_url" do
+    params = request.env['rack.request.query_hash']
+    puts "파라미터 : #{params}"
+    return "#{params}"
+  end
+
+  get "/test" do
+    " HELLO TEST? "
+  end
+
+end
+
+
+#Mounts upload server & middleman app
+run Rack::URLMap.new(
+  "/" => Middleman.server,
+  "/uploads" => UploadServer.new,
+  "/upload_url" => UploadServer.new
+)

data/dante-editor.gemspec

@@ -0,0 +1,19 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'dante-editor/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = "dante-editor-seo"
+  gem.version       = DanteEditor::VERSION
+  gem.authors       = ["Miguel Michelson", "Cristian Ferrari", "Seo Yoochan"]
+  gem.email         = ["miguelmichelson@gmail.com", "cristianferrarig@gmail.com", "supergnee@gmail.com"]
+  gem.description   = %q{dante-editor yet another Medium editor clone.}
+  gem.summary       = %q{dante-editor yet another Medium editor clone.}
+  gem.homepage      = "http://michelson.github.io/Dante/"
+
+  gem.files         = `git ls-files`.split($/)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.require_paths = ["lib"]
+end