-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
208 lines (207 loc) · 13.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="en">
<head>
<title>Team "Taking Over The World" Meeting #12</title>
<meta charset="utf-8">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display|Audiowide">
<style>
h3 {font-family: "Audiowide", sans-serif;}
li {font-family: "Playfair Display", sans-serif;}
</style>
</head>
<header>
<nav>
<div>
<span><a href="#attend">Attendance</a></span>
<span><a href="#goals">Meeting Goals</a></span>
<span><a href="#announcements">Announcements</a></span>
<span><a href="#updates">Subteam Updates</a></span>
<span><a href="#discussion">Discussion Notes</a></span>
<span><a href="#action">Action Items</a></span>
</div>
</nav>
</header>
<main>
<div class="title">
<h1>Taking Over The World Meeting #12 Minutes</h1>
</div>
<hr>
<section id="attend" class="attendance">
<h2>Attendance</h2>
<article>
<h3>Present</h3>
<ol>
<li>Barack Obama</li>
<li>Donna Strickland</li>
<li>Tim Horton</li>
<li>Ariana Grande</li>
<li>Sally <span>(<i>from Cars</i>)</span></li>
<li><b>Kabir Vats</b></li>
<li><ul>
<li><audio controls><source src="images/audio.mp3" type="audio/mp3"></audio></li>
</ul></li>
<li>Sachin Tendulkar</li>
<li>Remy Ratattoille <span>(<i>from Ratattoille</i>)</span></li>
<li>Pradeep Kohsla</li>
<li>Tom <span>(<i>from Tom and Jerry</i>)</span></li>
<li>Hillary Clinton</li>
<li>Ye Wenjie <span>(<i>from The Three Body Problem</i>)</span></li>
</ol>
</article>
<article>
<h3>Absent</h3>
<ol class="test">
<li>Kanye West</li>
<li>Casper the Friendly Ghost</li>
</ol>
</article>
</section>
<hr>
<section id="goals">
<h2>Meeting Goals</h2>
<div><p>Find out why<br> Sally <br>'s computer creates a new line every time she presses "y<br>"</p></div>
<div>Determine ways to use Tom's solution to world hunger to gain power</div>
<div>Work on <em>EMBRACING EXPRESSIVENESS</em> when it comes to branding</div>
<div>Finalize strategy for capturing Greenland</li>
</section>
<hr>
<section id="announcements" class="announcements">
<h2>Announcements</h2>
<ol>
<li>
<div>
<p><b>Former President Barack Obama has determined a way to dissolve glass into sand</b></p>
<details>
<summary>More Info</summary>
<p>Barack Obama, the former President turned visionary, stumbled upon a game-changing
method while casually strolling along the serene shores of Hawaii. Picture him,
captivated by the dance of sunlight on the translucent grains of sand,
when suddenly, a spark of inspiration ignites. In a burst of curiosity,
he embarks on a journey of experimentation and collaboration with top researchers,
delving into the intricate world of glass transformation. Through twists and turns
and flashes of insight, he unveils a groundbreaking technique: the ability to dissolve glass into sand.</p></details>
</div>
</li>
<li>
<div>
<p><b>Kanye West and Casper the Friendly Ghost are stuck at the bottom of a well in Peru</b></p>
<details>
<summary>More Info</summary>
<p>Kanye West and Casper the Friendly Ghost find themselves in a predicament of cosmic proportions: stranded at the bottom of a well in Northern Peru. How they got there remains a mystery, but their absence from the meeting is undeniable. As they exchange bewildered glances in the dim light of the well, Kanye's trademark confidence clashes amusingly with Casper's ever-cheerful demeanor. Despite their otherworldly circumstances, they bond over shared frustration and a touch of humor, wondering how on earth they'll explain this one to their colleagues. Alas, until they figure out a way to escape their unexpected underground abode, the meeting will have to proceed without them. </p></details>
</div>
</li>
</ol>
</section>
<hr>
<section id="updates">
<h2>Subteam Updates</h2>
<h3 id="warning"><b><i>Delayed to next meeting due to <a href="https://www.atsdr.cdc.gov/asbestos/health_effects_asbestos.html">concerns over asbestos</a></i></b></h3>
</section>
<hr>
<section id="discussion" class="discussion">
<h2>Discussion</h2>
<div id="disc">
<div>
<ul>
<li><i>Barack Obama</i>: Good morning, everyone. Let's dive into our agenda. Sally, what's the deal with your computer?</li>
<li><i>Sally</i>: <i>Beep</i> Every time I press "y," my computer starts a new line. It's driving me crazy.</li>
<li><i>Donna Strickland</i>: That's peculiar. Have you tried restarting your system, Sally?</li>
<li><i>Sally</i>: <i>Beep</i> Beep beep Oh, I've tried everything! I even took it to the mechanic, but they couldn't figure it out either.</li>
<li><i>Tim Horton</i>: Sounds like a real head-scratcher. Have you noticed any other issues besides the "y" key?</li>
<li><i>Sally</i>: <i>Beep</i> Not really. Everything else seems to be working just fine. It's just this pesky "y" that's causing trouble.</li>
<li><i>Barack Obama</i>: Hmm, it could be a software glitch. Tim, could you take a closer look at it after the meeting?</li>
<li><i>Tim Horton</i>: Absolutely, Mr. President. I'll bring my toolkit and see what I can do.</li>
<li><i>Sally</i>: <i>Beep</i> Thank you, Tim. I really appreciate it.</li>
<li><i>Sachin Tendulkar</i>: You know, I once had a similar problem with my cricket bat. Every time I swung it, it made a strange noise.</li>
<li><i>Barack Obama</i>: Well, let's hope Tim can fix Sally's computer quicker than you fixed your bat, Sachin.</li>
</ul>
</div>
<div>
<ul>
<li><i>Barack Obama</i>: Now, onto Tom's brilliant idea to solve world hunger. Tom, care to explain?</li>
<li><i>Tom</i>: Meow, thank you, Mr. President. We'll use cheese to feed the world!</li>
<li><i>Hillary Clinton</i>: Cheese, Tom? Really?</li>
<li><i>Tom</i>: Hey, it's worth a shot!</li>
<li><i>Barack Obama</i>: Alright, let's entertain this for a moment. Tom, how do you propose we implement this cheesy solution on a global scale</li>
<li><i>Tom</i>: Well, we start by setting up cheese factories in every corner of the world. Then, we distribute the cheese to those in need, one slice at a time.</li>
<li><i>Ye Wenjie</i>: But what about the lactose intolerant?</li>
<li><i>Tom</i>: Uh, well, we could also offer dairy-free alternatives... like soy cheese?</li>
<li><i>Barack Obama</i>: Alright, let's get back on track. Tom, how do you envision using this solution to gain power?</li>
<li><i>Tom</i>: Meow, well, by controlling the world's cheese supply, we'll have leverage over every nation. They'll have to bow to our dairy dominance!</li>
<li><i>Ye Wenjie</i>: It sounds like a plan straight out of a cheesy movie.</li>
<li><i>Barack Obama</i>: Alright, let's explore more practical ways to address world hunger and gain influence on the global stage.</li>
<li><img src="images/RemyDream.png" alt="Lots of Cheese in a Pile"></li>
</ul>
</div>
<div>
<ul>
<li><i>Barack Obama</i>: Moving on to our next topic: embracing expressiveness in branding. How can we make our initiatives more engaging and relatable to the public?</li>
<li><i>Ariana Grande</i>: Well, I think we should bring more flair and excitement to our branding. Maybe add some sparkle, a little pizzazz</li>
<li><i>Barack Obama</i>: That's a great idea, Ariana. We want our initiatives to stand out and capture people's attention.</li>
<li><i>Ariana Grande</i>: Oh, you know me, Mr. President. I'm all about standing out and capturing attention.</li>
<li><i>Barack Obama</i>: Alright, let's brainstorm ways to infuse our branding with more personality and energy and have them ready by next meeting.</li>
</ul>
</div>
<div>
<ul>
<li><i>Barack Obama</i>: Alright, let's focus on our strategy for capturing Greenland. Any ideas?</li>
<li><i>Pradeep Kohsla</i>: Well, we could offer them economic incentives and infrastructure development projects to sway their allegiance. Or, we could just buy them out with our fat wallets, if you catch my drift.</li>
<li><i>Hillary Clinton</i>: Or we could take a more aggressive approach. We have the military might to simply seize control if negotiations fail.</li>
<li><i>Pradeep Kohsla</i>: Yeah, because who needs diplomacy when you've got tanks, am I right?</li>
<li><i>Barack Obama</i>: Let's keep our options open, Pradeep. We need to approach this situation with caution.</li>
<li><i>Ariana Grande</i>: How about we dazzle them with a star-studded concert? I could headline, of course, and we could throw in some other A-listers to sweeten the deal.</li>
<li><i>Ye Wenjie</i>: Or we could unleash a cyber attack, crippling their infrastructure and forcing them into submission.</li>
<li><i>Kabir Vats</i>: Let's go with that.</li>
<li><video controls><source src="images/video.mp4" type="video/mp4"></video></li>
</ul>
</div>
</div>
</section>
<hr>
<section id="action">
<h2>Action Items</h2>
<ul>
<li><h3>Tim Horton will fix Sally's Computer Problem</h3></li>
<li><h3>Explore Practicality of Taking Over Cheese Supply</h3></li>
<li><h3>Ariana Grande Concert</h3></li>
<li><h3>Cyber Attack Greenland</h3></li>
</ul>
</section>
<div style="background-color: blue">
<form>
<fieldset>
Are you cool? <input type="checkbox">
<br>
You sure? <input type="radio">
<br>
Type your college:<input type="text" list="Colleges">
<br>
When did you become cool?<input type="date">
<br>
Descibe your coolness:<br><textarea></textarea>
<br>
<datalist id="Colleges">
<option value="Revelle"></option>
<option value="Muir"></option>
<option value="Marshall"></option>
<option value="Warren"></option>
<option value="Eleanor Roosevelt College"></option>
<option value="Sixth"></option>
<option value="Seventh"></option>
<option value="Eighth"></option>
</datalist>
Favorite coin face:
<br>
<select>
<option value="heads">Heads</option>
<option value="tails">Tails</option>
</select>
<br>
<button type="button">I do nothing!</button>
</fieldset>
</form>
</div>
</main>
</html>