dante-editor 0.0.4 → 0.0.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (34) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -0
  3. data/Gemfile.lock +1 -1
  4. data/README.md +2 -0
  5. data/ROADMAP.md +1 -1
  6. data/TODO.md +1 -0
  7. data/app/assets/javascripts/dante/dante.js.coffee.erb +1 -0
  8. data/app/assets/javascripts/dante/editor.js.coffee +50 -57
  9. data/app/assets/javascripts/dante/menu.js.coffee +11 -11
  10. data/app/assets/javascripts/dante/popover.js.coffee +76 -0
  11. data/app/assets/javascripts/dante.js +1 -0
  12. data/app/assets/stylesheets/dante/_caption.scss +52 -0
  13. data/app/assets/stylesheets/dante/_graf.scss +101 -29
  14. data/app/assets/stylesheets/dante/_media.scss +39 -0
  15. data/app/assets/stylesheets/dante/_needsorder.scss +92 -90
  16. data/app/assets/stylesheets/dante/_popover.scss +134 -0
  17. data/app/assets/stylesheets/dante/_post.scss +43 -2
  18. data/app/assets/stylesheets/dante/_scaffold.scss +1 -0
  19. data/app/assets/stylesheets/dante/_variables.scss +3 -1
  20. data/app/assets/stylesheets/dante.css.scss +3 -0
  21. data/lib/dante-editor/version.rb +1 -1
  22. data/source/assets/images/dante-editor-logo.png +0 -0
  23. data/source/assets/stylesheets/_scaffold.scss +1 -5
  24. data/source/assets/stylesheets/_tooltips.scss +2 -2
  25. data/source/assets/stylesheets/all.css.scss +39 -36
  26. data/source/index.html.erb +7 -8
  27. data/source/layouts/layout.erb +6 -5
  28. metadata +7 -8
  29. data/app/assets/stylesheets/temp/fonts.css.scss +0 -80
  30. data/app/assets/stylesheets/temp/medium.css +0 -12404
  31. data/app/assets/stylesheets/temp/review.scss +0 -21
  32. data/app/assets/stylesheets/temp/structure.haml +0 -22
  33. data/source/assets/images/dante-logo.png +0 -0
  34. data/source/assets/images/icon-logo.png +0 -0
data/source/assets/stylesheets/all.css.scss CHANGED
@@ -6,52 +6,55 @@
6
6
  $color-brand: #1abf89;
7
7
  $gutter: 30px;
8
8
 
9
- body:after {
10
- content: "";
11
- position: fixed;
9
+ #header {
10
+ display: block;
11
+ z-index: 500;
12
12
  width: 100%;
13
- height: 3px;
13
+ font-size: 14px;
14
+ color: rgba(0,0,0,0.3);
15
+ font-family: "jaf-bernino-sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
16
+ letter-spacing: -0.02em;
17
+ font-weight: 400;
18
+ font-style: normal;
19
+ box-sizing: border-box;
20
+ -webkit-transition: 200ms background-color,200ms color;
21
+ transition: 200ms background-color,200ms color;
22
+ position: fixed;
14
23
  top: 0;
15
- right: 0;
16
- left: 0;
17
- background-color: $color-brand;
24
+ height: 65px;
25
+ background: rgba(255,255,255,0.97);
26
+ box-shadow: 0 0 1px rgba(0,0,0,0.15);
18
27
  }
28
+
19
29
  article {
20
- margin-top: 70px;
21
- padding: $gutter;
22
- }
23
- #editor{
24
- margin: 0 auto;
25
- //width: 70%;
26
- max-width: 700px;
30
+ margin-top: 140px;
27
31
  }
28
32
 
29
33
  .logo {
30
- display: block;
31
- float: left;
32
- margin: -34px 7px 11px 25px;
33
- position: absolute;
34
- left: 0;
35
- top: 28px;
36
- }
37
-
38
- .top-left,
39
- .top-right {
40
- position: fixed;
41
- top: $gutter;
42
- }
43
-
44
- .top-left {
45
- left: $gutter;
46
- }
47
- .top-right {
48
- right: $gutter;
34
+ & {
35
+ display: inline-block;
36
+ }
37
+ img {
38
+ margin: 22px 14px 22px 20px;
39
+ }
40
+ span {
41
+ vertical-align: top;
42
+ border-left: 1px solid rgba(0,0,0,0.15);
43
+ padding: 5px 14px;
44
+ margin: 20px 0;
45
+ display: inline-block;
46
+ }
49
47
  }
50
48
 
