Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

add twitter bootstrap

  • Loading branch information...
commit dc5a5382c389dd4734ee0aab71c0ce74e36ccd3e 1 parent 96182b6
Mike Munroe authored March 07, 2013
22  Gemfile
... ...
@@ -1,10 +1,6 @@
1 1
 source 'https://rubygems.org'
2 2
 
3 3
 gem 'rails', '3.2.8'
4  
-
5  
-# Bundle edge Rails instead:
6  
-# gem 'rails', :git => 'git://github.com/rails/rails.git'
7  
-
8 4
 gem 'sqlite3'
9 5
 
10 6
 
@@ -22,18 +18,6 @@ end
22 18
 
23 19
 gem 'jquery-rails'
24 20
 gem 'nokogiri'
25  
-
26  
-# To use ActiveModel has_secure_password
27  
-# gem 'bcrypt-ruby', '~> 3.0.0'
28  
-
29  
-# To use Jbuilder templates for JSON
30  
-# gem 'jbuilder'
31  
-
32  
-# Use unicorn as the app server
33  
-# gem 'unicorn'
34  
-
35  
-# Deploy with Capistrano
36  
-# gem 'capistrano'
37  
-
38  
-# To use debugger
39  
-# gem 'debugger'
  21
+gem "therubyracer"
  22
+gem "less-rails" #Sprockets (what Rails 3.1 uses for its asset pipeline) supports LESS
  23
+gem 'twitter-bootstrap-rails', :git => 'git://github.com/seyhunak/twitter-bootstrap-rails.git'
23  Gemfile.lock
... ...
@@ -1,3 +1,12 @@
  1
+GIT
  2
+  remote: git://github.com/seyhunak/twitter-bootstrap-rails.git
  3
+  revision: 29b7081e2fd570416dfd82186f1ad853d7dc9ded
  4
+  specs:
  5
+    twitter-bootstrap-rails (2.2.6)
  6
+      actionpack (>= 3.1)
  7
+      execjs
  8
+      railties (>= 3.1)
  9
+
1 10
 GEM
2 11
   remote: https://rubygems.org/
3 12
   specs:
@@ -37,6 +46,7 @@ GEM
37 46
       coffee-script-source
38 47
       execjs
39 48
     coffee-script-source (1.6.1)
  49
+    commonjs (0.2.6)
40 50
     erubis (2.7.0)
41 51
     execjs (1.4.0)
42 52
       multi_json (~> 1.0)
@@ -47,6 +57,12 @@ GEM
47 57
       railties (>= 3.0, < 5.0)
48 58
       thor (>= 0.14, < 2.0)
49 59
     json (1.7.7)
  60
+    less (2.3.1)
  61
+      commonjs (~> 0.2.6)
  62
+    less-rails (2.3.2)
  63
+      actionpack (>= 3.1)
  64
+      less (~> 2.3.1)
  65
+    libv8 (3.11.8.13)
50 66
     mail (2.4.4)
51 67
       i18n (>= 0.4.0)
52 68
       mime-types (~> 1.16)
@@ -80,6 +96,7 @@ GEM
80 96
     rake (10.0.3)
81 97
     rdoc (3.12.2)
82 98
       json (~> 1.4)
  99
+    ref (1.0.2)
83 100
     sass (3.2.6)
84 101
     sass-rails (3.2.6)
85 102
       railties (~> 3.2.0)
@@ -90,6 +107,9 @@ GEM
90 107
       rack (~> 1.0)
91 108
       tilt (~> 1.1, != 1.3.0)
92 109
     sqlite3 (1.3.7)
  110
+    therubyracer (0.11.4)
  111
+      libv8 (~> 3.11.8.12)
  112
+      ref
93 113
     thor (0.17.0)
94 114
     tilt (1.3.4)
95 115
     treetop (1.4.12)
@@ -106,8 +126,11 @@ PLATFORMS
106 126
 DEPENDENCIES
107 127
   coffee-rails (~> 3.2.1)
108 128
   jquery-rails
  129
+  less-rails
109 130
   nokogiri
110 131
   rails (= 3.2.8)
111 132
   sass-rails (~> 3.2.3)
112 133
   sqlite3
  134
+  therubyracer
  135
+  twitter-bootstrap-rails!
113 136
   uglifier (>= 1.0.3)
1  app/assets/javascripts/application.js
@@ -12,4 +12,5 @@
12 12
 //
13 13
 //= require jquery
14 14
 //= require jquery_ujs
  15
