Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

converted all html to haml + gridism applied + color sheme added

  • Loading branch information...
commit 459bfdac57b688aae5ee8aa3bdd8fe9bd4f494ce 1 parent d400eb3
Hugues Huygens authored
View
2  Gemfile
@@ -33,6 +33,8 @@ group :doc do
end
gem "responsive-nav-rails"
+gem 'normalize-rails'
+gem 'haml'
# Use ActiveModel has_secure_password
# gem 'bcrypt-ruby', '~> 3.1.2'
View
5 Gemfile.lock
@@ -37,6 +37,8 @@ GEM
coffee-script-source (1.6.3)
erubis (2.7.0)
execjs (2.0.2)
+ haml (4.0.4)
+ tilt
hike (1.2.3)
i18n (0.6.9)
jbuilder (1.5.3)
@@ -52,6 +54,7 @@ GEM
mime-types (1.25.1)
minitest (4.7.5)
multi_json (1.8.2)
+ normalize-rails (2.1.3)
polyglot (0.3.3)
rack (1.5.2)
rack-test (0.6.2)
@@ -110,8 +113,10 @@ PLATFORMS
DEPENDENCIES
coffee-rails (~> 4.0.0)
+ haml
jbuilder (~> 1.2)
jquery-rails
+ normalize-rails
rails (= 4.0.2)
responsive-nav-rails
sass-rails (~> 4.0.0)
View
18 app/assets/stylesheets/application.css
@@ -9,6 +9,24 @@
* compiled file, but it's generally better to create a new file per style scope.
*
*= require_self
+ *= require normalize-rails
*= require responsive-nav
*= require_tree .
*/
+
+body {
+ font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ color: #444;
+ background: #A4A190;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
+}
+
+/* I use full-width horizontal sections a lot */
+body > header,
+body > section,
+body > footer {
+ display: block;
+ width: 100%;
+ clear: both;
+ float: left;
+}
View
1  app/views/home/index.html.erb
@@ -1 +0,0 @@
-<h3>Welcome!</h3>
View
4 app/views/home/index.html.haml
@@ -0,0 +1,4 @@
+%header
+ .grid
+ .unit.whole
+ %h3 Welcome!
View
14 app/views/layouts/application.html.erb
@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <title>Tenue</title>
- <%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>
- <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
- <%= csrf_meta_tags %>
-</head>
-<body>
-
-<%= yield %>
-
-</body>
-</html>
View
10 app/views/layouts/application.html.haml
@@ -0,0 +1,10 @@
+!!!
+%html
+ %head
+ %title Tenue
+ %meta{:content => "width=device-width,initial-scale=1", :name => "viewport"}
+ = stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true
+ = javascript_include_tag "application", "data-turbolinks-track" => true
+ = csrf_meta_tags
+ %body.wrap.wider
+ = yield
View
165 public/Color Palette by Color Scheme Generator.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- saved from url=(0038)http://colorschemedesigner.com/export/ -->
+<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
+ <title>Color Palette by Color Scheme Generator</title>
+ <meta name="generator" content="ColorSchemeGenerator.com">
+
+<style type="text/css">
+
+/* Palette color codes */
+/* Feel free to copy&paste color codes to your application */
+
+.primary-1 { background-color: #A4A190 }
+.primary-2 { background-color: #4E604A }
+.primary-3 { background-color: #455425 }
+.primary-4 { background-color: #BCC4A9 }
+.primary-5 { background-color: #BCC4A9 }
+
+/* end */
+
+
+body {
+ margin:0; padding: 2em;
+ background:white;
+ color: #666;
+ font: 75%/1.33 Verdana, sans-serif;
+ text-align:left;
+ }
+h1 {
+ margin: 0.5em 0;
+ font-size: 200%;
+ }
+p {
+ margin: 0.5em 0;
+ }
+
+.color-table {
+ margin: 2em 2em 5em;
+ border-collapse:collapse;
+ border:none;
+ border-spacing:0;
+ font-size:100%;
+ }
+.color-table th {
+ padding: 0 1em 0 0;
+ text-align:right;
+ vertical-align: middle;
+ font-size:110%;
+ border: none;
+ }
+.color-table td.sample {
+ width:10em; height:8em;
+ padding: 10px;
+ text-align:center;
+ vertical-align:middle;
+ font-size:90%;
+ border: 1px solid white;
+ white-space:nowrap;
+ }
+.color-table.small td.sample {
+ width:4em; height:4em;
+ padding:0;
+ border:none;
+ }
+.color-table .white { margin-bottom:0.2em; color:white }
+.color-table .black { margin-top:0.2em; color:black }
+
+hr {
+ border:none;
+ border-bottom:1px solid silver;
+ }
+#footer {
+ padding:1em;
+ text-align:center;
+ font-size:80%;
+ }
+
+</style>
+
+</head>
+<body style="">
+
+<h1>Color Palette by Color Scheme Designer</h1>
+<p>Palette URL: <a href="http://colorschemedesigner.com/#1Bx2L3QkHTmgX">http://colorschemedesigner.com/#1Bx2L3QkHTmgX</a></p>
+<p>Color Space: Opaltone (R) Colors; Copyright (c) Opaltone Australasia Pty. Ltd. All rights reserved. The color match is only aproximative. More info on www.opaltone.com.</p>
+
+<table class="color-table">
+ <tbody><tr>
+ <th>Primary Color:</th>
+ <td class="sample primary-1">
+ <div class="white">
+OMS 4146<br>
+<strong>A4A190</strong>
+ </div>
+ <div class="black">
+<strong>A4A190</strong>
+<br>
+OMS 4146 </div>
+ </td>
+ <td class="sample primary-2">
+ <div class="white">
+OMS 5961<br>
+<strong>4E604A</strong>
+ </div>
+ <div class="black">
+<strong>4E604A</strong>
+<br>
+OMS 5961 </div>
+ </td>
+ <td class="sample primary-3">
+ <div class="white">
+OMS 5973<br>
+<strong>455425</strong>
+ </div>
+ <div class="black">
+<strong>455425</strong>
+<br>
+OMS 5973 </div>
+ </td>
+ <td class="sample primary-4">
+ <div class="white">
+OMS 5105<br>
+<strong>BCC4A9</strong>
+ </div>
+ <div class="black">
+<strong>BCC4A9</strong>
+<br>
+OMS 5105 </div>
+ </td>
+ <td class="sample primary-5">
+ <div class="white">
+OMS 5105<br>
+<strong>BCC4A9</strong>
+ </div>
+ <div class="black">
+<strong>BCC4A9</strong>
+<br>
+OMS 5105 </div>
+ </td>
+ </tr>
+</tbody></table>
+
+<table class="color-table small">
+ <tbody><tr>
+ <th>Primary Color:</th>
+ <td class="sample primary-1"></td>
+ <td class="sample primary-2"></td>
+ <td class="sample primary-3"></td>
+ <td class="sample primary-4"></td>
+ <td class="sample primary-5"></td>
+ </tr>
+</tbody></table>
+
+<p>
+See the HTML source for more details.<br>
+Use the <em>Save / Save As...</em> command in your browser to store the HTML for latter use.
+</p>
+
+<hr>
+
+<p id="footer">Generated by <a href="http://colorschemedesigner.com/">Color Scheme Designer</a> © Petr Stanicek 2002-2010</p>
+
+
+
+<div id="window-resizer-tooltip" style="display: block;"><a href="http://colorschemedesigner.com/export/#" title="Edit settings" style="background-image: url(chrome-extension://kkelicaakdanhinjdeammmilcgefonfh/images/icon_19.png);"></a><span class="tooltipTitle">Window size: </span><span class="tooltipWidth" id="winWidth">1871</span> x <span class="tooltipHeight" id="winHeight">1056</span><br><span class="tooltipTitle">Viewport size: </span><span class="tooltipWidth" id="vpWidth">1871</span> x <span class="tooltipHeight" id="vpHeight">633</span></div></body></html>
Please sign in to comment.
Something went wrong with that request. Please try again.