storys 0.0.1

data/.gitignore

@@ -0,0 +1 @@
+/pkg/

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Brenton Fletcher (http://blog.bloople.net i@bloople.net)
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

data/Rakefile

@@ -0,0 +1,2 @@
+require 'bundler'
+Bundler::GemHelper.install_tasks

data/app/css/app.css

@@ -0,0 +1,42 @@
+/* Shared */
+* { margin: 0; padding: 0; font: 18px/1.4em 'Open Sans', Helvetica, Arial, sans-serif; }
+html, body { height: 100%; }
+body { color: #000000; background-color: #ffffff; }
+img { border: none; vertical-align: middle; }
+h1, p, ul { margin-bottom: 1.2em; }
+b { font-weight: bold; }
+i { font-style: italic; }
+ul { margin-left: 30px; }
+h1 { font-size: 40px; margin-bottom: 0.6em; text-align: left; font-weight: bold; }
+h2 { font-size: 30px; margin-bottom: 0.6em; text-align: left; font-weight: bold; }
+h3 { font-size: 24px; margin-bottom: 0.6em; text-align: left; font-weight: bold; }
+h4 { font-size: 20px; margin-bottom: 0.6em; text-align: left; font-weight: bold; }
+
+.clear { clear: both; }
+
+#wrapper {
+  margin: 0 auto;
+  padding: 40px;
+}
+
+#page-back, #page-next {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  width: 100px;
+  z-index: 10000;
+}
+
+#page-back:active, #page-next:active {
+  background-color: #000000;
+  opacity: 0.2;
+}
+
+#page-back {
+  left: 0;
+}
+
+#page-next {
+  right: 0;
+}
+

data/app/css/colorbox.css

@@ -0,0 +1,62 @@
+/*
+    ColorBox Core Style
+    The following rules are the styles that are consistant between themes.
+    Avoid changing this area to maintain compatability with future versions of ColorBox.
+*/
+#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
+#cboxOverlay{position:fixed; width:100%; height:100%;}
+#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
+#cboxContent{position:relative; overflow:hidden;}
+#cboxLoadedContent{overflow:auto;}
+#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
+#cboxTitle{margin:0;}
+#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
+#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
+
+/* 
+    Example user style
+    The following rules are ordered and tabbed in a way that represents the
+    order/nesting of the generated HTML, so that the structure easier to understand.
+*/
+#cboxOverlay{background:url(/images/colorbox/overlay.png) repeat 0 0;}
+#colorbox{}
+    #cboxTopLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -100px 0;}
+    #cboxTopRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -129px 0;}
+    #cboxBottomLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -100px -29px;}
+    #cboxBottomRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -129px -29px;}
+    #cboxMiddleLeft{width:21px; background:url(/images/colorbox/controls.png) left top repeat-y;}
+    #cboxMiddleRight{width:21px; background:url(/images/colorbox/controls.png) right top repeat-y;}
+    #cboxTopCenter{height:21px; background:url(/images/colorbox/border.png) 0 0 repeat-x;}
+    #cboxBottomCenter{height:21px; background:url(/images/colorbox/border.png) 0 -29px repeat-x;}
+    #cboxContent{background:#fff;}
+        #cboxLoadedContent{margin-bottom:28px;}
+        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
+        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
+        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
+        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/colorbox/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
+        #cboxPrevious.hover{background-position:-75px -25px;}
+        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
+        #cboxNext.hover{background-position:-50px -25px;}
+        #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) no-repeat center center;}
+        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) no-repeat center center;}
+        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/colorbox/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
+        #cboxClose.hover{background-position:-25px -25px;}
+
+/*
+    The following fixes png-transparency for IE6.  
+    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
+    
+    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
+    Colorbox preloads navigation hover classes to account for this.
+    
+    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
+    while regular CSS background images are relative to the CSS document.
+*/
+    .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
+    .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
+    .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
+    .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
+    .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
+    .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
+    .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
+    .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

data/app/css/views.index.css

