pagoda-jekyll 0.0.2 → 0.0.3

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    ZjFkMjlkZmJiNzg2NDc3NTMxMWMzNmU1MDdlMGMzOTlkYTE5YjBmZg==
+    MGQyODk2NTdlYWQwNGZjZTllN2Y0ZWJmNTk0ZGVkN2NlMGVjN2ZlZA==
   data.tar.gz: !binary |-
-    MTUxMzRlYjc1YzE1NmU2NjJjOTYwNWQ2MjE0Y2UwZjdjNjBiOGEwMg==
+    NzEyMWE4NjQ2NDYwOWEyZDFkYzc5Y2ZhZDczNTZiMDMxMDU0OWZjMA==
 !binary "U0hBNTEy":
   metadata.gz: !binary |-
-    YjU4MTVmNGE3NzU2NDk4YWFhYWUyMGY4OTkxOTVmNzExNTQzNGYzYTY1YWQ1
-    NWJiNmU3YjE5NmYxZjlkZTdiNWMzODNhY2ZmNDdiMDAzMWIzZDY0M2U0MDE4
-    MjNkMDY2ZjRjYjUxZTc0MzExMWIyOGRmMmU4Mjc0N2Y3OGI0OGE=
+    NzA1NTBmN2RkZTU2MDlhYjlkYjRlNWNiN2Q0NGNmNDI2NDc4YjRlODJjMGVk
+    ZDhjNDI4M2Y4ZDFmOTYzYTRmY2JkNzA0MDkwMjE5OWRjMDBlMjYzYjkzMzE3
+    ZWU2MmM4ZWU1YzE4OTVhOTI4NDhlOGRkYjQwNzNiYTljNDlmOGU=
   data.tar.gz: !binary |-
-    MmE2MDBkOWQyOGY0MGFlMDliYTAxMDllM2MzYzlhZmIxOGYyNGE5MzM4Y2E3
-    ZTVjMWQ3M2YzMGJjZTRlMDc0YmRmNWQ1OTExYzU1NzU3NDNjYTQ3YmFjZDQ3
-    ZjA5MjM3ODAzYzU1Y2EzNjAyNmUyNTc2YjdkMzEzOWZiNjc1ODQ=
+    NDA5OGM0MDlkZDYzOTUzODZlOTI4N2NmZWNlN2FjMmIxYjNlZGExNjhjZDY1
+    ZjEyYzliYjA3MDZhMmE0M2I1NmM1NDI3MWEwMDA5MDM2MWFhYTM5NjViZmFi
+    M2UwYTMyMjk0ZTEwNGMzZGZlMGI3YTY1ZWM3ZWMwODQ5MTIwNmY=

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    pagoda (0.0.1)
+    pagoda-jekyll (0.0.2)
       grit
       jekyll
       json
@@ -112,7 +112,7 @@ DEPENDENCIES
   compass
   fssm
   minitest-reporters
-  pagoda!
+  pagoda-jekyll!
   rack-test
   rake (~> 10.0.3)
   shoulda

data/README.md

