sharpetronics/crunchbutton
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added beginings of ui2 theme

Browse Source
This commit is contained in:
arzynik 2013-10-09 10:01:14 -07:00
parent ac1c169378
commit 643a1458d9
5 changed files with 748 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
include/library/Crunchbutton/App.php
View File

@ -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':

67
include/views/default/seven/frontend/help.phtml Normal file
View File

@ -0,0 +1,67 @@
<div class="faq-bubble-wrap">
<div class="bubble-tailless-green">
<div class="text">
<b>&nbsp;&nbsp;Don’t Worry!</b><br />
We’re here to help!
</div>
</div>
<div class="faq-tomato"></div>
<div class="divider"></div>
</div>
<div class="content-padding">
<br />
<h4>So, what exactly do you do?</h4>
<p>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 :)</p>
<br /><br />
<h4>Hey! I need help with my order!</h4>
<p>Please visit your <a href="/orders">Previous Orders</a> and contact the restaurant you ordered from.</p>
<br /><br />
<h4>Need to contact Crunchbutton?</h4>
<p>Call or text us at <a href="tel:+16467831444">(646) 783-1444</a> or email us at <a href="mailto:happycustomers@crunchbutton.com">happycustomers@crunchbutton.com</a>.</p>
<br /><br />
<button class="button green">Live chat with us</button>
</div>
<div class="content-padding">
<br /><br /><br /><br />
<div class="faq-sun"></div>
<br /><br /><br /><br />
</div>
<div class="content-padding">
<h4>How do I order food?</h4>
<p>Easy! Just go to <a href="href://crunchbutton.com">crunchbutton.com</a> 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.</p>
<br /><br />
<h4>Is it cheaper for me to just call the restaurant?</h4>
<p>Nope! Crunchbutton is totally free to you. Prices are the same as calling the restaurant. Sometimes even cheaper!</p>
<br /><br />
<h4>Is it faster for me to just call the restaurant?</h4>
<p>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.</p>
<br /><br />
<h4>How do you save my info?</h4>
<p>We use a super secure system away from our web server to store and encrypt all your financial information.</p>
<br /><br />
<h4>How do I change my stored info?</h4>
<p>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.</p>
<br /><br />
<h4>But I've never used Crunchbutton before...</h4>
<p>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.</p>
<br /><br />
<h4>omg i am wayy too drunk to enter my information</h4>
<p>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.</p>
<br /><br />
<h4>I want to put a restaurant on Crunchbutton.</h4>
<p>Good idea! Contact <a href="mailto:join@crunchbutton.com">join@crunchbutton.com</a>.</p>
<br /><br />
<h4>I know I can order food online, but can I order by US mail?</h4>
<p>Why yes you can! Give us one week's notice, and we will get you your food! Send a check or money order to:<br /><br />
Crunchbutton<br />
13701 Marina Pointe Dr. #344<br />
Marina Del Rey, CA 90292</p>
<br /><br /><br /><br />
Visit our <a href="/legal">legal page</a> for legal and privacy information.
<br /><br /><br /><br /><br /><br /><br />
<center><div class="icon-heart faq-heart"></div></center>
</div>

72
include/views/default/seven/frontend/location.phtml Normal file
View File

@ -0,0 +1,72 @@
<div class="home-top">
<div id="dropdown-menu" class="dropdown dropdown-tip">
<ul class="dropdown-menu">
<li><a href="/restaurants">Restaurants</a></li>
<li><a href="/orders">Previous Orders</a></li>
<li><a href="/location">Change Location</a></li>
<li class="dropdown-divider"></li>
<li><a href="/help">FAQ</a></li>
<li><a href="/logout">Log Out</a></li>
</ul>
</div>
<div class="menu" data-dropdown="#dropdown-menu"></div>
<div class="logo"></div>
<div class="pushabutton"></div>
<div class="home-inputs">
<table cellpadding="0" cellspacing="0" class="home-location">
<tr>
<td style="width: 100%;"><input class="enter-location" placeholder="Enter your location" ng-model="location.form.address"></td>
<td><button class="find-location" ng-click="locEat()"><span class="icon icon-location-arrow "></span></button></td>
</tr>
</table>
<button class="button pushable orange find-restaurants ladda-button" ng-click="letsEat()" ng-spinner data-style="zoom-out" data-spinner-color="#FFFFFF">
<div class="ladda-label">Find Restaurants!</div>
<span class="ladda-spinner"></span>
</button>
</div>
</div>
<div class="divider-orange-food divider-circle"></div>
<div class="content-padding">
<br /><br /><br />
<h4>Order the top food. For free.</h4>
<p>We find the best delivery restaurants in your area, curate their menus, and make it easy for you to order with a single click.</p>
</div>
<div class="home-join-us"></div>
<div class="content-padding">
<br /><br />
<h4>Are you a delivery foodie?</h4>
<p>Join our marketing intern program and get a free pink gorilla suit! Also maybe some money too.</p>
<br />
<button class="button green">Contact Us</button>
</div>
<div class="content-padding">
<br />
<h4>Restaurant owner?</h4>
<p>We are always looking for the next popular sandwich. Apply today and reach campuses nationwide!</p>
<br />
<button class="button lightorange">more info</button>
</div>
<div class="content-padding">
<br />
<h4>We’re expanding!</h4>
<p>We may not be everywhere yet, but the communities we are in love us! Take a look at some of our most popular locations.</p>
<br /><br /><br />
<div class="popular-locations">
<div class="map map-new-haven"></div>
<div class="map map-dc"></div>
<div class="map map-providence"></div>
<div class="map map-venice"></div>
</div>
</div>
<div class="home-white content-padding">
<br /><br /><br />
<div class="logo-finger"></div>
</div>

