https://kennedyuniversity.github.io/

1<!DOCTYPE html>
2<html lang="en" class="h-full bg-gray-50">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>Kennedy University St Lucia Admin Panel</title>
8    <meta name="author" content="Karthik Csv">
9    <meta name="description" content="">
10    <!-- for sorting features -->
11    

11<script src="https://www.kryogenix.org/code/browser/sorttable/sorttable.js"></script>

11
12
13    

13<script src="https://cdn.tailwindcss.com"></script>

13
14    

14<script>
15        tailwind.config = {
16            theme: {
17                extend: {
18                    colors: {
19                        clifford: '#da373d',
20                    }
21                }
22            }
23        }
24    </script>

24
25
26    <!-- Tailwind -->
27    <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
28    <style>
29        .bg-sidebar {
30            background: #0b1846;
31        }
32
33        .cta-btn {
34            color: #121d46;
35        }
36
37        .upgrade-btn {
38            background: #0d1c54;
39        }
40
41        .upgrade-btn:hover {
42            background: #0b1a4f;
43        }
44
45        .active-nav-link {
46            background: #0b1b53;
47        }
48
49        .nav-item:hover {
50            background: #0a1643;
51        }
52
53        .account-link:hover {
54            background: #09153f;
55        }
56    </style>
57
58    

58<script src="/dev/kennedy.js"></script>

58
59
60    <!-- Header and footer script -->
61    

61<script src="https://code.jquery.com/jquery-3.3.1.js"
62        integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous">
63        </script>

63
64    

64<script>
65        $(function () {
66            $("#header").load("/dev/admin-header.html");
67            $("#sidebar").load("/dev/admin-sidebar.html");
68        });
69    </script>

69
70</head>
71
72<body class="h-full">
73    <!--
74      This example requires Tailwind CSS v2.0+ 
75      
76      This example requires some changes to your config:
77      
78      ```
79      // tailwind.config.js
80      module.exports = {
81        // ...
82        plugins: [
83          // ...
84          require('@tailwindcss/forms'),
85        ],
86      }
87      ```
88    -->
89    <!--
90      This example requires updating your template:
91    
92      ```
93      <html class="h-full bg-gray-50">
94      <body class="h-full">
95      ```
96    -->
97    <div class="min-h-full flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
98        <div class="max-w-md w-full space-y-8">
99            <div class="">
100                <!-- <img class="mx-auto h-12 w-auto" src="/logo.png"
101                    alt="flex items-center"> -->
102                

102<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>

102
103                <lottie-player src="https://assets8.lottiefiles.com/packages/lf20_sop8cbmc.json"
104                    background="transparent" speed="1" style="width: 250px; height: 250px;" loop autoplay>
105                </lottie-player>
106                <h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900">Welcome Back, Admin!</h2>
107            </div>
108            <form class="mt-8 space-y-6" action="#" method="POST">
109                <input type="hidden" name="remember" value="true">
110                <div class="rounded-md shadow-sm -space-y-px">
111                    <div>
112                        <label for="email-address" class="sr-only">Username</label>
113                        <input id="email" name="email" type="text" autocomplete="email"
114                            class="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-blue-500 focus:border-blue-500 focus:z-10 sm:text-sm"
115                            placeholder="Username">
116                    </div>
117                    <div>
118                        <label for="password" class="sr-only">Password</label>
119                        <input id="password" name="password" type="password" autocomplete="current-password"
120                            class="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none focus:ring-blue-500 focus:border-blue-500 focus:z-10 sm:text-sm"
121                            placeholder="Password">
122                    </div>
123                </div>
124
125
126                <div>
127                    <button id="submitBtn" type="submit" onclick="onSubmit()"
128                        class="group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
129                        <span class="absolute left-0 inset-y-0 flex items-center pl-3">
130                            <!-- Heroicon name: solid/lock-closed -->
131                            <svg class="h-5 w-5 text-blue-700 group-hover:text-blue-400"
132                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"
133                                aria-hidden="true">
134                                <path fill-rule="evenodd"
135                                    d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z"
136                                    clip-rule="evenodd" />
137                            </svg>
138                        </span>
139                        Sign in
140                    </button>
141                </div>
142            </form>
143            <button><a href="/public/studentCorner.html">⬅️ Go to Student Corner</a></button>
144        </div>
145    </div>
146
147    

147<script>
148        localStorage["aun"] = "";
149        localStorage["alt"] = "";
150        function onSubmit() {
151            let emailEle = document.getElementById("email");
152            let passwordEle = document.getElementById("password");
153            let submitBtnEle = document.getElementById("submitBtn");
154            submitBtnEle.disabled = true;
155            submitBtnEle.innerHTML = "Signing, Please wait...";
156            localStorage.setItem("aun", emailEle.value);
157            ap = passwordEle.value;
158            asi(function (res) {
159                submitBtnEle.disabled = false;
160                submitBtnEle.innerHTML = "Signin";
161                window.location.href = "/dev/admin-home.html"
162            }, function (res) {
163                submitBtnEle.disabled = false;
164                submitBtnEle.innerHTML = "Signin";
165            })
166        }
167    </script>

167
168</body>
169
170</html>