benjaminramey/lunchrun.me
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Home page styles

Browse Source
This commit is contained in:
Ben Ramey
2014-03-29 13:58:11 -05:00
parent 1a8316d094
commit cf25d80a28
2 changed files with 40 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
assets/linker/styles/app.less
View File

@@ -9,7 +9,7 @@ body {
margin-bottom: @footer-height; margin-bottom: @footer-height;
} }
#page { #page {
padding-bottom: 20px; padding-bottom: 60px;
section { section {
background-color: transparent; background-color: transparent;
position: relative; position: relative;
@@ -22,10 +22,11 @@ body {
box-shadow: 0 0 15px #000; box-shadow: 0 0 15px #000;
.step-num { .step-num {
font-size: 6em;
text-align: center; text-align: center;
text-shadow: -2px -2px 2px #000; text-shadow: 2px 2px 8px #fff;
color: orange; span {
font-size: 6em;
}
} }
h2 { h2 {
@@ -40,6 +41,12 @@ body {
margin: 5px 0; margin: 5px 0;
} }
&.name {
input {
margin-top: 16px;
}
}
&.invitees { &.invitees {
input { input {
margin: 0; margin: 0;
@@ -60,6 +67,14 @@ body {
} }
} }
&.submit {
border: none;
box-shadow: none;
.btn {
font-size: 6em;
}
}
>div { >div {
position: relative; position: relative;
z-index: 2; z-index: 2;
@@ -91,7 +106,8 @@ footer {
color: #fff; color: #fff;
padding: 20px 0; padding: 20px 0;
font-size: 3em; font-size: 3em;
text-shadow: 2px 2px 2px #333; text-shadow: 4px 4px 6px #000;
text-transform: uppercase;
} }
} }
.create-order-form { .create-order-form {

37
assets/linker/templates/create-run.jade
View File

@@ -1,39 +1,41 @@
div.create-run-form(ng-controller='CreateRunCtrl') div.create-run-form(ng-controller='CreateRunCtrl')
form(name='form',novalidate,role='form') form(name='form',novalidate,role='form')
h1.text-center start a new lunch run! h1.text-center
section | start a new lunch run
section.name
.bg   .bg  
.container .container
.row .row
.col-xs-1.step-num 1} .col-xs-2.step-num
.col-xs-11 span.glyphicon.glyphicon-info-sign
.col-xs-10
input#name.form-control(type='text',ng-model='run.name',required,placeholder='Name your run') input#name.form-control(type='text',ng-model='run.name',required,placeholder='Name your run')
section section
.bg   .bg  
.container .container
h2.text-center who are you?
.row .row
.col-xs-1.step-num 2} .col-xs-2.step-num
.col-xs-11 span.glyphicon.glyphicon-user
.col-xs-10
input#creatorName.form-control(type='text',ng-model='run.creatorName',required,placeholder='Your name') input#creatorName.form-control(type='text',ng-model='run.creatorName',required,placeholder='Your name')
input#creatorEmail.form-control(type='email',ng-model='run.creatorEmail',required,placeholder='Your email') input#creatorEmail.form-control(type='email',ng-model='run.creatorEmail',required,placeholder='Your email')
section section
.bg   .bg  
.container .container
h2.text-center where are you going?
.row .row
.col-xs-1.step-num 3} .col-xs-2.step-num
.col-xs-11 span.glyphicon.glyphicon-map-marker
.col-xs-10
input#restaurant.form-control(type='text',ng-model='run.restaurant',placeholder='Restaurant') input#restaurant.form-control(type='text',ng-model='run.restaurant',placeholder='Restaurant')
input#menuUrl.form-control(type='url',ng-model='run.menuUrl',placeholder='Menu URL') input#menuUrl.form-control(type='url',ng-model='run.menuUrl',placeholder='Menu URL')
section.invitees section.invitees
.bg   .bg  
.container .container
h2.text-center who's going?
.row .row
.col-xs-1.step-num 4} .col-xs-2.step-num
.col-xs-11 span.glyphicon.glyphicon-list
.col-xs-10
.invitee(ng-repeat='i in run.invitees') .invitee(ng-repeat='i in run.invitees')
input.form-control(ng-model='i.name',required,placeholder='Name') input.form-control(ng-model='i.name',required,placeholder='Name')
input.form-control(ng-model='i.email',required,placeholder='Email') input.form-control(ng-model='i.email',required,placeholder='Email')
@@ -44,8 +46,7 @@ div.create-run-form(ng-controller='CreateRunCtrl')
span.glyphicon.glyphicon-plus span.glyphicon.glyphicon-plus
| Invite another! | Invite another!
// section.submit
.container
.clearfix button.btn.btn-lg.btn-primary.btn-block(ng-click="create(run)",ng-disabled="form.$invalid")
button.btn.btn-lg.btn-primary.btn-block(ng-click="create(run)",ng-disabled="form.$invalid") | Create
| Create