forked from eeast/Dude-Wheres-My-Show
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
139 lines (122 loc) · 6.4 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--google icon font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- font awesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer"/>
<!--materialize.css-->
<link type="text/css" rel="stylesheet" href="./materialize/css/materialize.css" media="screen,projection"/>
<!-- about css -->
<link rel="stylesheet" href="./assets/css/about.css">
<title>About Us</title>
</head>
<body>
<!-- nav with link to go home -->
<nav class="about-nav">
<div class="nav-wrapper">
<a class="brand-logo center"><span class="title">Dude, Where's My Show?</span></a>
<ul id="nav-mobile" class="left">
<li>
<a href="./index.html"><i class="material-icons left">home</i><span class="home-text">Home</span></a>
</li>
</ul>
</div>
</nav>
<!-- about us section -->
<section>
<!-- short description of group project -->
<div class="container about-description">
<h1>About Us</h1>
<p class="flow-text">We created this project as part of the UT Full Stack Bootcamp. Our application uses two server-side APIs (Streaming Availability API & New York Times Movie Reviews API) and client-side storage to store data.
<br>
<a href="https://github.com/eeast/Dude-Wheres-My-Show" target="_blank"><i class="fa-brands fa-github"></i>  Dude Where's My Show </a></p>
</div>
<!-- team member carousel -->
<div class="carousel">
<a class="carousel-item" href="https://github.com/MisterBham" target="_blank">
<div class="carousel-text">
<div class="carousel-img">
<img src="https://media.licdn.com/dms/image/C5603AQGvhBS6WYxexw/profile-displayphoto-shrink_400_400/0/1660074118575?e=1684972800&v=beta&t=YpWiuLqGOFFKNpRepU3x09T-nRQfijbQwJkuRGD0XWk">
</div>
<h4>Brian Hamlin</h4>
<h5><i class="fa-brands fa-github"></i> MisterBham</h5>
<p class="flow-text"> YouTube trailer modal, slide presentation </p>
</div>
</a>
<a class="carousel-item" href="https://github.com/cmcnamara15" target="_blank">
<div class="carousel-text">
<div class="carousel-img">
<img src="https://media.licdn.com/dms/image/D5603AQFMelUzK9fnrQ/profile-displayphoto-shrink_400_400/0/1676653009461?e=1684972800&v=beta&t=eCwWdtCsYdm1G7NS4I14HlFkwai4GVAvS8MeHpvlmSE">
</div>
<h4>Chris McNamara</h4>
<h5><i class="fa-brands fa-github"></i> cmcnamara15</h5>
<p class="flow-text"> Aside (Favorites and recently viewed), localStorage </p>
</div>
</a>
<a class="carousel-item" href="https://github.com/elizabetholsavsky" target="_blank">
<div class="carousel-text">
<div class="carousel-img">
<img src="https://avatars.githubusercontent.com/u/116515976?v=4">
</div>
<h4>Elizabeth Olsavsky</h4>
<h5><i class="fa-brands fa-github"></i> elizabetholsavsky</h5>
<p class="flow-text"> About Us, description, and styling </p>
</div>
</a>
<a class="carousel-item" href="https://github.com/eeast" target="_blank">
<div class="carousel-text">
<div class="carousel-img">
<img src="https://media.licdn.com/dms/image/C4E03AQF70EiqTlGY4A/profile-displayphoto-shrink_400_400/0/1516982420923?e=1684972800&v=beta&t=tNkce1kq0VxVhaPRIsE5uPKOQJHR9IRXI-wZzMz0woA">
</div>
<h4>Eric Easthope</h4>
<h5><i class="fa-brands fa-github"></i> eeast</h5>
<p class="flow-text"> API data manipulation, NY Times API detail page </p>
</div>
</a>
<a class="carousel-item" href="https://github.com/HunterHester" target="_blank">
<div class="carousel-text">
<div class="carousel-img">
<img src="https://avatars.githubusercontent.com/u/87347760?v=4">
</div>
<h4>Hunter Hester</h4>
<h5><i class="fa-brands fa-github"></i> HunterHester</h5>
<p class="flow-text"> Search result functionality </p>
</div>
</a>
<a class="carousel-item" href="https://github.com/rmessett15" target="_blank">
<div class="carousel-text">
<div class="carousel-img">
<img src="https://media.licdn.com/dms/image/C4E03AQGPutQUZuWIBQ/profile-displayphoto-shrink_400_400/0/1656191826866?e=1684972800&v=beta&t=Dcq-a-inO1w6sorTLiNLG4z8MUaEV6WvO96hxVafyOc">
</div>
<h4>Ryan Messett</h4>
<h5><i class="fa-brands fa-github"></i> rmessett15</h5>
<p class="flow-text">Banner, nav, search input, advanced search modal</p>
</div>
</a>
</div>
</section>
<!--jQuery -->
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<!--materialize javascript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!--carousel script-->
<script>
$(document).ready(function(){
$('.carousel').carousel({
padding:400
});
autoplay();
function autoplay() {
$('.carousel').carousel('next');
setTimeout(autoplay, 5000);
}
});
$(window).on('resize',function(){location.reload();});
</script>
</body>
</html>