Devil's Brew Coffee

Devil's Brew Coffee Aug 10, 2022 16:50:23 GMT

Post by Disgraced on Aug 10, 2022 16:50:23 GMT

[nospaces][googlefont=Noto Sans Symbols]
[newclass=.AlchemyVariables]/*THESE ARE THE VALUES YOU CAN CHANGE! (do not remove the slashes and asterisks)

NOTE: I'd recommend sticking to portrait-oriented images, since they're less likely to be cut off. If the image is being cut off, then go to the AlchemyImage class and add/change the background positioning there. Check the div guide for how to do that, the link is in my (Reyn's) signature.

*/--background:#090909;/*
*/--backgroundtwo:#FFFFFF;/*
*/--backgroundthree:#666666;/*
*/--text:#090909;/*
*/--texttwo:#FF0000;/*
*/--textthree:#EEEEEE;/*
*/--fontbody:quicksand;/*
*/--fonttitle:Trade Winds;/*
*/--image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSv6gfGJkkTcQ967OUB8c564Ek4gbdjk2vfmQ&usqp=CAU)[/newclass]

[newclass=.AlchemyWrap]width:910px;height:550px;display:grid;grid-template-columns:60px auto;grid-template-areas:'SIDE MAIN';margin:auto;color:var(--text);cursor: context-menu;font-family:var(--fontbody);font-size:13px[/newclass]
[newclass=.AlchemySide]grid-area:SIDE;background-color:var(--text);position:relative;[/newclass]
[newclass=.AlchemyMain]grid-area:MAIN;background-color:var(--background);font-size:13px[/newclass]

[newclass=.AlchemySideTitle]writing-mode: vertical-rl;text-align:left;font-size:27px;color:var(--texttwo);transform:rotate(180deg);position:absolute;top:15px;left:15px;background-color:var(--text);font-family:var(--fonttitle)[/newclass]
[newclass=.AlchemySidePadding]padding-left:29px;padding-right:29px;padding-bottom:15px;padding-top:20px;[/newclass]
[newclass=.AlchemySideLine]background-color:var(--texttwo);height:515px;width:1.5px;[/newclass]
[newclass=.AlchemySideSymbol]font-size:37px;color:var(--texttwo);position:absolute;bottom:15px;left:0;background-color:var(--text);font-family:Noto Sans Symbols;padding-top:6px;text-align:center;width:60px[/newclass]

[newclass=.AlchemyMainGrid]display:grid;grid-template-columns:300px auto;grid-template-areas:'MENU GAP';height:550px;[/newclass]
[newclass=.AlchemyGap]grid-area:GAP;background-color:var(--background);height:100%[/newclass]

[newclass=.AlchemyMenu]grid-area:MENU;background-color:var(--backgroundtwo);height:100%;font-size:15px[/newclass]
[newclass=.AlchemyMenuPadding]height:200px;padding-left:12px;padding-right:6px[/newclass]
[newclass=.AlchemyImageHeight]height:328px;[/newclass]
[newclass=.AlchemyImagePadding]height:100%;width:100%;padding-left:15px;padding-top:32px[/newclass]
[newclass=.AlchemyImage]background-image:var(--image);background-size:cover;width:calc(100% - 30px);height:calc(100% - 57px);[/newclass]

[newclass=.AlchemyMenuContent]position:absolute;top:-353px;right:-559px;width:550px;height:550px;background-color:var(--background);font-size:13px;color:var(--textthree)[/newclass]
[newclass=.AlchemyMenuContentPadding]padding:15px;position:relative;font-size:13px[/newclass]

[newclass=.AlchemyContentTitle]font-family:var(--fonttitle);background-color:var(--background);color:var(--texttwo);position:absolute;top:20px;left:15px;font-size:26px[/newclass]
[newclass=.AlchemyContentTitleGap]height:50px;width:100%[/newclass]

[newclass=.AlchemyContentBody]overflow:auto;text-align:justify;height:460px;font-size:13px[/newclass]
[newclass=.AlchemyContentBodyFontSize]font-size:13px[/newclass]
[newclass=.AlchemyContentBody::-webkit-scrollbar]width:17px;[/newclass]
[newclass=.AlchemyContentBody::-webkit-scrollbar-thumb]background-color:var(--text);color:var(--textthree)width:17px;border-left: 15px solid rgba(0, 0, 0, 0);background-clip: padding-box;[/newclass]

[newclass=.AlchemyContentBodyQuote]font-size:14px;font-style:italic;text-align:center;padding:15px;color:var(--textthree)[/newclass]
[newclass=.AlchemyContentBodySymbol]font-size:23px;font-family:Noto Sans Symbols;text-align:center;font-style:normal;[/newclass]

