java-projekti-2/index.html at main · Lanttu42/java-projekti-2 · GitHub

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
<!DOCTYPE html>
<html lang="fi">
<!--
    FinnKinotin emerged from the schoold project where I had a challenge to create a website using Ajax - my all time favorite coding nemesis.
    I managed to create this and actually I am going to use this! This solves the real life issue: Imagine that you and your friends are having
    a nice friday evening in the city. Then suddenly you realize that you should see a movie. And then you realize that Finnkino site is not very
    adHoc watcher friendly. This application gives you an ability to show Only rest of the todays movies which are still showing. Nothing else.
    It gives a direct link to purchase tickets also. No fuzz - no ads - no clutter. Only movie list.
-->
<head>
    <meta charset="UTF-8">
    <!-- Omat tyylit -->
    <link rel="stylesheet" href="css/styles.css">
    <!-- Google Fonts -->
    <style>@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');</style>
    <!-- Title Fontti -->
    <style>@import url('https://fonts.googleapis.com/css2?family=Montserrat+Subrayada&display=swap');</style>
    <!-- Google Symbols -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🦄</text></svg>"></link>
    <title>Finnkinotin</title>
</head>
<body>
<div id="container">
    <div id="header">
        <div id="page-title"><h1 class="neontitle neonText">Finnkinotin</h1></div>
        <div id="page-settings"><!-- No Settings this time -->></div>
        <div id="title-date"><span class="headerdate" id="currentDate"></span> <span class="headertime" id="currentTime"></span></div>
    </div>
    <div id="page">
        <div class="tools">
            <label for="selectType">Valitse tapahtumalaji: </label>
            <select name="eventType" id="selectType">
                <option value="Movie">Elokuva</option>
                <option value="LiveEvent">Tapahtuma</option>
            </select>
        </div>
        <div class="tools">
            <div id="SelectCity">
                <label for="selectTheater">Valitse kaupunki ja teatteri: </label>
                <select name="eventCity" id="selectTheater">
                </select>
            </div>
        </div>
        <div class="tools">
            <div id="searchBox">
                <form id="searchForm">
                    <label for="lookForMovie">Etsi sanaa näistä elokuvista</label>
                    <input type="text" id="searchThis" name="searchThis">
                </form>
            </div>
        </div>
        <div id="searchResults"></div>

        <div id="showtime"><div class="loading-screen"><div id="loadingtext"> Etsitään sulle niit elokuvii... </div><div class="film-reel"> o </div></div></div>
        <div id="statusbox"></div>

    </div>
    <div id="footer">
        <div class="footer-1">(c) Anders Nylander<br>School Project
        </div>
        <div class="footer-2">This site is using Finnkino's Open XML API<br><a href="https://www.finnkino.fi/xml">https://www.finnkino.fi/xml</a></div>
    </div>
</div>

<script src="js/ajax.js"></script>

</body>
</html>