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

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

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