Permalink
Browse files

project list

  • Loading branch information...
1 parent e031b6c commit 399121e1de1fb380f4fe2cb3a099d5ebe23301a9 @banacorn committed Feb 16, 2013
View
@@ -19,9 +19,7 @@
</div>
</div>
</div>
- <div id="main" class="container">
- </div>
- <div id="main-wide">
+ <div id="main">
</div>
</body>
</html>
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -54,11 +54,11 @@ define [
initialize: ->
# remove the class 'container' if the page is "wide"
- @on 'all', (path) ->
- if /^route:home$/.test path
- $('#main').removeClass 'container'
- else
- $('#main').addClass 'container'
+ # @on 'all', (path) ->
+ # if /^route:home$/.test path
+ # $('#main').removeClass 'container'
+ # else
+ # $('#main').addClass 'container'
home: ->
homeView = new ViewHome
$('#main').html homeView.el
View
@@ -1,10 +1,17 @@
@import "bootstrap.css"
+$white = white
$gray = #555;
$grayLight = #999;
$grayLighter = #eee;
+$air = #f8f8f8;
$blue = #334455
$blueLight = lighten($blue, 10%)
+$gold = gold
+$goldDark = darken(gold, 20%)
+
+$noise = url('/images/light_noise_diagonal.png')
+
.blue
color: $blue !important
@@ -26,34 +33,55 @@ $blueLight = lighten($blue, 10%)
#home-iconset
font-size: 600%
- color: $grayLighter
+ color: $grayLight
padding: 20px
- #home-registration h3
- text-align: center
+ #home-registration
+ background: $noise
+ h3
+ text-align: center
+article > section
+ padding: 40px 0
+
+
+ &.white
+ background: $noise
+ color: inherit
+ h1
+ h2
+ color: $blue
- section
- padding: 40px 0
- &.gold
- background: gold
+ &.gold
+ background: $white
+ h1
+ h2
+ color: $blue
- h2
- color: $blue
+ &.blueLight
+ background: $blueLight
+ h1
+ h2
+ color: $grayLighter
- &.blueLight
- background: $blueLight
- h2
- color: $grayLighter
+ &.blue
+ background: $blue
+ h1
+ h2
+ color: $grayLighter
+ color: white
- &.blue
- background: $blue
- h2
- color: $grayLighter
+#project-list
+ li
+ height: 100px
+ background: $blue
+ margin: 20px
+ border-radius: 4px
body
// for the fixed navbar
- padding-top: 60px
+ padding-top: 40px
+ background: $blueLight
// background: url('/images/light_noise_diagonal.png')
@@ -1,14 +1,23 @@
define [
+ 'collections/project',
'jquery',
'backbone',
'template'
-], ($, Backbone, $$) ->
+], (CollectionProject, $, Backbone, $$) ->
class ProjectList extends Backbone.View
- tagName: 'section'
+ tagName: 'article'
id: 'project-list'
template: $$.projectList
- initialize: -> @render()
+ initialize: ->
+ @collection = new CollectionProject
+ # @listenTo @collection 'reset', @renderList
+ # @collection.fetch()
+
+ @render()
render: -> @$el.html @template.render()
+
+ renderList: ->
+ console.log 'got list'
View
@@ -231,13 +231,13 @@ body {
}
a {
- color: #0088cc;
+ color: #334455;
text-decoration: none;
}
a:hover,
a:focus {
- color: #005580;
+ color: #161e25;
text-decoration: underline;
}
@@ -1994,6 +1994,52 @@ legend + .control-group {
padding-left: 180px;
}
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
+.uneditable-input {
+ background-color: #ffffff;
+ border: none;
+ -webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 3px rgba(0, 0, 0, 0.5);
+ -moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 3px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 1px 0 #ffffff, inset 0 1px 3px rgba(0, 0, 0, 0.5);
+}
+
+textarea:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+.uneditable-input:focus {
+ border-color: rgba(82, 168, 236, 0.8);
+ outline: 0;
+ outline: thin dotted \9;
+ /* IE6-9 */
+
+}
+
table {
max-width: 100%;
background-color: transparent;
@@ -3695,30 +3741,30 @@ ul.icons li [class*=" icon-"] {
.dropdown-submenu:focus > a {
color: #ffffff;
text-decoration: none;
- background-color: #0081c2;
- background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
- background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
- background-image: -o-linear-gradient(top, #0088cc, #0077b3);
- background-image: linear-gradient(to bottom, #0088cc, #0077b3);
+ background-color: #2f3f4f;
+ background-image: -moz-linear-gradient(top, #334455, #293745);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#334455), to(#293745));
+ background-image: -webkit-linear-gradient(top, #334455, #293745);
+ background-image: -o-linear-gradient(top, #334455, #293745);
+ background-image: linear-gradient(to bottom, #334455, #293745);
background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff334455', endColorstr='#ff293745', GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #ffffff;
text-decoration: none;
- background-color: #0081c2;
- background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
- background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
- background-image: -o-linear-gradient(top, #0088cc, #0077b3);
- background-image: linear-gradient(to bottom, #0088cc, #0077b3);
+ background-color: #2f3f4f;
+ background-image: -moz-linear-gradient(top, #334455, #293745);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#334455), to(#293745));
+ background-image: -webkit-linear-gradient(top, #334455, #293745);
+ background-image: -o-linear-gradient(top, #334455, #293745);
+ background-image: linear-gradient(to bottom, #334455, #293745);
background-repeat: repeat-x;
outline: 0;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff334455', endColorstr='#ff293745', GradientType=0);
}
.dropdown-menu > .disabled > a,
@@ -4441,7 +4487,7 @@ input[type="submit"].btn.btn-mini {
}
.btn-link {
- color: #0088cc;
+ color: #334455;
cursor: pointer;
border-color: transparent;
-webkit-border-radius: 0;
@@ -4451,7 +4497,7 @@ input[type="submit"].btn.btn-mini {
.btn-link:hover,
.btn-link:focus {
- color: #005580;
+ color: #161e25;
text-decoration: underline;
background-color: transparent;
}
@@ -4961,7 +5007,7 @@ input[type="submit"].btn.btn-mini {
.nav-list > .active > a:focus {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
- background-color: #0088cc;
+ background-color: #334455;
}
.nav-list [class^="icon-"],
@@ -5058,7 +5104,7 @@ input[type="submit"].btn.btn-mini {
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
color: #ffffff;
- background-color: #0088cc;
+ background-color: #334455;
}
.nav-stacked > li {
@@ -5126,14 +5172,14 @@ input[type="submit"].btn.btn-mini {
.nav .dropdown-toggle .caret {
margin-top: 6px;
- border-top-color: #0088cc;
- border-bottom-color: #0088cc;
+ border-top-color: #334455;
+ border-bottom-color: #334455;
}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
- border-top-color: #005580;
- border-bottom-color: #005580;
+ border-top-color: #161e25;
+ border-bottom-color: #161e25;
}
/* move down carets for tabs */
@@ -6603,7 +6649,7 @@ input[type="submit"].btn.btn-mini {
a.thumbnail:hover,
a.thumbnail:focus {
- border-color: #0088cc;
+ border-color: #334455;
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
Oops, something went wrong.

0 comments on commit 399121e

Please sign in to comment.