95
include/views/default/seven/layout/html.top.phtml Normal file
View File

@ -0,0 +1,95 @@
<!doctype html>
<html><?/* data-ng-app="NGApp" */?>
<head>
<title><?=$this->title ? $this->title : 'Crunchbutton'?></title>
<? /* <meta name="viewport" content="user-scalable=no, initial-scale = 1.0,maximum-scale = 1.0"> */ ?>
<meta name="fragment" content="!" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="format-detection" content="telephone=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-icon-precomposed" href="/assets/images/appicon.png">
<script type="text/javascript">
<?
// Get server's date time converted to GMD
$utc_str = gmdate( 'Y/n/d/H/i/s', time() );
$utc = strtotime( $utc_str );
?>
var _gmtServer = '<?=$utc_str?>';
</script>
<? if (c::config()->bundle) : ?>
<link rel="stylesheet" type="text/css" href="/assets/css/bundle.css?v=<?=Cana_Util::gitVersion()?>">
<? else : ?>
<link rel="stylesheet" type="text/css" href="/assets/css/seven.css?v=<?=Cana_Util::gitVersion()?>">
<link rel="stylesheet" type="text/css" href="/assets/css/font-awesome.css?v=<?=Cana_Util::gitVersion()?>">
<link rel="stylesheet" type="text/css" href="/assets/css/magnific-popup.css?v=<?=Cana_Util::gitVersion()?>">
<link rel="stylesheet" type="text/css" href="/assets/css/ladda-themeless.min.css?v=<?=Cana_Util::gitVersion()?>">
<? /* <link rel="stylesheet" type="text/css" href="/assets/css/icheck.red.css?v=<?=Cana_Util::gitVersion()?>"> */ ?>
<? if (strpos($_SERVER['HTTP_USER_AGENT'],'Windows') !== false) : ?>
<link rel="stylesheet" type="text/css" href="/assets/css/windows.css?v=<?=Cana_Util::gitVersion()?>">
<? endif ; ?>
<? endif ; ?>
<link rel="shortcut icon" href="/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,700" rel="stylesheet" type="text/css">
<? /*
<link href="/assets/images/startup-320x460.png" media="(-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
<link href="/assets/images/startup-640x920.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<link href="/assets/images/startup-640x1096.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
*/ ?>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<? /* TEMPLATES */ ?>
<? foreach (new DirectoryIterator(c::config()->dirs->view.'default/crunchbutton/frontend') as $fileInfo) : ?>
<? if (!$fileInfo->isDot() && $fileInfo->getBasename() != '.DS_Store' ) : ?>
<script type="text/ng-template" id="assets/view/<?=$fileInfo->getBasename('.phtml')?>.html">
<?=$this->render('frontend/'.$fileInfo->getBasename('.phtml'), ['filter' => false])?>
</script>
<? endif ; ?>
<? endforeach; ?>
<? /* END TEMPLATES */ ?>
<? if (strpos($_SERVER['HTTP_USER_AGENT'],'facebookexternalhit') !== false) : ?>
<? if ($this->restaurant->id_restaurant) : ?>
<meta property="og:title" content="<?=$this->restaurant->name?> on Crunchbutton">
<meta property="og:description" content="One click food ordering from <?=$this->restaurant->name?>. We find the best restaurants <?=$this->community->prep?> <?=$this->community->name?> and make ordering your favorite dishes as easy as one click.">
<? if ($this->restaurant->image()) : ?>
<meta property="og:image" content="http://<?=$_SERVER['HTTP_HOST']?>/cache/images/<?=$this->restaurant->facebook()->getFileName()?>">
<? else : ?>
<meta property="og:image" content="http://<?=$_SERVER['HTTP_HOST']?>/assets/images/share.jpg">
<? endif ; ?>
<? elseif ($this->community->id_community) : ?>
<meta property="og:title" content="Crunchbutton - One click food ordering from <?=$this->community->name?>">
<meta property="og:description" content="We feature the top restaurants <?=$this->community->prep?> <?=$this->community->name?>. Order your favorite dishes with a click of one button from your computer or phone.">
<? foreach ($this->community->restaurants() as $restaurant) : ?>
<? if ($restaurant->image()) : ?>
<meta property="og:image" content="http://<?=$_SERVER['HTTP_HOST']?>/cache/images/<?=$restaurant->facebook()->getFileName()?>">
<? else : ?>
<meta property="og:image" content="http://<?=$_SERVER['HTTP_HOST']?>/assets/images/share.jpg">
<? endif ; ?>
<? break;?>
<? endforeach; ?>
<? else : ?>
<meta property="og:title" content="Crunchbutton - One click food ordering">
<meta property="og:description" content="We feature the top restaurants in your neighborhood. Order your favorite dishes with a click of one button from your computer or phone.">
<meta property="og:image" content="http://<?=$_SERVER['HTTP_HOST']?>/assets/images/share.jpg">
<? endif ; ?>
<meta property="og:type" content="company">
<meta property="og:url" content="https://<?=$_SERVER['HTTP_HOST']?><?=$_SERVER['REQUEST_URI']?>">
<meta property="og:site_name" content="Crunchbutton">
<meta property="fb:app_id" content="***REMOVED***">
<? endif ; ?>

513
www/assets/css/seven.css Normal file
View File

@ -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;
}