+//= require twitter/bootstrap
15 16
 //= require_tree .
3  app/assets/javascripts/athletes.js.coffee
... ...
@@ -0,0 +1,3 @@
  1
+# Place all the behaviors and hooks related to the matching controller here.
  2
+# All this logic will automatically be available in application.js.
  3
+# You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/
4  app/assets/javascripts/bootstrap.js.coffee
... ...
@@ -0,0 +1,4 @@
  1
+jQuery ->
  2
+  $("a[rel=popover]").popover()
  3
+  $(".tooltip").tooltip()
  4
+  $("a[rel=tooltip]").tooltip()
3  app/assets/stylesheets/athletes.css.scss
... ...
@@ -0,0 +1,3 @@
  1
+// Place all the styles related to the Athletes controller here.
  2
+// They will automatically be included in application.css.
  3
+// You can use Sass (SCSS) here: http://sass-lang.com/
34  app/assets/stylesheets/bootstrap_and_overrides.css.less
... ...
@@ -0,0 +1,34 @@
  1
+@import "twitter/bootstrap/bootstrap";
  2
+
  3
+body { padding-top: 60px; }
  4
+
  5
+@import "twitter/bootstrap/responsive";
  6
+
  7
+// Set the correct sprite paths
  8
+@iconSpritePath: asset-path("twitter/bootstrap/glyphicons-halflings.png");
  9
+@iconWhiteSpritePath: asset-path("twitter/bootstrap/glyphicons-halflings-white.png");
  10
+
  11
+// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
  12
+// Note: If you use asset_path() here, your compiled bootstrap_and_overrides.css will not
  13
+//       have the proper paths. So for now we use the absolute path.
  14
+@fontAwesomeEotPath: asset-path("fontawesome-webfont.eot?v=3.0.2");
  15
+@fontAwesomeEotPath_iefix: asset-path("fontawesome-webfont.eot?#iefix&v=3.0.2");
  16
+@fontAwesomeWoffPath: asset-path("fontawesome-webfont.woff?v=3.0.2");
  17
+@fontAwesomeTtfPath: asset-path("fontawesome-webfont.ttf?v=3.0.2");
  18
+
  19
+// Font Awesome
  20
+@import "fontawesome";
  21
+
  22
+// Glyphicons
  23
+//@import "twitter/bootstrap/sprites.less";
  24
+
  25
+// Your custom LESS stylesheets goes here
  26
+//
  27
+// Since bootstrap was imported above you have access to its mixins which
  28
+// you may use and inherit here
  29
+//
  30
+// If you'd like to override bootstrap's own variables, you can do so here as well
  31
+// See http://twitter.github.com/bootstrap/customize.html#variables for their names and documentation
  32
+//
  33
+// Example:
  34
+// @linkColor: #ff0000;
26  app/views/layouts/application.html.erb
... ...
@@ -1,14 +1,34 @@
1 1
 <!DOCTYPE html>
2 2
 <html>
3 3
 <head>
4  
-  <title>GamesFilter</title>
  4
+  <title>Affiliate Leaderboard</title>
  5
+  <!--[if lt IE 9]>
  6
+    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
  7
+  <![endif]-->
5 8
   <%= stylesheet_link_tag    "application", :media => "all" %>
6 9
   <%= javascript_include_tag "application" %>
7 10
   <%= csrf_meta_tags %>
  11
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 12
 </head>
9 13
 <body>
  14
+  <div class="navbar navbar-fixed-top">
  15
+    <div class="navbar-inner">
  16
+      <div class="container">
  17
+        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  18
+          <span class="icon-bar"></span>
  19
+          <span class="icon-bar"></span>
  20
+          <span class="icon-bar"></span>
  21
+        </a>
  22
+        <a class="brand" href="#">Leaderboard</a>
  23
+        </div>
  24
+      </div>
  25
+    </div>
  26
+  </div>
10 27
 
11  
-<%= yield %>
12  
-
  28
+  <div class="container">
  29
+    <div class="row">
  30
+      <div class="span9"><%= yield %></div>
  31
+    </div>
  32
+  </div>
13 33
 </body>
14 34
 </html>
17  config/locales/en.bootstrap.yml
... ...
@@ -0,0 +1,17 @@
  1
+# Sample localization file for English. Add more files in this directory for other locales.
  2
+# See https://github.com/svenfuchs/rails-i18n/tree/master/rails%2Flocale for starting points.
  3
+
  4
+en:
  5
+  helpers:
  6
