https://kennedyuniv.github.io/public/studentCorner.html

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <title>Kennedy University</title>
9
10    <link href="/dist/style.css" rel="stylesheet">
11
12    <link rel="shortcut icon" href="/logo.png" type="image/x-icon">
13
14    <!-- Header and footer script -->
15    

15<script src="https://code.jquery.com/jquery-3.3.1.js"
16        integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous">
17        </script>

17
18    

18<script>
19        $(function () {
20            $("#header").load("/dist/header.html");
21            $("#footer").load("/dist/footer.html");
22        });
23    </script>

23
24
25    

25<script src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js'></script>

25
26
27
28</head>
29
30<body>
31
32    <div id="header"></div>
33
34    <!--
35      This example requires updating your template:
36    
37      ```
38      <html class="h-full bg-gray-50">
39      <body class="h-full">
40      ```
41    -->
42    <div class="flex min-h-full items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
43        <div class="w-full max-w-md space-y-8">
44            <div>
45                <img class="mx-auto w-44" src="/logo.png" alt="Kennedy">
46                <h2 class="mt-6 text-center text-3xl font-bold tracking-tight text-gray-900">Student Login Panel</h2>
47            </div>
48            <form onsubmit="return searchStudentWithEnrollmentNumber();">
49                <input type="hidden" name="remember" value="true">
50                <div class="-space-y-px rounded-md shadow-sm">
51                    <div>
52                        <label for="partnerCode" class="sr-only">Academic Partner Code</label>
53                        <input id="partnerCodeInput" name="partnerCode" type="text" required
54                            class="relative block w-full appearance-none rounded-none rounded-t-md border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:z-10 focus:border-sky-500 focus:outline-none focus:ring-sky-500 sm:text-sm"
55                            placeholder="Academic Partner Code">
56                    </div>
57                    <div>
58                        <label for="endorsmentCode" class="sr-only">Endorsement Code</label>
59                        <input id="enrollmentNumberInput" name="endorsmentCode" type="text" required
60                            class="relative block w-full appearance-none rounded-none rounded-b-md border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:z-10 focus:border-sky-500 focus:outline-none focus:ring-sky-500 sm:text-sm"
61                            placeholder="Endorsement Code">
62                    </div>
63                </div>
64
65                <div>
66                    <button type="submit"
67                        class="group relative flex w-full justify-center rounded-md border border-transparent bg-sky-600 py-2 px-4 text-sm font-medium text-white hover:bg-sky-700 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2">
68                        <span class="absolute inset-y-0 left-0 flex items-center pl-3">
69                            <!-- Heroicon name: mini/lock-closed -->
70                            <svg class="h-5 w-5 text-sky-500 group-hover:text-sky-400"
71                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"
72                                aria-hidden="true">
73                                <path fill-rule="evenodd"
74                                    d="M10 1a4.5 4.5 0 00-4.5 4.5V9H5a2 2 0 00-2 2v6a2 2 0 002 2h10a2 2 0 002-2v-6a2 2 0 00-2-2h-.5V5.5A4.5 4.5 0 0010 1zm3 8V5.5a3 3 0 10-6 0V9h6z"
75                                    clip-rule="evenodd" />
76                            </svg>
77                        </span>
78                        Sign in
79                    </button>
80                </div>
81            </form>
82        </div>
83    </div>
84
85
86    <div id="footer"></div>
87    

87<script>
88
89        function searchStudentWithEnrollmentNumber() {
90            let enrollmentNumber = enrollmentNumberInput.value;
91            let centerCode = partnerCodeInput.value;
92            window.location.href = "/public/studentCornerInner.html?enrollmentNumber=" + enrollmentNumber + "&partnerCode=" + centerCode;
93            return false;
94        }
95    </script>

95
96
97</body>
98
99</html>