features, bug fixes

app/assets/javascripts/app.js

@@ -1,24 +1,45 @@
 $(function(){
-    $('.flash').click(function(){
-      $('.flash').animate({
-        opacity: 0
-      }, 'fast', function(){
-        $(this).animate({
-          height: 0
-        }, 'slow', function(){
-          $(this).hide();
-        })
-      });
+  $('.flash').click(function(){
+    $('.flash').animate({
+      opacity: 0
+    }, 'fast', function(){
+      $(this).animate({
+        height: 0
+      }, 'slow', function(){
+        $(this).hide();
+      })
     });
-    setTimeout(function(){
-      $('.flash').animate({
-        opacity: 0
-      }, 3000, function(){
-        $(this).animate({
-          height: 0
-        }, 'slow', function(){
-          $(this).hide();
-        })
-      });
-    }, 4000);
-})
+  });
+  setTimeout(function(){
+    $('.flash').animate({
+      opacity: 0
+    }, 3000, function(){
+      $(this).animate({
+        height: 0
+      }, 'slow', function(){
+        $(this).hide();
+      })
+    });
+  }, 4000);
+
+
+  var editor = new EpicEditor({
+    container: 'epic',
+    textarea: 'epic-textarea',
+    basePath: '/assets',
+    theme: {
+      base: '/base/epiceditor.css',
+      preview: '/preview/github.css',
+      editor: '/editor/epic-light.css'
+    },
+    button: {
+      bar: true
+    },
+    autogrow: {
+      minHeight: 500
+    }
+  });
+  try {
+    editor.load();
+  } catch (e) {}
+});

app/assets/javascripts/application.js

@@ -11,4 +11,5 @@
 // GO AFTER THE REQUIRES BELOW.
 //= require jquery
 //= require jquery_ujs
+//= require epiceditor
 //= require app

app/assets/stylesheets/application.css

@@ -3,4 +3,7 @@
  *= require style.css
  *= require screen.css
  *= require mobi.css
- */
+ */
+ @import 'base/epiceditor';
+ @import 'preview/github';
+ @import 'editor/epic-light';

app/assets/stylesheets/screen.css.scss

@@ -145,9 +145,9 @@ and (min-width: 0px) //TODO
     display: block;
   }
 
-  .post {
+  .post, .thread {
     margin-bottom: 50px;
-    .post-title {
+    .post-title, .thread-title {
       margin-bottom: 10px;
       word-wrap: break-word;
       h1 {
@@ -169,7 +169,7 @@ and (min-width: 0px) //TODO
       font-weight: bold !important;
       text-shadow: none !important;
     }
-    .post-info {
+    .post-info, .thread-info {
       border-bottom: 2px dashed #999;
       color: #888;
       width: 100%;
@@ -179,11 +179,11 @@ and (min-width: 0px) //TODO
           color: #d55;
         }
       }
-      .post-edit {
+      .post-edit, .thread-edit {
         float: right;
       }
     }
-    .post-content {
+    .post-content, .thread-content {
       margin-top: 10px;
       clear: both;
       word-wrap: break-word;
@@ -445,6 +445,9 @@ and (min-width: 0px) //TODO
         background: #EE8383;
       }
     }
+    &.left {
+      float: left;
+    }
     &.right {
       float: right;
     }
@@ -495,14 +498,6 @@ and (min-width: 0px) //TODO
     transition: opacity 0.3s, margin 0.3s;
   }
 
-  #edit_create_post, #edit_create_comment {
-    float: left;
-  }
-
-  #delete_post, #delete_comment {
-    float: right;
-  }
-
   #blogpost_text {
     width: 100%;
   }
@@ -514,7 +509,7 @@ and (min-width: 0px) //TODO
   }
 
   #forum_groups {
-    .group {
+    .item_group {
       margin: 10px 0;
       &:hover .editlink {
         opacity: 1;
@@ -526,15 +521,25 @@ and (min-width: 0px) //TODO
         padding: 0.5em;
         border-bottom: 1px solid #ccc;
       }
-      .forums {
+      .items {
         border: 1px solid #ddd;
         border-top: none;
         border-bottom: none;
-        .forum {
+        .item {
           display: block;
           font-weight: bold;
           padding: 0.5em;
           border-bottom: 1px solid #ddd;
+          &.locked:after {
+            color: #000;
+            font-weight: normal;
+            content: " (L)";
+          }
+          &.sticky:before {
+            color: #000;
+            font-weight: normal;
+            content: "(S) ";
+          }
         }
       }
     }