search

jendiamond / railsgirls-signup

https://railsgirls-signup.herokuapp.com
3 stars 3 forks source link

Add Bootstrap and styling #13

Closed jendiamond closed 8 years ago

jendiamond commented 8 years ago

Pull Request #14

Add gem bootstrap-sass to Gemfile

app/assets/javascripts/application.js

//= require turbolinks
//= require jquery
//= require bootstrap-sprockets
//= require jquery_ujs
//= require_tree .

app/assets/stylesheets/application.css

/*
 *= require_tree .
 *= require_self
 */

@import "bootstrap-sprockets";
@import "bootstrap";

body {
  padding-top: 10px;
  font-family: 'Raleway', sans-serif;
}

.container {
  font-family: Raleway;
}

table, td, th {
  vertical-align: middle;
  border: solid 2px grey;
}

th {
  border-bottom: 1px solid #DDD;
}

.market-header {
  text-align: center;
}

.td-padding, .th-padding {
  padding:0 15px 0 15px;
  background-color: rgba(152,251,152, .1);
}

#landing-container {
  text-align: center;
}
.title {
  font-size: 3em;
}

.button {
  padding-top: 80px;
  margin:auto;
  font-size: 1.5em;
}

app/views/layouts/application.html.erb

<!DOCTYPE html>
<html>
  <head>
    <title>Railsgirls Signup</title>
    <%= csrf_meta_tags %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
    <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  </head>

  <body>
    <div class="container">
       <div class="header clearfix">
        <nav>
          <ul class="nav nav-pills pull-right">
            <li role="presentation" class="active"><a href="#">Home</a></li>
            <li role="presentation"><a href="#">About</a></li>
            <li role="presentation"><a href="#">Contact</a></li>
          </ul>
        </nav>
        <h3 class="text-muted">Project name</h3>
      </div>

      <div class="jumbotron">
        <h1>Apply to Rails Girls LA October 21st & 22nd 2016</h1>
        <p class="lead">Application deadline: October 2nd<br/>
ONLY 25 applicants will be accepted. Applicants must be at least 13 years old.<br/>
Beginners will be given priority. Applications will be reviewed as they arrive.</p>
        <p><a class="btn btn-lg btn-success" href="#" role="button">Sign up today</a></p>
      </div>

      <%= yield %>
    </div>
  </body>
</html>