ramaze 0.3.9.1 → 2023.01.06

data/examples/app/blog/public/css/grid.css

@@ -0,0 +1,107 @@
+@charset "UTF-8";
+
+/**
+ * Modified version of the CSS grid (aka 1140 CSS) that can be found at http://cssgrid.net
+ * 
+ * This modified version has some extra enhancements to make it a bit easier to work with
+ * the grid. Along with these minor fixes I also renamed all grid classes to the names
+ * used by the 960 grid system as I find "grid_6" easier to write than "sixcol".
+ */
+.container
+{
+    overflow:      hidden;
+    padding-left:  1%;
+    padding-right: 1%;
+}
+
+.row
+{
+    max-width: 96%;
+    margin:    0 auto;
+    overflow:  hidden;
+    width:     100%;
+}
+
+.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, 
+.grid_10, .grid_11
+{
+    float:        left;
+    margin-right: 3.8%;
+    min-height:   1px;
+}
+
+.row .grid_1
+{
+    width: 4.85%;
+}
+
+.row .grid_2
+{
+    width: 13.45%;
+}
+
+.row .grid_3
+{
+    width: 22.05%;
+}
+
+.row .grid_4
+{
+    width: 30.75%;
+}
+
+.row .grid_5
+{
+    width: 39.45%;
+}
+
+.row .grid_6
+{
+    width: 48%;
+}
+
+.row .grid_7
+{
+    width: 56.75%;
+}
+
+.row .grid_8
+{
+    width: 65.4%;
+}
+
+.row .grid_9
+{
+    width: 74.05%;
+}
+
+.row .grid_10
+{
+    width: 82.7%;
+}
+
+.row .grid_11
+{
+    width: 91.35%;
+}
+
+.row .grid_12
+{
+    float: left;
+    width: 100%;
+}
+
+.last, .row > *:last-child
+{
+    margin-right: 0px;
+}
+
+img, object, embed
+{
+    max-width: 100%;
+}
+
+img
+{
+	height: auto;
+}

data/examples/app/blog/public/css/layout.css

@@ -0,0 +1,203 @@
+/**
+ * Stylesheet used for the layout of most elements.
+ *
+ * @author Yorick Peterse
+ * @link   http://yorickpeterse.com/
+ */
+#container
+{
+    margin:  20px auto;
+    width:   940px;
+}
+
+#content
+{
+    background:    #fff;
+    border:        1px solid #ddd;
+    padding:       20px;
+    width:         898px;
+}
+
+/* Top part of the website, contains the title and the navigation menu */
+#top
+{
+    background:    #E33F1E;
+    height:        70px;
+    margin-bottom: 20px;
+    padding:       0px 10px;
+}
+
+    #top header h1
+    {
+        color:       #fff;
+        font-size:   38px;
+        margin:      10px 0px 0px 0px;
+        padding:     0px;
+    }
+
+    #top nav ul
+    {
+        float:        right;
+        margin-right: 15px;
+    }
+
+        #top nav ul li
+        {
+            float:           left;
+            font-size:       16px;
+            list-style-type: none;
+            margin-right:    10px;
+        }
+
+        #top nav ul li:last-child
+        {
+            margin-right: 0px;
+        }
+
+            #top nav ul li a
+            {
+                color:           #fff;
+                display:         block;
+                height:          45px;
+                padding:         25px 10px 0px 10px;
+                text-decoration: none;
+            }
+
+            #top nav ul li a:hover
+            {
+                background: #D43919;
+            }
+
+/* Footer at the bottom of the page */
+#footer
+{
+    text-align: center;
+}
+
+    #footer p
+    {
+        font-size:     13px;
+        margin-bottom: 10px;
+    }
+
+form label
+{
+    display: block;
+}
+
+    form label span.error
+    {
+        color: #E33F1E;
+    }
+
+form input[type="text"], form textarea, form input[type="password"]
+{
+    border:    1px solid #ccc;
+    font-size: 14px;
+    padding:   5px;
+    width:     300px;
+}
+
+form textarea
+{
+    width: auto;
+}
+
+form input[type="submit"]
+{
+    background: #fff;
+    border:     1px solid #ccc;
+    font-size:  14px;
+    padding:    3px 5px;
+}
+
+form input[type="submit"]:hover
+{
+    background: #eee;
+}
+
+/* Comments */
+#comments > h1
+{
+    margin-bottom: 10px;
+}
+
+#comments article header h1
+{
+    font-size: 16px;
+}
+
+#comments article header .meta
+{
+    margin-bottom: 10px;
+}
+
+/* Notifications */
+.message
+{
+    margin-bottom: 20px;
+    text-align:    center;
+}
+
+    .message p
+    {
+        margin-bottom: 0px;
+        padding:       5px;
+    }
+
+.message.success
+{
+    background: #DAEDA6;
+    color:      #000;
+}
+
+.message.error
+{
+    background: #E33F1E;
+    color:      #fff;
+}
+
+/* Pagination system */
+.pager span
+{
+    display: none;
+}
+
+.pager a
+{
+    border:          1px solid #ccc;
+    display:         inline-block;
+    margin-right:    8px;
+    min-width:       20px;
+    padding:         5px;
+    text-decoration: none;
+    text-align:      center;
+}
+
+    .pager a:hover, .pager a.current
+    {
+        background: #eee;
+        color:      #000;
+    }
+
+table
+{
+    margin-bottom: 10px;
+    text-align:    left;
+}
+
+    table thead tr th
+    {
+        border-bottom: 2px solid #ccc!important;
+    }
+
+    table thead tr th, table tbody tr td
+    {
+        border-bottom: 1px solid #ccc;
+        padding:       8px 3px;
+    }
+
+    table tbody tr:last-child td
+    {
+        border-bottom: none;
+    }

