-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathabout.html
80 lines (72 loc) · 3.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ScreenTrack: using the IMDB API to display data about movies</title>
<link rel="icon" type="image/x-icon" href="images/camera.png">
<script type="text/javascript" src="scripts/config.js"></script> <!-- need this to be able to access the config file, needs to be placed before the rest!!-->
<script src="scripts/script.js"></script>
<script src="scripts/login.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<a href="./index.html"><div class="logo"><img src="images/camera.png"></div></a>
<a href="./index.html"><h3>ScreenTrack</h3></a>
<nav class="main-nav">
<ul>
<li><a href="./top250.html">Top 250</a></li>
<li><a href="./in_theaters.html">In Theaters</a></li>
<li><a href="./stats.html">Stats</a></li>
<li><a href="./watched.html">Watched</a></li>
<li><a href="./about.html" class="current">About</a></li>
<li style="position: absolute; right: 0;"><a href="./login.html">Login</a></li>
</ul>
</nav>
</header>
<main>
<section id="api">
<div id="apis">
<p>In this project we aim to build a website about movies. Users can get information about the top 250 movies,
movies that are currently in cinemas, statistics about movies that have been added to the personal watched account
and much more. To get the required information, we access several APIs, that we want to give credit in the
following part.
</div>
<div id="IMDb">
</p>
<h3>IMDb API
</h3>
<p>We used to IMDb API for the following information: </p>
<ul>
<li>Top 250 movies</li>
<li>In Theaters</li>
<li>YouTube Trailer</li>
<li>Wikipedia</li>
</ul>
<div id="TMDB">
<img src="https://www.themoviedb.org/assets/2/v4/logos/v2/blue_square_2-d537fb228cf3ded904ef09b136fe3fec72548ebc1fea3fbbd1ad9e36364db38b.svg" alt="Logo of TMDB" height="87" width="100" />
<h3>The Movie Database (TMDB)
</h3>
<p>This product uses the TMDB API but is not endorsed or certified by TMDB.</p>
</div>
<div id="Trakt">
<img src="images/trakt-wide-red-black.svg" alt="Logo of Trakt" height="87" width="100" />
<h3>Trakt API
</h3>
</div>
<div id="Flaticon Camera Icon">
<img src="images/camera.png" alt="Camera Icon" height="87" width="100" />
<h3>Flaticon Camera Icon
</h3>
<a href="https://www.flaticon.com/free-icons/cinema" title="cinema icons">Cinema icons created by Freepik - Flaticon</a>
</div>
<div id="Flaticon Star Icon">
<img src="images/star.png" alt="Star Icon" height="87" width="100" />
<h3>Flaticon Star Icon
</h3>
<a href="https://www.flaticon.com/free-icons/star" title="star icons">Star icons created by Ilham Fitrotul Hayat - Flaticon</a>
</div>
</section>
</main>
</body>
</html>