-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
193 lines (187 loc) · 10.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>MLB Transaction Tracings</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicons created by M.J. Brechner © 2022 -->
<link rel="shortcut icon" href="images/favicon-32.png" sizes="32x32">
<link rel="shortcut icon" href="images/favicon-128.png" sizes="128x128">
<link rel="shortcut icon" href="images/favicon-180.png" sizes="180x180">
<link rel="shortcut icon" href="images/favicon-192.png" sizes="192x192">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/team-colors.css">
<!-- add Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Chivo:wght@400;700;900&display=swap" rel="stylesheet">
</head>
<body>
<header id="header-section">
<div class="hamburger-menu" onclick="toggleHamburger()">
<div class="hamburger-lines"></div>
<div class="hamburger-lines"></div>
<div class="hamburger-lines"></div>
</div>
</div>
<div class="header-title">
<div>
<h1>MLB Transaction Tracings</h1>
</div>
</div>
<div class="subtitle">
<h3 id="headline-dates1">Loading up the most recent transactions...</h3>
<h3 id="headline-dates2"> </h3>
</div>
</header>
<main>
<div class="main-container">
<div class="menu" id="menu-left">
<div class="menu-item" onclick="highlightAll()">
<div class="team-color-indicator colors-mlb"> </div>
<div class="team-names" id="menu-mlb">View All Teams</div>
</div>
<div class="menu-item" onclick="highlightArizonaDiamondbacks()">
<div class="team-color-indicator colors-diamondbacks"> </div>
<div class="team-names" id="menu-diamondbacks">Arizona Diamondbacks</div>
</div>
<div class="menu-item" onclick="highlightAtlantaBraves()">
<div class="team-color-indicator colors-braves"> </div>
<div class="team-names" id="menu-braves">Atlanta Braves</div>
</div>
<div class="menu-item" onclick="highlightBaltimoreOrioles()">
<div class="team-color-indicator colors-orioles"> </div>
<div class="team-names" id="menu-orioles">Baltimore Orioles</div>
</div>
<div class="menu-item" onclick="highlightBostonRedSox()">
<div class="team-color-indicator colors-red-sox"> </div>
<div class="team-names" id="menu-red-sox">Boston Red Sox</div>
</div>
<div class="menu-item" onclick="highlightChicagoCubs()">
<div class="team-color-indicator colors-cubs"> </div>
<div class="team-names" id="menu-cubs">Chicago Cubs</div>
</div>
<div class="menu-item" onclick="highlightChicagoWhiteSox()">
<div class="team-color-indicator colors-white-sox"> </div>
<div class="team-names" id="menu-white-sox">Chicago White Sox</div>
</div>
<div class="menu-item" onclick="highlightCincinnatiReds()">
<div class="team-color-indicator colors-reds"> </div>
<div class="team-names" id="menu-reds">Cincinnati Reds</div>
</div>
<div class="menu-item" onclick="highlightClevelandGuardians()">
<div class="team-color-indicator colors-guardians"> </div>
<div class="team-names" id="menu-guardians">Cleveland Guardians</div>
</div>
<div class="menu-item" onclick="highlightColoradoRockies()">
<div class="team-color-indicator colors-rockies"> </div>
<div class="team-names" id="menu-rockies">Colorado Rockies</div>
</div>
<div class="menu-item" onclick="highlightDetroitTigers()">
<div class="team-color-indicator colors-tigers"> </div>
<div class="team-names" id="menu-tigers">Detroit Tigers</div>
</div>
<div class="menu-item" onclick="highlightHoustonAstros()">
<div class="team-color-indicator colors-astros"> </div>
<div class="team-names" id="menu-astros">Houston Astros</div>
</div>
<div class="menu-item" onclick="highlightKansasCityRoyals()">
<div class="team-color-indicator colors-royals"> </div>
<div class="team-names" id="menu-royals">Kansas City Royals</div>
</div>
<div class="menu-item" onclick="highlightLosAngelesAngels()">
<div class="team-color-indicator colors-angels"> </div>
<div class="team-names" id="menu-angels">Los Angeles Angels</div>
</div>
<div class="menu-item" onclick="highlightLosAngelesDodgers()">
<div class="team-color-indicator colors-dodgers"> </div>
<div class="team-names" id="menu-dodgers">Los Angeles Dodgers</div>
</div>
<div class="menu-item" onclick="highlightMiamiMarlins()">
<div class="team-color-indicator colors-marlins"> </div>
<div class="team-names" id="menu-marlins">Miami Marlins</div>
</div>
</div>
<div class="menu" id="menu-right">
<div class="menu-item" onclick="highlightMilwaukeeBrewers()">
<div class="team-color-indicator colors-brewers"> </div>
<div class="team-names" id="menu-brewers">Milwaukee Brewers</div>
</div>
<div class="menu-item" onclick="highlightMinnesotaTwins()">
<div class="team-color-indicator colors-twins"> </div>
<div class="team-names" id="menu-twins">Minnesota Twins</div>
</div>
<div class="menu-item" onclick="highlightNewYorkMets()">
<div class="team-color-indicator colors-mets"> </div>
<div class="team-names" id="menu-mets">New York Mets</div>
</div>
<div class="menu-item" onclick="highlightNewYorkYankees()">
<div class="team-color-indicator colors-yankees"> </div>
<div class="team-names" id="menu-yankees">New York Yankees</div>
</div>
<div class="menu-item" onclick="highlightOaklandAthletics()">
<div class="team-color-indicator colors-athletics"> </div>
<div class="team-names" id="menu-athletics">Oakland Athletics</div>
</div>
<div class="menu-item" onclick="highlightPhiladelphiaPhillies()">
<div class="team-color-indicator colors-phillies"> </div>
<div class="team-names" id="menu-phillies">Philadelphia Phillies</div>
</div>
<div class="menu-item" onclick="highlightPittsburghPirates()">
<div class="team-color-indicator colors-pirates"> </div>
<div class="team-names" id="menu-pirates">Pittsburgh Pirates</div>
</div>
<div class="menu-item" onclick="highlightSanDiegoPadres()">
<div class="team-color-indicator colors-padres"> </div>
<div class="team-names" id="menu-padres">San Diego Padres</div>
</div>
<div class="menu-item" onclick="highlightSanFranciscoGiants()">
<div class="team-color-indicator colors-giants"> </div>
<div class="team-names" id="menu-giants">San Francisco Giants</div>
</div>
<div class="menu-item" onclick="highlightSeattleMariners()">
<div class="team-color-indicator colors-mariners"> </div>
<div class="team-names" id="menu-mariners">Seattle Mariners</div>
</div>
<div class="menu-item" onclick="highlightStLouisCardinals()">
<div class="team-color-indicator colors-cardinals"> </div>
<div class="team-names" id="menu-cardinals">St. Louis Cardinals</div>
</div>
<div class="menu-item" onclick="highlightTampaBayRays()">
<div class="team-color-indicator colors-rays"> </div>
<div class="team-names" id="menu-rays">Tampa Bay Rays</div>
</div>
<div class="menu-item" onclick="highlightTexasRangers()">
<div class="team-color-indicator colors-rangers"> </div>
<div class="team-names" id="menu-rangers">Texas Rangers</div>
</div>
<div class="menu-item" onclick="highlightTorontoBlueJays()">
<div class="team-color-indicator colors-blue-jays"> </div>
<div class="team-names" id="menu-blue-jays">Toronto Blue Jays</div>
</div>
<div class="menu-item" onclick="highlightWashingtonNationals()">
<div class="team-color-indicator colors-nationals"> </div>
<div class="team-names" id="menu-nationals">Washington Nationals</div>
</div>
</div>
<div id="transaction-list"></div>
</div>
</main>
<footer id="footer-section">
<p>
<script>
document.write("Copyright © 2022-" + new Date().getFullYear() + " ");
</script>
<a href="https://github.com/mjbrechner">M.J. Brechner</a>
</p>
<!-- Profile picture created by M.J. Brechner © 2022 -->
<img class="profile-pic" src="images/profile-pic.png">
</footer>
<script src="javascript/hamburger-menu.js" defer></script>
<script src="javascript/menu-reset.js" defer></script>
<script src="javascript/date.js" defer></script>
<script src="javascript/index.js" defer></script>
<script src="javascript/menu-selections.js" defer></script>
</body>
</html>