export const home = {
backgroundColor: "color:light",
titles: [
{
title: "swipe card to start order",
fontFamily: "BebasNeue",
color: "color:text",
fontSize: "2.8em",
top: "550px",
left: "480px",
zIndex: "5",
onClick: "invoke:gotoDiningOption"
},
{
title: "Authentic",
fontFamily: "ThirstyRoughBlack",
color: "color:primary",
fontSize: "12em",
opacity: "0.05",
top: "-100px",
left: "-150px",
zIndex: -1
},
{
title: "Awesome",
fontFamily: "Homestead",
color: "color:secondary",
fontSize: "12em",
opacity: "0.05",
top: "60px",
left: "-150px",
zIndex: -1
},
{
title: "Atomic",
fontFamily: "Carton",
color: "color:primary",
fontSize: "12em",
opacity: "0.05",
top: "240px",
left: "-150px",
zIndex: -1
}
],
images: [
{
src: "image:home/burger.png",
width: "500px",
top: "50px",
right: "-50px"
},
{
src: "image:home/wings.png",
width: "400px",
top: "520px",
left: "-10px"
},
{
src: "image:home/credit-cards.png",
width: "250px",
top: "600px",
right: "250px"
},
{
src: "image:common/logo.png",
width: "400px",
top: "50px",
left: "50px"
}
]
}
export const diningOptions = {
backgroundColor: "color:light",
titles: [
{
title: "Hello ${name}",
fontFamily: "BebasNeue",
color: "color:text",
fontSize: "2.2em",
top: "150px",
left: "480px",
zIndex: "5"
},
{
title: "cancel",
fontFamily: "BebasNeue",
color: "color:primary",
fontSize: "2.5em",
top: "20px",
left: "20px",
zIndex: "5",
onClick: "invoke:cancel"
},
{
title: "eat in",
fontFamily: "BebasNeue",
color: "white",
fontSize: "2.8em",
top: "450px",
left: "480px",
zIndex: "5",
onClick: "invoke:eatIn"
},
{
title: "take out",
fontFamily: "BebasNeue",
color: "white",
fontSize: "2.8em",
top: "450px",
left: "680px",
zIndex: "5",
onClick: "invoke:takeOut"
}
],
images: [
{
src: "image:diningOptions/takeOut.png",
width: "200px",
top: "300px",
left: "700px",
zIndex: "15",
onClick: "invoke:takeOut"
},
{
src: "image:diningOptions/eatIn.png",
width: "200px",
top: "300px",
left: "380px",
zIndex: "15",
onClick: "invoke:eatIn"
},
],
rectangles: [
{
backgroundColor: 'color:primary',
width: '300px',
top: '300px',
height: "250px",
left: '300px',
onClick: "invoke:eatIn"
},
{
backgroundColor: 'color:lightBlue',
width: '300px',
top: '300px',
height: "250px",
left: '600px',
onClick: "invoke:takeOut"
}
]
}
export const main = {
backgroundColor: "color:light",
titles: [
],
images: [
],
rectangles: [
]
}
