watchr-prototype/index.php at master · joshpensky/watchr-prototype · 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
<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>watchr</title>
        <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="/css/fonts.css">
        <link rel="stylesheet" type="text/css" href="/css/nav.css">
        <link rel="stylesheet" type="text/css" href="/css/index.css">
        <link href="https://fonts.googleapis.com/css?family=Montserrat:600|Nunito:400,600,700|Roboto:400,500" rel="stylesheet">
        <script type="text/javascript" src="/js/data.js"></script>
        <script>
            window.addEventListener("load", function() {
                readFile(function(l, u, s, m) {
                    if (l.loggedin != "") {
                        window.location.href = "/home.php";
                    }
                });
            }, false);
        </script>
    </head>
    <body>
        <div class="hero">
            <div class="header--container">
                <a class="logo" href="index.php">
                    <svg id="logo" width="35" height="35" viewBox="0 0 100 100">
                        <path class="logo-dark" d="M30.57,90.49C42.5,51.41,60.13,30.44,60.13,
                        30.44l-7-3.33-6-7.95-1.84.32L44.7,20l-.26.35s-19.51,24.8-24.8,55L29.78,
                        91.51l.72-.85Z"/>
                        <path class="logo-dark" d="M76,40.3,55.91,53.69,61.76,72,79.32,
                        61l14.07-8.8a3.16,3.16,0,0,0,0-5.36L82.7,40.2A6.17,6.17,0,0,0,76,40.3Z"/>
                        <path class="logo" d="M26.52,5.06,19.69.79A5.2,5.2,0,0,0,12,3.5c-2.9,
                        8.3-4.89,25.81-4.89,46.07,0,22.59,2.48,41.76,5.93,48.56a3.37,3.37,0,0,0,
                        4.86,1.33s9.11-5.67,10.71-6.7a4.47,4.47,0,0,0,
                        1.94-2.26c-.25.55-.82.3-1-.64-2.07-9.36-3.33-23.93-3.33-40.28,0-15.32,
                        1.14-29.08,3-38.46A5.84,5.84,0,0,0,26.52,5.06Z"/>
                        <path class="logo" d="M61.6,70c-.46-6.26-.72-13.16-.72-20.42,
                        0-6.66.22-13,.61-18.85a6.07,6.07,0,0,0-2.84-5.56L48.31,18.69a2.46,
                        2.46,0,0,0-3.14.79c-.2.26-.46.55-.46.55l-.2.27c.19-.25.81-1,
                        1.32-.78.26.11.26.77.22,1.35h0c0,.26-.06.53-.09.79l0,.13v0a240.36,
                        240.36,0,0,0-1.5,27.79c0,9,.39,17.46,1.09,24.81a4.57,4.57,0,0,0,7,
                        3.45l11-6.88A1.24,1.24,0,0,1,61.6,70Z"/>
                    </svg>
                    <p id="logotype">watchr</p>
                </a>
                <a class="login" href="login.php">Log In</a>
            </div>
            <!--<img class="phone" src="/img/phone.png">-->
            <div class="hero--container">
                <h1>Join the Binging Revolution.</h1>
                <a class="cta--button" href="onboarding/welcome.php">Start Watching Today</a>
            </div>
        </div>
        <div class="content">
            <div class="section" id="tracking">
                <div class="section-content">
                    <h2>Forgot where you left off?</h2>
                    <h3>We've got that covered.</h3>
                    <p>Gone are the days of going from episode to episode trying to remember what you last watched. We keep track of everything that you’ve seen on your streaming services, so you’ll never forget where you left off in a show or movie.</p>
                </div>
                <div class="section-img"></div>
            </div>
            <div class="section section--alt" id="recommends">
                <div class="section-content">
                    <h2>Stop searching.</h2>
                    <h3>Let us bring the content to you.</h3>
                    <p>Our recommendation algorithm gives you the perfect match for what to watch next. We even match our results to the services you have available to you. You’ll never be without something to watch.</p>
                </div>
                <div class="section-img"></div>
            </div>
            <div class="section" id="trophies">
                <div class="section-content">
                    <h2>Don't binge alone.</h2>
                    <h3>Challenge friends to binge battles.</h3>
                    <p>Everyone does it. Why not make it a competition? Challenge your friends to binge battles and see who can finish a show first. If you prove yourself worthy, you even get a trophy to add to your personal collection!</p>
                </div>
                <div class="section-img"></div>
            </div>
        </div>
        <div class="cta-section">
            <div class="cta-section--wrapper">
                <div class="cta-section--wrapper--inner">
                    <h1>Join the Binging Revolution.</h1>
                    <div class="cta-stack">
                        <a class="cta--button" href="onboarding/welcome.php">Start Watching Today</a>
                        <p class="cta--button--label">Already have an account? Log in <a href="login.php">here</a>.</p>
                    </div>
                </div>
            </div>
        </div>
        <?php include 'includes/footer.php'; ?>
    </body>
</html>