Skip to content

Commit 5bc24f4

Browse files
matowdevmatowdev
committed
[proj. Starbuzz/GLOB] Replacing all files
New files replaced/added, new structure, a whole new look. Deserv(s) attention: - Constant replacements of what has been done before. LP from Books
1 parent dd15791 commit 5bc24f4

22 files changed

Lines changed: 877 additions & 67 deletions

‎.vscode/settings.json‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,14 @@
55
"Bukem",
66
"Challe",
77
"Concequence",
8+
"Poulsbo",
9+
"RFID",
810
"Simino",
911
"Starbuzz",
1012
"Webville",
11-
"rosehips"
13+
"beanheading",
14+
"compl",
15+
"rosehips",
16+
"splenda"
1217
]
1318
}

‎Learning_HTML_CSS_Freeman_E/Starbuzz/.editorconfig‎

Lines changed: 0 additions & 16 deletions
This file was deleted.

‎Learning_HTML_CSS_Freeman_E/Starbuzz/blog-complete.html‎

Lines changed: 178 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,178 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Starbuzz Coffee - Blog</title>
6+
<link rel="stylesheet" type="text/css" href="starbuzz.css">
7+
</head>
8+
9+
<body>
10+
<header class="top">
11+
<img id="headerLogo"
12+
src="images/headerLogo.gif" alt="Starbuzz Coffee header logo image">
13+
<img id="headerSlogan"
14+
src="images/headerSlogan.gif" alt="Providing all the caffeine you need to power your life.">
15+
</header>
16+
17+
<nav>
18+
<ul>
19+
<li><a href="index.html">HOME</a></li>
20+
<li class="selected"><a href="blog.html">BLOG</a></li>
21+
<li><a href="">INVENTIONS</a></li>
22+
<li><a href="">RECIPES</a></li>
23+
<li><a href="">LOCATIONS</a></li>
24+
</ul>
25+
</nav>
26+
27+
<div id="tableContainer">
28+
<div id="tableRow">
29+
30+
<section id="drinks">
31+
<h1>BEVERAGES</h1>
32+
<p>House Blend, $1.49</p>
33+
<p>Mocha Cafe Latte, $2.35</p>
34+
<p>Cappuccino, $1.89</p>
35+
<p>Chai Tea, $1.85</p>
36+
<h1>ELIXIRS</h1>
37+
<p>
38+
We proudly serve elixirs brewed by our friends
39+
at the Head First Lounge.
40+
</p>
41+
<p>Green Tea Cooler, $2.99</p>
42+
<p>Raspberry Ice Concentration, $2.99</p>
43+
<p>Blueberry Bliss Elixir, $2.99</p>
44+
<p>Cranberry Antioxidant Blast, $2.99</p>
45+
<p>Chai Chiller, $2.99</p>
46+
<p>Black Brain Brew, $2.99</p>
47+
</section>
48+
49+
<section id="blog">
50+
<article>
51+
<header>
52+
<h1>Starbuzz launches... Tweet Sip</h1>
53+
<time datetime="2012-05-03">5/3/2012</time>
54+
</header>
55+
<p>
56+
As promised, today I'm proud to announce that Starbuzz
57+
Coffee is launching the Tweet Sip cup, a special Starbuzz
58+
Coffee cup that tweets each time you take a sip! Check
59+
out my video of our new invention.
60+
</p>
61+
<video controls autoplay width="512" height="288">
62+
<source src="video/tweetsip.mp4">
63+
<source src="video/tweetsip.webm">
64+
<source src="video/tweetsip.ogv">
65+
<p>Sorry, your browser doesn't support the video element.</p>
66+
</video>
67+
</article>
68+
69+
<article>
70+
<header>
71+
<h1>Starbuzz meets social media</h1>
72+
<time datetime="2012-03-12">3/12/2012</time>
73+
</header>
74+
<p>
75+
Here at Starbuzz we're embracing the social media craze.
76+
In fact, we're going further than any of our competitors and
77+
we're very close to announcing a revolutionary new product that
78+
links your coffee drinking directly to your social
79+
network. Forget "checking in"; we're going way beyond that, and
80+
with this new product every sip of smooth, aromatic, hot Starbuzz
81+
blend is going to to be shared with your social network.
82+
</p>
83+
<p>
84+
Sound like science fiction? It's not; I'm already
85+
testing our final prototype social network cup as I write this,
86+
which links you, the drinker, right to your favorite social
87+
networks. We've made a huge investment to make this happen
88+
and we've created a reusable coffee cup complete with RFID,
89+
NFC, Bluetooth, and Wifi (not to mention a few more things the tech
90+
folks know about, because hey, I'm just the coffee guy).
91+
</p>
92+
<p>
93+
So, keep your eyes out for this amazing new cup. And I'll
94+
be releasing a video teaser soon to tell you all about this
95+
new invention, straight from Starbuzz Coffee.
96+
</p>
97+
</article>
98+
99+
<article>
100+
<header>
101+
<h1>Starbuzz uses computer science</h1>
102+
<time datetime="2012-03-10">3/10/2012</time>
103+
</header>
104+
<p>
105+
Have you ever noticed how efficient a Starbuzz Coffee
106+
house is? The lines alway move fast, and despite the
107+
astronomical number of different drinks any customer can
108+
order, we have your drink up, hot (or cold if that's the
109+
way you want it) and ready in seconds. How do we do it?
110+
</p>
111+
<p>
112+
To pull this off, we take advantage of the latest and
113+
greatest in computer science. In fact, we train
114+
our staff to be one big distributed computer. The cashiers
115+
create the orders for the distributed computer, complete
116+
with your name and the drinks special instructions. Then
117+
our specialized drink makers grab the next cup
118+
and go about working on your order until it's finished.
119+
</p>
120+
<p>
121+
With this design, we are able to horizontally scale our operation
122+
any time we want. All we need to do is add more cashiers
123+
and drink makers (not to mention a fair amount of support
124+
staff you never see) as the customer flow grows.
125+
</p>
126+
</article>
127+
128+
<article>
129+
<header>
130+
<h1>Most unique patron of the month </h1>
131+
<time datetime="2012-02-18">2/18/2012</time>
132+
</header>
133+
<p>
134+
Our most unique patron of the month award goes to a
135+
customer in Poulsbo, Washington, whose daily morning order
136+
is a "six-splenda, no-foam, 130-degree non-fat-soy latte,
137+
with the splenda stirred in before the milk is added." Do we
138+
have unique customers or what?
139+
</p>
140+
</article>
141+
</section>
142+
143+
<aside>
144+
<p class="beanheading">
145+
<img src="images/bag.gif" alt="Bean Machine bag">
146+
<br>
147+
ORDER ONLINE
148+
with the
149+
<a href="form.html">BEAN MACHINE</a>
150+
<br>
151+
<span class="slogan">
152+
FAST <br>
153+
FRESH <br>
154+
TO YOUR DOOR <br>
155+
</span>
156+
</p>
157+
<p>
158+
Why wait? You can order all our fine coffees right from the Internet with our new,
159+
automated Bean Machine. How does it work? Just click on the Bean Machine link,
160+
enter your order, and behind the scenes, your coffee is roasted, ground
161+
(if you want), packaged, and shipped to your door.
162+
</p>
163+
</aside>
164+
165+
</div> <!-- tableRow -->
166+
</div> <!-- tableContainer -->
167+
168+
<footer>
169+
&copy; 2012, Starbuzz Coffee
170+
<br>
171+
All trademarks and registered trademarks appearing on
172+
this site are the property of their respective owners.
173+
</footer>
174+
175+
</body>
176+
</html>
177+
178+

‎Learning_HTML_CSS_Freeman_E/Starbuzz/blog.html‎

Lines changed: 110 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Starbuzz Coffee - Blog</title>
8+
<link rel="stylesheet" href="css/style.css">
9+
</head>
10+
11+
<body>
12+
<header class="top">
13+
<img id="headerLogo" src="images/headerLogo.gif" alt="Starbuzz Coffee header logo image">
14+
<img id="headerSlogan" src="images/headerSlogan.gif" alt="Providing all the caffeine you need to power your life.">
15+
</header>
16+
17+
<div id="tableContainer">
18+
<div id="tableRow">
19+
<!-- 1. -->
20+
<section id="drinks">
21+
<h1>BEVERAGES</h1>
22+
<p>House Blend, $1.49</p>
23+
<p>Mocha Cafe Latte, $2.35</p>
24+
<p>Cappuccino, $1.89</p>
25+
<p>Chai Tea, $1.85</p>
26+
<h1>ELIXIRS</h1>
27+
<p>We proudly serve elixirs brewed by our friends at the Head First Lounge.</p>
28+
<p>Green Tea Cooler, $2.99</p>
29+
<p>Raspberry Ice Concentration, $2.99</p>
30+
<p>Blueberry Bliss Elixir, $2.99</p>
31+
<p>Cranberry Antioxidant Blast, $2.99</p>
32+
<p>Chai Chiller, $2.99</p>
33+
<p>Black Brain Brew, $2.99</p>
34+
</section>
35+
<!-- 2. -->
36+
<section id="blog">
37+
<article>
38+
<header>
39+
<h1>Starbuzz meets social media</h1>
40+
<time datetime="2023-03-09">03/09/2023</time>
41+
</header>
42+
<p>Here at Starbuzz we're embracing the social media craze. In fact, we're going further than any of our
43+
competitors and we're very close to announcing a revolutionary new product that links your coffee drinking
44+
directly to your social network. Forget "checking in"; we're going way beyond that, and with this new
45+
product every sip of smooth, aromatic, hot Starbuzz blend is going to to be shared with your social network
46+
</p>
47+
<p>Sound like science fiction? It's not; I'm already testing our final prototype social network cup as I write
48+
this, which links you, the drinker, right to your favorite social networks. We've made a huge investment to
49+
make this happen and we've created a reusable coffee cup complete with RFID, NFC, Bluetooth, and Wifi (not
50+
to mention a few more things the tech folks know about, because hey, I'm just the coffee guy).</p>
51+
<p>So, keep your eyes out for this amazing new cup. And I'll be releasing a video teaser soon to tell you all
52+
about this new invention, straight from Starbuzz Coffee.</p>
53+
</article>
54+
<article>
55+
<header>
56+
<h1>Starbuzz uses computer science</h1>
57+
<time datetime="2023-03-09">03/09/2023</time>
58+
</header>
59+
<p>Have you ever noticed how efficient a Starbuzz Coffee house is? The lines alway move fast, and despite the
60+
astronomical number of different drinks any customer can order, we have your drink up, hot (or cold if
61+
that's the way you want it) and ready in seconds. How do we do it?</p>
62+
<p>To pull this off, we take advantage of the latest and greatest in computer science. In fact, we train
63+
our staff to be one big distributed computer. The cashiers create the orders for the distributed computer,
64+
complete with your name and the drinks special instructions. Then our specialized drink makers grab the next
65+
cup and go about working on your order until it's finished.</p>
66+
<p>With this design, we are able to horizontally scale our operation any time we want. All we need to do is
67+
add more cashiers and drink makers (not to mention a fair amount of support staff you never see) as the
68+
customer flow grows.</p>
69+
</article>
70+
<article>
71+
<header>
72+
<h1>Most unique patron of the month </h1>
73+
<time datetime="2023-03-09">03/09/2023</time>
74+
</header>
75+
<p>Our most unique patron of the month award goes to a customer in Poulsbo, Washington, whose daily morning
76+
order is a "six-splenda, no-foam, 130-degree non-fat-soy latte, with the splenda stirred in before the milk
77+
is added." Do we have unique customers or what?</p>
78+
</article>
79+
</section>
80+
81+
<aside>
82+
<p class="beanheading">
83+
<img src="images/bag.gif" alt="Bean Machine bag">
84+
<br>
85+
ORDER ONLINE
86+
with the
87+
<a href="form.html">BEAN MACHINE</a>
88+
<br>
89+
<span class="slogan">
90+
FAST <br>
91+
FRESH <br>
92+
TO YOUR DOOR <br>
93+
</span>
94+
</p>
95+
<p>Why wait? You can order all our fine coffees right from the Internet with our new, automated Bean Machine.
96+
How does it work? Just click on the Bean Machine link, enter your order, and behind the scenes, your coffee is
97+
roasted, ground (if you want), packaged, and shipped to your door.</p>
98+
</aside>
99+
</div> <!-- tableRow -->
100+
</div> <!-- tableContainer -->
101+
102+
<footer>
103+
&copy; 2012, Starbuzz Coffee<br>
104+
All trademarks and registered trademarks appearing on
105+
this site are the property of their respective owners.
106+
</footer>
107+
108+
</body>
109+
110+
</html>

0 commit comments

Comments
 (0)