data/examples/app/blog/public/css/reset.css

@@ -0,0 +1,123 @@
+@charset "UTF-8";
+
+/** 
+ * http://meyerweb.com/eric/tools/css/reset/ 
+ * v2.0 | 20110126
+ * License: none (public domain)
+ */
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, 
+strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, 
+form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
+canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, 
+ruby, section, summary, time, mark, audio, video 
+{
+    border:         0;
+    font-size:      100%;
+    font:           inherit;
+    margin:         0;
+    padding:        0;
+    vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
+{
+    display: block;
+}
+
+body 
+{
+    line-height: 1.3;
+}
+
+ol, ul, ol li, ul li
+{
+    list-style-type: none;
+    margin:          0px;
+    padding:         0px;
+}
+
+blockquote, q 
+{
+    quotes: none;
+}
+
+blockquote:before, blockquote:after, q:before, q:after 
+{
+    content: '';
+    content: none;
+}
+
+table 
+{
+    /**
+     * Instead of "collapse" I'm using "separate" as that allows me to give table cells
+     * a border without having to go through a lot of trouble
+     */
+    border-collapse: separate;
+    border-spacing:  0;
+    width:           100%;
+}
+
+    table th
+    {
+        font-weight: bold;
+    }
+
+pre, code
+{
+    font-size:   13px;
+    font-family: monospace;
+}
+
+/**
+ * These form elements usually don't trigger any special cursor and thus can confuse
+ * users when these elements have custom styles (e.g. a background image). 
+ */
+input[type="submit"], input[type="button"], input[type="checkbox"], input[type="radio"],
+button, select
+{
+    cursor: pointer;
+}
+
+*[disabled], *[disabled="disabled"]
+{
+    cursor: not-allowed;
+}
+
+textarea
+{
+    overflow: auto;
+}
+
+acronym, abbr
+{
+    cursor: help;
+}
+
+/* Some typography related styles */
+body
+{
+    font-size: 16px;
+}
+
+h1, h2, h3, h4, h5, h6
+{
+    font-weight: bold;
+}
+
+a:hover, a:active
+{
+    outline: none;
+}
+
+strong
+{
+    font-weight: bold;
+}
+
+small
+{
+    font-size: 11px;
+}

data/examples/app/blog/public/css/text.css

@@ -0,0 +1,109 @@
+/**
+ * Stylesheet used for styling headings, links, etc.
+ *
+ * @author Yorick Peterse
+ * @link   http://yorickpeterse.com/ 
+ */
+body
+{
+    background:  url('../images/bg.png') repeat top left;
+    border-top:  5px solid #444;
+    color:       #444;
+    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
+    font-size:   14px;
+}
+
+p
+{
+    font-size:     14px;
+    line-height:   22px;
+    margin-bottom: 20px;
+}
+
+a
+{
+    color: #444;
+}
+
+ol
+{
+    margin-left: 20px;
+}
+
+    ol li
+    {
+        list-style-type: decimal;
+    }
+
+ul
+{
+    margin-left: 18px;
+}
+
+    ul li
+    {
+        list-style-type: disc;
+    }
+
+ul, ol
+{
+    line-height:   22px;
+    margin-bottom: 20px;
+}
+
+a:hover, h1 a:hover
+{
+    color: #E33F1E;
+}
+
+h1, h2, h3, h4, h5, h6
+{
+    font-weight:   bold;
+    margin-bottom: 5px;
+}
+
+h1
+{
+    font-size: 28px;
+}
+
+h2
+{ 
+    font-size: 24px;
+}
+
+h3
+{
+    font-size: 22px;
+}
+
+h4
+{
+    font-size: 20px;
+}
+
+h5
+{
+    font-size: 18px;
+}
+
+h6
+{
+    font-size: 16px;
+}
+
+h1 a
+{
+    color:           #444;
+    text-decoration: none;
+}
+
+pre
+{
+    margin: 20px 0px;
+}
+
+code
+{
+    background: #eee;
+}

data/examples/app/blog/public/dispatch.fcgi

@@ -0,0 +1,11 @@
+#!/usr/bin/env ruby
+
+require 'rubygems'
+require 'ramaze'
+
+# FCGI doesn't like you writing to stdout
+Ramaze::Log.loggers = [ Ramaze::Logger::Informer.new( __DIR__("../ramaze.fcgi.log") ) ]
+Ramaze.options.adapter.handler = :fastcgi
+
+$0 = __DIR__("../start.rb")
+require $0

data/examples/app/blog/start.rb

@@ -0,0 +1,20 @@
+#!/usr/bin/env ruby
+
+# Use this file directly like `ruby start.rb` if you don't want to use the
+# `ramaze start` command.
+#
+# All application related things should go into `app.rb`, this file is simply
+# for options related to running the application locally.
+#
+# You can run this file as following:
+#
+#  $ ruby start.rb
+#  $ ./start.rb
+#
+# If you want to be able to do the latter you'll have to make sure the file can be
+# executed:
+#
+#  $ chmod +x ./start.rb
+require File.expand_path('../app', __FILE__)
+
+Ramaze.start(:adapter => :webrick, :port => 7000, :file => __FILE__)

data/examples/app/blog/view/feed.xhtml

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en"
+xml:base="http://localhost:7000/">
+    <id>tag:ramaze-blog</id>
+    <title>Ramaze Blog</title>
+    <updated>#{@posts.last.created_at.strftime('%Y-%m-%dT%H:%M:%SZ')}</updated>
+
+    <?r @posts.each do |post| ?>
+    <entry>
+        <id>tag:ramaze-blog,#{post.id}</id>
+        <title>#{post.title}</title>
+        <author>
+            <name>#{post.user.username}</name>
+        </author>
+        <updated>#{post.created_at.strftime('%Y-%m-%dT%H:%M:%SZ')}</updated>
+        <content type="xhtml">
+            <div xmlns="http://www.w3.org/1999/xhtml">
+                #{RDiscount.new(post.body).to_html}
+            </div>
+        </content>
+    </entry>
+    <?r end ?>
+</feed>

data/examples/app/blog/view/form.xhtml

@@ -0,0 +1,11 @@
+#{form_for(@post, :method => :post, :action => Posts.r(:save)) do |f|
+  f.input_hidden(:id)
+
+  f.input_text('Title', :title)
+
+  f.g.p('You can use Markdown when writing your post.')
+
+  f.textarea('Body', :body, :rows => 15, :cols => 70)
+
+  f.input_submit('Submit')
+end}

