diff --git a/app/static/css/style.css b/app/static/css/style.css index aa0e50c..d856267 100644 --- a/app/static/css/style.css +++ b/app/static/css/style.css @@ -1,3 +1,12 @@ nav ul { - + list-style-type: none; + margin: 0; + padding: 0; +} + +nav li { + display: inline-block; + text-align: center; + margin: 0 5px; + font-size: 25px; } diff --git a/app/views/items/index.jade b/app/views/items/index.jade index 7f26812..56f62b7 100644 --- a/app/views/items/index.jade +++ b/app/views/items/index.jade @@ -5,40 +5,42 @@ html title eCommerce link(rel='stylesheet', href='/css/style.css') body - h1 eCommerce - nav - ul - li: a(href='/') Home - li: a(href='/about') About - li: a(href='/faq') Faq - li: a(href='/items/new') Add Item - li: a(href='/items') View Items - h1 Items - table - thead - tr - th Name - th Length - th Width - th Height - th Weight - th Color - th Qty - th MSRP - th % Off - th Cost - tbody - each item in items - tr - td: a(href='/items/#{item._id.toString()}')= item.name - td= item.dimensions.l - td= item.dimensions.w - td= item.dimensions.h - td= item.weight - td= item.color - td= item.quantity - td= item.msrp - td= item.percentOff - td= item.cost() + .container + h1 eCommerce + nav + ul + li: a(href='/') Home + li: a(href='/about') About + li: a(href='/faq') Faq + li: a(href='/items/new') Add Item + li: a(href='/items') View Items + .itemList + h1 Items + table + thead + tr + th Name + th Length + th Width + th Height + th Weight + th Color + th Qty + th MSRP + th % Off + th Cost + tbody + each item in items + tr + td: a(href='/items/#{item._id.toString()}')= item.name + td= item.dimensions.l + td= item.dimensions.w + td= item.dimensions.h + td= item.weight + td= item.color + td= item.quantity + td= item.msrp + td= item.percentOff + td= item.cost() diff --git a/app/views/items/init.jade b/app/views/items/init.jade index e11306e..dee18ca 100644 --- a/app/views/items/init.jade +++ b/app/views/items/init.jade @@ -5,23 +5,34 @@ html title eCommerce link(rel='stylesheet', href='/css/style.css') body - h1 eCommerce - nav - ul - li: a(href='/') Home - li: a(href='/about') About - li: a(href='/faq') Faq - li: a(href='/items/new') Add Item - li: a(href='/items') View Items - form(method='post', action='/items') - input(name='name', type='text', placeholder='iPad', autofocus=true) - input(name='dimensions[l]', type='number', placeholder='length') - input(name='dimensions[w]', type='number', placeholder='width') - input(name='dimensions[h]', type='number', placeholder='height') - input(name='weight', type='number', placeholder='weight') - input(name='color', type='color', placeholder='color') - input(name='quantity', type='number', placeholder='quantity') - input(name='msrp', type='number', placeholder='msrp') - input(name='percentOff', type='number', placeholder='percentOff') - button Add Item to Database + .container + h1 eCommerce + nav + ul + li: a(href='/') Home + li: a(href='/about') About + li: a(href='/faq') Faq + li: a(href='/items/new') Add Item + li: a(href='/items') View Items + #newItem + form(method='post', action='/items') + input(name='name', type='text', placeholder='iPad', autofocus=true) + br + input(name='dimensions[l]', type='number', placeholder='length') + br + input(name='dimensions[w]', type='number', placeholder='width') + br + input(name='dimensions[h]', type='number', placeholder='height') + br + input(name='weight', type='number', placeholder='weight') + br + input(name='color', type='color', placeholder='color') + br + input(name='quantity', type='number', placeholder='quantity') + br + input(name='msrp', type='number', placeholder='msrp') + br + input(name='percentOff', type='number', placeholder='percentOff') + br + button Add Item to Database diff --git a/app/views/items/show.jade b/app/views/items/show.jade index 8e5e983..763264c 100644 --- a/app/views/items/show.jade +++ b/app/views/items/show.jade @@ -5,42 +5,43 @@ html title eCommerce link(rel='stylesheet', href='/css/style.css') body - h1 eCommerce - nav - ul - li: a(href='/') Home - li: a(href='/about') About - li: a(href='/faq') Faq - li: a(href='/items/new') Add Item - li: a(href='/items') View Items - #item - form(method='post', action='/items/#{item._id}') - table - thead - tr - th Name - th Length - th Width - th Height - th Weight - th Color - th Qty - th MSRP - th % Off - th Cost - tbody - tr - td= item.name - td= item.dimensions.l - td= item.dimensions.w - td= item.dimensions.h - td= item.weight - td= item.color - td= item.quantity - td= item.msrp - td= item.percentOff - td= item.cost() - button Delete Item + .container + h1 eCommerce + nav + ul + li: a(href='/') Home + li: a(href='/about') About + li: a(href='/faq') Faq + li: a(href='/items/new') Add Item + li: a(href='/items') View Items + #item + form(method='post', action='/items/#{item._id}') + table + thead + tr + th Name + th Length + th Width + th Height + th Weight + th Color + th Qty + th MSRP + th % Off + th Cost + tbody + tr + td= item.name + td= item.dimensions.l + td= item.dimensions.w + td= item.dimensions.h + td= item.weight + td= item.color + td= item.quantity + td= item.msrp + td= item.percentOff + td= item.cost() + button Delete Item