maslog-hackathon-2026/index.html at dev · KasenS1230/maslog-hackathon-2026 · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Maslog</title>
    <link rel="stylesheet" href="styles.css">
</head>

<body>
    <!-- Navigation Bar -->
    <header>
        <div>
            <div class="box1">
                <div class="button-container">
                    <button onclick="window.location.href='accounts.html'">LOGIN</button>
                </div>
            </div>
        </div>
    </header>
    <main>
        <div class="container">
            <div>
                <!-- Maslog Title -->
                <h1>Maslog</h1>
                <ul>
                    <!-- Bullet points under title -->
                    <li>Building Habits</li>
                    <li>Personalized Advice</li>
                    <li>Showing Growth</li>
                </ul>
            </div>
            <div class="img-container">
                <!-- Maslog logo -->
                <img src="/images/maslog-logo-2.png" width="500px" height="500px">
            </div>
        </div>

        <!--Image-->
        <div class = "img_container">
            <img src="/images/bg-friends.jpg">
        </div>

        <!-- About section -->
        <div class="about">
            <h2>About</h2>
            <p>Maslow's Hierarchy of Needs determines the five tiers needed for people to grow best mentally and
                emotionally.
                These five tiers are stacked on one another, with physiological at the bottom and self-actualization at
                the top.
                Dr. Taormina and Dr. Goa's stated, "the more each lower-level need was satisfied, the more the next
                higher-level
                need was satisfied" in their study titled "Maslow and the Motivation Hierarchy: Measuring Satisfaction
                of the Needs."
            </p>
        </div>

        <!--Mission-->
        <div class="mission">
            <h3>Mission</h3>
            <p>
                Using Maslow's concept, our goal is to utilize data analysis to build habits through repeated check-ups
                and personalized
                advice in order to help people become a better version of themselves.
            </p>
        </div>

        <!--reference-->
        <div class="ref_container">
            <div id="text_container">
                <h4>Reference</h4>
                <p2>Robert J. Taormina, Jennifer H. Gao; Maslow and the Motivation Hierarchy: Measuring Satisfaction of
                    the Needs.
                    The American Journal of Psychology 1 July 2013; 126 (2): 155-177.
                    doi: https://doi.org/10.5406/amerjpsyc.126.2.0155</p2>
            </div>
        </div>
    </main>
</body>

</html>