First commit of ruby version

ZRogerson · Dec 27, 2011 · ab186e5 · ab186e5
1 parent 7a293a1
commit ab186e5
Show file tree

Hide file tree

Showing 32 changed files with 86 additions and 52 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -0,0 +1,17 @@
+GEM
+  remote: http://rubygems.org/
+  specs:
+    rack (1.3.5)
+    rack-protection (1.1.4)
+      rack
+    sinatra (1.3.1)
+      rack (~> 1.3, >= 1.3.4)
+      rack-protection (~> 1.1, >= 1.1.2)
+      tilt (~> 1.3, >= 1.3.3)
+    tilt (1.3.3)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  sinatra
diff --git a/README.mdown b/README.mdown
@@ -1,3 +1,18 @@
+# Ruby version of Pattern-Primer by adactio
+
+See https://github.com/adactio/Pattern-Primer
+
+## Pattern Primer
+
 Create little snippets of markup and save them to the "patterns folder." The pattern primer will generate a list of all the patterns in that folder. You will see the pattern rendered as HTML. You will also get the source displayed in a textarea.
 
-You should be able to take the whole "pattern-primer" folder and drop it into your own project (assuming you're running PHP) **BUT** make sure to update the link element in the head of pattern-primer/index.php to point to your own CSS.
+## How it works
+
+1. Clone the repo
+2. run bundle install
+3. Copy your CSS to public/style.css
+4. Run the file with 'ruby application.rb' or 'shotgun' if you have the shotgun gem installed (https://github.com/rtomayko/shotgun)
+
+## Acknowledgements
+
+Thanks to @adactio
diff --git a/application.rb b/application.rb
@@ -0,0 +1,6 @@
+require 'sinatra'
+set :public_folder, File.dirname(__FILE__) + '/public'
+
+get '/' do
+ erb :index
+end
diff --git a/config.ru b/config.ru
@@ -0,0 +1,7 @@
+require 'rubygems'
+require 'bundler/setup'
+require 'sinatra'
+
+require './application'
+
+run Sinatra::Application
diff --git a/gemfile b/gemfile
@@ -0,0 +1,2 @@
+source :rubygems
+gem 'sinatra'
diff --git a/index.php b/index.php
diff --git a/patterns/blockquote.html b/patterns/blockquote.html
diff --git a/patterns/feedback-error.html b/patterns/feedback-error.html
diff --git a/patterns/feedback.html b/patterns/feedback.html
diff --git a/patterns/form-buttons.html b/patterns/form-buttons.html
diff --git a/patterns/form-checkbox.html b/patterns/form-checkbox.html
diff --git a/patterns/form-email.html b/patterns/form-email.html
diff --git a/patterns/form-number.html b/patterns/form-number.html
diff --git a/patterns/form-select.html b/patterns/form-select.html
diff --git a/patterns/form-text.html b/patterns/form-text.html
diff --git a/patterns/form-textarea.html b/patterns/form-textarea.html
diff --git a/patterns/form-url.html b/patterns/form-url.html
diff --git a/patterns/heading-1.html b/patterns/heading-1.html
diff --git a/patterns/heading-2.html b/patterns/heading-2.html
diff --git a/patterns/heading-3.html b/patterns/heading-3.html
diff --git a/patterns/heading-4.html b/patterns/heading-4.html
diff --git a/patterns/heading-5.html b/patterns/heading-5.html
diff --git a/patterns/heading-6.html b/patterns/heading-6.html
diff --git a/patterns/list-ordered.html b/patterns/list-ordered.html
diff --git a/patterns/list-unordered.html b/patterns/list-unordered.html
diff --git a/patterns/pagination-first.html b/patterns/pagination-first.html
diff --git a/patterns/pagination-last.html b/patterns/pagination-last.html
diff --git a/patterns/pagination.html b/patterns/pagination.html
diff --git a/patterns/text.html b/patterns/text.html
diff --git a/global.css → public/style.css b/global.css → public/style.css
diff --git a/views/index.erb b/views/index.erb
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<head>
+<meta charset="utf-8">
+<title>Pattern Primer</title>
+<link rel="stylesheet" href="/style.css">
+<style>
+.pattern {
+    clear: both;
+    overflow: hidden;
+}
+.pattern .display {
+    width: 65%;
+    float: left;
+}
+.pattern .source {
+    width: 30%;
+    float: right;
+}
+.pattern .source textarea {
+    width: 90%;
+}
+</style>
+</head>
+<body>
+	<% Dir.foreach(Dir.pwd + '/patterns/') do |fname| %>
+	<% next if fname == '.' or fname == '..' or fname == '.DS_Store' %>
+		<div class="pattern">
+			<div class="display">
+				<%= File.read(File.join('patterns/', fname)) %>
+			</div>
+			<div class="source">
+				<textarea rows="6" cols="30"><%= File.read(File.join('patterns/', fname)) %></textarea>
+			</div>
+		</div>
+	<% end %>
+</body>
+</html>