Commit 4adb3efa authored by ℹ️❤️🖥's avatar ℹ️❤️🖥 Committed by i❤computers

Git init

parents
99Pi Excerpt.mp3
.idea
\ No newline at end of file
[Script Info]
; Script generated by Aegisub 3.2.2
; http://www.aegisub.org/
Title: Default Aegisub file
ScriptType: v4.00+
WrapStyle: 0
ScaledBorderAndShadow: yes
YCbCr Matrix: None
[Aegisub Project Garbage]
Audio File: 99Pi Excerpt.mp3
Video Zoom Percent: 1.000000
Scroll Position: 107
Active Line: 95
[V4+ Styles]
Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
Style: Default,Arial,20,&H00FFFFFF,&H000000FF,&H00000000,&H00000000,0,0,0,0,100,100,0,0,1,2,2,2,10,10,10,1
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.33,0:00:00.57,Default,,0,0,0,,This
Dialogue: 0,0:00:00.57,0:00:00.71,Default,,0,0,0,,is
Dialogue: 0,0:00:00.71,0:00:01.38,Default,,0,0,0,,99%
Dialogue: 0,0:00:01.38,0:00:01.95,Default,,0,0,0,,invisible,
Dialogue: 0,0:00:02.17,0:00:02.36,Default,,0,0,0,,I'm
Dialogue: 0,0:00:02.36,0:00:02.64,Default,,0,0,0,,Roman
Dialogue: 0,0:00:02.64,0:00:02.90,Default,,0,0,0,,Mars.
Dialogue: 0,0:00:03.88,0:00:04.02,Default,,0,0,0,,The
Dialogue: 0,0:00:04.02,0:00:04.32,Default,,0,0,0,,five
Dialogue: 0,0:00:04.32,0:00:04.65,Default,,0,0,0,,basic
Dialogue: 0,0:00:04.65,0:00:05.10,Default,,0,0,0,,principles
Dialogue: 0,0:00:05.10,0:00:05.27,Default,,0,0,0,,of
Dialogue: 0,0:00:05.27,0:00:05.52,Default,,0,0,0,,flag
Dialogue: 0,0:00:05.52,0:00:05.92,Default,,0,0,0,,design
Dialogue: 0,0:00:05.92,0:00:06.28,Default,,0,0,0,,according
Dialogue: 0,0:00:06.28,0:00:06.55,Default,,0,0,0,,to the
Dialogue: 0,0:00:06.55,0:00:07.37,Default,,0,0,0,,North American
Dialogue: 0,0:00:07.37,0:00:08.62,Default,,0,0,0,,Vexillological
Dialogue: 0,0:00:08.62,0:00:09.48,Default,,0,0,0,,Association.
Dialogue: 0,0:00:09.48,0:00:10.09,Default,,0,0,0,,Vex
Dialogue: 0,0:00:10.09,0:00:10.36,Default,,0,0,0,,illo
Dialogue: 0,0:00:10.36,0:00:11.01,Default,,0,0,0,,logical
Dialogue: 0,0:00:11.01,0:00:11.82,Default,,0,0,0,,Vexillology
Dialogue: 0,0:00:11.82,0:00:12.32,Default,,0,0,0,,is the
Dialogue: 0,0:00:12.32,0:00:13.15,Default,,0,0,0,,study of
Dialogue: 0,0:00:13.15,0:00:13.72,Default,,0,0,0,,flags
Dialogue: 0,0:00:13.72,0:00:14.01,Default,,0,0,0,,It's the
Dialogue: 0,0:00:14.01,0:00:14.19,Default,,0,0,0,,extra
Dialogue: 0,0:00:14.19,0:00:14.65,Default,,0,0,0,,'lol'
Dialogue: 0,0:00:14.65,0:00:15.03,Default,,0,0,0,,that makes
Dialogue: 0,0:00:15.03,0:00:15.37,Default,,0,0,0,,it sound
Dialogue: 0,0:00:15.37,0:00:15.72,Default,,0,0,0,,weird
Dialogue: 0,0:00:15.72,0:00:16.14,Default,,0,0,0,,Number
Dialogue: 0,0:00:16.14,0:00:16.44,Default,,0,0,0,,one.
Dialogue: 0,0:00:16.44,0:00:16.74,Default,,0,0,0,,Keep
Dialogue: 0,0:00:16.74,0:00:17.33,Default,,0,0,0,,it simple.
Dialogue: 0,0:00:17.53,0:00:17.91,Default,,0,0,0,,The flag
Dialogue: 0,0:00:17.91,0:00:18.23,Default,,0,0,0,,should be
Dialogue: 0,0:00:18.23,0:00:18.90,Default,,0,0,0,,so simple
Dialogue: 0,0:00:18.90,0:00:19.16,Default,,0,0,0,,that a
Dialogue: 0,0:00:19.16,0:00:19.52,Default,,0,0,0,,child
Dialogue: 0,0:00:19.52,0:00:20.02,Default,,0,0,0,,can draw it
Dialogue: 0,0:00:20.02,0:00:20.66,Default,,0,0,0,,from memory.
Dialogue: 0,0:00:21.29,0:00:21.65,Default,,0,0,0,,Before I
Dialogue: 0,0:00:21.65,0:00:21.94,Default,,0,0,0,,moved to
Dialogue: 0,0:00:21.94,0:00:22.46,Default,,0,0,0,,Chicago,
Dialogue: 0,0:00:22.46,0:00:23.28,Default,,0,0,0,,in 2005,
Dialogue: 0,0:00:23.28,0:00:23.63,Default,,0,0,0,,I didn't
Dialogue: 0,0:00:23.63,0:00:23.88,Default,,0,0,0,,even
Dialogue: 0,0:00:23.88,0:00:24.46,Default,,0,0,0,,know cities
Dialogue: 0,0:00:24.46,0:00:24.75,Default,,0,0,0,,had
Dialogue: 0,0:00:24.75,0:00:25.09,Default,,0,0,0,,their own
Dialogue: 0,0:00:25.09,0:00:25.59,Default,,0,0,0,,flags.
Dialogue: 0,0:00:25.59,0:00:26.00,Default,,0,0,0,,"Most
Dialogue: 0,0:00:26.00,0:00:26.48,Default,,0,0,0,,larger
Dialogue: 0,0:00:26.48,0:00:26.96,Default,,0,0,0,,cities
Dialogue: 0,0:00:26.96,0:00:27.26,Default,,0,0,0,,have
Dialogue: 0,0:00:27.26,0:00:27.77,Default,,0,0,0,,flags."
Dialogue: 0,0:00:27.77,0:00:28.21,Default,,0,0,0,,Well I didn't
Dialogue: 0,0:00:28.21,0:00:28.74,Default,,0,0,0,,know that.
Dialogue: 0,0:00:28.74,0:00:29.58,Default,,0,0,0,,That's Ted K.,
Dialogue: 0,0:00:29.58,0:00:30.08,Default,,0,0,0,,by the way,
Dialogue: 0,0:00:30.80,0:00:31.58,Default,,0,0,0,,flag expert,
Dialogue: 0,0:00:31.58,0:00:32.40,Default,,0,0,0,,totally awesome
Dialogue: 0,0:00:32.40,0:00:32.77,Default,,0,0,0,,guy.
Dialogue: 0,0:00:32.77,0:00:33.09,Default,,0,0,0,,"I'm
Dialogue: 0,0:00:33.09,0:00:33.82,Default,,0,0,0,,the editor
Dialogue: 0,0:00:33.82,0:00:34.44,Default,,0,0,0,,of
Dialogue: 0,0:00:34.44,0:00:34.68,Default,,0,0,0,,a
Dialogue: 0,0:00:34.68,0:00:35.39,Default,,0,0,0,,scholarly
Dialogue: 0,0:00:35.39,0:00:35.89,Default,,0,0,0,,journal
Dialogue: 0,0:00:35.89,0:00:36.28,Default,,0,0,0,,on
Dialogue: 0,0:00:36.28,0:00:37.03,Default,,0,0,0,,flags
Dialogue: 0,0:00:37.03,0:00:37.47,Default,,0,0,0,,called
Dialogue: 0,0:00:37.47,0:00:37.97,Default,,0,0,0,,'Raven:
Dialogue: 0,0:00:37.97,0:00:38.23,Default,,0,0,0,,A
Dialogue: 0,0:00:38.23,0:00:38.63,Default,,0,0,0,,Journal
Dialogue: 0,0:00:38.63,0:00:39.92,Default,,0,0,0,,of Vexillology'"
Dialogue: 0,0:00:39.92,0:00:40.18,Default,,0,0,0,,And that
Dialogue: 0,0:00:40.18,0:00:41.08,Default,,0,0,0,,first city flag
Dialogue: 0,0:00:41.08,0:00:42.11,Default,,0,0,0,,I discovered in Chicago
Dialogue: 0,0:00:42.11,0:00:43.16,Default,,0,0,0,,is a beaut
Dialogue: 0,0:00:43.16,0:00:43.64,Default,,0,0,0,,A white
Dialogue: 0,0:00:43.64,0:00:44.27,Default,,0,0,0,,field,
Dialogue: 0,0:00:44.27,0:00:45.10,Default,,0,0,0,,two light
Dialogue: 0,0:00:45.10,0:00:45.45,Default,,0,0,0,,blue
Dialogue: 0,0:00:45.45,0:00:46.09,Default,,0,0,0,,horizontal
Dialogue: 0,0:00:46.09,0:00:46.60,Default,,0,0,0,,stripes,
Dialogue: 0,0:00:46.60,0:00:46.87,Default,,0,0,0,,and
Dialogue: 0,0:00:46.87,0:00:47.23,Default,,0,0,0,,four
Dialogue: 0,0:00:47.23,0:00:48.06,Default,,0,0,0,,six-pointed
Dialogue: 0,0:00:48.06,0:00:48.37,Default,,0,0,0,,red
Dialogue: 0,0:00:48.37,0:00:48.91,Default,,0,0,0,,stars
Dialogue: 0,0:00:48.91,0:00:49.32,Default,,0,0,0,,across
Dialogue: 0,0:00:49.32,0:00:49.76,Default,,0,0,0,,the middle
Dialogue: 0,0:00:49.76,0:00:50.16,Default,,0,0,0,,Number
Dialogue: 0,0:00:50.16,0:00:50.52,Default,,0,0,0,,two.
Dialogue: 0,0:00:50.52,0:00:50.76,Default,,0,0,0,,The
Dialogue: 0,0:00:50.76,0:00:51.04,Default,,0,0,0,,blue
Dialogue: 0,0:00:51.04,0:00:51.70,Default,,0,0,0,,stripes
Dialogue: 0,0:00:51.70,0:00:52.44,Default,,0,0,0,,represent
Dialogue: 0,0:00:52.44,0:00:53.38,Default,,0,0,0,,the water,
Dialogue: 0,0:00:53.38,0:00:54.30,Default,,0,0,0,,the lake, and the rivers.
Dialogue: 0,0:00:54.30,0:00:54.58,Default,,0,0,0,,Use
Dialogue: 0,0:00:54.58,0:00:55.04,Default,,0,0,0,,meaningful
Dialogue: 0,0:00:55.04,0:00:55.71,Default,,0,0,0,,symbolism.
Dialogue: 0,0:00:55.71,0:00:56.16,Default,,0,0,0,,The
Dialogue: 0,0:00:56.16,0:00:56.49,Default,,0,0,0,,red
Dialogue: 0,0:00:56.49,0:00:57.02,Default,,0,0,0,,stars
Dialogue: 0,0:00:57.02,0:00:57.88,Default,,0,0,0,,represent
Dialogue: 0,0:00:57.88,0:00:58.46,Default,,0,0,0,,significant
Dialogue: 0,0:00:58.46,0:00:59.02,Default,,0,0,0,,events
Dialogue: 0,0:00:59.02,0:00:59.45,Default,,0,0,0,,in
Dialogue: 0,0:00:59.45,0:01:00.02,Default,,0,0,0,,Chicago's
Dialogue: 0,0:01:00.02,0:01:00.64,Default,,0,0,0,,history.
WEBVTT
00:00:00.330 --> 00:00:00.570
This
00:00:00.570 --> 00:00:00.710
is
00:00:00.710 --> 00:00:01.380
99%
00:00:01.380 --> 00:00:01.950
invisible,
00:00:02.170 --> 00:00:02.360
I'm
00:00:02.360 --> 00:00:02.640
Roman
00:00:02.640 --> 00:00:02.900
Mars.
00:00:03.880 --> 00:00:04.020
The
00:00:04.020 --> 00:00:04.320
five
00:00:04.320 --> 00:00:04.650
basic
00:00:04.650 --> 00:00:05.100
principles
00:00:05.100 --> 00:00:05.270
of
00:00:05.270 --> 00:00:05.520
flag
00:00:05.520 --> 00:00:05.920
design
00:00:05.920 --> 00:00:06.280
according
00:00:06.280 --> 00:00:06.550
to the
00:00:06.550 --> 00:00:07.370
North American
00:00:07.370 --> 00:00:08.620
Vexillological
00:00:08.620 --> 00:00:09.480
Association.
00:00:09.480 --> 00:00:10.090
Vex
00:00:10.090 --> 00:00:10.360
illo
00:00:10.360 --> 00:00:11.010
logical
00:00:11.010 --> 00:00:11.820
Vexillology
00:00:11.820 --> 00:00:12.320
is the
00:00:12.320 --> 00:00:13.150
study of
00:00:13.150 --> 00:00:13.720
flags
00:00:13.720 --> 00:00:14.010
It's the
00:00:14.010 --> 00:00:14.190
extra
00:00:14.190 --> 00:00:14.650
'lol'
00:00:14.650 --> 00:00:15.030
that makes
00:00:15.030 --> 00:00:15.370
it sound
00:00:15.370 --> 00:00:15.720
weird
00:00:15.720 --> 00:00:16.140
Number
00:00:16.140 --> 00:00:16.440
one.
00:00:16.440 --> 00:00:16.740
Keep
00:00:16.740 --> 00:00:17.330
it simple.
00:00:17.530 --> 00:00:17.910
The flag
00:00:17.910 --> 00:00:18.230
should be
00:00:18.230 --> 00:00:18.900
so simple
00:00:18.900 --> 00:00:19.160
that a
00:00:19.160 --> 00:00:19.520
child
00:00:19.520 --> 00:00:20.020
can draw it
00:00:20.020 --> 00:00:20.660
from memory.
00:00:21.290 --> 00:00:21.650
Before I
00:00:21.650 --> 00:00:21.940
moved to
00:00:21.940 --> 00:00:22.460
Chicago,
00:00:22.460 --> 00:00:23.280
in 2005,
00:00:23.280 --> 00:00:23.630
I didn't
00:00:23.630 --> 00:00:23.880
even
00:00:23.880 --> 00:00:24.460
know cities
00:00:24.460 --> 00:00:24.750
had
00:00:24.750 --> 00:00:25.090
their own
00:00:25.090 --> 00:00:25.590
flags.
00:00:25.590 --> 00:00:26.000
"Most
00:00:26.000 --> 00:00:26.480
larger
00:00:26.480 --> 00:00:26.960
cities
00:00:26.960 --> 00:00:27.260
have
00:00:27.260 --> 00:00:27.770
flags."
00:00:27.770 --> 00:00:28.210
Well I didn't
00:00:28.210 --> 00:00:28.740
know that.
00:00:28.740 --> 00:00:29.580
That's Ted K.,
00:00:29.580 --> 00:00:30.080
by the way,
00:00:30.800 --> 00:00:31.580
flag expert,
00:00:31.580 --> 00:00:32.400
totally awesome
00:00:32.400 --> 00:00:32.770
guy.
00:00:32.770 --> 00:00:33.090
"I'm
00:00:33.090 --> 00:00:33.820
the editor
00:00:33.820 --> 00:00:34.440
of
00:00:34.440 --> 00:00:34.680
a
00:00:34.680 --> 00:00:35.390
scholarly
00:00:35.390 --> 00:00:35.890
journal
00:00:35.890 --> 00:00:36.280
on
00:00:36.280 --> 00:00:37.030
flags
00:00:37.030 --> 00:00:37.470
called
00:00:37.470 --> 00:00:37.970
'Raven:
00:00:37.970 --> 00:00:38.230
A
00:00:38.230 --> 00:00:38.630
Journal
00:00:38.630 --> 00:00:39.920
of Vexillology'"
00:00:39.920 --> 00:00:40.180
And that
00:00:40.180 --> 00:00:41.080
first city flag
00:00:41.080 --> 00:00:42.110
I discovered in Chicago
00:00:42.110 --> 00:00:43.160
is a beaut
00:00:43.160 --> 00:00:43.640
A white
00:00:43.640 --> 00:00:44.270
field,
00:00:44.270 --> 00:00:45.100
two light
00:00:45.100 --> 00:00:45.450
blue
00:00:45.450 --> 00:00:46.090
horizontal
00:00:46.090 --> 00:00:46.600
stripes,
00:00:46.600 --> 00:00:46.870
and
00:00:46.870 --> 00:00:47.230
four
00:00:47.230 --> 00:00:48.060
six-pointed
00:00:48.060 --> 00:00:48.370
red
00:00:48.370 --> 00:00:48.910
stars
00:00:48.910 --> 00:00:49.320
across
00:00:49.320 --> 00:00:49.760
the middle
00:00:49.760 --> 00:00:50.160
Number
00:00:50.160 --> 00:00:50.520
two.
00:00:50.520 --> 00:00:50.760
The
00:00:50.760 --> 00:00:51.040
blue
00:00:51.040 --> 00:00:51.700
stripes
00:00:51.700 --> 00:00:52.440
represent
00:00:52.440 --> 00:00:53.380
the water,
00:00:53.380 --> 00:00:54.300
the lake, and the rivers.
00:00:54.300 --> 00:00:54.580
Use
00:00:54.580 --> 00:00:55.040
meaningful
00:00:55.040 --> 00:00:55.710
symbolism.
00:00:55.710 --> 00:00:56.160
The
00:00:56.160 --> 00:00:56.490
red
00:00:56.490 --> 00:00:57.020
stars
00:00:57.020 --> 00:00:57.880
represent
00:00:57.880 --> 00:00:58.460
significant
00:00:58.460 --> 00:00:59.020
events
00:00:59.020 --> 00:00:59.450
in
00:00:59.450 --> 00:01:00.020
Chicago's
00:01:00.020 --> 00:01:00.640
history.
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vexillology - 99% Invisible</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.0.0/normalize.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<style>
html, body {
height: 100%;
}
body {
background-color: rgb(102, 98, 109);
display: flex;
}
article {
font-family: 'Open Sans', sans-serif;
background-color: rgb(255, 233, 125);
padding: 0.5em;
margin: 0 auto;
width: 55%;
}
p {
font-size: 1.5em;
margin: 0;
}
span {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .12) 50%);
background-size: 200%;
transition: background .4s; /* make sure transition time matches MAX_TRANSITION_TIME in script.js */
}
span.highlighted {
background-position: -100%
}
</style>
</head>
<body>
<audio id="excerpt" src="../99Pi%20Excerpt.mp3"></audio>
<article>
<p>
<span class="cue-position-0">This </span>
<span class="cue-position-1">is </span>
<span class="cue-position-2">99% </span>
<span class="cue-position-3">invisible, </span>
<span class="cue-position-4">I&#39;m </span>
<span class="cue-position-5">Roman </span>
<span class="cue-position-6">Mars. </span>
</p>
<h1>
<span class="cue-position-7">The </span>
<span class="cue-position-8">five </span>
<span class="cue-position-9">basic </span>
<span class="cue-position-10">principles </span>
<span class="cue-position-11">of </span>
<span class="cue-position-12">flag </span>
<span class="cue-position-13">design </span>
</h1>
<p>
<span class="cue-position-7">The </span>
<span class="cue-position-8">five </span>
<span class="cue-position-9">basic </span>
<span class="cue-position-10">principles </span>
<span class="cue-position-11">of </span>
<span class="cue-position-12">flag </span>
<span class="cue-position-13">design </span>
<span class="cue-position-14">according </span>
<span class="cue-position-15">to the </span>
<span class="cue-position-16">North American </span>
<span class="cue-position-17">Vexillological </span>
<span class="cue-position-19">(Vex-</span><span class="cue-position-20">illo-</span><span class="cue-position-21">logical. </span>
<span class="cue-position-26">It&#39;s the </span>
<span class="cue-position-27">extra </span>
<span class="cue-position-28">&#39;lol&#39; </span>
<span class="cue-position-29">that makes </span>
<span class="cue-position-30">it sound </span>
<span class="cue-position-31">weird) </span>
<span class="cue-position-18">Association. </span>
<span class="cue-position-22">Vexillology </span>
<span class="cue-position-23">is the </span>
<span class="cue-position-24">study of </span>
<span class="cue-position-25">flags. </span>
</p>
<h1>
<span class="cue-position-32">Number </span>
<span class="cue-position-33">one. </span>
<span class="cue-position-34">Keep </span>
<span class="cue-position-35">it simple. </span>
</h1>
<p>
<span class="cue-position-36">The flag </span>
<span class="cue-position-37">should be </span>
<span class="cue-position-38">so simple </span>
<span class="cue-position-39">that a </span>
<span class="cue-position-40">child </span>
<span class="cue-position-41">can draw it </span>
<span class="cue-position-42">from memory. </span>
<span class="cue-position-43">Before I </span>
<span class="cue-position-44">moved to </span>
<span class="cue-position-45">Chicago, </span>
<span class="cue-position-46">in 2005, </span>
<span class="cue-position-47">I didn&#39;t </span>
<span class="cue-position-48">even </span>
<span class="cue-position-49">know cities </span>
<span class="cue-position-50">had </span>
<span class="cue-position-51">their own </span>
<span class="cue-position-52">flags. </span>
<span class="cue-position-53">&quot;Most </span>
<span class="cue-position-54">larger </span>
<span class="cue-position-55">cities </span>
<span class="cue-position-56">have </span>
<span class="cue-position-57">flags.&quot; </span>
<span class="cue-position-58">Well I didn&#39;t </span>
<span class="cue-position-59">know that. </span>
<span class="cue-position-60">That&#39;s Ted K., </span>
<span class="cue-position-61">by the way, </span>
<span class="cue-position-62">flag expert, </span>
<span class="cue-position-63">totally awesome </span>
<span class="cue-position-64">guy. </span>
<span class="cue-position-65">&quot;I&#39;m </span>
<span class="cue-position-66">the editor </span>
<span class="cue-position-67">of </span>
<span class="cue-position-68">a </span>
<span class="cue-position-69">scholarly </span>
<span class="cue-position-70">journal </span>
<span class="cue-position-71">on </span>
<span class="cue-position-72">flags </span>
<span class="cue-position-73">called </span>
<span class="cue-position-74">&#39;Raven: </span>
<span class="cue-position-75">A </span>
<span class="cue-position-76">Journal </span>
<span class="cue-position-77">of Vexillology&#39;&quot; </span>
<span class="cue-position-78">And that </span>
<span class="cue-position-79">first city flag </span>
<span class="cue-position-80">I discovered in Chicago </span>
<span class="cue-position-81">is a beaut: </span>
<span class="cue-position-82">a white </span>
<span class="cue-position-83">field, </span>
<span class="cue-position-84">two light </span>
<span class="cue-position-85">blue </span>
<span class="cue-position-86">horizontal </span>
<span class="cue-position-87">stripes, </span>
<span class="cue-position-88">and </span>
<span class="cue-position-89">four </span>
<span class="cue-position-90">six-pointed </span>
<span class="cue-position-91">red </span>
<span class="cue-position-92">stars </span>
<span class="cue-position-93">across </span>
<span class="cue-position-94">the middle. </span>
</p>
<h1>
<span class="cue-position-95">Number </span>
<span class="cue-position-96">two: </span>
<span class="cue-position-103">Use </span>
<span class="cue-position-104">meaningful </span>
<span class="cue-position-105">symbolism. </span>
</h1>
<p>
<span class="cue-position-97">The </span>
<span class="cue-position-98">blue </span>
<span class="cue-position-99">stripes </span>
<span class="cue-position-100">represent </span>
<span class="cue-position-101">the water, </span>
<span class="cue-position-102">the lake, and the rivers. </span>
<span class="cue-position-106">The </span>
<span class="cue-position-107">red </span>
<span class="cue-position-108">stars </span>
<span class="cue-position-109">represent </span>
<span class="cue-position-110">significant </span>
<span class="cue-position-111">events </span>
<span class="cue-position-112">in </span>
<span class="cue-position-113">Chicago&#39;s </span>