[newclass=.AlchemyContentBodyGrid]display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:'LEFT CENTRE RIGHT';[/newclass]
[newclass=.AlchemyContentBodyGridLeft]grid-area:LEFT;padding-right:7.5px[/newclass]
[newclass=.AlchemyContentBodyGridCentre]grid-area:CENTRE;padding-left:7.5px;padding-right:7.5px[/newclass]
[newclass=.AlchemyContentBodyGridRight]grid-area:RIGHT;padding-left:7.5px[/newclass]
[newclass=.AlchemyContentBodyGridHeader]background-color:var(--backgroundthree);padding:5px;font-size:15px;[/newclass]
[newclass=.AlchemyContentBodyGridPadding]height:15px;width:100%[/newclass]

[attr="class",AlchemyVariables]

[attr="class",AlchemyWrap]

[attr="class",AlchemySide]

[attr="class",AlchemySideTitle]⠀Devil's Brew Coffee

[attr="class",AlchemySidePadding]

[attr="class",AlchemySideLine]

[attr="class",AlchemySideSymbol]⛧

[attr="class",AlchemyMain]

[attr="class",AlchemyMainGrid]

[attr="class",AlchemyMenu]

[attr="class",AlchemyImageHeight]

[attr="class",AlchemyImagePadding]

[attr="class",AlchemyImage]

[attr="class",AlchemyMenuPadding]

[PTabbedContent]

[PTab=

⠀⛾⠀GENERAL INFO

]

[attr="class",AlchemyMenuContent]

[attr="class",AlchemyMenuContentPadding]

[attr="class",AlchemyContentTitle]
[break]
General Information

[attr="class",AlchemyContentTitleGap]

[attr="class",AlchemyContentBody]

[attr="class",AlchemyContentBodyQuote][break]"Damn good coffee."

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodyFontSize]Devil's Brew Coffee is an independently owned and operated coffee shop in Millennium City. We specialize in a wide variety of finely roasted coffee beans, as well as a selection of blended drinks and excellent pastries. Established in 2003, we have been proud to serve our clients for nearly 20 years.[break][break]

[attr="class",AlchemyContentBodySymbol]⛾

[attr="class",AlchemyContentBodyFontSize]

[attr="style","display:grid;grid-column-gap:0px;grid-template-areas:'Left Right';"]

[attr="style","grid-area:Left;"][break][break]
Location:[break]
666 South Hazel Street[break]
Millennium City[break]
[break][break]
Phone: [break]
888-555-0666[break]

[attr="style","grid-area:Right;"]

[break]
Hours[break]
Monday: 6am-8pm[break]
Tuesday: 6am-8pm[break]
Wednesday: 6am-8pm[break]
Thursday: 6am-8pm[break]
Friday: 6am-10pm[break]
Saturday: 7am-10pm[break]
Sunday: 7am-8pm[break]

[/PTab={tab-background-color:var(--backgroundtwo);tab-selected-background-color:var(--text);tab-selected-color:var(--backgroundtwo);tab-hover-background-color:var(--text);tab-hover-color:var(--backgroundtwo);tab-height:25px;tab-width:300px;;}]

[PTab=

⠀⛾⠀MENU

]

[attr="class",AlchemyMenuContent]

[attr="class",AlchemyMenuContentPadding]

[attr="class",AlchemyContentTitle][break]Menu

[attr="class",AlchemyContentTitleGap]

[attr="class",AlchemyContentBody]

[attr="class",AlchemyContentBodyQuote]Today's Featured Bean: Hawaii Kona Coffee

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodySymbol]⛾

[attr="class",AlchemyContentBodyGridHeader]⛧ OUR SELECTION OF BEANS

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodyFontSize]
Select your brew from our finest options. 2.00 single, 3.50 double, 5.00 triple.

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodyGrid]

[attr="class",AlchemyContentBodyGridLeft]

[attr="class",AlchemyContentBodyGridHeader]Ethiopian Harrar

[attr="class",AlchemyContentBodyGridPadding]

Medium Roast, bold and complex

[attr="class",AlchemyContentBodyGridCentre]

[attr="class",AlchemyContentBodyGridHeader]Hawaii Kona

[attr="class",AlchemyContentBodyGridPadding]

Medium roast, balanced and acidic

[attr="class",AlchemyContentBodyGridRight]

[attr="class",AlchemyContentBodyGridHeader]Tanzania Peaberry

[attr="class",AlchemyContentBodyGridPadding]

Medium roast, delicate flavor

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodyGrid]

[attr="class",AlchemyContentBodyGridLeft]

[attr="class",AlchemyContentBodyGridHeader]Guatemalan Antigua

[attr="class",AlchemyContentBodyGridPadding]

Medium roast, rich and smooth

[attr="class",AlchemyContentBodyGridCentre]

[attr="class",AlchemyContentBodyGridHeader]Sulawesi Toraja

[attr="class",AlchemyContentBodyGridPadding]

Dark roast, sweet and spicy

[attr="class",AlchemyContentBodyGridRight]