@@ -0,0 +1,138 @@
+#view-index {
+  display: none;
+}
+
+#header { margin: 0 0 12px 0; }
+#search { width: 300px; }
+#actions { float: right; }
+
+#success {
+  margin: 0 0 20px 0;
+  background-color: #ffffff;
+  border: 1px solid #008000;
+  padding: 10px;
+  color: #ffffff;
+  background: -webkit-gradient(linear, left top, left bottom, from(#00A000), to(#008000));
+}
+
+#success img {
+  float: right;
+  margin-top: 4px;
+  cursor: pointer;
+}
+
+#nav-wrapper {
+ width: 204px;
+ background-color: #000000;
+ float: right;
+ margin: 0 0 20px 20px;
+ position: relative;
+}
+
+#nav-wrapper:hover > #nav { display: block; }
+
+#nav {
+ border: 1px solid #000000;
+ background-color: #ffffff;
+ width: 202px;
+ list-style-type: none;
+ margin: 0;
+ display: none;
+ position: absolute;
+ top: 31px;
+ left: 0;
+ z-index: 1000;
+}
+.menu-item {
+  padding: 0 1px;
+}
+#nav li, .menu-item {
+ display: block;
+}
+#nav li:last-child {
+
+}
+#nav li.separator {
+  border-top: 1px solid #000000;
+}
+
+#nav li a, .menu-item a {
+ display: block;
+ padding: 3px 9px;
+ text-decoration: none;
+ color: #000000;
+ white-space: nowrap;
+}
+.menu-item a {
+ color: #ffffff;
+}
+#nav li:hover, .menu-item:hover {
+ background-color: #000000;
+}
+#nav li:hover a, .menu-item:hover a {
+ color: #ffffff;
+}
+#nav li a span, .menu-item a span {
+ vertical-align: middle;
+}
+
+/* List page only */
+
+#stories { list-style-type: none; margin: 0; }
+#stories li { display: block; margin: 10px 0; padding: 1px; }
+
+#stories li, #stories li * { background-color: #ffffff; color: #000000; }
+#stories li > a, #stories li > div { display: block; overflow: hidden; white-space: nowrap; text-decoration: none; position: relative; }
+#stories li span, #stories li span::before { vertical-align: middle; }
+#stories li .emblems { display: block; position: absolute; top: 0; right: 0; height: 25px; line-height: 25px; padding: 0 0 0 5px; }
+
+#stories li span.title::before { padding: 0 3px 0 0; }
+#stories li span.title::before { content: url("/images/icons/page_white_text.png");  }
+#stories li span.title.many_opens::before { content: url("/images/icons/award_star_bronze_1.png"); }/* :title => "Has been read 10 or more times.")}*/
+#stories li span.title.scrap:before { content: url("/images/icons/page_white_text_scrap.png"); }/* :title => "Has been read 10 or more times.")}*/
+#stories li span.title.unopened:before { content: url("/images/icons/page_white_lightning.png"); }/* :title => "Has been read 10 or more times.")}*/
+
+#stories li span.mfw::before { content: url("../img/icons/comments.png"); vertical-align: middle; padding: 0 3px 0 10px; }
+#stories li span.tags::before { content: url("../img/icons/tag_blue.png"); vertical-align: middle; padding: 0 3px 0 10px; }
+#stories li span.opens::before { content: url("../img/icons/application_go.png"); vertical-align: middle; padding: 0 3px 0 10px; }
+#stories li span.wc::before { content: url("../img/icons/page_white_stack.png"); vertical-align: middle; padding: 0 3px 0 10px; }
+
+#stories li:hover, #stories li:hover * { background-color: #000000; color: #ffffff; }
+
+#stories-show #previous-page, #stories-show #next-page { display: none; }
+#stories-show nav { }
+
+#story-progress {
+  display: block;
+  position: absolute;
+  bottom: 6px;
+  left: 50%;
+  width: 1000px;
+  margin-left: -500px;
+  z-index: 1000;
+  opacity: 0;
+}
+
+#story-progress span, #story-progress input {
+  display: block;
+  float: left;
+  height: 26px;
+}
+
+#story-progress span {
+  width: 190px;
+}
+
+#story-progress #story-page {
+  text-align: right;
+}
+
+#story-progress input {
+  width: 600px;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+#story-progress:hover {
+  opacity: 1.0;
+}

data/app/css/views.show.css

@@ -0,0 +1,19 @@
+#view-show {
+  display: none;
+}
+
+#view-show iframe {
+  display: none;
+}
+
+#view-show #story {
+  position: relative;
+}
+
+#view-show #return-to-index {
+  padding: 5px;
+}
+
+#view-show #return-to-index a {
+  color: #ffffff;
+}