Prettified index.html using zurb foundation

This commit is contained in:
Skud
2012-09-08 21:50:23 +01:00
parent 996d14ade8
commit ae6ac886a3
4 changed files with 40 additions and 32 deletions

View File

@@ -11,7 +11,7 @@
// Colors Settings
// $mainColor: #2ba6cb;
$mainColor: #009900;
// $secondaryColor: #e9e9e9;
// $alertColor: #c60f13;
// $successColor: #5da423;
@@ -24,8 +24,8 @@
// Typography Settings
// $headerFontFamily: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
// $headerFontWeight: bold;
$headerFontFamily: "Sevillana", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
$headerFontWeight: normal;
// $headerFontColor: #222;
// $bodyFontFamily: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
// $bodyFontWeight: normal;
@@ -73,4 +73,4 @@
// $tapToCloseFontWeight: normal;
// $tapToCloseFontColor: #888;
// $tooltipFontSizeScreenSmall: 14;
// $tooltipBackgroundOpacityScreenSmall: 0.85;
// $tooltipBackgroundOpacityScreenSmall: 0.85;

View File

@@ -0,0 +1,30 @@
<% content_for :title, "Growstuff dev site" %>
<div class="row">
<div class="five columns">
<ul class="link-list">
<% if user_signed_in? %>
<li>You are signed in as <%= current_user.email %>. </li>
<li><%= link_to("Log out", destroy_user_session_path) %></li>
<% else %>
<li><%= link_to('Sign up', new_user_registration_path) %></li>
<li><%= link_to('Log in', new_user_session_path) %></li>
<% end %>
</ul>
</div>
</div>
<div class="row">
<div class="five columns">
<h1><a href="/">Growstuff</a> <small>dev site</small></h1>
<p>We're a community of gardeners</p>
</div>
</div>
<div class="row">
<div class="five columns">
<ul class="link-list">
<li><a href="">footer link</li>
</ul>
</div>
</div>

View File

@@ -1,27 +0,0 @@
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Uncomment to make IE8 render like IE7 -->
<!-- <meta http-equiv="X-UA-Compatible" content="IE=7" /> -->
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><%= content_for?(:title) ? yield(:title) : "Untitled" %></title>
<!-- Included CSS Files -->
<%= stylesheet_link_tag "application" %>
<!-- Included JS Files -->
<%= javascript_include_tag "application" %>
<%= csrf_meta_tags %>
</head>
<body>
<%= yield %>
</body>
</html>

View File

@@ -1,6 +1,11 @@
%html
%head
%title Growstuff
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href='http://fonts.googleapis.com/css?family=Sevillana' rel='stylesheet' type='text/css'>
%title = content_for?(:title) ? yield(:title) : "Growstuff"
= stylesheet_link_tag "application", :media => "all"
= javascript_include_tag "application"
= csrf_meta_tags