51
49
  .github {
52
- font-size: 40px;
53
- color: $color-brand;
54
- line-height: 0;
50
+ & {
51
+ float: right;
52
+ font-size: 32px;
53
+ color: $color-brand;
54
+ line-height: 0;
55
+ margin-top: 19px;
56
+ margin-right: 24px;
57
+ }
55
58
  i {
56
59
  position: relative;
57
60
  top: -2px;
data/source/index.html.erb CHANGED
@@ -2,18 +2,17 @@
2
2
  title: Dante Editor example
3
3
  ---
4
4
 
5
-
6
- <article>
7
- <div id="editor">
8
- <%= partial "partials/readme" %>
9
- </div>
10
- </article>
5
+ <div id="editor">
6
+ <%= partial "partials/readme" %>
7
+ </div>
11
8
 
12
9
  <script type="text/javascript">
13
10
  editor = new Dante.Editor(
14
11
  {
15
12
  el: "#editor",
16
- upload_url: "/uploads/new.json"
13
+ upload_url: "/uploads/new.json",
14
+ debug: <%= build? ? false : true %>
17
15
  }
18
- ).start()
16
+ )
17
+ editor.start()
19
18
  </script>
data/source/layouts/layout.erb CHANGED
@@ -11,11 +11,12 @@
11
11
 
12
12
  <body class="<%= page_classes %>">
13
13
 
14
- <div class="top-left">
15
- <img src="assets/images/dante-logo.png" alt="dante logo" width="41" >
16
- </div>
17
- <div class="top-right">
18
- <a class="github tooltip-left" data-tooltip="Fork me on github" href="https://github.com/michelson/dante"><i class="fa fa-github"></i></a>
14
+ <div id="header">
15
+ <div class="logo">
16
+ <img src="assets/images/dante-editor-logo.png" alt="dante editor" height="21" >
17
+ <span>Dante Editor</span>
18
+ </div>
19
+ <a class="github tooltip-left" data-tooltip="Fork me on github" target="_blank" href="https://github.com/michelson/dante"><i class="fa fa-github"></i></a>
19
20
  </div>
20
21
 
21
22
  <%= yield %>
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dante-editor
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.4
4
+ version: 0.0.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - Miguel Michelson
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2014-11-27 00:00:00.000000000 Z
12
+ date: 2014-12-12 00:00:00.000000000 Z
13
13
  dependencies: []
14
14
  description: dante-editor yet another Medium editor clone.
15
15
  email:
@@ -37,26 +37,26 @@ files:
37
37
  - app/assets/javascripts/dante/dante.js.coffee.erb
38
38
  - app/assets/javascripts/dante/editor.js.coffee
39
39
  - app/assets/javascripts/dante/menu.js.coffee
40
+ - app/assets/javascripts/dante/popover.js.coffee
40
41
  - app/assets/javascripts/dante/tooltip.js.coffee
41
42
  - app/assets/javascripts/dante/utils.js.coffee
42
43
  - app/assets/javascripts/dante/view.js.coffee
43
44
  - app/assets/stylesheets/dante.css.scss
44
45
  - app/assets/stylesheets/dante/_animations.scss
46
+ - app/assets/stylesheets/dante/_caption.scss
45
47
  - app/assets/stylesheets/dante/_debug.scss
46
48
  - app/assets/stylesheets/dante/_fonts.scss
47
49
  - app/assets/stylesheets/dante/_graf.scss
48
50
  - app/assets/stylesheets/dante/_icons.scss
51
+ - app/assets/stylesheets/dante/_media.scss
49
52
  - app/assets/stylesheets/dante/_menu.scss
50
53
  - app/assets/stylesheets/dante/_needsorder.scss
54
+ - app/assets/stylesheets/dante/_popover.scss
51
55
  - app/assets/stylesheets/dante/_post.scss
52
56
  - app/assets/stylesheets/dante/_scaffold.scss
53
57
  - app/assets/stylesheets/dante/_tooltip.scss
54
58
  - app/assets/stylesheets/dante/_utilities.scss
55
59
  - app/assets/stylesheets/dante/_variables.scss
56
- - app/assets/stylesheets/temp/fonts.css.scss
57
- - app/assets/stylesheets/temp/medium.css
58
- - app/assets/stylesheets/temp/review.scss
59
- - app/assets/stylesheets/temp/structure.haml
60
60
  - bower.json
61
61
  - config.rb
62
62
  - config.ru
@@ -66,8 +66,7 @@ files:
66
66
  - lib/dante-editor/version.rb
67
67
  - license.md
68
68
  - rakefile
69
- - source/assets/images/dante-logo.png
70
- - source/assets/images/icon-logo.png
69
+ - source/assets/images/dante-editor-logo.png
71
70
  - source/assets/javascripts/all.js
72
71
  - source/assets/javascripts/deps.js
73
72
  - source/assets/javascripts/editor.js