JPRichtmann.github.io/index.html at main · JPRichtmann/JPRichtmann.github.io · 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
<!DOCTYPE html>

<!----------------------- Landing page ----------------------->

<html lang="eng">
    <head>
        <title> CAR </title>
        <meta name="author" content="Jan-Philipp Richtmann" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="/front-end/css/style-index.css" />
        <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    </head>

    <body>
        <div class="main">
            <header>
                <h1 class="logo"> CAR </h1>
                <div class="toggle"></div>
            </header>

            <video src="/front-end/img/video.mp4" muted loop autoplay ></video>

            <!-- Green filter for video -->
            <div class="overlay"></div>

            <!-- Intro -->
            <div class="text">
                <h2>climate action radar</h2>
            </div>


            <footer>
                <!-- Scroll down -->
                <div id="explore">
                    <b> Explore our data</b>
                </div>

                <a href="/front-end/data.html">
                    <div class="scroll-down"></div>
                </a>
            </footer>
        </div>

        <div class="menu">
            <li><a href="/front-end/about.html">About</a></li>
            <li><a href="/front-end/data.html">Data</a></li>
            <li><a href="/front-end/feed.html">Globe</a></li>
            <li><a href="/front-end/team.html">Team</a></li>
            <a id="miro" href="https://miro.com/app/live-embed/o9J_lRPLeqo=/?moveToViewport=-2932,-686,1691,1321"></a>
            <h3 class="casa"> Centre for Advanced Spatial Analysis </h3>
            <h3 class="date"> 2021 </h3>
        </div>

        <script src="/front-end/js/scripts.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js" integrity="sha512-cdV6j5t5o24hkSciVrb8Ki6FveC2SgwGfLE31+ZQRHAeSRxYhAQskLkq3dLm8ZcWe1N3vBOEYmmbhzf7NTtFFQ==" crossorigin="anonymous"></script>
    </body>
</html>


<iframe src="" frameborder="0"></iframe>