| @@ -0,0 +1,192 @@ | ||
| /* ==== Google font ==== */ | ||
| @import url('http://fonts.googleapis.com/css?family=Lato:400,300,700,900'); | ||
|
|
||
| body { | ||
| background-color: #f2f2f2; | ||
| font-family: 'Lato', sans-serif; | ||
| font-weight: 300; | ||
| font-size: 16px; | ||
| color: #555; | ||
| line-height: 1.6em; | ||
| -webkit-font-smoothing: antialiased; | ||
| -webkit-overflow-scrolling: touch; | ||
| } | ||
|
|
||
| h1, h2, h3, h4, h5, h6 { | ||
| font-family: 'Lato', sans-serif; | ||
| font-weight: 300; | ||
| color: #444; | ||
| } | ||
|
|
||
| h1 { | ||
| font-size: 40px; | ||
| } | ||
|
|
||
| h3 { | ||
| font-weight: 400; | ||
| } | ||
|
|
||
| h4 { | ||
| font-weight: 400; | ||
| font-size: 20px; | ||
| } | ||
|
|
||
| p { | ||
| margin-bottom: 20px; | ||
| font-size: 16px; | ||
| } | ||
|
|
||
|
|
||
| a { | ||
| color: #d6ee18; | ||
| word-wrap: break-word; | ||
| -webkit-transition: color 0.1s ease-in, background 0.1s ease-in; | ||
| -moz-transition: color 0.1s ease-in, background 0.1s ease-in; | ||
| -ms-transition: color 0.1s ease-in, background 0.1s ease-in; | ||
| -o-transition: color 0.1s ease-in, background 0.1s ease-in; | ||
| transition: color 0.1s ease-in, background 0.1s ease-in; | ||
| } | ||
|
|
||
| a:hover, | ||
| a:focus { | ||
| color: #b7cb1b; | ||
| text-decoration: none; | ||
| outline: 0; | ||
| } | ||
|
|
||
| a:before, | ||
| a:after { | ||
| -webkit-transition: color 0.1s ease-in, background 0.1s ease-in; | ||
| -moz-transition: color 0.1s ease-in, background 0.1s ease-in; | ||
| -ms-transition: color 0.1s ease-in, background 0.1s ease-in; | ||
| -o-transition: color 0.1s ease-in, background 0.1s ease-in; | ||
| transition: color 0.1s ease-in, background 0.1s ease-in; | ||
| } | ||
| .navbar-inverse .navbar-nav > li > a { | ||
| color: #c6d550; | ||
| } | ||
|
|
||
| .alignleft { | ||
| text-align: left; | ||
| } | ||
| .alignright { | ||
| text-align: right; | ||
| } | ||
|
|
||
| .aligncenter { | ||
| text-align: center; | ||
| } | ||
|
|
||
| .btn-theme { | ||
| color: #fff; | ||
| background-color: #fd680e; | ||
| border-color: #fd680e; | ||
| } | ||
| .btn-theme:hover { | ||
| color: #fff; | ||
| background-color: #444; | ||
| border-color: #444; | ||
| } | ||
| form.signup { | ||
| margin-top: 30px; | ||
| } | ||
| form.signup button.btn { | ||
| text-transform: uppercase; | ||
| font-weight: 700; | ||
| } | ||
| form.signup input.form-control:focus { | ||
| border-color: #fd680e; | ||
| } | ||
|
|
||
|
|
||
| /* Nav */ | ||
|
|
||
| a.navbar-brand { | ||
| color: #fff !important; | ||
| font-weight: 900; | ||
| text-transform: uppercase; | ||
| } | ||
| a.navbar-brand:hover { | ||
| color: #ddd !important; | ||
| } | ||
|
|
||
| /* Header */ | ||
|
|
||
| #header { | ||
| background-color: #444; | ||
| background: url(../img/main-bg.jpg) no-repeat center top; | ||
| margin-top: -20px; | ||
| padding-top: 150px; | ||
| background-attachment: relative; | ||
| background-position: center center; | ||
| min-height: 650px; | ||
| width: 100%; | ||
|
|
||
| -webkit-background-size: 100%; | ||
| -moz-background-size: 100%; | ||
| -o-background-size: 100%; | ||
| background-size: 100%; | ||
|
|
||
| -webkit-background-size: cover; | ||
| -moz-background-size: cover; | ||
| -o-background-size: cover; | ||
| background-size: cover; | ||
| } | ||
|
|
||
|
|
||
|
|
||
| #header h1 { | ||
| margin-top: 60px; | ||
| margin-bottom: 15px; | ||
| color: #fff; | ||
| font-size: 45px; | ||
| font-weight: 900; | ||
| letter-spacing: -1px; | ||
| } | ||
|
|
||
| h2.subtitle { | ||
| color: #fff; | ||
| font-size: 20px; | ||
| } | ||
|
|
||
| /* slide */ | ||
| .carousel-indicators { | ||
| position: absolute; | ||
| bottom: -40px; | ||
| left: 50%; | ||
| z-index: 15; | ||
| width: 60%; | ||
| padding-left: 0; | ||
| margin-left: -50%; | ||
| text-align: center; | ||
| list-style: none; | ||
| } | ||
| .carousel-indicators li { | ||
| display: inline-block; | ||
| width: 10px; | ||
| height: 10px; | ||
| margin: 1px; | ||
| text-indent: -999px; | ||
| cursor: pointer; | ||
| background-color: #000 \9; | ||
| background-color: #fff; | ||
| border: 1px solid #fff; | ||
| border-radius: 10px; | ||
| } | ||
| .carousel-indicators .active { | ||
| width: 12px; | ||
| height: 12px; | ||
| margin: 0; | ||
| background-color: #b7cb1b; | ||
| } | ||
|
|
||
| /* footer */ | ||
| #footer { | ||
| background: #fd680e; | ||
| padding: 20px 0 5px; | ||
| } | ||
|
|
||
| p.copyright { | ||
| color: #fff; | ||
| text-align: center; | ||
| } |
| @@ -0,0 +1,23 @@ | ||
| .navred{ | ||
| border-radius: 0px; | ||
| background-color: #8c1515; | ||
| border:none; | ||
| } | ||
| .selected{ | ||
| background-color: #6c1111 !important; | ||
| } | ||
| .whitelinks{ | ||
| color: white !important; | ||
| } | ||
| .form-control { | ||
| display: inline-block; | ||
| width: auto; /*This is the issue*/ | ||
| vertical-align: middle; | ||
| } | ||
| #logo{ | ||
| width:25px; | ||
| height:auto; | ||
| margin-right:5px; | ||
| display: inline-block; | ||
|
|
||
| } |
| @@ -0,0 +1,81 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <meta name="description" content=""> | ||
| <meta name="author" content=""> | ||
| <link rel="shortcut icon" href="assets/img/favicon.png"> | ||
|
|
||
| <title>Treebooks</title> | ||
|
|
||
| <!-- Bootstrap --> | ||
| <link href="assets/css/bootstrap.css" rel="stylesheet"> | ||
| <link href="assets/css/bootstrap-theme.css" rel="stylesheet"> | ||
| <link rel="stylesheet" type="text/css" href="css/custom.css"> | ||
|
|
||
|
|
||
| <!-- siimple style --> | ||
| <link href="assets/css/style.css" rel="stylesheet"> | ||
|
|
||
| <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> | ||
| <!--[if lt IE 9]> | ||
| <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> | ||
| <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> | ||
| <![endif]--> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <!-- Fixed navbar --> | ||
| <div class="navbar navbar-inverse navbar-fixed-top"> | ||
| <div class="container"> | ||
| <div class="navbar-header"> | ||
| <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | ||
| <span class="icon-bar"></span> | ||
| <span class="icon-bar"></span> | ||
| <span class="icon-bar"></span> | ||
| </button> | ||
| <a class="navbar-brand" href="index.html">treebooks</a> | ||
| </div> | ||
| <div class="navbar-collapse collapse"> | ||
| <ul class="nav navbar-nav navbar-right"> | ||
| <li><a href="#">Sign up</a></li> | ||
| <li><a href="#">Sign in</a></li> | ||
| </ul> | ||
| </div><!--/.nav-collapse --> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div id="header"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-lg-6"> | ||
| <h1>Simple landing page</h1> | ||
| <h2 class="subtitle">No need huge slogan, we believe in less is better</h2> | ||
| <form class="form-inline signup" role="form"> | ||
| <div class="form-group"> | ||
| <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter your email address"> | ||
| </div> | ||
| <button type="submit" class="btn btn-theme">Get it now</button> | ||
| </form> | ||
| </div> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| <div id="footer"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-lg-6 col-lg-offset-3"> | ||
| <p class="copyright">Copyright © 2014 - Bootstraptaste.com</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> | ||
| <script src="assets/js/bootstrap.min.js"></script> | ||
| </body> | ||
| </html> |
| @@ -0,0 +1,13 @@ | ||
| // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment. | ||
| require('../../js/transition.js') | ||
| require('../../js/alert.js') | ||
| require('../../js/button.js') | ||
| require('../../js/carousel.js') | ||
| require('../../js/collapse.js') | ||
| require('../../js/dropdown.js') | ||
| require('../../js/modal.js') | ||
| require('../../js/tooltip.js') | ||
| require('../../js/popover.js') | ||
| require('../../js/scrollspy.js') | ||
| require('../../js/tab.js') | ||
| require('../../js/affix.js') |
| @@ -0,0 +1,42 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="eng"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> | ||
| <link rel="stylesheet" type="text/css" href="css/custom.css"> | ||
|
|
||
|
|
||
| <!-- jQuery library --> | ||
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | ||
|
|
||
| <!-- Latest compiled JavaScript --> | ||
| <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | ||
| </head> | ||
| <body> | ||
| <nav class="navbar navbar-inverse navred whitelinks"> | ||
| <div class="container-fluid"> | ||
| <div class="navbar-header whitelinks"> | ||
| <div class="navbar-brand"></div> | ||
|
|
||
| <a class="navbar-brand whitelinks" href="#" style="margin-left:-10px;"><img id="logo" src="logo.png"/>treebooks</a> | ||
| </div> | ||
| <div> | ||
| <ul class="nav navbar-nav"> | ||
| <li class="active"><a href="#" class="selected">HOME</a></li> | ||
| <li><a class = "whitelinks" href="#">NEW LISTING</a></li> | ||
| <li><a class = "whitelinks" href="#">MY LISTINGS</a></li> | ||
| </ul> | ||
| <form class="navbar-form pull-right" role="search" action="home/search/" method="POST" > | ||
| <div class="form-group"> | ||
| <input type="text" class="form-control span8" placeholder="Enter course #, ISBN, or book title..."> | ||
| </div> | ||
| <button type="submit" class="btn btn-default"><i class="glyphicon glyphicon-search"></i></button> | ||
| </form> | ||
|
|
||
| </div> | ||
| </div> | ||
| </nav> | ||
| </body> | ||
|
|
||
| </html> |
| @@ -0,0 +1,25 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="eng"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> | ||
| <link rel="stylesheet" type="text/css" href="css/custom.css"> | ||
|
|
||
|
|
||
| <!-- jQuery library --> | ||
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | ||
|
|
||
| <!-- Latest compiled JavaScript --> | ||
| <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | ||
| </head> | ||
| <body> | ||
| <div class=".container-fluid"> | ||
| <div class="jumbotron"> | ||
| <h1>Welcome to Treebooks</h1> | ||
| <p>Find textbooks for Stanford classes</p> | ||
| </div> | ||
| </div> | ||
| </body> | ||
|
|
||
| </html> |
| @@ -1,13 +1,46 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="eng"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> | ||
| <link rel="stylesheet" type="text/css" href="css/custom.css"> | ||
|
|
||
|
|
||
| <!-- jQuery library --> | ||
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | ||
|
|
||
| <!-- Latest compiled JavaScript --> | ||
| <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | ||
| </head> | ||
| <body> | ||
| <nav class="navbar navbar-inverse navred whitelinks"> | ||
| <div class="container-fluid"> | ||
| <div class="navbar-header whitelinks"> | ||
| <div class="navbar-brand"></div> | ||
|
|
||
| <a class="navbar-brand whitelinks" href="#" style="margin-left:-10px;"><img id="logo" src="logo.png"/>treebooks</a> | ||
| </div> | ||
| <div> | ||
| <ul class="nav navbar-nav"> | ||
| <li class="active"><a href="#" class="selected">HOME</a></li> | ||
| <li><a class = "whitelinks" href="#">NEW LISTING</a></li> | ||
| <li><a class = "whitelinks" href="#">MY LISTINGS</a></li> | ||
| </ul> | ||
| <form class="navbar-form pull-right" role="search" action="home/search/" method="POST" > | ||
| <div class="form-group"> | ||
| <input type="text" class="form-control span8" placeholder="Enter course #, ISBN, or book title..."> | ||
| </div> | ||
| <button type="submit" class="btn btn-default"><i class="glyphicon glyphicon-search"></i></button> | ||
| </form> | ||
|
|
||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <%= yield %> | ||
|
|
||
| </body> | ||
|
|
||
| </html> | ||
|
|