data/examples/app/blog/view/index.xhtml

@@ -0,0 +1,44 @@
+<?r if !@posts.empty? ?>
+
+<?r @posts.each do |post| ?>
+<?r created_at = post.created_at.strftime('%Y-%m-%d') ?>
+
+<article>
+    <header>
+        <h1>
+            #{Posts.a(post.title, :view, post.id)}
+        </h1>
+        <p>
+            Created at <time pubdate="pubdate"
+            datetime="#{created_at}">#{created_at}</time> and written by
+            #{post.user.username}
+        </p>
+    </header>
+
+    #{RDiscount.new(post.body).to_html}
+
+    <p>
+        #{post.comments.length} comment(s)
+
+        <?r if logged_in? ?>
+        | #{Posts.a('Edit', :edit, post.id)}
+        | #{Posts.a('Delete', :delete, post.id)}
+        <?r end ?>
+    </p>
+</article>
+
+<?r end ?>
+
+#{if @posts.respond_to?(:navigation) and @posts.page_count > 1
+  @posts.navigation
+end}
+
+<?r else ?>
+
+<p>No posts were found.</p>
+
+<?r end ?>
+
+<?r if logged_in? ?>
+<p>#{Posts.a('New Post', :new)}</p>
+<?r end ?>

data/examples/app/blog/view/users/form.xhtml

@@ -0,0 +1,12 @@
+#{form_for(@user, :method => :post, :action => Users.r(:save)) do |f|
+  f.input_hidden(:id)
+
+  f.input_text('Username', :username)
+
+  # Not setting an empty value for the password field would display the hash.
+  # Note that setting it to nil wouldn't work as the BlueForm helper would still
+  # try to extract the value from the @user object.
+  f.input_password('Password', :password, :value => '')
+
+  f.input_submit('Submit')
+end}

data/examples/app/blog/view/users/index.xhtml

@@ -0,0 +1,30 @@
+<?r if !@users.empty? ?>
+
+<table>
+    <thead>
+        <tr>
+            <th>Username</th>
+            <th>Actions</th>
+        </tr>
+    </thead>
+    <tbody>
+        <?r @users.each do |user| ?>
+        <tr>
+            <td>#{Users.a(user.username, :edit, user.id)}</td>
+            <td>#{Users.a('Delete', :delete, user.id)}</td>
+        </tr>
+        <?r end ?>
+    </tbody>
+</table>
+
+#{if @users.respond_to?(:navigation) and @users.page_count > 1
+  @users.navigation
+end}
+
+<?r else ?>
+
+<p>No users were found.</p>
+
+<?r end ?>
+
+<p>#{Users.a('New User', :new)}</p>

data/examples/app/blog/view/users/login.xhtml

@@ -0,0 +1,8 @@
+<p>The default username and password combination is "admin".</p>
+
+#{form_for(nil, :method => :post, :action => Users.r(:login)) do |f|
+  f.input_text('Username', :username)
+  f.input_password('Password', :password)
+
+  f.input_submit('Login')
+end}