[attr="class",AlchemyContentBodyGridHeader]Sumatra Mandheling

[attr="class",AlchemyContentBodyGridPadding]

Dark roast, earthy, low-acid

[break][break]

[attr="class",AlchemyContentBodyFontSize]

[attr="class",AlchemyContentBodyGridHeader]⛧ Just Coffee Thanks

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodyFontSize]
Standard drip coffee, made with our Bean Of The Day.
[break]Regular or Decaf: 2.50/cup, refills not included[break]

[break]

[attr="class",AlchemyContentBodyGridHeader]⛧ Signature Blended Drinks

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodyFontSize]
8oz. single 5.50, 16oz double 8.50, extra shots 1.50/ea[break][break]

Lust: Chocolate and Cayenne, with cinnamon sugar on top[break]

Pride: French Vanilla and Pistachio syrups[break]

Greed: Caramel, extra caramel, and more caramel[break]

Envy: Mocha chocolate, with lemon-flavored whipped cream[break]

Wrath: Orange and cayenne[break]

Gluttony: Chocolate and vanilla frozen twist, with extra whipped cream[break]

Sloth: You're too lazy to decide, you'll take whatever you get.[break]

[break]

[attr="class",AlchemyContentBodyGridHeader]⛧ Create Your Own

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodyFontSize]
8oz. single shot 3.50 + additional, 16oz double 5.50 + additional[break]
Extra coffee shot: 1.50[break]
Syrup: 1.00 per shot[break]
Whipped Cream: 1.00
[break][break]

Our Syrups

[attr="style","display:grid;grid-column-gap:0px;grid-template-areas:'Left Right';"]

[attr="style","grid-area:Left;"]
Chocolate[break]
Vanilla[break]
Caramel[break]
Orange

[attr="style","grid-area:Right;"]

Hazelnut*[break]
Pistachio*[break]
Peppermint[break]
Cayenne[break]

*contains nuts

[break]

[attr="class",AlchemyContentBodyGridHeader]⛧ Pastries

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodyFontSize]
See our counter display for today's selection and prices.

[break]

⠀⛾⠀STAFF

]

[attr="class",AlchemyMenuContent]

[attr="class",AlchemyMenuContentPadding]

[attr="class",AlchemyContentTitle][break]Meet Our Staff

[attr="class",AlchemyContentTitleGap]

[attr="class",AlchemyContentBody]

[attr="class",AlchemyContentBodyQuote]The Devil and his associates are not affiliated with or employed by Devil's Brew Coffee

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodySymbol]⛾

[attr="class",AlchemyContentBodyGridHeader] Damius Koto

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodyFontSize]
Owner and manager of the Devil's Brew.

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodyGridHeader] Mike Snyder

[break]"Mike was built like an equilateral triangle. He was as broad as he was tall, covered in tattoos, had probably killed a dozen men, and had quite possibly eaten some of them. He was employed by the owner as some sort of personal favor - though from who and for what she had never figured out. He spoke minimal English, and whatever other languages he knew, he didn’t speak much of them either."

[attr="class",AlchemyContentBodyFontSize][break]
Chief baker, responsible for all of our selection of amazing pastries.

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodyGridHeader] Grace Lanius

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodyFontSize]
The Devil's Brew's primary barista. If you can think of it, she can make it. Grace also knows more about coffee beans than anyone in the shop, so if you're not sure what you want, ask her for help.

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodyGridHeader] Mina Carlisle

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodyFontSize]
Maybe 5 feet tall if on the optimistic side, Mina is a college art student and one day aspires to open her own tattoo parlor. She usually works the front register, but she can make the best latte art you've ever seen.

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodyGridHeader] Additional Staff

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodyFontSize]You'll see plenty of other staff members here at the Devil's Brew - we welcome you to get to know them!

[attr="class",AlchemyContentBodyGridPadding]

⠀⛾⠀CODE OF CONDUCT

]

[attr="class",AlchemyMenuContent]

[attr="class",AlchemyMenuContentPadding]

[attr="class",AlchemyContentTitle][break]Code Of Conduct

[attr="class",AlchemyContentTitleGap]

[attr="class",AlchemyContentBody]

[break][break]

[attr="class",AlchemyContentBodyGridHeader]This Means You

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyContentBodyFontSize]
[break]⛧ The Devil's Brew is a civilian noncombat area. Take your fights somewhere else.
[break][break]⛧ All weapons must be properly sheathed or stowed. Usage of metahuman abilities should be kept to an absolute and noninterfering minimum.
[break][break]⛧ Staff members are busy! Wait patiently and you'll be served as soon as we can get to you. Not all staff may be available.

[break][break]We reserve the right to refuse service to patrons not following our code of conduct or local laws, or for any reason.

[attr="class",AlchemyContentBodyGridPadding]

[attr="class",AlchemyGap]

Code by Reyn