Conspirasea-landing/index.html at main · SpatialDays/Conspirasea-landing · 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
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
<!DOCTYPE html>
<html>
<head>
    <title>ConspiraSea - Coming Soon! </title>
    <script async src=https://www.googletagmanager.com/gtag/js?id=G-65MY0N28QP></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-65MY0N28QP');
    </script>
</head>
<meta charset="UTF-8">
<link rel="icon" type="image/png" href="favico.ico"/>
<link href='https://fonts.googleapis.com/css?family=Delius' rel='stylesheet'>
<link rel="stylesheet" href="style.css" />

<style>
    .footer {
        display: flex;
        justify-content: space-between;
        width:100%;
        position: absolute;
        bottom: 0;
        color: white;
        margin-left:2em;
        margin-right:2em;
    }

    .footer-sd {
        display: flex;
        align-content: center;
        align-items: center;
    }

    .footer-sd p {
        margin: 0;
        margin-right: 0.3em;
    }

</style>

<body>
    <div id="wave_container">
        <div class="header">
            <img src="logo.png"/>
        </div>
        <div class="card">
            <div class="card__header"></div>
            <div class="card__body">
                <div class="card__body-text">
                    <p style="font-family: 'Delius';">
                        <b>Hello!</b>
                        <br><br>
                        ConspiraSea is an information, engagement and lobbying platform that can be used by people like you and me to help protect and conserve our Marine Protected Areas (MPAs).
                        <br><br>
                        Our ConspiraSea wireframe designs are now <a href="/demo.pdf">here</a> and we hope to launch our ConspiraSea service during 2024.
                        Please <a target="_blank" href=mailto:enquiries@spatialdays.com>contact our developers</a>
                        if you need any further information or if you want to provide us with useful feedback.
                        <br><br>
                        <b>Thank you
                        <br>
                        <i>The ConspiraSea Team</i></b>
                    </p>
                </div>
            </div>
        </div>
        <svg xmlns="http://www.w3.org/2000/svg" class="wave">
            <linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="100%" y2="0%"
                gradientTransform="rotate(90)">
                <stop offset="0%" stop-color="#1575ab" stop-opacity="0.4" />
                <stop offset="100%" stop-color="#1575ab" stop-opacity="1" />
            </linearGradient>
            <path id="feel-the-wave" fill="url(#grad-ucgg-generated)" d="" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" class="wave">
            <path id="feel-the-wave-two" d="" />
        </svg>
        <div class="fish_container"><canvas width="100%" height="100%" id="fishtank">
        </div>
    </div>

    <footer class="footer">
        <div>
        <p style="margin-left:1em;">(Hold down <b>Shift</b> to see the fish algorithm in action)</p>
        </div>

        <div>
        <p style=" position: absolute;
    bottom: 0;
    left: 44%; "><b>Copyright © Spatial Days Ltd</b></p>
        </div>
        <div class="footer-sd">
        <p>Powered by</p>
        <a target="_blank" href="https://spatialdays.com/"><img style="height:30px" class="footer_logo" src="https://spatialdays.com/wordpress/wp-content/uploads/2018/12/Spatial_Days_Logo.png"></img></a>
        </div>
    </footer>


</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://rawgit.com/peacepostman/wavify/master/wavify.js"></script>
<script src="https://rawgit.com/peacepostman/wavify/master/jquery.wavify.js"></script>
<script src="utils.js"></script>
<script src="waves.js"></script>
<script src="fish.js"></script>
</html>