+    actions: "Actions"
  7
+    links:
  8
+      back: "Back"
  9
+      cancel: "Cancel"
  10
+      confirm: "Are you sure?"
  11
+      destroy: "Delete"
  12
+      new: "New"
  13
+    titles:
  14
+      edit: "Edit"
  15
+      save: "Save"
  16
+      new: "New"
  17
+      delete: "Delete"
4  config/routes.rb
... ...
@@ -1,4 +1,8 @@
1 1
 GamesFilter::Application.routes.draw do
  2
+  root :to => 'athletes', :action => :index
  3
+
  4
+  resources :athletes
  5
+
2 6
   # The priority is based upon order of creation:
3 7
   # first created -> highest priority.
4 8
 
241  public/index.html
... ...
@@ -1,241 +0,0 @@
1  
-<!DOCTYPE html>
2  
-<html>
3  
-  <head>
4  
-    <title>Ruby on Rails: Welcome aboard</title>
5  
-    <style type="text/css" media="screen">
6  
-      body {
7  
-        margin: 0;
8  
-        margin-bottom: 25px;
9  
-        padding: 0;
10  
-        background-color: #f0f0f0;
11  
-        font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
12  
-        font-size: 13px;
13  
-        color: #333;
14  
-      }
15  
-
16  
-      h1 {
17  
-        font-size: 28px;
18  
-        color: #000;
19  
-      }
20  
-
21  
-      a  {color: #03c}
22  
-      a:hover {
23  
-        background-color: #03c;
24  
-        color: white;
25  
-        text-decoration: none;
26  
-      }
27  
-
28  
-
29  
-      #page {
30  
-        background-color: #f0f0f0;
31  
-        width: 750px;
32  
-        margin: 0;
33  
-        margin-left: auto;
34  
-        margin-right: auto;
35  
-      }
36  
-
37  
-      #content {
38  
-        float: left;
39  
-        background-color: white;
40  
-        border: 3px solid #aaa;
41  
-        border-top: none;
42  
-        padding: 25px;
43  
-        width: 500px;
44  
-      }
45  
-
46  
-      #sidebar {
47  
-        float: right;
48  
-        width: 175px;
49  
-      }
50  
-
51  
-      #footer {
52  
-        clear: both;
53  
-      }
54  
-
55  
-      #header, #about, #getting-started {
56  
-        padding-left: 75px;
57  
-        padding-right: 30px;
58  
-      }
59  
-
60  
-
61  
-      #header {
62  
-        background-image: url("assets/rails.png");
63  
-        background-repeat: no-repeat;
64  
-        background-position: top left;
65  
-        height: 64px;
66  
-      }
67  
-      #header h1, #header h2 {margin: 0}
68  
-      #header h2 {
69  
-        color: #888;
70  
-        font-weight: normal;
71  
-        font-size: 16px;
72  
-      }
73  
-
74  
-
75  
-      #about h3 {
76  
-        margin: 0;
77  
-        margin-bottom: 10px;
78  
-        font-size: 14px;
79  
-      }
80  
-
81  
-      #about-content {
82  
-        background-color: #ffd;
83  
-        border: 1px solid #fc0;
84  
-        margin-left: -55px;
85  
-        margin-right: -10px;
86  
-      }
87  
-      #about-content table {
88  
-        margin-top: 10px;
89  
-        margin-bottom: 10px;
90  
-        font-size: 11px;
91  
-        border-collapse: collapse;
92  
-      }
93  
-      #about-content td {
94  
-        padding: 10px;
95  
-        padding-top: 3px;
96  
-        padding-bottom: 3px;
97  
-      }
98  
-      #about-content td.name  {color: #555}
99  
-      #about-content td.value {color: #000}
100  
-
101  
-      #about-content ul {
102  
-        padding: 0;
103  
-        list-style-type: none;
104  
-      }
105  
-
106  
-      #about-content.failure {
107  
-        background-color: #fcc;
108  
-        border: 1px solid #f00;
109  
-      }
110  
-      #about-content.failure p {
111  
-        margin: 0;
112  
-        padding: 10px;
113  
-      }
114  
-
115  
-
116  
-      #getting-started {
117  
-        border-top: 1px solid #ccc;
118  
-        margin-top: 25px;
119  
-        padding-top: 15px;
120  
-      }
121  
-      #getting-started h1 {
122  
-        margin: 0;
123  
-        font-size: 20px;
124  
-      }
125  
-      #getting-started h2 {
126  
-        margin: 0;
127  
-        font-size: 14px;
128  
-        font-weight: normal;
129  
-        color: #333;
130  
-        margin-bottom: 25px;
131  
-      }
132  
-      #getting-started ol {
133  
-        margin-left: 0;
134  
-        padding-left: 0;
135  
-      }
136  
-      #getting-started li {
137  
-        font-size: 18px;
138  
-        color: #888;
139  
-        margin-bottom: 25px;
140  
-      }
141  
-      #getting-started li h2 {
142  
-        margin: 0;
143  
-        font-weight: normal;
144  
-        font-size: 18px;
145  
-        color: #333;
146  
-      }
147  
-      #getting-started li p {
148  
-        color: #555;
149  
-        font-size: 13px;
150  
-      }
151  
-
152  
-
153  
-      #sidebar ul {
154  
-        margin-left: 0;
155  
-        padding-left: 0;
156  
-      }
157  
-      #sidebar ul h3 {
158  
-        margin-top: 25px;
159  
-        font-size: 16px;
160  
-        padding-bottom: 10px;
161  
-        border-bottom: 1px solid #ccc;
162  
-      }
163  
-      #sidebar li {
164  
-        list-style-type: none;
165  
-      }
166  
-      #sidebar ul.links li {
167  
-        margin-bottom: 5px;
168  
-      }
169  
-
170  
-      .filename {
171  
-        font-style: italic;
172  
-      }
173  
-    </style>
174  
-    <script type="text/javascript">
175  
-      function about() {
176  
-        info = document.getElementById('about-content');
177  
-        if (window.XMLHttpRequest)
178  
-          { xhr = new XMLHttpRequest(); }
179  
-        else
180  
-          { xhr = new ActiveXObject("Microsoft.XMLHTTP"); }
181  
-        xhr.open("GET","rails/info/properties",false);
182  
-        xhr.send("");
183  
-        info.innerHTML = xhr.responseText;
184  
-        info.style.display = 'block'
185  
-      }
186  
-    </script>
187  
-  </head>
188  
-  <body>
189  
-    <div id="page">
190  
-      <div id="sidebar">
191  
-        <ul id="sidebar-items">
192  
-          <li>
193  
-            <h3>Browse the documentation</h3>
194  
-            <ul class="links">
195  
-              <li><a href="http://guides.rubyonrails.org/">Rails Guides</a></li>
196  
-              <li><a href="http://api.rubyonrails.org/">Rails API</a></li>
197  
-              <li><a href="http://www.ruby-doc.org/core/">Ruby core</a></li>
198  
-              <li><a href="http://www.ruby-doc.org/stdlib/">Ruby standard library</a></li>
199  
-            </ul>
200  
-          </li>
201  
-        </ul>
202  
-      </div>
203  
-
204  
-      <div id="content">
205  
-        <div id="header">
206  
-          <h1>Welcome aboard</h1>
207  
-          <h2>You&rsquo;re riding Ruby on Rails!</h2>
208  
-        </div>
209  
-
210  
-        <div id="about">
211  
-          <h3><a href="rails/info/properties" onclick="about(); return false">About your application&rsquo;s environment</a></h3>
212  
-          <div id="about-content" style="display: none"></div>
213  
-        </div>
214  
-
215  
-        <div id="getting-started">
216  
-          <h1>Getting started</h1>
217  
-          <h2>Here&rsquo;s how to get rolling:</h2>
218  
-
219  
-          <ol>
220  
-            <li>
221  
-              <h2>Use <code>rails generate</code> to create your models and controllers</h2>
222  
-              <p>To see all available options, run it without parameters.</p>
223  
-            </li>
224  
-
225  
-            <li>
226  
-              <h2>Set up a default route and remove <span class="filename">public/index.html</span></h2>
227  
-              <p>Routes are set up in <span class="filename">config/routes.rb</span>.</p>
228  
-            </li>
229  
-
230  
-            <li>
231  
-              <h2>Create your database</h2>
232  
-              <p>Run <code>rake db:create</code> to create your database. If you're not using SQLite (the default), edit <span class="filename">config/database.yml</span> with your username and password.</p>
233  
-            </li>
234  
-          </ol>
235  
-        </div>
236  
-      </div>
237  
-
238  
-      <div id="footer">&nbsp;</div>
239  
-    </div>
240  
-  </body>
241  
-</html>

0 notes on commit dc5a538

Please sign in to comment.
Something went wrong with that request. Please try again.