comp426Project/index.html at master · samauld/comp426Project · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>426Sports</title>

        <!-- Include links to CSS stylesheets below -->
        <link rel="stylesheet" href="customstyle.css"/>
        <link rel="stylesheet" href="node_modules/bulma/css/bulma.css"/>
    </head>
    <body>
        <section class="hero is-info is-bold">
            <div class="hero-body">
                <div class="container">
                    <h1 class="title">426Sports</h1>
                    <h2 class="subtitle">For all your sporting discussions</h2>
                </div>
            </div>
        </section>
        <section class="section">
            <p class="content is-large" style="margin-left:8%; margin-right:8%;">Welcome to 426Sports! Feel free to choose your favorite leagues and discuss with other passionate
                fans!
            </p>
        </section>
        <div id="response">


        </div>
        <section class="section" id="login-forms">
            <div class="tile is-ancestor">
                <div class="tile is-1"></div>
                <div class="tile is-5 box" id="formDiv">

                    <div class="field">
                        <form id="loginForm">
                            <h1 class="title">Login</h1>
                            <label class="label">Enter Username</label>
                            <div class="control">
                                <input id="loginUsername" class="input" type="text" placeholder="Username" autocomplete="off"/>
                            </div>
                            <br>
                            <label class="label">Enter Password</label>
                            <div class="control">
                                <input id="loginPassword" class="input" type="password" placeholder="Password" autocomplete="off"/>
                            </div>
                            <br>
                            <div class="control">
                                <button id="loginSubmit" class="button is-info" type="button">Login</button>
                            </div>
                        </form>
                    </div>

                </div>
                <div class="tile is-5 box">
                    <div class="field">
                        <form id="signupForm">
                        <h1 class="title">Create Account</h1>

                        <label class="label">Enter Username</label>
                        <div class="control">
                            <input class="input" type="text" placeholder="Username" id="registerUsername" autocomplete="off"/>
                        </div>
                        <br>
                        <label class="label">Enter Password</label>
                        <div class="control">
                            <input class="input" type="password" placeholder="Password" id="registerPassword" autocomplete="off"/>
                        </div>
                        <br>
                        <label class="label">Enter Email</label>
                        <div class="control">
                            <input class="input" type="text" placeholder="example@email.com" id="registerEmail" autocomplete="off"/>
                        </div>
                        <br>
                        <div class="control">
                            <button id="registerSubmit" class="button is-info" type="button">Create Account</button>
                        </div>
                    </form>
                    </div>
                </div>
                <div class="tile is-1"></div>
            </div>
        </section>
        <section style="margin-left:10%; margin-right:10%">
            <div>
                <h1 class="subtitle is-4">Leave us feedback</h1>
                <div id="feedbackForm" class="control">
                    <textarea class="textarea" placeholder="Send feedback" id="feedbackBox"></textarea>
                    <button class="button is-info feedback-button" style="margin-top: 5px;" id="feedbackSend">Send</button>
                </div>
            </div>
        </section>
        <br>
        <script src="node_modules/axios/dist/axios.min.js"></script>
        <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
        <script src="login.js" type="module"></script>
        <script src="https://www.thesportsdb.com/api.php"></script>

    </body>
</html>