From 643a1458d92cf5d512ff1a158e157a6458b69ff3 Mon Sep 17 00:00:00 2001 From: arzynik Date: Wed, 9 Oct 2013 10:01:14 -0700 Subject: [PATCH] added beginings of ui2 theme --- include/library/Crunchbutton/App.php | 1 + .../views/default/seven/frontend/help.phtml | 67 +++ .../default/seven/frontend/location.phtml | 72 +++ .../views/default/seven/layout/html.top.phtml | 95 ++++ www/assets/css/seven.css | 513 ++++++++++++++++++ 5 files changed, 748 insertions(+) create mode 100644 include/views/default/seven/frontend/help.phtml create mode 100644 include/views/default/seven/frontend/location.phtml create mode 100644 include/views/default/seven/layout/html.top.phtml create mode 100644 www/assets/css/seven.css diff --git a/include/library/Crunchbutton/App.php b/include/library/Crunchbutton/App.php index 9102a74d2..1ec3e2426 100755 --- a/include/library/Crunchbutton/App.php +++ b/include/library/Crunchbutton/App.php @@ -57,6 +57,7 @@ class Crunchbutton_App extends Cana_App { switch ($_SERVER['SERVER_NAME']) { case 'crunchbutton.localhost': case 'wenzel.localhost': + case 'seven.localhost': $params['env'] = 'local'; break; case 'crunchr.co': diff --git a/include/views/default/seven/frontend/help.phtml b/include/views/default/seven/frontend/help.phtml new file mode 100644 index 000000000..13914761e --- /dev/null +++ b/include/views/default/seven/frontend/help.phtml @@ -0,0 +1,67 @@ + +
+
+
+   Don’t Worry!
+ We’re here to help! +
+
+
+
+
+ +
+
+

So, what exactly do you do?

+

We highlight the top food from the top restaurants in a community. Place an order, and we save it for next time, along with your delivery and payment info. Reorder your favorites with a single tap :)

+

+

Hey! I need help with my order!

+

Please visit your Previous Orders and contact the restaurant you ordered from.

+

+

Need to contact Crunchbutton?

+

Call or text us at (646) 783-1444 or email us at happycustomers@crunchbutton.com.

+

+ +
+ +
+



+
+



+
+ +
+

How do I order food?

+

Easy! Just go to crunchbutton.com and click the restaurant you want to order from. Add whatever food you want, and enter your address, phone, and payment info. Click "Get Food" and try to stay hungry! The restaurant will call you when they're outside.

+

+

Is it cheaper for me to just call the restaurant?

+

Nope! Crunchbutton is totally free to you. Prices are the same as calling the restaurant. Sometimes even cheaper!

+

+

Is it faster for me to just call the restaurant?

+

Nope! With Crunchbutton ordering is as fast as a single click!! And we make sure our restaurants receive orders promptlier and accuratelier than when you call.

+

+

How do you save my info?

+

We use a super secure system away from our web server to store and encrypt all your financial information.

+

+

How do I change my stored info?

+

Just click on the info you want to change, enter the changes, and, after you place your order, it’ll be saved for next time.

+

+

But I've never used Crunchbutton before...

+

Oh man, it's okay. I remember my first time, it didn't last more than 30 seconds. I went to Crunchbutton.com, found my favorite restaurant, hit "Get Food." Minutes later, my sandwich arrived. Post-coital bliss ensued, that sandwich sure knew how to crunch my buttons.

+

+

omg i am wayy too drunk to enter my information

+

We thought this might happen. Luckily, Crunchbutton saves your address, phone, and payment info, so all you have to do is click what you want and hit the big, red "Get Food" button. Try to be awake when the delivery guy calls.

+

+

I want to put a restaurant on Crunchbutton.

+

Good idea! Contact join@crunchbutton.com.

+

+

I know I can order food online, but can I order by US mail?

+

Why yes you can! Give us one week's notice, and we will get you your food! Send a check or money order to:

+ Crunchbutton
+ 13701 Marina Pointe Dr. #344
+ Marina Del Rey, CA 90292

+



+ Visit our legal page for legal and privacy information. +






+
+
diff --git a/include/views/default/seven/frontend/location.phtml b/include/views/default/seven/frontend/location.phtml new file mode 100644 index 000000000..b1a2c9814 --- /dev/null +++ b/include/views/default/seven/frontend/location.phtml @@ -0,0 +1,72 @@ +
+ + +
+ +
+
+ + + + + +
+ +
+
+ +
+ +
+


+

Order the top food. For free.

+

We find the best delivery restaurants in your area, curate their menus, and make it easy for you to order with a single click.

+
+ +
+ +
+

+

Are you a delivery foodie?

+

Join our marketing intern program and get a free pink gorilla suit! Also maybe some money too.

+
+ +
+ +
+
+

Restaurant owner?

+

We are always looking for the next popular sandwich. Apply today and reach campuses nationwide!

+
+ +
+ +
+
+

We’re expanding!

+

We may not be everywhere yet, but the communities we are in love us! Take a look at some of our most popular locations.

+


+
+
+
+
+
+
+
+ +
+


+
+
diff --git a/include/views/default/seven/layout/html.top.phtml b/include/views/default/seven/layout/html.top.phtml new file mode 100644 index 000000000..91601fe3e --- /dev/null +++ b/include/views/default/seven/layout/html.top.phtml @@ -0,0 +1,95 @@ + + + +<?=$this->title ? $this->title : 'Crunchbutton'?> + */ ?> + + + + + + + + + + +bundle) : ?> + + + + + + + "> */ ?> + + + + + + + + + + + +*/ ?> + + + + + +dirs->view.'default/crunchbutton/frontend') as $fileInfo) : ?> + isDot() && $fileInfo->getBasename() != '.DS_Store' ) : ?> + + + + + + + + + + restaurant->id_restaurant) : ?> + + + restaurant->image()) : ?> + + + + + + community->id_community) : ?> + + + community->restaurants() as $restaurant) : ?> + image()) : ?> + + + + + + + + + + + + + + + + + + + + diff --git a/www/assets/css/seven.css b/www/assets/css/seven.css new file mode 100644 index 000000000..618b4265c --- /dev/null +++ b/www/assets/css/seven.css @@ -0,0 +1,513 @@ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; + font-size: 10px; + color: #312f38; + -webkit-transition: font-size 0.2s; + background: #fffef8; + letter-spacing: .5px; +} +body, input, textarea { + font-family: "Open Sans", "Droid Sans", "Helvetica", "Arial", sans-serif; +} +ol, ul { + list-style: none; +} +b { + font-weight: bold; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +a { + color: #d74924; + text-decoration: underline; +} + +::selection { + background: rgba(47,154,211,.5); + color: #fff; + text-shadow: none; +} +::-moz-selection { + background: rgba(47,154,211,.5); + color: #fff; + text-shadow: none; +} + + +input[type="submit"]:focus, input[type="button"]:focus, input[type="text"]:focus, button, :focus { + outline : none; +} +input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, button::-moz-focus-inner { + border : 0; +} + +html { + -webkit-text-size-adjust: none; +} + +* { + -webkit-tap-highlight-color: rgba(205,69,29,.5); +} + +*:not(input):not(textarea) { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: -moz-none; + -o-user-select: none; + user-select: none; +} + +.content { + max-width: 767px; + margin: 0 auto; +} + +.content-padding { + padding: 10px; +} + +.logo { + background: url(/assets/images/micro/crunchbutton-logo.svg) no-repeat; + background-position: center center; + width: 254px; + height: 50px; + background-size: 100%; + margin: 0 auto; + padding-top: 40px; + -webkit-transition: all 0.2s; +} + + +.menu { + background: url(/assets/images/micro/menu.svg) no-repeat; + background-position: center center; + width: 44px; + height: 28px; + background-size: 100%; + float: left; + margin: 31px 0 0 25px; + -webkit-transition: all 0.2s; + cursor: pointer; +} + +.menu:active { + opacity: .4; +} + +/* +.animated { + -webkit-transition: height 0.2s; + -moz-transition: height 0.2s; + transition: height 0.2s; +} +*/ + +::-webkit-input-placeholder { + color: #858585; +} +:-moz-placeholder { + color: #858585; +} +::-moz-placeholder { + color: #858585; +} +:-ms-input-placeholder { + color: #858585; +} + + + + +/* home location header */ +.home-location { + margin-top: 50px; + width: 100%; +} +.home-location td { + vertical-align: top; +} +.enter-location { + border: 2px solid #003f35; + border-top-left-radius:6px; + border-bottom-left-radius:6px; + font-size: 15px; + padding: .5em 0 .5em .7em; + margin: 0 0 15px 0; + width: 100%; + height: 20px; +} +.find-location { + background: #00bd9e; + border-top-right-radius:6px; + border-bottom-right-radius:6px; + border: 2px solid #003f35; + font-size: 22px; + padding: .2em; + color: #fff; + margin: 0 0 15px 0; + width: 40px; + height: 39px; + cursor: pointer; + + -webkit-transition:all linear 0.08s; + -moz-transition:all linear 0.08s; + -ms-transition:all linear 0.08s; + -o-transition:all linear 0.08s; + transition:all linear 0.08s; +} +.find-location:active { + background: #00a88c; + color: #e1f1ee; +} +.home-top { + background: url(/assets/images/micro/bg-sandwich.jpg); + background-position: top right; + background-size: 150%; + padding: 0 0 60px 0; +} +.home-inputs { + width: 300px; + margin: 0 auto; + margin-bottom: 50px; +} +.logo-finger { + background: url(/assets/images/micro/logo-finger.svg) no-repeat; + background-position: center center; + width: 7.8em; + height: 8.8em; + background-size: 100%; + margin: 0 auto; + padding-top: 100px; +} +.pushabutton { + background: url(/assets/images/micro/push-a-button.svg) no-repeat; + background-position: center center; + width: 17em; + height: 17em; + background-size: 100%; + margin: 0 auto; + padding-top: 50px; +} +.divider-circle { + background: url(/assets/images/micro/fork-knife-orange.svg) center center no-repeat; + width: 6.5em; + height: 6.5em; + background-size: 100%; + margin-top: -3.2em; + margin-left:-3.2em; + left: 50%; + position: absolute; +} +h4 { + font-weight: bold; + font-size: 1.3em; + line-height: 1.9em; +} +p { + font-size: 1.2em; + line-height: 1.6em; +} +.home-join-us { + background: url(/assets/images/micro/home-join-us.svg) no-repeat; + width: 25em; + height: 20em; + background-size: 100%; + margin: 0 auto; + margin-top: 50px; +} + + +/* MAPS */ +.map-venice { + background: url(/assets/images/micro/map-venice.svg) no-repeat; + width: 5.6em; + height: 7.4em; +} +.map-new-haven { + background: url(/assets/images/micro/map-new-haven.svg) no-repeat; + width: 7.2em; + height: 6.9em; +} +.map-providence { + background: url(/assets/images/micro/map-providence.svg) no-repeat; + width: 6.0em; + height: 7.4em; +} +.map-dc { + background: url(/assets/images/micro/map-dc.svg) no-repeat; + width: 5.7em; + height: 6.8em; +} +.popular-locations .map { + background-size: 100%; + margin: 0 auto; + display: table-cell; + +} +.popular-locations { + font-size: 1.15em; + width: 25em; + margin: 0 auto; + display: table; + border-spacing:.8em; +} + + + +/* BUTTONS */ +.button { + border: 0; + padding: .6em 0 .6em 0; + border-radius: 5px; + cursor: pointer; + color: #fff; + text-transform: uppercase; + font-size: 1.3em; + width: 100%; + letter-spacing:-.8px; + + -webkit-transition:all linear 0.08s; + -moz-transition:all linear 0.08s; + -ms-transition:all linear 0.08s; + -o-transition:all linear 0.08s; + transition:all linear 0.08s; +} +.button.pushable.orange { + box-shadow: 0 3px 0 #961500; +} +.button.pushable.orange:active { + background: #cf3a22; +} +.button.pushable { + margin-top: 0; + margin-bottom: 3px; +} +.button.pushable:active { + margin-top: 3px; + margin-bottom:0; + box-shadow: none; +} +.button.orange { + background: #df4a32; +} +.button.lightorange { + background: #fc9a6b; + font-weight: 900; +} +.button.green { + background: #00bd9e; + font-weight: 900; +} +.button.lightorange:active { + background: #e78d62; +} +.button.green:active { + background: #00a58a; +} +.find-restaurants { + font-size: 19px; + max-width: 300px; + padding: .9em 0 .9em 0; + border-radius: 6px; + letter-spacing: 0; +} + + + +/* GLOBAL */ +@media(min-width:500px) { + body { + font-size: 12px; + } +} +@media(max-width:500px) { + .logo { + width: 190px; + height: 37px; + } + .menu { + margin: 25px 0 0 10px; + } +} +.divider { + clear: both; +} + + + + +/* DROPDOWNS */ +.dropdown { + position: absolute; + z-index: 9999999; + display: none; + font-size: 12px; +} +.dropdown .dropdown-menu, +.dropdown .dropdown-panel { + min-width: 160px; + max-width: 360px; + list-style: none; + background: #FFF; + border: solid 1px #DDD; + border: solid 1px rgba(0, 0, 0, .2); + border-radius: 6px; + box-shadow: 0 5px 10px rgba(0, 0, 0, .2); + overflow: visible; + padding: 4px 0; + margin: 0; +} +.dropdown .dropdown-panel { + padding: 10px; +} +.dropdown.dropdown-tip { + margin-top: 8px; +} +.dropdown.dropdown-tip:before { + position: absolute; + top: -6px; + left: 9px; + content: ''; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #CCC; + border-bottom-color: rgba(0, 0, 0, 0.2); + display: inline-block; +} +.dropdown.dropdown-tip.dropdown-anchor-right:before { + left: auto; + right: 9px; +} +.dropdown.dropdown-tip:after { + position: absolute; + top: -5px; + left: 10px; + content: ''; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #FFF; + display: inline-block; +} +.dropdown.dropdown-tip.dropdown-anchor-right:after { + left: auto; + right: 10px; +} +.dropdown.dropdown-scroll .dropdown-menu, +.dropdown.dropdown-scroll .dropdown-panel { + max-height: 358px; + overflow: auto; +} +.dropdown .dropdown-menu LI { + list-style: none; + padding: 0 0; + margin: 0; + line-height: 18px; +} +.dropdown .dropdown-menu LI > A, +.dropdown .dropdown-menu LABEL { + display: block; + color: #555; + text-decoration: none; + line-height: 18px; + padding: 3px 15px; + white-space: nowrap; +} + +.dropdown .dropdown-menu LI > A:hover, +.dropdown .dropdown-menu LABEL:hover { + background-color: #08C; + color: #FFF; + cursor: pointer; +} + +.dropdown .dropdown-menu .dropdown-divider { + font-size: 1px; + border-top: solid 1px #E5E5E5; + padding: 0; + margin: 5px 0; +} + +/* Icon Examples - icons courtesy of http://p.yusukekamiyamane.com/ */ +.dropdown.has-icons LI > A { + padding-left: 30px; + background-position: 8px center; + background-repeat: no-repeat; +} + + +/* FAQ */ +.faq-tomato { + background: url(/assets/images/micro/faq-tomato.svg) no-repeat; + width: 7.1em; + height: 11.6em; + background-size: 100%; + float: left; + margin-left: 4em; +} +.bubble-tailless-green { + background: url(/assets/images/micro/bubble-tailless-green.svg) no-repeat; + width: 14.6em; + height: 5.7em; + background-size: 100%; + float: left; + margin-top: 2em; +} +.bubble-tailless-green .text { + display: block; + margin-left: 1.3em; + color: #fff; + font-size: 1.2em; + line-height: 1.4em; + padding-top: .9em; +} +.faq-bubble-wrap { + width: 26em; + margin: 0 auto; +} +.faq-sun { + background: url(/assets/images/micro/faq-sun.svg) no-repeat; + width: 26.4em; + height: 10.6em; + background-size: 100%; + margin: 0 auto; +} +.faq-heart { + color: #ff6b82; + font-size: 8.5em; +} \ No newline at end of file