-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
344 lines (249 loc) · 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
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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
<!doctype html>
<html class="no-js" lang="en">
<!-- !HOME -->
<head>
<meta charset="utf-8">
<title>CCA Ravens Girls Basketball | Home | Canyon Crest Academy</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<!--* <link rel="img/favicon.ico" href="https://ccawomensbasketball.com/" type="image/x-icon" /> -->
<!-- *look into and test further esp before adding to other pages -->
<!-- css -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<!-- icons and nav button -->
<script src="https://kit.fontawesome.com/07e87da65b.js" crossorigin="anonymous"></script>
<!-- nav javascript to toggle the mobile nav -->
<script src="js/main.js" defer></script>
<meta name="theme-color" content="#fafafa">
</head>
<!-- Add your site or application content here -->
<body>
<header id="top-of-pg">
<div class="content-wrapper">
<div class="h1-and-figure-wrapper">
<figure class="header-logo-container">
<!-- CCA LOGO HEADER -->
<a href="index.html">
<img src="https://nebula.wsimg.com/388f26d69a859611662ed340b0594b5c?AccessKeyId=A5C63829A12214EBD5FD&disposition=0&alloworigin=1" alt="canyon-crest-academy-logo">
</a>
</figure>
<h1>
<a href="index.html">
CCA Raven's Women's Basketball Team
</a>
</h1>
</div>
<!-- end of .h1-and-figure wrapper -->
<nav>
<button class="nav-button"><i class="fa-sharp fa-solid fa-bars"></i></button>
<figure class="nav-logo-container show-nav">
<a href="index.html">
<img src="img/gray-raven-logo.png.jpg" alt="canyon-crest-academy-logo">
</a>
</figure>
<ul class="nav-list show-nav">
<li class="home">
<a href="index.html">Home</a>
</li>
<!-- EXTERNAL LINK -> CCA WEBSTORE DONATE PAGE FOR TEAM -->
<li class="donate">
<!-- * cca store donate link -->
<a href="" target="_blank">Donate</a>
</li>
<!-- VOLUNTEER TEAM MOM LINK -->
<li class="volunteer">
<a href="https://www.signupgenius.com/go/20f0f45a5ae2ca4f58-20222023/49207405#/" target="_blank">Volunteer</a>
</li>
<!-- EXTERNAL -> E-TICKET SALES -->
<li class="tickets">
<a href="https://gofan.co/app/school/CA68784?activity=Basketball&gender=Girls" target="_blank">Tickets</a>
</li>
<!-- EXTERNAL LINK -> 3RD PARTY STORE -->
<li class="store">
<!-- *store link -->
<a href="" target="_blank">Store</a>
</li>
<!-- LIST OF CURRENT PLAYERS -->
<li class="players">
<a href="players/index.html">Players</a>
</li>
<!-- COACHES /CONTACT -->
<li class="coaches">
<a href="coaches/index.html">Coaches</a>
</li>
<!-- EXTERNAL LINK -> MAXPREPS "Standings" PAGE -->
<li class="stats">
<a href="https://www.maxpreps.com/ca/san-diego/canyon-crest-academy-ravens/basketball/girls/standings/" target="_blank">Stats</a>
</li>
<!-- EXTERNAL LINK -> TEAM HUDL PAGE -->
<li class="footage">
<!-- *link to hudl -->
<a href="" target="_blank">Footage</a>
</li>
<!-- EXTERNAL LINK -> MAXPREPS SCHEDULE OF GAMES -->
<li class="schedule">
<a href="https://www.maxpreps.com/ca/san-diego/canyon-crest-academy-ravens/basketball/girls/schedule/" target="_blank">Game Schedule</a>
</li>
<li class="calendar">
<a href="calendar/index.html">Team Calendar</a>
</li>
<!-- 2ND TICKETS BUTTON SO AT TOP OF NAV AND W/I -->
<li class="tickets-2">
<a href="https://gofan.co/app/school/CA68784?activity=Basketball&gender=Girls" target="_blank">Tickets</a>
</li>
</ul>
</nav>
</div>
<!-- end header div.content-wrapper -->
</header>
<main class="content-container">
<section id="score-prev-game">
<!-- *tbd if needed here just in case -->
<!-- <div class="content-wrapper"></div> -->
<h2>
Raven's Scores So Far
</h2>
<p class="click-below">
Click Below
</p>
<div class="links-to-accnts">
<!-- Replacement to have option right on home pg b/c the MaxPreps terms of use had clear issue with anything business related -->
<p id="score">
<a href="https://www.maxpreps.com/ca/san-diego/canyon-crest-academy-ravens/basketball/girls/" target="_blank">MAXPREPS</a>
</p>
<p id="vid">
<a href="">HUDL</a>
</p>
</div>
<!-- end of .links-to-accnts -->
</section>
<section id="ticket-card">
<h2>
Ticket Information
<br>
Online & In Person
</h2>
<p>
Get the e-tickets you need directly on your phone by clicking the QR code or link below.
</p>
<p>
You can also, scan the QR code below. Select Basketball and Girls.
</p>
<!-- have the QR code and it is also a clickable link -->
<figure class="qr-code-smaller">
<a href="https://gofan.co/app/school/CA68784?activity=Basketball&gender=Girls" target="_blank">
<img src="img/qr-code-online-sale.png" alt="go fan redirect to online ticket sales of cca women's team">
</a>
</figure>
<!-- have the QR code and it is also a clickable link -->
<figure class="qr-code-large">
<a href="https://gofan.co/app/school/CA68784?activity=Basketball&gender=Girls" target="_blank">
<img src="img/larger-qr-code.png" alt="go fan redirect to online ticket sales of cca women's team">
</a>
</figure>
<p>
Just Click on the link below to go straight to where you can buy tickets to <strong>RAVENS</strong> upcoming games!
</p>
<p class="ticket-direct-link">
<a href="https://gofan.co/app/school/CA68784?activity=Basketball&gender=Girls" target="_blank">HASSLE FREE TICKETS HERE</a>
</p>
<p>
You are, of course, more than welcome to purchase tickets in person.
<br>
In person ticket sales are only possible using CASH.
</p>
</section>
<!-- end section#tickets-card -->
<section class="social-card">
<h3>
Follow the Raven's on our Instagram
</h3>
<!-- *api from instagram to this card and + the link/ icon / clickable link -->
<!-- *add font awesome for the instagram social media they will have // and maybe see if they will be doing any other socials -->
</section>
<!-- end section.social-card -->
<section id="video-card">
<h2>
Here is where you will find team footage and highlights!
</h2>
<!-- *hudl icon -->
<!-- *API FROM TEAM HUDL PAGE OF PREVIOUS GAME FOOTAGE
*MAYBE HAVE SOME WAY TO CLICK THROUGH -->
<p>
Want to see more action?!
</p>
<!-- *LINK TO HUDL HOME OF TEAM -HAVE OLD ACCOUNT FROM 2014 AS PLACEHOLDER (maybe get info from old coach??) -->
<a href="https://www.hudl.com/team/v2/130136/Girls-Varsity-Basketball-New">CLICK HERE TO CHECK OUT CCA RAVENS WOMEN'S Basketball HUDL PAGE</a>
<br>
<!-- *LINK TO THE MAXPREPS FOOTAGE PAGE FROM PREVOUS GAME -->
<a href="https://www.maxpreps.com/ca/san-diego/canyon-crest-academy-ravens/basketball/girls/">CLICK HERE TO CHECK OUT CCA RAVENS WOMEN'S Basketball MAXPREPS PAGE</a>
</section>
<!-- end section#video-card -->
</main>
<!-- end body main.content-container -->
<footer>
<h2>
<!-- To Contact the Coaches or Follow the Raven's Womens Basketball Team NEED //-->
Contact and Follow
</h2>
<div class="footer-content-wrapper">
<section class="footr-contact-social">
<h3 class="email-footr">
Email the coaches at:
<!-- * + mailto to make this a clickable -->
</h3>
<address class="email">
ccawomensbasketball@gmail.com
</address>
<h3 class="footr-instagram">
<a class="clickable-text-instagram-footr" href="https://www.instagram.com/ccagirlsbball/" target="_blank">Follow the team's Instagram: </a>
</h3>
<p>
<!-- *ICON, HANDLE(DIRECTLY TO THEIR PAGE)-->
<a class="instagram-icon-footr" href="https://www.instagram.com/ccagirlsbball/" target="_blank"><i class="fa-brands fa-square-instagram"></i></a>
</p>
</section>
<!-- end .footr-contact-social -->
<!-- left side section for 768px breakpoint + -->
<section class="follow-via-cal">
<h3 class="add-calendar">
Don't Ever Miss A Game By Adding RAVENS Google Calendar to Your Device Directly!
</h3>
<p class="add-cal-google">
<a href="https://calendar.google.com/calendar/embed?src=9e75b9ca64d0611642d85cb73041397483bf0ea9de1e3e9ab37b25a19602b07c%40group.calendar.google.com&ctz=America%2FLos_Angeles" target="_blank">Click Here To Add to Your Google Calendar</a>
</p>
<p class="add-cal-other-apps">
<a href="https://calendar.google.com/calendar/ical/9e75b9ca64d0611642d85cb73041397483bf0ea9de1e3e9ab37b25a19602b07c%40group.calendar.google.com/public/basic.ics" target="_blank">Click Here for Applications Other than Google Calendar</a>
</p>
</section>
<!-- end .follow-via-cal -->
<!-- right side section for 768px breakpoint + -->
</div>
<!-- end .footer-content-wrapper -->
<figure class="footr-logo-container">
<!-- CCA LOGO FOOTER -->
<a href="#top-of-pg">
<img src="https://nebula.wsimg.com/388f26d69a859611662ed340b0594b5c?AccessKeyId=A5C63829A12214EBD5FD&disposition=0&alloworigin=1" alt="canyon-crest-academy-logo">
</a>
</figure>
<p>Click Logo Above for Top of Page</p>
</footer>
<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set', 'anonymizeIp', true); ga('set', 'transport', 'beacon'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async></script>
</body>
</html>