@@ -1,4 +1,15 @@
 Pagoda [![Build Status](https://travis-ci.org/alagu/pagoda.png?branch=master)](https://travis-ci.org/alagu/pagoda) [![Code Climate](https://codeclimate.com/github/alagu/pagoda.png)](https://codeclimate.com/github/alagu/pagoda)
 =========
+Zen like blog editor for your Jekyll blog
+
+Install
+=======
+
+```
+  gem install pagoda-jekyll
+  pagoda .
+```
+
+
+<img src="http://openclipart.org/people/Silveira/pagoda.svg" width="200"/>
 
-Beautiful editor for your Jekyll blog

data/lib/pagoda/app.rb

@@ -36,7 +36,8 @@ module Shwedagon
 
     # Merge existing yaml with post params
     def merge_config(yaml, params)
-      yaml['published'] = !(params[:post].has_key? 'draft')
+      yaml['published'] = !(params[:post].has_key? 'draft' and
+        params[:post]['draft'] == 'on')
       yaml['title']     = params[:post][:title]
 
       yaml
@@ -138,7 +139,11 @@ module Shwedagon
 
       data = repo.commit_index log_message
 
-      redirect '/edit/' + filename
+      if params[:ajax]
+        {:status => 'OK'}.to_json
+      else
+        redirect '/edit/' + filename
+      end
     end
 
   end

data/lib/pagoda/public/css/pagoda.css

@@ -545,3 +545,7 @@ body {
   display: inline-block;
   width: 350px;
 }
+
+#publish-bar input[type=submit].post-saving {
+  background: #40A4FB;
+}

data/lib/pagoda/public/css/pagoda.scss

@@ -0,0 +1,578 @@
+
+/* TODO: pull out coloring into variables */
+$linkhover: red;
+
+div:before, div:after {content:''; display:table;}
+
+aside {position:relative; display:block;}
+ul {list-style-type:none;}
+.hide {visibility:hidden; height:1px; clip:rect(0 0 0 0); position:absolute;}
+input, textarea {outline:none; background:none;}
+
+body {
+  background: #fff;
+  color: #222;
+}
+
+body, textarea, pre, input {
+  font-family: 'Lato', Helvetica, sans-serif;
+  line-height: 1.8em;
+  font-size: 16px;
+  font-weight: 400;
+}
+
+h1,h2,h3,h4,h5,#text-title pre {
+  font-weight: 900;
+  word-wrap: break-word;
+  line-height: 1.3em;
+}
+
+h1,
+#text-title pre,
+#text-title textarea {
+  font-weight: 900;
+  font-size: 35px;
+}
+
+p {
+  color: #555;
+}
+
+a,
+a:visited
+a:active {
+  color: #000;
+  text-decoration: none;
+  border-bottom: 1px solid #ddd;
+}
+
+a:hover,
+#admin #published h3 a:hover {
+  color: $linkhover;
+}
+
+header {
+  width: 162px;
+  border-right: 1px solid #DDD;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  padding: 20px 40px;
+
+  span {
+    color: #888;
+    font-weight: 500;
+
+    &.powered-by {
+      position: absolute;
+      bottom: 30px;
+      font-size: 11px;
+    }
+  }
+
+  ul {
+    padding: 0;
+    margin: 50px 0;
+  }
+
+  li {
+    margin: 0 0 3px 0;
+
+    a {
+      padding: 2px 0;
+      color: #888;
+      border-bottom: 2px solid #eee;
+
+      &:hover {
+        border-color: #777;
+        color: #444;
+      }
+    }
+  }
+}
+
+#container {
+  margin-left: 243px;
+  position: relative;
+
+  time {
+    display: block;
+    padding: 20px 0 20px 50px;
+    text-transform: uppercase;
+    font-weight: 900;
+    font-size: 12px;
+    border-bottom: 1px solid #ddd;
+  }
+}
+
+#content {
+  section {
+    padding: 26px 0 40px 50px;
+    border-bottom: 1px solid #ddd;
+    position: relative;
+  }
+
+  h1.external {
+    margin-top: 25px;
+    font-size: 18px;
+
+    .permalink {
+      margin-left: 8px;
+      font-size: 19px;
+      color: #999;
+      border: none;
+    }
+  }
+}
+
+.show #content section {
+  border-bottom: none;
+}
+
+code {
+  font-size: 13px;
+  background: #F2F2F2;
+  padding: 20px;
+  margin: 20px;
+  display: block;
+}
+
+.contain {
+  width: 600px;
+  position: relative;
+}
+
+.contain img {
+  max-width: 100%;
+  height: auto;
+}
+
+#publish-bar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  background: #222;
+  color: #fff;
+  width: 100%;
+  text-align: center;
+  padding: 15px 0 15px;
+
+  .contain {
+    margin: 0 auto;
+    width: 600px;
+  }
+
+  input[type=text] {
+    border: none;
+    border-bottom: 1px solid #333;
+    padding: 2px;
+    width: 220px;
+    font-size: 12px;
+    color: #999;
+  }
+
+  .menu.active {
+    background: #fff;
+    color: #000;
+  }
+
+  .sub-menu {
+    margin: 0;
+    background: #222;
+    padding: 20px;
+    position: absolute;
+    bottom: 0;
+    left: 60px;
+    visibility: hidden;
+            border-radius: 5px;
+       -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+
+    &.visible {
+      visibility: visible;
+    }
+  }
+
+    .sub-menu li {
+      margin: 0 0 15px 0;
+    }
+}
+
+#publish-bar input[type=submit],
+#publish-bar a,
+.button {
+  display: inline-block;
+  background: #000;
+  padding: 8px 12px;
+  font-weight: bold;
+  border: none;
+  color: #fff;
+          border-radius: 5px;
+     -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+}
+
+.button.secondary {
+  padding: 0 5px;
+  background: #aaa;
+  font-size: 12px;
+}
+
+#publish-bar input[type=submit]:hover,
+#publish-bar a:hover,
+.col h1 a:hover,
+.col h2 a:hover,
+.button:hover,
+.button.secondary:hover {
+  background: $linkhover;
+  color: #fff;
+}
+
+.button.space-top {
+  margin-top: 100px;
+}
+
+.left {
+  float: left;
+}
+
+.right {
+  float: right;
+}
+
+.actions {
+  position: absolute;
+  top: 0;
+  right: -60px;
+  font-size: 12px;
+  margin: 0;
+  padding: 0;
+}
+
+.actions li {
+  display: inline-block;
+  margin: 0 10px 0 0;
+}
+
+label {
+  font-size: 16px;
+  color: #fff;
+  font-weight: bold;
+  margin: 0 8px 0 0;
+}
+
+#post_draft {
+  position: relative;
+  margin: 0 20px 0 0;
+}
+
+.admin-links {
+  position: absolute;
+  text-align: right;
+  top: 18px;
+  right: 20px;
+  margin: 0;
+
+  li {float: left; margin-left: 6px;}
+  a {float: left;}
+}
+
+.notice {
+  position: absolute;
+  top: 0;
+  background: lightYellow;
+  width: 100%;
+  display: block;
+  text-align: center;
+  padding: 3px 0;
+  font-size: 12px;
+}
+
+body.posts.edit #admin,
+body.posts.new #admin {
+  width: 100%;
+}
+
+#admin {
+  width: 808px;
+  margin: 0 auto;
+  position: relative;
+
+  #save-button.saved {
+    color: #999;
+
+    &:hover {
+      cursor: normal;
+    }
+  }
+
+  #drafts {
+    float: left;
+    border: 4px solid #000;
+    border-top: none;
+    background: #fff;
+    margin: 0 0 20px 0;
+    padding-top: 10px;
+
+    form {
+       margin: 20px 0 20px -20px;
+       padding: 0 0 0 20px;
+       border-left: 4px solid lightblue;
+     }
+
+    #post_title {
+      width: 350px;
+      font-size: 16px;
+      font-weight: 400;
+      margin: 0;
+      border-bottom: 1px solid #ddd;
+    }
+  }
+
+  #published {
+    float: right;
+
+    h2 {color: #999;}
+    h2 a {margin-top: -2px;}
+    h3 a {color: #999;}
+  }
+
+  .col h1,
+  .col h2 {
+    position: relative;
+    text-transform: uppercase;
+  }
+
+  .col h1 a,
+  .col h2 a {
+    position: absolute;
+    top: 0;
+    right: 0;
+    font-size: 12px;
+    padding: 2px 10px;
+    line-height: 2.7em;
+    margin: 5px 0 0;
+  }
+
+  .col {
+    width: 360px;
+    padding: 20px;
+
+    h2 a {
+      background: #999;
+
+      &:hover {
+        background: $linkhover;
+      }
+    }
+
+    ul {
+      padding: 0;
+
+      li {
+        border-bottom: 1px solid #ddd;
+        padding: 15px 0;
+        position: relative;
+
+        &:hover .links {
+          visibility: visible;
+        }
+
+        .links {
+          position: absolute;
+          right: 0;
+          top: 14px;
+          background: #fff;
+          padding: 1px 8px;
+          visibility: hidden;
+
+          a {
+            color: #999;
+                    border-radius: 5px;
+               -moz-border-radius: 5px;
+            -webkit-border-radius: 5px;
+
+            &:hover {
+              color: $linkhover;
+            }
+          }
+        }
+
+        h3 {
+          margin: 0;
+          font-size: 16px;
+          max-width: 100%;
+          text-overflow: ellipsis;
+          overflow: hidden;
+
+          a {
+            border: none;
+          }
+        }
+      }
+    }
+  }
+
+  textarea,pre {
+    margin: 0;
+    padding: 0;
+    outline: 0;
+    border: 0;
+  }
+  
+  .expandingArea > textarea,
+  .expandingArea > pre {
+    background: transparent;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+  }
+
+  .expandingArea > textarea {
+    /* The border-box box model is used to allow
+     * padding whilst still keeping the overall width
+     * at exactly that of the containing element.
+     */
+    -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+        -ms-box-sizing: border-box;
+            box-sizing: border-box;
+    width: 100%;
+  }
+
+  .expandingArea.active > textarea {
+    resize: none;
+  }
+
+  .expandingArea > pre {
+    display: none;
+  }
+
+  .expandingArea.active > pre {
+    display: block;
+    /* Hide the text; just using it for sizing */
+    visibility: hidden;
+  }
+}
+
+fieldset.markdown {
+  position: relative;
+  border: none;
+  margin: 0;
+  padding: 0;
+}
+
+#split {
+  width: 716px;
+  margin: 0 auto;
+  
+  #post-editor {
+    width: 700px;
+    float: left;
+  }
+
+  #fullscreen {
+    float: left;
+    position: relative;
+    top: 35px;
+    border: 0 none;
+  }
+  
+}
+
+.fullScreen {
+  #fullscreen {
+    visibility: hidden;
+  }
+}
+
+
+.markdown:before {
+  display: block;
+  content: "";
+  width: 39px;
+  height: 24px;
+  position: absolute;
+  top: 4px;
+  left: -60px;
+  background: url(/assets/markdown.png) no-repeat top left;
+}
+
+#text-title {
+  margin: 23px 0 0 0;
+}
+
+#post_title {
+  width: 100%;
+  border: none;
+  background: none;
+  line-height: 45px;
+}
+
+#post_content {
+  border: none;
+  width: 100%;
+  position: relative;
+  margin: 0;
+  resize: none;
+}
+
+#post_title {
+  resize: none;
+}
+
+form .permalink {
+ position: absolute;
+ left: -34px;
+ top: 12px;
+ border: none;
+ color: #ddd;
+}
+
+.admin-view {
+  font-size: 11px;
+  margin: 0 10px 2px 0;
+  font-weight: 900;
+  text-transform: uppercase;
+}
+
+nav.pagination {
+  text-align: right;
+  font-size: 16px;
+  font-weight: 900;
+  text-transform: uppercase;
+  margin: 0;
+  padding: 0;
+}
+
+nav.pagination a {
+  margin-left: 10px;
+}
+
+body {
+  margin: 0;
+}
+
+.settings {
+  .settings-bd {
+    border: 4px solid #000;
+    border-top: none;
+    background: #fff;
+    margin: 0 auto;
+    padding: 10px 20px;   
+    width: 760px;
+  }
+
+  .admin-btn {
+    float: right;
+    margin-top: 30px;
+  }
+
+  .left-col {
+    display: inline-block;
+    width: 350px;
+  }
+}
+
+#publish-bar input[type=submit].post-saving {
+  background: #40A4FB;
+}