classly-website/index.html at main · classly-proj/classly-website · 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
110
111
112
113
114
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Classly</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="icon" type="image/png" href="./public/favicon.png"/>
        <link rel="apple-touch-icon" href="./public/logo-192x192.png">
        <meta name="apple-mobile-web-app-status-bar" content="#aa7700">
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-title" content="Classly">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">

        <!-- SEO Stuff -->
        <meta name="description"
            content="Classly is a platform that helps students connect with each other and their school.">
        <meta name="keywords"
            content="Classly, UNH, University of New Hampshire, Interoperability Lab, IOL, Evan Parker, Dan McCarthy, David Scarborough, Dominic Couture">
        <meta name="author" content="Evan Parker, Dan McCarthy, David Scarborough, Dominic Couture">
        <meta name="robots" content="index, follow">
        <meta name="revisit-after" content="7 days">
        <meta name="language" content="English">
        <link rel="stylesheet" href="./main.css">
    </head>
    <body>
        <nav id="navbar">
            <img src="./public/banner_white_negatve.png" alt="">
            <span>About</span>
            <span>Contact</span>
            <span onclick="location.href='https://my.classly.me/'">Login</span>
        </nav>
        <header>
            <div>
                <img src="./public/banner_white_negatve.png">
                <h1>Find Your Class, Find Your People</h1>
                <button onclick="location.href='https://my.classly.me/'">Get Started</button>
            </div>
            <img class="side-image" src="./public/side-image.png" alt="">
        </header>
        <main id="content">
            <div class="tile">
                <h2>Why Classly?</h2>
                <p>
                    Have you ever wanted to know how to get to your classes? Wanted to connect with others in your
                    courses?
                    Classly makes this all possible by bringing together the community and the school.
                </p>
            </div>
            <div class="tile">
                <h2>Features</h2>
                <p>
                <ul>
                    <li>Course Search</li>
                    <li>Find My Class</li>
                    <li>Classroom Connections</li>
                    <li class="soon">Class Chat</li>
                    <li class="soon">Event Finder</li>
                    <li class="soon">Campus Interests</li>
                    <li class="soon">Ask for field-specific help</li>
                    <li class="soon">
                        Food hunter
                        <ul>
                            <li>Crawls the UNH Dining Hall menus for certain "hot topic" food items and lets you know when they're coming next!</li>
                        </ul>
                    </li>
                </ul>
                </p>

                <br/>
                <span class="soon">(Coming Soon)</span>
            </div>
            <div class="tile">
                <h2>About Us</h2>
                <p>
                    Classly was created by a group of students at the University of New Hampshire Interoperability Lab.
                    It started as a hackathon project, but we quickly built it into something more.
                    We wanted to create a platform that would help students connect with each other and their school.
                    We hope you enjoy using Classly as much as we enjoyed creating it.
                </p>
            </div>

            <div class="tile">
                <h2>Contact Us</h2>
                <p>
                <ul>
                    <li>Dan McCarthy: <a href="mailto:dmccarthy@iol.unh.edu">dmccarthy@iol.unh.edu</a></li>
                    <li>David Scarborough: <a href="mailto:dscarborough@iol.unh.edu">dscarborough@iol.unh.edu</a></li>
                    <li>Dominic Couture: <a href="mailto:dcouture@iol.unh.edu">dcouture@iol.unh.edu</a></li>
                    <li>Evan Parker: <a href="mailto:eparker@iol.unh.edu">eparker@iol.unh.edu</a></li>
                </ul>
                </p>
            </div>
        </main>
        <footer>
            <hr>
            <div>
                <img src="./public/banner_white_negatve.png">
                <p>Copyright &copy; 2024 Classly, LLC</p>
            </div>
        </footer>
        <!-- Handle nav on scroll -->
        <script>
            window.onscroll = function() { scrollFunction() };

            function scrollFunction() {
                if (document.body.scrollTop > 400 || document.documentElement.scrollTop > 400) {
                    document.getElementById("navbar").style.top = "0";
                } else {
                    document.getElementById("navbar").style.top = "-20vmin";
                }
            }
        </script>
    </body>
</html>