-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
154 lines (149 loc) · 5.11 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/html5reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Andika&display=swap" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="images/pigeon-favicon.jpg"/>
<!-- Image by <a href="https://pixabay.com/users/chiplanay-1971251/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=3303111">chiplanay</a> from <a href="https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=3303111">Pixabay</a> -->
<title>AU National Old Bird Hall of Fame Marathon Distance</title>
</head>
<!-- ***************************************
* Tips!
*
* Remember there are two parts of a table - thead and tbody!
* This will be helpful to remember when making rounded corners.
*
* Classes that are in-line are helpful for formatting the parts you want.
* But what if you want to format something programmatically? Remember Psuedoclasses!
*
* Setting background images in CSS can be alittle tricky. Double-check the formatting!
* It works a litle differently than adding images in HTML
*
* Remember you want the footer to always be at the very bottom of the page.
* Remember the different kinds of positining. You also might want to look at the margins for the main section!
*
* Using web fonts requires two parts - one goes in the HTML and one goes in the CSS
*
* You can do it! (*•̀ᴗ•́*)و
******************************************** -->
<body>
<header>
<h1>AU National Old Bird Hall of Fame Marathon Distance</h1>
</header>
<main>
<table>
<caption><a href = "https://pigeon-ndb.com/results/">Hall of Fame Marathon Records</a></caption>
<thead>
<tr>
<th scope="col" class="colhead">Position</th>
<th scope="col" class="colhead">Average Unirate</th>
<th scope="col" class="colhead">Name</th>
<th scope="col" class="colhead">Racing Pigeon</th>
<th scope="col" class="colhead">Color</th>
<th scope="col" class="colhead">Sex</th>
<th scope="col" class="colhead">Qualifing Race Miles</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" class="rowhead">1</th>
<td>3.19</td>
<td>Jan Jaworski</td>
<td>5459 AU 17 VITA</td>
<td>BB</td>
<td>C</td>
<td>568, 489, 489, 568. (806)</td>
</tr>
<tr>
<th scope="row" class="rowhead">2</th>
<td>4.275</td>
<td>Jack Schiess</td>
<td>0416 AU 16 WGS</td>
<td>BBAR</td>
<td>C</td>
<td>577, 577, 498, 498. (64)</td>
</tr>
<tr>
<th scope="row" class="rowhead">3</th>
<td>4.614</td>
<td>Damon Raze</td>
<td>0046 AU 16 MYST</td>
<td>BB</td>
<td>H</td>
<td>625, 524, 524, 453. (183)</td>
</tr>
<tr>
<th scope="row" class="rowhead">4</th>
<td>5.393</td>
<td>Matt Badzinski</td>
<td>33051 AU 15 AA</td>
<td>BB</td>
<td>H</td>
<td>478, 655, 531, 530. (261)</td>
</tr>
<tr>
<th scope="row" class="rowhead">5</th>
<td>6.318</td>
<td>Travis Bemboom</td>
<td>0621 AU 15 MM</td>
<td>RC</td>
<td>C</td>
<td>473, 547, 547, 547. (704)</td>
</tr>
<tr>
<th scope="row" class="rowhead">6</th>
<td>6.386</td>
<td>Joe Liu</td>
<td>1202 AU 17 TUL</td>
<td>UNKN</td>
<td>H</td>
<td>627, 526, 520, 528. (148)</td>
</tr>
<tr>
<th scope="row" class="rowhead">7</th>
<td>7.224</td>
<td>Damon Raze</td>
<td>9472 AU 15 MYST</td>
<td>BC</td>
<td>H</td>
<td>524, 524, 453, 617. (211)</td>
</tr>
<tr>
<th scope="row" class="rowhead">8</th>
<td>8.101</td>
<td>Jan Jaworski</td>
<td>2704 AU 17 GHC</td>
<td>BB</td>
<td>H</td>
<td>489, 568, 489, 568. (806)</td>
</tr>
<tr>
<th scope="row" class="rowhead">9</th>
<td>8.425</td>
<td>Anthony Gomez</td>
<td>1137 AU 17 CVC</td>
<td>BB</td>
<td>C</td>
<td>499, 566, 566, 499. (211)</td>
</tr>
<tr>
<th scope="row" class="rowhead">10</th>
<td>8.606</td>
<td>Guillermo Armas</td>
<td>3027 AU 17 ARPU</td>
<td>BB</td>
<td>H</td>
<td>489, 569, 489, 569. (860)</td>
</tr>
</tbody>
</table>
<p class="datacite">Data from <a href="https://pigeon-ndb.com/results/hof">American Racing Pidgeon Union</a></p>
</main>
<footer>
<p>University of Michigan School of Information <br/>
© Colleen van Lent, Drew Asselin - Web Design 2019-2020</p>
</footer>
</body>
</html>