Initial commit

opal · Dec 17, 2013 · 6f1d8ee · 6f1d8ee
commit 6f1d8ee
Show file tree

Hide file tree

Showing 20 changed files with 10,143 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+.DS_Store
+Gemfile.lock
diff --git a/Gemfile b/Gemfile
@@ -0,0 +1,10 @@
+source 'https://rubygems.org'
+
+gem 'opal',        :github => 'opal/opal'
+gem 'opal-jquery', :github => 'opal/opal-jquery'
+
+gem "middleman"
+gem "middleman-sprockets"
+gem "middleman-gh-pages"
+
+gem 'haml'
diff --git a/README.md b/README.md
@@ -0,0 +1,15 @@
+# Opal Playground
+
+**Very alpha - only just works**
+
+Install dependencies:
+
+```
+bundle install
+```
+
+Run middleman server:
+
+```
+bundle exec middleman server
+```
diff --git a/Rakefile b/Rakefile
@@ -0,0 +1,4 @@
+require 'bundler'
+Bundler.require
+
+require 'middleman-gh-pages'
diff --git a/config.rb b/config.rb
@@ -0,0 +1,23 @@
+require 'bundler'
+Bundler.require
+
+activate :sprockets
+
+activate :directory_indexes
+
+set :css_dir, 'stylesheets'
+
+set :js_dir, 'javascripts'
+
+set :images_dir, 'images'
+
+after_configuration do
+  Opal.paths.each do |p|
+    sprockets.append_path p
+  end
+end
+
+configure :build do
+  activate :minify_css
+  activate :minify_javascript
+end
diff --git a/config.ru b/config.ru
@@ -0,0 +1,6 @@
+require 'bundler'
+Bundler.require
+
+require 'middleman/rack'
+
+run Middleman.server
diff --git a/source/index.html.haml b/source/index.html.haml
@@ -0,0 +1,26 @@
+!!!
+%html
+  %head
+    = stylesheet_link_tag 'application'
+    = javascript_include_tag 'application'
+
+  %body
+    %nav.navbar.navbar-default
+      .navbar-header
+        %a.navbar-brand Opal Playground
+      .container
+        .collapse.navbar-collapse
+          %ul.nav.navbar-nav
+            %li
+              %button.btn.btn-primary#run-code
+                Run Code (Cmd+Enter)
+
+    .row
+      .col-md-6
+        .top-pane#html_pane
+        .bottom-pane#ruby_pane
+
+      .col-md-6
+        .top-pane#css_pane
+        .bottom-pane#result_pane
+          %iframe#result-frame(frameborder="0")