diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..c6bba59
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,130 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional stylelint cache
+.stylelintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# vuepress v2.x temp and cache directory
+.temp
+.cache
+
+# Docusaurus cache and generated files
+.docusaurus
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
diff --git a/README.md b/README.md
index aaf5117..92ebadc 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,2 @@
 # LearningLoop: A platform for kids to understand programming in the form of game!!
+## This main focus of our project is to get our users acquainted with code reading. After using our application users will have good practice on how a computer reads some code. It will be a useful skill when discovering code written by other people. It will be an essential skill while writing your own code too, having in mind how the computer will understand it, users will make less bugs, having been in the reader’s position, users will care about writing clearer code, with meaningful naming and careful spacing. ##
diff --git a/Schema.js b/Schema.js
new file mode 100644
index 0000000..58391f1
--- /dev/null
+++ b/Schema.js
@@ -0,0 +1,15 @@
+const Joi = require('joi');
+
+module.exports.userSchema = Joi.object({
+        name: Joi.string().min(1).required(),
+        username: Joi.string().min(1).required(),
+        password: Joi.string().min(6).required()
+
+});
+
+
+module.exports.LoginSchema = Joi.object({
+        email: Joi.string().min(6).required(),
+        password: Joi.string().min(6).required()
+
+});
diff --git a/app.js b/app.js
new file mode 100644
index 0000000..f6d5c65
--- /dev/null
+++ b/app.js
@@ -0,0 +1,75 @@
+if(process.env.NODE_ENV === 'production'){
+    require('dotenv').config();
+}
+const express = require('express');
+const app = express()
+const path = require('path');
+const mongoose = require('mongoose');
+const session = require('express-session');
+const flash = require('connect-flash');
+const passport = require('passport');
+const LocalStrategy = require('passport-local');
+
+const User = require('./models/user');
+const home = require('./routes/home')
+const lev = require('./routes/lev')
+
+const database = process.env.DB_URL || 'mongodb://localhost/auth_demo_app';
+
+// mongoose.connect('mongodb://localhost/auth_demo_app');
+// mongoose.connect('mongodb+srv://rohit:TOZWAv6nyZ8LmfTo@cluster0.zalme.mongodb.net/myFirstDatabase?retryWrites=true&w=majority');
+mongoose.connect(database);
+
+const db = mongoose.connection;
+db.on("error", console.error.bind(console, "connection error:"));
+db.once("open", () => {
+    console.log("Database connected");
+});
+
+
+
+
+app.set('view engine', 'ejs');
+app.set('views', path.join(__dirname, 'views'))
+app.use(express.static(__dirname + '/public'));
+
+const sessConfig = {
+    secret: 'abetterone',
+    resave: false,
+    saveUninitialized: true,
+    name: 'cookie_name',
+    cookie: {
+        httpOnly: true,
+        expires: Date.now() + 1000 * 60 * 60 * 24 * 7,
+        maxAge: 1000 * 60 * 60 * 24 * 7
+    }
+}
+app.use(session(sessConfig));
+
+app.use(express.urlencoded({ extended: true }));
+app.use(express.static(path.join(__dirname, 'public')))
+
+app.use(flash());
+
+app.use(passport.initialize());
+app.use(passport.session());
+
+passport.use(new LocalStrategy(User.authenticate()));
+
+passport.serializeUser(User.serializeUser());
+passport.deserializeUser(User.deserializeUser());
+app.use((req, res, next) => {
+    res.locals.currentUser = req.user;
+    res.locals.success = req.flash('success');
+    res.locals.error = req.flash('error');
+    next();
+})
+
+app.use('/', home);
+app.use('/lev', lev);
+
+
+app.listen(3000, () => {
+    console.log('Serving on port 3000')
+})
+
diff --git a/arrow.css b/arrow.css
deleted file mode 100644
index 71d41ca..0000000
--- a/arrow.css
+++ /dev/null
@@ -1,126 +0,0 @@
-@import url(https://fonts.googleapis.com/css?family=Lato:300);
-html {
-    height: 100%;
-}
-.screen {
-    width: 70%;
-    height: 85%;
-    position: absolute;  
-    background: white;
-    border: 20px solid #474e5d;
-    border-radius: 10px;
-    left:50%;
-    margin-right: -50%;
-    transform: translateX(-50%);
-}
-.monitor > div {
-    position: absolute;
-}
-.monitor:before,
-.monitor:after,
-.laptop:before{
-    content: "";
-    position: absolute;
-    left: 50%;
-}
-.monitor:before,
-.laptop:before {
-    top: -10px;
-    margin: -3px 0 0 -3px;
-    width: 6px;
-    height: 6px;
-    border-radius: 6px;
-    background: #a5adbd;
-}
-.screen:after {
-    width: 8px;
-    height: 8px;
-    border-radius: 8px;
-    bottom: -10px;
-    margin: 0 0 -4px -4px;
-    background: #e8ebf0;
-}
-.t{
-    right:25%;
-    margin: 1px;
-    clear: right;
-    top:0;
-}
-p{             
-                font-size: 20px;
-                font-family: 'Special Elite', cursive;
-                font-style: italic;
-                font-weight: 20px;
-                margin:0px;
-                padding: 0px;
-            }
-
-.keys {
-   
-    position:absolute;
-    bottom: -10px;
-    left:40%;
-    margin-right:-60%;
-    font-family: 'Lato', sans-serif;
-    text-align: center;
-    width: 350px;
-     height: 15%;
-}
-.arr {
-    cursor: pointer;
-    width: 50px;
-    height: 50px;
-    text-align: center;
-    line-height: 30px;
-    background: grey;
-    color: white;
-    font-size: 20px;
-    border-right: 10px solid #4d4d4d;
-    border-bottom: 10px solid #4d4d4d;
-    border-left: 10px solid #5a5a5a;  
-    border-top: 10px solid #676767;
-    display: inline-block;
-    margin: 5px;
-    transition: all .05s linear;
-    user-select: none;
-}
-.arr:active {
-    border-bottom: 8px solid #4d4d4d;
-    text-shadow: 0 0 10px white, 0 0 10px white, 0 0 20px white;
-    transform: translate(0, 2px);
-}
-
-.up {
-    position: relative;
-    top: -4px;
-}
-
-.pressed {
-    border-bottom: 8px solid #4d4d4d;
-    text-shadow: 0 0 10px white;
-    transform: translate(0, 2px);
-}
-.fa{
-    font-size: 25px;
-}
-.names {
-    font-size: 18px;
-    font-family: 'Lato', sans-serif;
-    text-align: center;
-    color: white;
-    text-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white, 0 0 10px white;
-}
-
-.b {
-    color: blue;
-    text-shadow: 0 0 10px blue, 0 0 10px blue, 0 0 10px blue, 0 0 10px blue;
-    font-size: 100px;
-    font-family: serif;
-}
-
-.a {
-    color: yellow;
-    text-shadow: 0 0 10px yellow, 0 0 10px yellow, 0 0 10px yellow, 0 0 10px yellow;
-    font-size: 100px;
-    font-family: serif;
-}
diff --git a/crypto.js b/crypto.js
new file mode 100644
index 0000000..c807269
--- /dev/null
+++ b/crypto.js
@@ -0,0 +1,31 @@
+const crypto = require('crypto');
+
+const algorithm = 'aes-256-ctr';
+const secretKey = 'vOVH6sdmpNWjRRIqCc7rdxs01lwHzfr3';
+const iv = crypto.randomBytes(16);
+
+const encrypt = (text) => {
+
+    const cipher = crypto.createCipheriv(algorithm, secretKey, iv);
+
+    const encrypted = Buffer.concat([cipher.update(text), cipher.final()]);
+
+    return {
+        iv: iv.toString('hex'),
+        content: encrypted.toString('hex')
+    };
+};
+
+const decrypt = (hash) => {
+
+    const decipher = crypto.createDecipheriv(algorithm, secretKey, Buffer.from(hash.iv, 'hex'));
+
+    const decrpyted = Buffer.concat([decipher.update(Buffer.from(hash.content, 'hex')), decipher.final()]);
+
+    return decrpyted.toString();
+};
+
+module.exports = {
+    encrypt,
+    decrypt
+};
\ No newline at end of file
diff --git a/index.css b/index.css
deleted file mode 100644
index 10ef1e0..0000000
--- a/index.css
+++ /dev/null
@@ -1,211 +0,0 @@
-body {
-  background: #FEFFFF;
-}
-#play-btn{
-    top: 50%;
-    left: 50%;
-    margin-right: -50%;
-    position: absolute;
-    transform: translate(-50%, -50%);
-}
-nav{
-    background-color: #DEF2F1;
-}
-#Modallink{
-    float:left;
-    
-}
-.modal-header {
-	 background-color:#A8D0E6;
-	 color: floralwhite;
-}
- .modal-header .close {
-	 color: floralwhite;
-}
- .modal-body {
-	
-         
-}
-/*Lets start with the cloud formation rather*/
-
-/*The container will also serve as the SKY*/
-
-*{ margin: 0; padding: 0;}
-
-body {
-	/*To hide the horizontal scroller appearing during the animation*/
-	overflow: hidden;
-}
-
-.header {
-	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
-	
-	font-weight:  100;
-	letter-spacing: 2px;
-	text-align: center;
-	color: #97CAEF;
-	background-image: -webkit-linear-gradient(92deg, #3FEEE6, #CAFAFE);
-	-webkit-background-clip: text;
-	-webkit-text-fill-color: transparent;
-	-webkit-animation: hue 10s infinite linear;
-}
-
-@-webkit-keyframes hue {
-  from {
-    -webkit-filter: hue-rotate(0deg);
-  }
-  to {
-    -webkit-filter: hue-rotate(-360deg);
-  }
-}
-
-#clouds{
-	padding: 100px 0;
-	background: #c9dbe9;
-	background: -webkit-linear-gradient(top, #c9dbe9 0%, #fff 100%);
-	background: -linear-gradient(top, #c9dbe9 0%, #fff 100%);
-	background: -moz-linear-gradient(top, #c9dbe9 0%, #fff 100%);
-}
-
-/*Time to finalise the cloud shape*/
-.cloud {
-	width: 200px; height: 60px;
-	background: #fff;
-	
-	border-radius: 200px;
-	-moz-border-radius: 200px;
-	-webkit-border-radius: 200px;
-	
-	position: relative; 
-}
-
-.cloud:before, .cloud:after {
-	content: '';
-	position: absolute; 
-	background: #fff;
-	width: 100px; height: 80px;
-	position: absolute; top: -15px; left: 10px;
-	
-	border-radius: 100px;
-	-moz-border-radius: 100px;
-	-webkit-border-radius: 100px;
-	
-	-webkit-transform: rotate(30deg);
-	transform: rotate(30deg);
-	-moz-transform: rotate(30deg);
-}
-
-.cloud:after {
-	width: 120px; height: 120px;
-	top: -55px; left: auto; right: 15px;
-}
-
-/*Time to animate*/
-.x1 {
-	-webkit-animation: moveclouds 15s linear infinite;
-	-moz-animation: moveclouds 15s linear infinite;
-	-o-animation: moveclouds 15s linear infinite;
-}
-
-/*variable speed, opacity, and position of clouds for realistic effect*/
-.x2 {
-	left: 200px;
-	
-	-webkit-transform: scale(0.6);
-	-moz-transform: scale(0.6);
-	transform: scale(0.6);
-	opacity: 0.6; /*opacity proportional to the size*/
-	
-	/*Speed will also be proportional to the size and opacity*/
-	/*More the speed. Less the time in 's' = seconds*/
-	-webkit-animation: moveclouds 25s linear infinite;
-	-moz-animation: moveclouds 25s linear infinite;
-	-o-animation: moveclouds 25s linear infinite;
-}
-
-.x3 {
-	left: -250px; top: -200px;
-	
-	-webkit-transform: scale(0.8);
-	-moz-transform: scale(0.8);
-	transform: scale(0.8);
-	opacity: 0.8; /*opacity proportional to the size*/
-	
-	-webkit-animation: moveclouds 20s linear infinite;
-	-moz-animation: moveclouds 20s linear infinite;
-	-o-animation: moveclouds 20s linear infinite;
-}
-
-.x4 {
-	left: 470px; top: -250px;
-	
-	-webkit-transform: scale(0.75);
-	-moz-transform: scale(0.75);
-	transform: scale(0.75);
-	opacity: 0.75; /*opacity proportional to the size*/
-	
-	-webkit-animation: moveclouds 18s linear infinite;
-	-moz-animation: moveclouds 18s linear infinite;
-	-o-animation: moveclouds 18s linear infinite;
-}
-
-.x5 {
-	left: -150px; top: -150px;
-	
-	-webkit-transform: scale(0.8);
-	-moz-transform: scale(0.8);
-	transform: scale(0.8);
-	opacity: 0.8; /*opacity proportional to the size*/
-	
-	-webkit-animation: moveclouds 20s linear infinite;
-	-moz-animation: moveclouds 20s linear infinite;
-	-o-animation: moveclouds 20s linear infinite;
-}
-
-@-webkit-keyframes moveclouds {
-	0% {margin-left: 1000px;}
-	100% {margin-left: -1000px;}
-}
-@-moz-keyframes moveclouds {
-	0% {margin-left: 1000px;}
-	100% {margin-left: -1000px;}
-}
-@-o-keyframes moveclouds {
-	0% {margin-left: 1000px;}
-	100% {margin-left: -1000px;}
-}
-svg#play {
-  width:200px;
- margin: 120px auto;
- display:block;
-  cursor: pointer;
-  transform-origin: 50% 50%;
-}
-
-svg#play #triangle {
-  fill:#D2FDFF;
-  transition:500ms;
-  transform-origin: 50% 50%;
-}
-svg#play:hover #triangle {
-  fill:#D2FDFF;
-  transform-origin: 50% 50%;
-}
-
- svg #lineOne, svg #lineTwo {
-  transform-origin: 50% 50%;
-  transition: 1s;
-} 
-
- svg:hover #lineOne {
-  transform: rotate(260deg);
-   -webkit-transform: rotate(260deg);
--moz-transform: rotate(260deg);
--o-transform: rotate(260deg);
-   transform-origin: 50% 50%;
-} 
-
- svg:hover #lineTwo {
-  transform: rotate(-450deg);
-   transform-origin: 50% 50%;
-} 
diff --git a/index.html b/index.html
deleted file mode 100644
index bd8d345..0000000
--- a/index.html
+++ /dev/null
@@ -1,124 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>Learning Loop</title>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-        <!-- Bootstrap CSS -->
-        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
-        <link  href="index.css" rel="stylesheet">
-        <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
-        <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
-    </head>
-    <body>
-        <!--<span>&#8734;</span>-->
-        <nav class="navbar navbar-expand-lg navbar-light">
-            <a class="navbar-brand" href="index.html"><img  src="learnig_loop_logo2.jpeg"  width="50" height="50" ></a>
-            
-            <div  id="navbarSupportedContent">
-                <ul class="navbar-nav mr-auto">
-                    <li class="nav-item active">
-                        <a data-toggle="tooltip" data-placement="top" title="Click here to know about us!" id="Modallink" class="nav-link" >About Us <span class="sr-only">(current)</span></a>
-                    </li>
-                </ul>
-            </div>
-        </nav>
-        
-       
-        <!-- about us modal -->
-        <!-- login_modal -->
-        <div id="Modal" class="modal fade" role="dialog">
-            <div class="modal-dialog " role="content">
-                <!-- Modal content-->
-                <div class="modal-content">
-                    <div class="modal-header">
-                        <h4 class="modal-title">About Us </h4>
-                        <button type="button" class="close" data-dismiss="modal">&times;</button>
-                    </div>
-                    <div class="modal-body">
-                                <div class="media">
-                                    <img class="d-flex mr-3 img-thumbnail align-self-center"
-                                         src="uv.jpeg" width='200' height='200' alt="image coming soon">
-                                    <div class="media-body">
-                                        <h2 class="mt-0">Yuvraj Darwani</h2>
-                                        <h4>Game Developer</h4>
-                                        <p class="d-none d-sm-block">
-                                            I am a Game developer, always try to implement my own imaginary world in a real game.For more detail:<br><a href="https://www.yuvrajspe.blogspot.com">www.yuvrajspe.blogspot.com</a></p>
-                                        <p>
-                                            <br>Follow me on :
-                                            <a class="btn btn-social-icon btn-linkedin" href="https://www.linkedin.com/in/yuvraj-darwani-30569b157"><i class="fa fa-linkedin"></i></a>
-                                              <a class="btn btn-social-icon btn-twitter" href="https://twitter.com/DarwaniYuvraj"><i class="fa fa-twitter"></i></a>
-                                               <a class="btn btn-social-icon btn-github" href="https://github.com/pulsingcoder"><i class="fa fa-github"></i></a>
-                                        </p>
-                                    </div>
-                                </div>
-                                <div class="media">
-
-                                    <div class="media-body">
-                                        <h2 class="mt-0">Tanishk Agarwal</h2>
-                                        <h4>Web Developer</h4>
-                                        <p class="d-none d-sm-block">
-                                            Hi,I am a Web developer.I enjoy building rich interactive web site.With every line of code ,I strive to make my web site a beautiful place to surf.</p><p>
-                                            <br>Follow me on :
-                                           <a class="btn btn-social-icon btn-linkedin" href="https://www.linkedin.com/in/tanishk-agarwal-ab0030146"><i class="fa fa-linkedin"></i></a>
-                                           <a class="btn btn-social-icon btn-twitter" href="https://twitter.com/Tanishkagarwal1"><i class="fa fa-twitter"></i></a>
-                                            <a class="btn btn-social-icon btn-github" href="https://github.com/tanishk818"><i class="fa fa-github"></i></a>
-                                        </p>
-                                    </div>
-                                    <img class="d-flex mr-3 img-thumbnail align-self-center"
-                                         src="ta.jfif" alt="image coming soon" width='200' height='200'>
-                                </div>
-                            
-                      
-                    </div>
-                </div>
-            </div>
-        </div>
-        <!-- modal ends here -->
-
-        <div id="clouds">
-            <div class="cloud x1"></div>
-            <!-- Time for multiple clouds to dance around -->
-            <div class="cloud x2"></div>
-            <div class="cloud x3"></div>
-            <div class="cloud x4"></div>
-            <div class="cloud x5"></div>
-        </div>
-        <div class="container">
-
-            <div class="row" id="play-btn">
-                <div class="col-lg-12 col-sm-12 col-xs-12">
-                    <a href="tutorial.html">
-                        <svg id="play"  viewBox="0 0 163 163" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"="0px">
-
-                        <g fill="none">
-                        <g  transform="translate(2.000000, 2.000000)" stroke-width="4">
-                        <path d="M10,80 C10,118.107648 40.8923523,149 79,149 L79,149 C117.107648,149 148,118.107648 148,80 C148,41.8923523 117.107648,11 79,11" id="lineOne" stroke="#A8D0E6"></path>
-                        <path d="M105.9,74.4158594 L67.2,44.2158594 C63.5,41.3158594 58,43.9158594 58,48.7158594 L58,109.015859 C58,113.715859 63.4,116.415859 67.2,113.515859 L105.9,83.3158594 C108.8,81.1158594 108.8,76.6158594 105.9,74.4158594 L105.9,74.4158594 Z" id="triangle" stroke="#A8D0E6"></path>
-                        <path d="M159,79.5 C159,35.5933624 123.406638,0 79.5,0 C35.5933624,0 0,35.5933624 0,79.5 C0,123.406638 35.5933624,159 79.5,159 L79.5,159" id="lineTwo" stroke="#A8D0E6"></path>
-                        </g>
-                        </g>
-                        </svg></a>
-                    <div class="header">
-                    <h1 class="header">Learning Loop</h1>
-                    <h3>Decode the Code</h3>
-                    </div>
-                </div>
-            </div> 
-            
-        </div>
-
-        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
-        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
-        <script>
-            $('#Modallink').click(function () {
-                $('#Modal').modal('show');
-            });
-            $(document).ready(function(){
-  $('[data-toggle="tooltip"]').tooltip();   
-});
-        </script>
-    </body>
-</html>
diff --git a/learnig_loop_logo2.jpeg b/learnig_loop_logo2.jpeg
deleted file mode 100644
index b0331fc..0000000
Binary files a/learnig_loop_logo2.jpeg and /dev/null differ
diff --git a/lev1.html b/lev1.html
deleted file mode 100644
index 0f882bf..0000000
--- a/lev1.html
+++ /dev/null
@@ -1,515 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-        <link rel="stylesheet" media="screen and (min-width: 900px)" href="arrow.css">
-        <link rel="stylesheet" media="screen and (max-width: 900px)" href="small_arrow.css">
-        <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
-        
-        <!-- Bootstrap CSS -->
-        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
-        <style>
-            @import url('https://fonts.googleapis.com/css?family=Special+Elite');
-
-            
-.quote {
-	font-family: 'Special Elite', cursive;
-	background: #fffdf5;
-	color: #3f3f5a;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-}
-.btn-primary{
-    float: left;
-}
-.btn-success{
-    float:right;
-}
-.btn-danger{
-    float:right;
-}
-blockquote {
-	font-weight: 100;
-	font-size: 2rem;
-	max-width: 600px;
-	line-height: 1.4;
-	position: relative;
-	margin: 0;
-	padding: .5rem;
-}
-
-blockquote:before,
-blockquote:after {
-	position: absolute;
-	color: #f1efe6;
-	font-size: 8rem;
-	width: 4rem;
-	height: 4rem;
-}
-
-blockquote:before {
-	content: '“';
-	left: -5rem;
-	top: -2rem;
-}
-
-blockquote:after {
-	content: '”';
-	right: -5rem;
-	bottom: 1rem;
-}
-
-cite {
-	line-height: 3;
-	text-align: left;
-}
-        </style>
-</head>
-<body>
-   <!-- win_modal -->
-        <div id="winModal" class="modal fade" role="dialog">
-            <div class="modal-dialog " role="content">
-                <!-- Modal content-->
-                <div class="modal-content">
-                    <div class="modal-body">
-                        <div class="row">
-                            <div class="col-lg-12 col-sm-12 col-xs-12">
-                                <img src="win.jpeg" class="img-fluid" >
-                            </div>
-                        </div>
-                        <div class="quote">
-                            <blockquote>Winning solves everything.</blockquote>
-                            
-                        </div>
-                        <a class="btn btn-primary" href="index.html" role="button">Home</a>
-                       <a class="btn btn-success" href="lev2.html" role="button">Next Level!</a>
-                        
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div id="lossModal" class="modal fade" role="dialog">
-            <div class="modal-dialog " role="content">
-                <!-- Modal content-->
-                <div class="modal-content">
-                    <div class="modal-body">
-                        <div class="row">
-                            <div class="col-lg-12 col-sm-12 col-xs-12">
-                                <img src="loss.jpeg" class="img-fluid" >
-                            </div>
-                        </div>
-                        <div class="quote">
-                            <blockquote>Winning provides happiness.Loosing provides wisdom</blockquote>
-                            
-                        </div>
-                        <a class="btn btn-primary" href="index.html" role="button">Home</a>
-                       <a class="btn btn-danger" href="lev1.html" role="button">Try Again</a>
-                        
-                    </div>
-                </div>
-            </div>
-        </div>
-<!--radius=40 distance between two circle=30 -->
-
-        <!--radius=40 distance between two circle=30 -->
-        
-            <div class="screen monitor">
-                
-                <svg height="600" width="320" xmlns="http://www.w3.org/2000/svg">
-                <filter id="inset-shadow" x="-50%" y="-50%" width="200%" height="200%">
-                    <feComponentTransfer in=SourceAlpha>
-                        <feFuncA type="table" tableValues="1 0" />
-                    </feComponentTransfer>
-                    <feGaussianBlur stdDeviation="4"/>
-                    <feOffset dx="0" dy="5" result="offsetblur"/>
-                    <feFlood flood-color="rgb(0, 0, 0)" result="color"/>
-                    <feComposite in2="offsetblur" operator="in"/>
-                    <feComposite in2="SourceAlpha" operator="in" />
-                    <feMerge>
-                        <feMergeNode in="SourceGraphic" />
-                        <feMergeNode />
-                    </feMerge>
-                </filter>
-               
-                <circle  cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"   filter="url(#inset-shadow)" />
-                <circle cx="160" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-                <circle cx="270" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-                  <circle  cx="50" cy="50" r="20" stroke="black" stroke-width="3" fill="white"  filter="url(#inset-shadow)"  />
-                <circle  cx="50" cy="160" r="40" stroke="black" stroke-width="3" fill="#FDD20E"   filter="url(#inset-shadow)" />
-                <circle cx="160" cy="160" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-                <circle cx="270" cy="160" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-                <circle  cx="50" cy="270" r="40" stroke="black" stroke-width="3" fill="#FDD20E"   filter="url(#inset-shadow)" />
-                <circle cx="160" cy="270" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-                <circle cx="270" cy="270" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-                <circle  cx="50" cy="380" r="40" stroke="black" stroke-width="3" fill="#FDD20E"   filter="url(#inset-shadow)" />
-                <circle cx="160" cy="380" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-                <circle cx="270" cy="380" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-                 <circle  cx="50" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"   filter="url(#inset-shadow)" />
-                <circle cx="160" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-                <circle cx="270" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-                </svg>
-                <div class="t">
-                <p></p>
-                <p></p>
-                <p></p>
-               </div>
-            </div>
-       
-        <div class="keys">
-            <div class="up arr" onclick="UpMove()"><i class="fa fa-arrow-up"></i></div>
-            <br />
-            <div class="left arr " onclick="LeftMove()" ><i class="fa fa-arrow-left"></i></div>
-            <div class="down arr" onclick="DownMove()"><i class="fa fa-arrow-down"></i></div>
-            <div class="right arr" onclick="RightMove()"><i class="fa fa-arrow-right"></i></div>
-        </div>
-
-        <!--<div class="container">
-        <div class="bar bar1"></div>
-        <div class="ball"></div>
-        <div class="bar bar2"></div>
-    </div>-->
-
-        <!-- keys end -->
- <script src="anime.min.js"></script>
- <script src="three.js"></script>
- <script src="three.min.js"></script>
- <script src='THREEx.KeyboardState.js'></script>
- 
-        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
-        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
-<script>
-     var i=0;
-var count=0;
-var visibilityKey =   [{
-  x: 0,
-},
-  {
-    y: "visible"
-  },
-  {
-    y: "hidden"
-  }];
-
-var levels = [
-  {
-    lev:[1,1,1]
-  }
-];
- print();
-  var temp;
-  var keyVisible = 1;
-  var keyCount = 1;
-  var radiusvalue = {}
-    var value = {}
-   // value.x = document.getElementsByTagName("circle")[3].getAttribute("cx")
-    var t1 = anime.timeline({
-  easing: 'easeOutElastic(1, .8)',
-  autoplay: true,
-  loop: true,
-  duration: 4000
-});
-var t2 = anime.timeline({
-  easing: 'easeOutElastic(1, .8)',
-  autoplay: true,
-  loop: true,
-  duration: 4000
-});
-Init();
-
-Idle();
-document.addEventListener("keydown", onDocumentKeyDown, false);
-function onDocumentKeyDown(event) {
-    var keyCode = event.which;
-    // up
-    if (keyCode == 87) {
-       UpMove()
-        // down
-    } else if (keyCode == 83) {
-       DownMove()
-        // left
-    } else if (keyCode == 65) {
-       LeftMove();
-        // right
-    } else if (keyCode == 68) {
-       RightMove();
-        // space
-    } else if (keyCode == 32) {
-       
-    }
-    else {
-      Idle();
-    }
-    
-};
-
-function Init(){
-  t2.add({
-    targets:visibilityKey,
-  
-      
-       
-      
-      duration: 10000,
-      easing: 'linear',
-      autoplay: true,
-      loop: true,
-      update: function(){
-        //if (keyVisible == 1 || keyVisible == 2)
-       // {
-          document.getElementsByClassName("right arr")[0].firstChild.style.visibility = visibilityKey[keyCount].y;
-          
-        //}
-       
-        keyVisible++;
-        if (keyVisible == 0)
-        {
-          keyVisible = 1;
-        }
-        if(keyVisible == 20 && keyCount == 1)
-        {
-          keyVisible = 2;
-          keyCount = 2;
-        }
-        if(keyVisible == 20 && keyCount == 2)
-        {
-          keyVisible = 1;
-          keyCount = 1;
-
-        }
-        
-        
-       
-      },
-        complete: function() {}
-
-
-    
-  });
-  t2.play();
-}
-function sound(src) {
-    this.sound = document.createElement("audio");
-    this.sound.src = src;
-    this.sound.setAttribute("preload", "auto");
-    this.sound.setAttribute("controls", "none");
-    this.sound.style.display = "none";
-    document.body.appendChild(this.sound);
-    this.play = function(){
-        this.sound.play();
-    }
-    this.stop = function(){
-        this.sound.pause();
-    }    
-}
-function Idle()
-{
-  console.log("I am in");
-  radiusvalue.x = document.getElementsByTagName("circle")[3].getAttribute("r"); 
-  t1.add({
-    targets:radiusvalue,
-   keyframes: [
-      
-       {x: 25},
-       {x: 20}
-   ],
-      
-       
-      
-      duration: 1000,
-      easing: 'linear',
-      autoplay: true,
-      loop: true,
-      update: function(){
-
-       
-        document.getElementsByTagName("circle")[3].setAttribute("r",radiusvalue.x);
-        
-       
-      },
-        complete: function() {}
-
-
-    
-  });
-  t1.play();
-  console.log(t1);
-}
-
-function RightMove() {
- 
-  myMusic = new sound("Drip.wav");
-  myMusic.play();
-value.x =+ document.getElementsByTagName("circle")[3].getAttribute("cx"); 
-  temp =+ document.getElementsByTagName("circle")[3].getAttribute("cx")+ +110; 
- check(1);
- print();
- if (temp >= 380)
- {
-     temp = 50;
- }
-
- anime({
-  targets: value,
-  x: temp,
-  duration: 300,
-  autoplay: true,
-  update: function(){
-            document.getElementsByTagName("circle")[3].setAttribute("cx",value.x);
-          
-         
-      
-      },
-  easing: 'easeInOutSine'
-});
- 
-
-}
-function LeftMove()
-{
-  
-  temp =document.getElementsByTagName("circle")[3].getAttribute("cx");
-
-  myMusic = new sound("Drip.wav");
-  myMusic.play();
-
-  value.x = document.getElementsByTagName("circle")[3].getAttribute("cx"); 
-  temp = temp -110;
-  check(-1);
-  print();
-  if (temp <0)
-  {
-    temp = 270
-  }
-
-  anime({
-  targets: value,
-  x: temp,
-  duration: 300,
-  autoplay: true,
-  update: function(){
-          console.log("SS" + value.x);
-       
-            document.getElementsByTagName("circle")[3].setAttribute("cx",value.x);
-          
-  
-     
-      },
-  easing: 'easeInOutSine'
-});
-}
-
-function DownMove()
-{
-  temp =document.getElementsByTagName("circle")[3].getAttribute("cy");
-
-  myMusic = new sound("InvalidMove.wav");
-  myMusic.play();
-
-  value.x = document.getElementsByTagName("circle")[3].getAttribute("cy"); 
-  temp =+ document.getElementsByTagName("circle")[3].getAttribute("cy")+ +110; 
-  check(-2);
-  print();
-  if (temp > 50)
-  {
-    temp = 50
-  }
-  console.log("for left move " + temp)
-  anime({
-  targets: value,
-  x: temp,
-  duration: 300,
-  autoplay: true,
-  update: function(){
-         
-       
-            document.getElementsByTagName("circle")[3].setAttribute("cy",value.x);
-          
-          
-       
-     
-      },
-  easing: 'easeInOutSine'
-});
-}
-
-function UpMove()
-{
-  temp = document.getElementsByTagName("circle")[3].getAttribute("cy");
-
-  myMusic = new sound("InvalidMove.wav");
-  myMusic.play();
-  console.log("beforele I m " + temp)
-  value.x = document.getElementsByTagName("circle")[3].getAttribute("cy"); 
-  temp = temp+  +110
-  check(2);
-  print();
-  if (temp > 380)
-  {
-    temp = 50
-  }
-  console.log("for left move " + temp)
-  anime({
-  targets: value,
-  x: temp,
-  duration: 300,
-  autoplay: true,
-  update: function(){
-          console.log("SS" + value.x);
-       
-            document.getElementsByTagName("circle")[3].setAttribute("cy",value.x);
-          
-         
-        console.log(value.x);
-     
-      },
-  easing: 'easeInOutSine'
-});
-
-}
-function check(x){
-  if(levels[i].lev[count++]===x){
-    console.log("count : "+count);
-  }
-  else {
-    count=0;
-    value.x=50;
-    temp=50;
-    console.log("count : "+count);
-    console.log("you hit the wrong key");
-    document.getElementsByTagName("circle")[3].setAttribute("cx",value.x);
-    document.getElementsByTagName("circle")[3].setAttribute("cy",value.x);
-    $('#lossModal').modal('show');
-  }
-   if(count===levels[i].lev.length){
-    count=0;
-   console.log("you win the level");
-   $('#winModal').modal('show');
-    //alert("can't stop the champion!bravo! you win the level");
-  }
-}
-function print(){
-    var text=document.getElementsByTagName("p");
-    for(var j=0;j<3;j++){
-            if(levels[i].lev[j]===1)
-            text[j].textContent="right()";
-            else if(levels[i].lev[j]===-1)
-            text[j].textContent="left()";
-            else if(levels[i].lev[j]===2)
-            text[j].textContent="up()";
-            else 
-            text[j].textContent="down()";
-    }
-    for(var j=0;j<count;j++){
-        text[j].style.color="#39FF14";
-    }
-    for(var j=count;j<3;j++){
-        text[j].style.color="red";
-    }
-}
-</script>
-</body>
-</html>
diff --git a/lev2.html b/lev2.html
deleted file mode 100644
index e477762..0000000
--- a/lev2.html
+++ /dev/null
@@ -1,527 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-        <link rel="stylesheet" media="screen and (min-width: 900px)" href="arrow.css">
-        <link rel="stylesheet" media="screen and (max-width: 900px)" href="small_arrow.css">
-        <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
-        
-        <!-- Bootstrap CSS -->
-        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
-        <style>
-            @import url('https://fonts.googleapis.com/css?family=Special+Elite');
-
-            
-.quote {
-	font-family: 'Special Elite', cursive;
-	background: #fffdf5;
-	color: #3f3f5a;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-}
-.btn-primary{
-    float: left;
-}
-.btn-success{
-    float:right;
-}
-.btn-danger{
-    float:right;
-}
-blockquote {
-	font-weight: 100;
-	font-size: 2rem;
-	max-width: 600px;
-	line-height: 1.4;
-	position: relative;
-	margin: 0;
-	padding: .5rem;
-}
-
-blockquote:before,
-blockquote:after {
-	position: absolute;
-	color: #f1efe6;
-	font-size: 8rem;
-	width: 4rem;
-	height: 4rem;
-}
-
-blockquote:before {
-	content: '“';
-	left: -5rem;
-	top: -2rem;
-}
-
-blockquote:after {
-	content: '”';
-	right: -5rem;
-	bottom: 1rem;
-}
-
-cite {
-	line-height: 3;
-	text-align: left;
-}
-        </style>
-</head>
-<body>
-   <!-- win_modal -->
-        <div id="winModal" class="modal fade" role="dialog">
-            <div class="modal-dialog " role="content">
-                <!-- Modal content-->
-                <div class="modal-content">
-                    <div class="modal-body">
-                        <div class="row">
-                            <div class="col-lg-12 col-sm-12 col-xs-12">
-                                <img src="win.jpeg" class="img-fluid" >
-                            </div>
-                        </div>
-                        <div class="quote">
-                            <blockquote>Winning solves everything.</blockquote>
-                            
-                        </div>
-                        <a class="btn btn-primary" href="index.html" role="button">Home</a>
-                       <a class="btn btn-success" href="lev3.html" role="button">Next Level</a>
-                        
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div id="lossModal" class="modal fade" role="dialog">
-            <div class="modal-dialog " role="content">
-                <!-- Modal content-->
-                <div class="modal-content">
-                    <div class="modal-body">
-                        <div class="row">
-                            <div class="col-lg-12 col-sm-12 col-xs-12">
-                                <img src="loss.jpeg" class="img-fluid" >
-                            </div>
-                        </div>
-                        <div class="quote">
-                            <blockquote>Winning provides happiness.Loosing provides wisdom</blockquote>
-                            
-                        </div>
-                        <a class="btn btn-primary" href="index.html" role="button">Home</a>
-                       <a class="btn btn-danger" href="lev2.html" role="button">Try Again</a>
-                        
-                    </div>
-                </div>
-            </div>
-        </div>
-<!--radius=40 distance between two circle=30 -->
-
-        <!--radius=40 distance between two circle=30 -->
-        
-            <div class="screen monitor">
-                
-                <svg height="600" width="320" xmlns="http://www.w3.org/2000/svg">
-                <filter id="inset-shadow" x="-50%" y="-50%" width="200%" height="200%">
-                    <feComponentTransfer in=SourceAlpha>
-                        <feFuncA type="table" tableValues="1 0" />
-                    </feComponentTransfer>
-                    <feGaussianBlur stdDeviation="4"/>
-                    <feOffset dx="0" dy="5" result="offsetblur"/>
-                    <feFlood flood-color="rgb(0, 0, 0)" result="color"/>
-                    <feComposite in2="offsetblur" operator="in"/>
-                    <feComposite in2="SourceAlpha" operator="in" />
-                    <feMerge>
-                        <feMergeNode in="SourceGraphic" />
-                        <feMergeNode />
-                    </feMerge>
-                </filter>
-               
-                <circle  cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"   filter="url(#inset-shadow)" />
-                <circle cx="160" cy="50" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-                <circle cx="270" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-                 
-                <circle  cx="50" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"   filter="url(#inset-shadow)" />
-                <circle cx="160" cy="160" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-                <circle cx="270" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-                <circle  cx="50" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"   filter="url(#inset-shadow)" />
-                <circle cx="160" cy="270" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-                <circle cx="270" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-                <circle  cx="50" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"   filter="url(#inset-shadow)" />
-                <circle cx="160" cy="380" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-                <circle cx="270" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-                 <circle  cx="50" cy="490" r="40" stroke="black" stroke-width="3" fill="#F76C6C"   filter="url(#inset-shadow)" />
-                <circle cx="160" cy="490" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-                <circle cx="270" cy="490" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-                <circle  cx="50" cy="50" r="20" stroke="black" stroke-width="3" fill="white"  filter="url(#inset-shadow)"  />
-                </svg>
-                <div class="t">
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-               </div>
-            </div>
-       
-        <div class="keys">
-            <div class="up arr" onclick="UpMove()"><i class="fa fa-arrow-up"></i></div>
-            <br />
-            <div class="left arr " onclick="LeftMove()" ><i class="fa fa-arrow-left"></i></div>
-            <div class="down arr" onclick="DownMove()"><i class="fa fa-arrow-down"></i></div>
-            <div class="right arr" onclick="RightMove()"><i class="fa fa-arrow-right"></i></div>
-        </div>
-
-        <!--<div class="container">
-        <div class="bar bar1"></div>
-        <div class="ball"></div>
-        <div class="bar bar2"></div>
-    </div>-->
-
-        <!-- keys end -->
- <script src="anime.min.js"></script>
- 
- <script src='THREEx.KeyboardState.js'></script>
- 
-        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
-        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
-<script>
-     var i=1;
-var count=0;
-var visibilityKey =   [{
-  x: 0,
-},
-  {
-    y: "visible"
-  },
-  {
-    y: "hidden"
-  }];
-
-var levels = [
-  {
-    lev:[1,1,1],
-  },
- 
-  {
-    lev:[-2, -2, -2,-2, 1, 1, 2, 2, 2, 2, 1]
-  }
-];
- print();
-  var temp;
-  var keyVisible = 1;
-  var keyCount = 1;
-  var radiusvalue = {}
-    var value = {}
-   // value.x = document.getElementsByTagName("circle")[3].getAttribute("cx")
-    var t1 = anime.timeline({
-  easing: 'easeOutElastic(1, .8)',
-  autoplay: true,
-  loop: true,
-  duration: 4000
-});
-var t2 = anime.timeline({
-  easing: 'easeOutElastic(1, .8)',
-  autoplay: true,
-  loop: true,
-  duration: 4000
-});
-//Init();
-
-Idle();
-document.addEventListener("keydown", onDocumentKeyDown, false);
-function onDocumentKeyDown(event) {
-    var keyCode = event.which;
-    // up
-    if (keyCode == 87) {
-       UpMove()
-        // down
-    } else if (keyCode == 83) {
-       DownMove()
-        // left
-    } else if (keyCode == 65) {
-       LeftMove();
-        // right
-    } else if (keyCode == 68) {
-       RightMove();
-        // space
-    } else if (keyCode == 32) {
-       
-    }
-    else {
-      Idle();
-    }
-    
-};
-
-function Init(){
-  t2.add({
-    targets:visibilityKey,
-  
-      
-       
-      
-      duration: 10000,
-      easing: 'linear',
-      autoplay: true,
-      loop: true,
-      update: function(){
-        //if (keyVisible == 1 || keyVisible == 2)
-       // {
-          document.getElementsByClassName("right arr")[0].firstChild.style.visibility = visibilityKey[keyCount].y;
-          
-        //}
-       
-        keyVisible++;
-        if (keyVisible == 0)
-        {
-          keyVisible = 1;
-        }
-        if(keyVisible == 20 && keyCount == 1)
-        {
-          keyVisible = 2;
-          keyCount = 2;
-        }
-        if(keyVisible == 20 && keyCount == 2)
-        {
-          keyVisible = 1;
-          keyCount = 1;
-
-        }
-        
-        
-       
-      },
-        complete: function() {}
-
-
-    
-  });
-  t2.play();
-}
-function sound(src) {
-    this.sound = document.createElement("audio");
-    this.sound.src = src;
-    this.sound.setAttribute("preload", "auto");
-    this.sound.setAttribute("controls", "none");
-    this.sound.style.display = "none";
-    document.body.appendChild(this.sound);
-    this.play = function(){
-        this.sound.play();
-    }
-    this.stop = function(){
-        this.sound.pause();
-    }    
-}
-function Idle()
-{
- 
-  radiusvalue.x = document.getElementsByTagName("circle")[15].getAttribute("r"); 
-  t1.add({
-    targets:radiusvalue,
-   keyframes: [
-      
-       {x: 25},
-       {x: 20}
-   ],
-      
-       
-      
-      duration: 1000,
-      easing: 'linear',
-      autoplay: true,
-      loop: true,
-      update: function(){
-
-       
-        document.getElementsByTagName("circle")[15].setAttribute("r",radiusvalue.x);
-        
-       
-      },
-        complete: function() {}
-
-
-    
-  });
-  t1.play();
-  
-}
-
-function RightMove() {
- 
-  myMusic = new sound("Drip.wav");
-  myMusic.play();
-value.x =+ document.getElementsByTagName("circle")[15].getAttribute("cx"); 
-  temp =+ document.getElementsByTagName("circle")[15].getAttribute("cx")+ +110; 
- check(1);
- print();
- if (temp >= 380)
- {
-     temp = 50;
- }
-
- anime({
-  targets: value,
-  x: temp,
-  duration: 300,
-  autoplay: true,
-  update: function(){
-            document.getElementsByTagName("circle")[15].setAttribute("cx",value.x);
-          
-         
-      
-      },
-  easing: 'easeInOutSine'
-});
- 
-
-}
-function LeftMove()
-{
-  
-  temp =document.getElementsByTagName("circle")[15].getAttribute("cx");
-
-  myMusic = new sound("Drip.wav");
-  myMusic.play();
-
-  value.x = document.getElementsByTagName("circle")[15].getAttribute("cx"); 
-  temp = temp -110;
-  check(-1);
-  print();
-  if (temp <0)
-  {
-    temp = 270
-  }
-
-  anime({
-  targets: value,
-  x: temp,
-  duration: 300,
-  autoplay: true,
-  update: function(){
-          console.log("SS" + value.x);
-       
-            document.getElementsByTagName("circle")[15].setAttribute("cx",value.x);
-          
-  
-     
-      },
-  easing: 'easeInOutSine'
-});
-}
-
-function DownMove()
-{
-  temp =document.getElementsByTagName("circle")[15].getAttribute("cy");
-
-  myMusic = new sound("InvalidMove.wav");
-  myMusic.play();
-
-  value.x = document.getElementsByTagName("circle")[15].getAttribute("cy"); 
-  temp =+ document.getElementsByTagName("circle")[15].getAttribute("cy")+ +110; 
-  
-  check(-2);
-  print();
- 
-  
-  anime({
-  targets: value,
-  x: temp,
-  duration: 300,
-  autoplay: true,
-  update: function(){
-         
-       
-            document.getElementsByTagName("circle")[15].setAttribute("cy",value.x);
-          
-          
-       
-     
-      },
-  easing: 'easeInOutSine'
-});
-}
-
-function UpMove()
-{
-  temp = document.getElementsByTagName("circle")[15].getAttribute("cy");
-
-  myMusic = new sound("InvalidMove.wav");
-  myMusic.play();
-  
-  value.x = document.getElementsByTagName("circle")[15].getAttribute("cy"); 
-  temp =+ document.getElementsByTagName("circle")[15].getAttribute("cy") - 110; 
-  check(2);
-  print();
-  
- 
-  anime({
-  targets: value,
-  x: temp,
-  duration: 300,
-  autoplay: true,
-  update: function(){
-         
-       
-            document.getElementsByTagName("circle")[15].setAttribute("cy",value.x);
-          
-         
-       
-     
-      },
-  easing: 'easeInOutSine'
-});
-
-}
-function check(x){
-  if(levels[i].lev[count++]===x){
-    console.log("count : "+count);
-  }
-  else {
-    count=0;
-    value.x=50;
-    temp=50;
-    console.log("count : "+count);
-    console.log("you hit the wrong key");
-    document.getElementsByTagName("circle")[15].setAttribute("cx",value.x);
-    document.getElementsByTagName("circle")[15].setAttribute("cy",value.x);
-    $('#lossModal').modal('show');
-  }
-   if(count===levels[i].lev.length){
-    count=0;
-   console.log("you win the level");
-   $('#winModal').modal('show');
-    //alert("can't stop the champion!bravo! you win the level");
-  }
-}
-function print(){
-    var text=document.getElementsByTagName("p");
-    console.log(levels);
-    for(var j=0;j<levels[i].lev.length;j++) {
-            if(levels[i].lev[j]===1)
-            text[j].textContent="right()";
-            else if(levels[i].lev[j]===-1)
-            text[j].textContent="left()";
-            else if(levels[i].lev[j]===2)
-            text[j].textContent="up()";
-            else 
-            text[j].textContent="down()";
-    }
-    for(var j=0;j<count;j++){
-        text[j].style.color="#39FF14";
-    }
-    for(var j=count;j<levels[i].lev.length;j++){
-        text[j].style.color="red";
-    }
-}
-</script>
-</body>
-</html>
diff --git a/lev3.html b/lev3.html
deleted file mode 100644
index b0a9fe2..0000000
--- a/lev3.html
+++ /dev/null
@@ -1,540 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-        <link rel="stylesheet" media="screen and (min-width: 900px)" href="arrow.css">
-        <link rel="stylesheet" media="screen and (max-width: 900px)" href="small_arrow.css">
-        <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
-        
-        <!-- Bootstrap CSS -->
-        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
-        <style>
-            @import url('https://fonts.googleapis.com/css?family=Special+Elite');
-
-            
-.quote {
-	font-family: 'Special Elite', cursive;
-	background: #fffdf5;
-	color: #3f3f5a;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-}
-.btn-primary{
-    float: left;
-}
-.btn-success{
-    float:right;
-}
-.btn-danger{
-    float:right;
-}
-blockquote {
-	font-weight: 100;
-	font-size: 2rem;
-	max-width: 600px;
-	line-height: 1.4;
-	position: relative;
-	margin: 0;
-	padding: .5rem;
-}
-
-blockquote:before,
-blockquote:after {
-	position: absolute;
-	color: #f1efe6;
-	font-size: 8rem;
-	width: 4rem;
-	height: 4rem;
-}
-
-blockquote:before {
-	content: '“';
-	left: -5rem;
-	top: -2rem;
-}
-
-blockquote:after {
-	content: '”';
-	right: -5rem;
-	bottom: 1rem;
-}
-
-cite {
-	line-height: 3;
-	text-align: left;
-}
-        </style>
-</head>
-<body>
-   <!-- win_modal -->
-        <div id="winModal" class="modal fade" role="dialog">
-            <div class="modal-dialog " role="content">
-                <!-- Modal content-->
-                <div class="modal-content">
-                    <div class="modal-body">
-                        <div class="row">
-                            <div class="col-lg-12 col-sm-12 col-xs-12">
-                                <img src="win.jpeg" class="img-fluid" >
-                            </div>
-                        </div>
-                        <div class="quote">
-                            <blockquote>Winning solves everything.</blockquote>
-                            
-                        </div>
-                        <a class="btn btn-primary" href="index.html" role="button">Home</a>
-                       <a class="btn btn-success" href="lev4.html" role="button">Next Level</a>
-                        
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div id="lossModal" class="modal fade" role="dialog">
-            <div class="modal-dialog " role="content">
-                <!-- Modal content-->
-                <div class="modal-content">
-                    <div class="modal-body">
-                        <div class="row">
-                            <div class="col-lg-12 col-sm-12 col-xs-12">
-                                <img src="loss.jpeg" class="img-fluid" >
-                            </div>
-                        </div>
-                        <div class="quote">
-                            <blockquote>Winning provides happiness.Loosing provides wisdom</blockquote>
-                            
-                        </div>
-                        <a class="btn btn-primary" href="index.html" role="button">Home</a>
-                       <a class="btn btn-danger" href="lev3.html" role="button">Try Again</a>
-                        
-                    </div>
-                </div>
-            </div>
-        </div>
-<!--radius=40 distance between two circle=30 -->
-
-        <!--radius=40 distance between two circle=30 -->
-        
-            <div class="screen monitor">
-                
-                <svg height="600" width="320" xmlns="http://www.w3.org/2000/svg">
-                <filter id="inset-shadow" x="-50%" y="-50%" width="200%" height="200%">
-                    <feComponentTransfer in=SourceAlpha>
-                        <feFuncA type="table" tableValues="1 0" />
-                    </feComponentTransfer>
-                    <feGaussianBlur stdDeviation="4"/>
-                    <feOffset dx="0" dy="5" result="offsetblur"/>
-                    <feFlood flood-color="rgb(0, 0, 0)" result="color"/>
-                    <feComposite in2="offsetblur" operator="in"/>
-                    <feComposite in2="SourceAlpha" operator="in" />
-                    <feMerge>
-                        <feMergeNode in="SourceGraphic" />
-                        <feMergeNode />
-                    </feMerge>
-                </filter>
-               
-                <circle  cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"   filter="url(#inset-shadow)" />
-                <circle cx="160" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-                <circle cx="270" cy="50" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-                 
-                <circle  cx="50" cy="160" r="40" stroke="black" stroke-width="3" fill="#FDD20E"   filter="url(#inset-shadow)" />
-                <circle cx="160" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-                <circle cx="270" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-                <circle  cx="50" cy="270" r="40" stroke="black" stroke-width="3" fill="#FDD20E"   filter="url(#inset-shadow)" />
-                <circle cx="160" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-                <circle cx="270" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-                <circle  cx="50" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"   filter="url(#inset-shadow)" />
-                <circle cx="160" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-                <circle cx="270" cy="380" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-                 <circle  cx="50" cy="490" r="40" stroke="black" stroke-width="3" fill="#F76C6C"   filter="url(#inset-shadow)" />
-                <circle cx="160" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-                <circle cx="270" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-                <circle  cx="50" cy="50" r="20" stroke="black" stroke-width="3" fill="white"  filter="url(#inset-shadow)"  />
-                </svg>
-                <div class="t">
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-               </div>
-            </div>
-       
-        <div class="keys">
-            <div class="up arr" onclick="UpMove()"><i class="fa fa-arrow-up"></i></div>
-            <br />
-            <div class="left arr " onclick="LeftMove()" ><i class="fa fa-arrow-left"></i></div>
-            <div class="down arr" onclick="DownMove()"><i class="fa fa-arrow-down"></i></div>
-            <div class="right arr" onclick="RightMove()"><i class="fa fa-arrow-right"></i></div>
-        </div>
-
-        <!--<div class="container">
-        <div class="bar bar1"></div>
-        <div class="ball"></div>
-        <div class="bar bar2"></div>
-    </div>-->
-
-        <!-- keys end -->
- <script src="anime.min.js"></script>
- 
- <script src='THREEx.KeyboardState.js'></script>
- 
-        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
-        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
-<script>
-     var i=2;
-var count=0;
-var visibilityKey =   [{
-  x: 0,
-},
-  {
-    y: "visible"
-  },
-  {
-    y: "hidden"
-  }];
-
-var levels = [
-  {
-    lev:[1,1,1],
-  },
-  {
-    lev:[-2, -2, -2,-2, 1, 1, 2, 2, 2, 2, 1, 1]
-  },
-  {
-    lev:[1, -2, 1, -2, -1, -2, 1, -2, -2,1]
-  }
-];
- print();
-  var temp;
-  var keyVisible = 1;
-  var keyCount = 1;
-  var radiusvalue = {}
-    var value = {}
-   // value.x = document.getElementsByTagName("circle")[3].getAttribute("cx")
-    var t1 = anime.timeline({
-  easing: 'easeOutElastic(1, .8)',
-  autoplay: true,
-  loop: true,
-  duration: 4000
-});
-var t2 = anime.timeline({
-  easing: 'easeOutElastic(1, .8)',
-  autoplay: true,
-  loop: true,
-  duration: 4000
-});
-//Init();
-
-Idle();
-document.addEventListener("keydown", onDocumentKeyDown, false);
-function onDocumentKeyDown(event) {
-    var keyCode = event.which;
-    // up
-    if (keyCode == 87) {
-       UpMove()
-        // down
-    } else if (keyCode == 83) {
-       DownMove()
-        // left
-    } else if (keyCode == 65) {
-       LeftMove();
-        // right
-    } else if (keyCode == 68) {
-       RightMove();
-        // space
-    } else if (keyCode == 32) {
-       
-    }
-    else {
-      Idle();
-    }
-    
-};
-
-function Init(){
-  t2.add({
-    targets:visibilityKey,
-  
-      
-       
-      
-      duration: 10000,
-      easing: 'linear',
-      autoplay: true,
-      loop: true,
-      update: function(){
-        //if (keyVisible == 1 || keyVisible == 2)
-       // {
-          document.getElementsByClassName("right arr")[0].firstChild.style.visibility = visibilityKey[keyCount].y;
-          
-        //}
-       
-        keyVisible++;
-        if (keyVisible == 0)
-        {
-          keyVisible = 1;
-        }
-        if(keyVisible == 20 && keyCount == 1)
-        {
-          keyVisible = 2;
-          keyCount = 2;
-        }
-        if(keyVisible == 20 && keyCount == 2)
-        {
-          keyVisible = 1;
-          keyCount = 1;
-
-        }
-        
-        
-       
-      },
-        complete: function() {}
-
-
-    
-  });
-  t2.play();
-}
-function sound(src) {
-    this.sound = document.createElement("audio");
-    this.sound.src = src;
-    this.sound.setAttribute("preload", "auto");
-    this.sound.setAttribute("controls", "none");
-    this.sound.style.display = "none";
-    document.body.appendChild(this.sound);
-    this.play = function(){
-        this.sound.play();
-    }
-    this.stop = function(){
-        this.sound.pause();
-    }    
-}
-function Idle()
-{
- 
-  radiusvalue.x = document.getElementsByTagName("circle")[15].getAttribute("r"); 
-  t1.add({
-    targets:radiusvalue,
-   keyframes: [
-      
-       {x: 25},
-       {x: 20}
-   ],
-      
-       
-      
-      duration: 1000,
-      easing: 'linear',
-      autoplay: true,
-      loop: true,
-      update: function(){
-
-       
-        document.getElementsByTagName("circle")[15].setAttribute("r",radiusvalue.x);
-        
-       
-      },
-        complete: function() {}
-
-
-    
-  });
-  t1.play();
-  
-}
-
-function RightMove() {
- 
-  myMusic = new sound("Drip.wav");
-  myMusic.play();
-value.x =+ document.getElementsByTagName("circle")[15].getAttribute("cx"); 
-  temp =+ document.getElementsByTagName("circle")[15].getAttribute("cx")+ +110; 
- check(1);
- print();
- if (temp >= 380)
- {
-     temp = 50;
- }
-
- anime({
-  targets: value,
-  x: temp,
-  duration: 300,
-  autoplay: true,
-  update: function(){
-            document.getElementsByTagName("circle")[15].setAttribute("cx",value.x);
-          
-         
-      
-      },
-  easing: 'easeInOutSine'
-});
- 
-
-}
-function LeftMove()
-{
-  
-  temp =document.getElementsByTagName("circle")[15].getAttribute("cx");
-
-  myMusic = new sound("Drip.wav");
-  myMusic.play();
-
-  value.x = document.getElementsByTagName("circle")[15].getAttribute("cx"); 
-  temp = temp -110;
-  check(-1);
-  print();
-  if (temp <0)
-  {
-    temp = 270
-  }
-
-  anime({
-  targets: value,
-  x: temp,
-  duration: 300,
-  autoplay: true,
-  update: function(){
-          console.log("SS" + value.x);
-       
-            document.getElementsByTagName("circle")[15].setAttribute("cx",value.x);
-          
-  
-     
-      },
-  easing: 'easeInOutSine'
-});
-}
-
-function DownMove()
-{
-  temp =document.getElementsByTagName("circle")[15].getAttribute("cy");
-
-  myMusic = new sound("InvalidMove.wav");
-  myMusic.play();
-
-  value.x = document.getElementsByTagName("circle")[15].getAttribute("cy"); 
-  temp =+ document.getElementsByTagName("circle")[15].getAttribute("cy")+ +110; 
-  console.log(temp);
-  if (temp > 490)
-  {
-    temp = 50;
-  }
-  check(-2);
-  print();
- 
-  
-  anime({
-  targets: value,
-  x: temp,
-  duration: 300,
-  autoplay: true,
-  update: function(){
-         
-       
-            document.getElementsByTagName("circle")[15].setAttribute("cy",value.x);
-          
-          
-       
-     
-      },
-  easing: 'easeInOutSine'
-});
-}
-
-function UpMove()
-{
-  temp = document.getElementsByTagName("circle")[15].getAttribute("cy");
-
-  myMusic = new sound("InvalidMove.wav");
-  myMusic.play();
-  
-  value.x = document.getElementsByTagName("circle")[15].getAttribute("cy"); 
-  temp =+ document.getElementsByTagName("circle")[15].getAttribute("cy") - 110; 
-  if (temp < 50)
-  {
-    temp = 490;
-  }
-  check(2);
-  print();
-  
- 
-  anime({
-  targets: value,
-  x: temp,
-  duration: 300,
-  autoplay: true,
-  update: function(){
-         
-       
-            document.getElementsByTagName("circle")[15].setAttribute("cy",value.x);
-          
-         
-       
-     
-      },
-  easing: 'easeInOutSine'
-});
-
-}
-function check(x){
-  if(levels[i].lev[count++]===x){
-    console.log("count : "+count);
-  }
-  else {
-    count=0;
-    value.x=50;
-    temp=50;
-    console.log("count : "+count);
-    console.log("you hit the wrong key");
-    document.getElementsByTagName("circle")[15].setAttribute("cx",value.x);
-    document.getElementsByTagName("circle")[15].setAttribute("cy",value.x);
-    $('#lossModal').modal('show');
-  }
-   if(count===levels[i].lev.length){
-    count=0;
-   console.log("you win the level");
-   $('#winModal').modal('show');
-    //alert("can't stop the champion!bravo! you win the level");
-  }
-}
-function print(){
-    var text=document.getElementsByTagName("p");
-    console.log(levels);
-    for(var j=0;j<levels[i].lev.length;j++) {
-            if(levels[i].lev[j]===1)
-            text[j].textContent="right()";
-            else if(levels[i].lev[j]===-1)
-            text[j].textContent="left()";
-            else if(levels[i].lev[j]===2)
-            text[j].textContent="up()";
-            else 
-            text[j].textContent="down()";
-    }
-    for(var j=0;j<count;j++){
-        text[j].style.color="#39FF14";
-    }
-    for(var j=count;j<levels[i].lev.length;j++){
-        text[j].style.color="red";
-    }
-}
-</script>
-</body>
-</html>
diff --git a/lev4.html b/lev4.html
deleted file mode 100644
index d1da32a..0000000
--- a/lev4.html
+++ /dev/null
@@ -1,542 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-        <link rel="stylesheet" media="screen and (min-width: 900px)" href="arrow.css">
-        <link rel="stylesheet" media="screen and (max-width: 900px)" href="small_arrow.css">
-        <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
-
-        <!-- Bootstrap CSS -->
-        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
-        <style>
-            @import url('https://fonts.googleapis.com/css?family=Special+Elite');
-
-            .quote {
-                font-family: 'Special Elite', cursive;
-                background: #fffdf5;
-                color: #3f3f5a;
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                justify-content: center;
-            }
-            .btn-primary{
-                float: left;
-            }
-            .btn-success{
-                float:right;
-            }
-            .btn-danger{
-                float:right;
-            }
-            blockquote {
-                font-weight: 100;
-                font-size: 2rem;
-                max-width: 600px;
-                line-height: 1.4;
-                position: relative;
-                margin: 0;
-                padding: .5rem;
-            }
-
-            blockquote:before,
-            blockquote:after {
-                position: absolute;
-                color: #f1efe6;
-                font-size: 8rem;
-                width: 4rem;
-                height: 4rem;
-            }
-
-            blockquote:before {
-                content: '“';
-                left: -5rem;
-                top: -2rem;
-            }
-
-            blockquote:after {
-                content: '”';
-                right: -5rem;
-                bottom: 1rem;
-            }
-
-            cite {
-                line-height: 3;
-                text-align: left;
-            }
-        </style>
-    </head>
-    <body>
-        <!-- win_modal -->
-        <div id="winModal" class="modal fade" role="dialog">
-            <div class="modal-dialog " role="content">
-                <!-- Modal content-->
-                <div class="modal-content">
-                    <div class="modal-body">
-                        <div class="row">
-                            <div class="col-lg-12 col-sm-12 col-xs-12">
-                                <img src="win.jpeg" class="img-fluid" >
-                            </div>
-                        </div>
-                        <div class="quote">
-                            <blockquote>Winning solves everything.</blockquote>
-
-                        </div>
-                        <a class="btn btn-primary" href="index.html" role="button">Home</a>
-                        <a class="btn btn-success" href="lev3.html" role="button">Next Level</a>
-
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div id="lossModal" class="modal fade" role="dialog">
-            <div class="modal-dialog " role="content">
-                <!-- Modal content-->
-                <div class="modal-content">
-                    <div class="modal-body">
-                        <div class="row">
-                            <div class="col-lg-12 col-sm-12 col-xs-12">
-                                <img src="loss.jpeg" class="img-fluid" >
-                            </div>
-                        </div>
-                        <div class="quote">
-                            <blockquote>Winning provides happiness.Loosing provides wisdom</blockquote>
-
-                        </div>
-                        <a class="btn btn-primary" href="index.html" role="button">Home</a>
-                        <a class="btn btn-danger" href="lev3.html" role="button">Try Again</a>
-
-                    </div>
-                </div>
-            </div>
-        </div>
-        <!--radius=40 distance between two circle=30 -->
-
-        <!--radius=40 distance between two circle=30 -->
-
-        <div class="screen monitor">
-
-            <svg height="600" width="320" xmlns="http://www.w3.org/2000/svg">
-            <filter id="inset-shadow" x="-50%" y="-50%" width="200%" height="200%">
-                <feComponentTransfer in=SourceAlpha>
-                    <feFuncA type="table" tableValues="1 0" />
-                </feComponentTransfer>
-                <feGaussianBlur stdDeviation="4"/>
-                <feOffset dx="0" dy="5" result="offsetblur"/>
-                <feFlood flood-color="rgb(0, 0, 0)" result="color"/>
-                <feComposite in2="offsetblur" operator="in"/>
-                <feComposite in2="SourceAlpha" operator="in" />
-                <feMerge>
-                    <feMergeNode in="SourceGraphic" />
-                    <feMergeNode />
-                </feMerge>
-            </filter>
-            <defs>
-            <clipPath id="circleView">
-                <circle  cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"   filter="url(#inset-shadow)" />
-            </clipPath>
-            </defs>
-            <image width="100px" xlink:href="https://banner2.cleanpng.com/20180324/xpq/kisspng-lion-infant-baby-shower-child-clip-art-safari-5ab70a62e679c6.453386241521945186944.jpg" clip-path="url(#circleView)" />
-             <defs>
-            <clipPath id="circleView1">
-            <circle cx="160" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-            </clipPath>
-            </defs>
-            <image height="140px" width="300px" xlink:href="https://banner2.cleanpng.com/20180327/uve/kisspng-pug-puppy-canidae-toy-dog-logo-pug-5abafafdbb64c0.2158072415222033897676.jpg" clip-path="url(#circleView1)" />
-            <circle cx="270" cy="50" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-
-            <circle  cx="50" cy="160" r="40" stroke="black" stroke-width="3" fill="#FDD20E"   filter="url(#inset-shadow)" />
-            <circle cx="160" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-            <circle cx="270" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-            <circle  cx="50" cy="270" r="40" stroke="black" stroke-width="3" fill="#FDD20E"   filter="url(#inset-shadow)" />
-            <circle cx="160" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-            <circle cx="270" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-            <circle  cx="50" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"   filter="url(#inset-shadow)" />
-            <circle cx="160" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"  filter="url(#inset-shadow)" />
-            <circle cx="270" cy="380" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-            <circle  cx="50" cy="490" r="40" stroke="black" stroke-width="3" fill="#F76C6C"   filter="url(#inset-shadow)" />
-            <circle cx="160" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-            <circle cx="270" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"  filter="url(#inset-shadow)" />
-            <circle  cx="50" cy="50" r="20" stroke="black" stroke-width="3" fill="white"  filter="url(#inset-shadow)"  />
-            </svg>
-            <div class="t">
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-                <p></p>
-            </div>
-        </div>
-
-        <div class="keys">
-            <div class="up arr" onclick="UpMove()"><i class="fa fa-arrow-up"></i></div>
-            <br />
-            <div class="left arr " onclick="LeftMove()" ><i class="fa fa-arrow-left"></i></div>
-            <div class="down arr" onclick="DownMove()"><i class="fa fa-arrow-down"></i></div>
-            <div class="right arr" onclick="RightMove()"><i class="fa fa-arrow-right"></i></div>
-        </div>
-
-        <!--<div class="container">
-        <div class="bar bar1"></div>
-        <div class="ball"></div>
-        <div class="bar bar2"></div>
-    </div>-->
-
-        <!-- keys end -->
-        <script src="anime.min.js"></script>
-
-        <script src='THREEx.KeyboardState.js'></script>
-
-        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
-        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
-        <script>
-                        var i = 2;
-                        var count = 0;
-                        var visibilityKey = [{
-                                x: 0,
-                            },
-                            {
-                                y: "visible"
-                            },
-                            {
-                                y: "hidden"
-                            }];
-
-                        var levels = [
-                            {
-                                lev: [1, 1, 1],
-                            },
-                            {
-                                lev: [-2, -2, -2, -2, 1, 1, 2, 2, 2, 2, 1, 1]
-                            },
-                            {
-                                lev: [1, -2, 1, -2, -1, -2, 1, -2, -2, 1]
-                            }
-                        ];
-                        print();
-                        var temp;
-                        var keyVisible = 1;
-                        var keyCount = 1;
-                        var radiusvalue = {}
-                        var value = {}
-                        // value.x = document.getElementsByTagName("circle")[3].getAttribute("cx")
-                        var t1 = anime.timeline({
-                            easing: 'easeOutElastic(1, .8)',
-                            autoplay: true,
-                            loop: true,
-                            duration: 4000
-                        });
-                        var t2 = anime.timeline({
-                            easing: 'easeOutElastic(1, .8)',
-                            autoplay: true,
-                            loop: true,
-                            duration: 4000
-                        });
-        //Init();
-
-                        Idle();
-                        document.addEventListener("keydown", onDocumentKeyDown, false);
-                        function onDocumentKeyDown(event) {
-                            var keyCode = event.which;
-                            // up
-                            if (keyCode == 87) {
-                                UpMove()
-                                // down
-                            } else if (keyCode == 83) {
-                                DownMove()
-                                // left
-                            } else if (keyCode == 65) {
-                                LeftMove();
-                                // right
-                            } else if (keyCode == 68) {
-                                RightMove();
-                                // space
-                            } else if (keyCode == 32) {
-
-                            } else {
-                                Idle();
-                            }
-
-                        }
-                        ;
-
-                        function Init() {
-                            t2.add({
-                                targets: visibilityKey,
-
-                                duration: 10000,
-                                easing: 'linear',
-                                autoplay: true,
-                                loop: true,
-                                update: function () {
-                                    //if (keyVisible == 1 || keyVisible == 2)
-                                    // {
-                                    document.getElementsByClassName("right arr")[0].firstChild.style.visibility = visibilityKey[keyCount].y;
-
-                                    //}
-
-                                    keyVisible++;
-                                    if (keyVisible == 0)
-                                    {
-                                        keyVisible = 1;
-                                    }
-                                    if (keyVisible == 20 && keyCount == 1)
-                                    {
-                                        keyVisible = 2;
-                                        keyCount = 2;
-                                    }
-                                    if (keyVisible == 20 && keyCount == 2)
-                                    {
-                                        keyVisible = 1;
-                                        keyCount = 1;
-
-                                    }
-
-
-
-                                },
-                                complete: function () {}
-
-
-
-                            });
-                            t2.play();
-                        }
-                        function sound(src) {
-                            this.sound = document.createElement("audio");
-                            this.sound.src = src;
-                            this.sound.setAttribute("preload", "auto");
-                            this.sound.setAttribute("controls", "none");
-                            this.sound.style.display = "none";
-                            document.body.appendChild(this.sound);
-                            this.play = function () {
-                                this.sound.play();
-                            }
-                            this.stop = function () {
-                                this.sound.pause();
-                            }
-                        }
-                        function Idle()
-                        {
-
-                            radiusvalue.x = document.getElementsByTagName("circle")[15].getAttribute("r");
-                            t1.add({
-                                targets: radiusvalue,
-                                keyframes: [
-
-                                    {x: 25},
-                                    {x: 20}
-                                ],
-
-                                duration: 1000,
-                                easing: 'linear',
-                                autoplay: true,
-                                loop: true,
-                                update: function () {
-
-
-                                    document.getElementsByTagName("circle")[15].setAttribute("r", radiusvalue.x);
-
-
-                                },
-                                complete: function () {}
-
-
-
-                            });
-                            t1.play();
-
-                        }
-
-                        function RightMove() {
-
-                            myMusic = new sound("Drip.wav");
-                            myMusic.play();
-                            value.x = +document.getElementsByTagName("circle")[15].getAttribute("cx");
-                            temp = +document.getElementsByTagName("circle")[15].getAttribute("cx") + +110;
-                            check(1);
-                            print();
-                            if (temp >= 380)
-                            {
-                                temp = 50;
-                            }
-
-                            anime({
-                                targets: value,
-                                x: temp,
-                                duration: 300,
-                                autoplay: true,
-                                update: function () {
-                                    document.getElementsByTagName("circle")[15].setAttribute("cx", value.x);
-
-
-
-                                },
-                                easing: 'easeInOutSine'
-                            });
-
-
-                        }
-                        function LeftMove()
-                        {
-
-                            temp = document.getElementsByTagName("circle")[15].getAttribute("cx");
-
-                            myMusic = new sound("Drip.wav");
-                            myMusic.play();
-
-                            value.x = document.getElementsByTagName("circle")[15].getAttribute("cx");
-                            temp = temp - 110;
-                            check(-1);
-                            print();
-                            if (temp < 0)
-                            {
-                                temp = 270
-                            }
-
-                            anime({
-                                targets: value,
-                                x: temp,
-                                duration: 300,
-                                autoplay: true,
-                                update: function () {
-                                    console.log("SS" + value.x);
-
-                                    document.getElementsByTagName("circle")[15].setAttribute("cx", value.x);
-
-
-
-                                },
-                                easing: 'easeInOutSine'
-                            });
-                        }
-
-                        function DownMove()
-                        {
-                            temp = document.getElementsByTagName("circle")[15].getAttribute("cy");
-
-                            myMusic = new sound("InvalidMove.wav");
-                            myMusic.play();
-
-                            value.x = document.getElementsByTagName("circle")[15].getAttribute("cy");
-                            temp = +document.getElementsByTagName("circle")[15].getAttribute("cy") + +110;
-                            console.log(temp);
-                            if (temp > 490)
-                            {
-                                temp = 50;
-                            }
-                            check(-2);
-                            print();
-
-
-                            anime({
-                                targets: value,
-                                x: temp,
-                                duration: 300,
-                                autoplay: true,
-                                update: function () {
-
-
-                                    document.getElementsByTagName("circle")[15].setAttribute("cy", value.x);
-
-
-
-
-                                },
-                                easing: 'easeInOutSine'
-                            });
-                        }
-
-                        function UpMove()
-                        {
-                            temp = document.getElementsByTagName("circle")[15].getAttribute("cy");
-
-                            myMusic = new sound("InvalidMove.wav");
-                            myMusic.play();
-
-                            value.x = document.getElementsByTagName("circle")[15].getAttribute("cy");
-                            temp = +document.getElementsByTagName("circle")[15].getAttribute("cy") - 110;
-                            if (temp < 50)
-                            {
-                                temp = 490;
-                            }
-                            check(2);
-                            print();
-
-
-                            anime({
-                                targets: value,
-                                x: temp,
-                                duration: 300,
-                                autoplay: true,
-                                update: function () {
-
-
-                                    document.getElementsByTagName("circle")[15].setAttribute("cy", value.x);
-
-
-
-
-                                },
-                                easing: 'easeInOutSine'
-                            });
-
-                        }
-                        function check(x) {
-                            if (levels[i].lev[count++] === x) {
-                                console.log("count : " + count);
-                            } else {
-                                count = 0;
-                                value.x = 50;
-                                temp = 50;
-                                console.log("count : " + count);
-                                console.log("you hit the wrong key");
-                                document.getElementsByTagName("circle")[15].setAttribute("cx", value.x);
-                                document.getElementsByTagName("circle")[15].setAttribute("cy", value.x);
-                                $('#lossModal').modal('show');
-                            }
-                            if (count === levels[i].lev.length) {
-                                count = 0;
-                                console.log("you win the level");
-                                $('#winModal').modal('show');
-                                //alert("can't stop the champion!bravo! you win the level");
-                            }
-                        }
-                        function print() {
-                            var text = document.getElementsByTagName("p");
-                            console.log(levels);
-                            for (var j = 0; j < levels[i].lev.length; j++) {
-                                if (levels[i].lev[j] === 1)
-                                    text[j].textContent = "right()";
-                                else if (levels[i].lev[j] === -1)
-                                    text[j].textContent = "left()";
-                                else if (levels[i].lev[j] === 2)
-                                    text[j].textContent = "up()";
-                                else
-                                    text[j].textContent = "down()";
-                            }
-                            for (var j = 0; j < count; j++) {
-                                text[j].style.color = "#39FF14";
-                            }
-                            for (var j = count; j < levels[i].lev.length; j++) {
-                                text[j].style.color = "red";
-                            }
-                        }
-        </script>
-    </body>
-</html>
diff --git a/main.css b/main.css
deleted file mode 100644
index 64f292b..0000000
--- a/main.css
+++ /dev/null
@@ -1,28 +0,0 @@
-body {
-    background: #000000;
-    text-align: center;
-  }
-  .container {
-    width: 500px;
-    display: inline-block;
-    transform: translateY(200px);
-  }
-  .bar {
-    background: #FFFFFF;
-    width: 10px;
-    height: 100px;
-  }
-  .bar1 {
-    float: left;
-  }
-  .bar2 {
-    float: right;
-  }
-  .ball {
-    background: #FFFFFF;
-    width: 10px;
-    height: 10px;
-    position: relative;
-    top: 90px;
-    left: 10px;
-  }
\ No newline at end of file
diff --git a/middleware.js b/middleware.js
new file mode 100644
index 0000000..1087b40
--- /dev/null
+++ b/middleware.js
@@ -0,0 +1,17 @@
+module.exports.isLoggedIn =(req,res,next)=>{
+    req.session.returnTo=req.originalUrl;
+    if(!req.isAuthenticated()){
+        req.flash('error','You must be logged in');
+        return res.redirect('/login');
+    }
+    next()
+};
+
+module.exports.isAdmin =(req,res,next)=>{
+    req.session.returnTo=req.originalUrl;
+    if(!req.isAuthenticated()){
+        req.flash('error','You must be logged in as an admin to access the admin site');
+        return res.redirect('/login');
+    }
+    next()
+}
\ No newline at end of file
diff --git a/models/faq.js b/models/faq.js
new file mode 100644
index 0000000..cf93b59
--- /dev/null
+++ b/models/faq.js
@@ -0,0 +1,10 @@
+const mongoose = require('mongoose');
+const Schema = mongoose.Schema;
+
+const faqScehma = new Schema({
+    ques: String,
+    ans: String,
+    createdOn: Date
+
+});
+module.exports = mongoose.model('Faq', faqScehma);
\ No newline at end of file
diff --git a/models/feedback.js b/models/feedback.js
new file mode 100644
index 0000000..46595dc
--- /dev/null
+++ b/models/feedback.js
@@ -0,0 +1,10 @@
+const mongoose = require('mongoose');
+const Schema = mongoose.Schema;
+
+const feedbackSchema = new Schema({
+    username: String,
+    name: String,
+    message: String,
+    createdOn: Date
+});
+module.exports = mongoose.model('Feedback', feedbackSchema);
\ No newline at end of file
diff --git a/models/user.js b/models/user.js
new file mode 100644
index 0000000..ab3b2bb
--- /dev/null
+++ b/models/user.js
@@ -0,0 +1,26 @@
+const mongoose = require('mongoose');
+const Schema = mongoose.Schema;
+
+const passportLocalMongoose = require('passport-local-mongoose');
+
+const userScehma = new Schema({
+    name: {
+        type: String,
+        required: true,
+    },
+    maxLevel: {
+        type: Number,
+        default: 0
+    },
+    resetLinkCount: {
+        type: Number,
+        default: 0
+    },
+    isAdmin: {
+        type: Boolean,
+        default: false
+    }
+
+});
+userScehma.plugin(passportLocalMongoose);
+module.exports = mongoose.model('User', userScehma);
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..0f03d1e
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,4354 @@
+{
+  "name": "lln",
+  "version": "1.0.0",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "lln",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "body-parser": "^1.20.0",
+        "bootstrap": "^5.1.3",
+        "connect-flash": "^0.1.1",
+        "crypto": "^1.0.1",
+        "dotenv": "^16.0.0",
+        "ejs": "^3.1.6",
+        "express": "^4.17.3",
+        "express-session": "^1.17.2",
+        "joi": "^17.6.0",
+        "joi-objectid": "^4.0.2",
+        "mongoose": "^6.2.10",
+        "nodemailer": "^6.7.3",
+        "nodemailer-smtp-transport": "^2.7.4",
+        "nodemon": "^2.0.15",
+        "passport": "^0.5.2",
+        "passport-local": "^1.0.0",
+        "passport-local-mongoose": "^7.0.0",
+        "xhr2": "^0.2.1"
+      }
+    },
+    "node_modules/@hapi/hoek": {
+      "version": "9.2.1",
+      "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.2.1.tgz",
+      "integrity": "sha512-gfta+H8aziZsm8pZa0vj04KO6biEiisppNgA1kbJvFrrWu9Vm7eaUEy76DIxsuTaWvti5fkJVhllWc6ZTE+Mdw=="
+    },
+    "node_modules/@hapi/topo": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz",
+      "integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==",
+      "dependencies": {
+        "@hapi/hoek": "^9.0.0"
+      }
+    },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
+      "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==",
+      "peer": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@sideway/address": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.4.tgz",
+      "integrity": "sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==",
+      "dependencies": {
+        "@hapi/hoek": "^9.0.0"
+      }
+    },
+    "node_modules/@sideway/formula": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.0.tgz",
+      "integrity": "sha512-vHe7wZ4NOXVfkoRb8T5otiENVlT7a3IAiw7H5M2+GO+9CDgcVUUsX1zalAztCmwyOr2RUTGJdgB+ZvSVqmdHmg=="
+    },
+    "node_modules/@sideway/pinpoint": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz",
+      "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ=="
+    },
+    "node_modules/@sindresorhus/is": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.14.0.tgz",
+      "integrity": "sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@szmarczak/http-timer": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-1.1.2.tgz",
+      "integrity": "sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA==",
+      "dependencies": {
+        "defer-to-connect": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "17.0.23",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.23.tgz",
+      "integrity": "sha512-UxDxWn7dl97rKVeVS61vErvw086aCYhDLyvRQZ5Rk65rZKepaFdm53GeqXaKBuOhED4e9uWq34IC3TdSdJJ2Gw=="
+    },
+    "node_modules/@types/webidl-conversions": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@types/webidl-conversions/-/webidl-conversions-6.1.1.tgz",
+      "integrity": "sha512-XAahCdThVuCFDQLT7R7Pk/vqeObFNL3YqRyFZg+AqAP/W1/w3xHaIxuW7WszQqTbIBOPRcItYJIou3i/mppu3Q=="
+    },
+    "node_modules/@types/whatwg-url": {
+      "version": "8.2.1",
+      "resolved": "https://registry.npmjs.org/@types/whatwg-url/-/whatwg-url-8.2.1.tgz",
+      "integrity": "sha512-2YubE1sjj5ifxievI5Ge1sckb9k/Er66HyR2c+3+I6VDUUg1TLPdYYTEbQ+DjRkS4nTxMJhgWfSfMRD2sl2EYQ==",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/webidl-conversions": "*"
+      }
+    },
+    "node_modules/abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q=="
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/ansi-align": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",
+      "integrity": "sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==",
+      "dependencies": {
+        "string-width": "^4.1.0"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
+      "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI="
+    },
+    "node_modules/async": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/async/-/async-0.9.2.tgz",
+      "integrity": "sha1-rqdNXmHB+JlhO/ZL2mbUx48v0X0="
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.0",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.0.tgz",
+      "integrity": "sha512-DfJ+q6EPcGKZD1QWUjSpqp+Q7bDQTsQIF4zfUAtZ6qk+H/3/QRhg9CEp39ss+/T2vw0+HaidC0ecJj/DRLIaKg==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.4",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "on-finished": "2.4.1",
+        "qs": "6.10.3",
+        "raw-body": "2.5.1",
+        "type-is": "~1.6.18",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/body-parser/node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/body-parser/node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/body-parser/node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/body-parser/node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/body-parser/node_modules/qs": {
+      "version": "6.10.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.3.tgz",
+      "integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
+      "dependencies": {
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/body-parser/node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/bootstrap": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.1.3.tgz",
+      "integrity": "sha512-fcQztozJ8jToQWXxVuEyXWW+dSo8AiXWKwiSSrKWsRB/Qt+Ewwza+JWoLKiTuQLaEPhdNAJ7+Dosc9DOIqNy7Q==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/bootstrap"
+      },
+      "peerDependencies": {
+        "@popperjs/core": "^2.10.2"
+      }
+    },
+    "node_modules/boxen": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/boxen/-/boxen-5.1.2.tgz",
+      "integrity": "sha512-9gYgQKXx+1nP8mP7CzFyaUARhg7D3n1dF/FnErWmu9l6JvGpNUN278h0aSb+QjoiKSWG+iZ3uHrcqk0qrY9RQQ==",
+      "dependencies": {
+        "ansi-align": "^3.0.0",
+        "camelcase": "^6.2.0",
+        "chalk": "^4.1.0",
+        "cli-boxes": "^2.2.1",
+        "string-width": "^4.2.2",
+        "type-fest": "^0.20.2",
+        "widest-line": "^3.1.0",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/bson": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/bson/-/bson-4.6.2.tgz",
+      "integrity": "sha512-VeJKHShcu1b/ugl0QiujlVuBepab714X9nNyBdA1kfekuDGecxgpTA2Z6nYbagrWFeiIyzSWIOzju3lhj+RNyQ==",
+      "dependencies": {
+        "buffer": "^5.6.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/cacheable-request": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-6.1.0.tgz",
+      "integrity": "sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg==",
+      "dependencies": {
+        "clone-response": "^1.0.2",
+        "get-stream": "^5.1.0",
+        "http-cache-semantics": "^4.0.0",
+        "keyv": "^3.0.0",
+        "lowercase-keys": "^2.0.0",
+        "normalize-url": "^4.1.0",
+        "responselike": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cacheable-request/node_modules/get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cacheable-request/node_modules/lowercase-keys": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
+      "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+      "dependencies": {
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://paulmillr.com/funding/"
+        }
+      ],
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
+      "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ=="
+    },
+    "node_modules/cli-boxes": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-2.2.1.tgz",
+      "integrity": "sha512-y4coMcylgSCdVinjiDBuR8PCC2bLjyGTwEmPb9NHR/QaNU6EUOXcTY/s6VjGMD6ENSEaeQYHCY0GNGS5jfMwPw==",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/clone-response": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.2.tgz",
+      "integrity": "sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=",
+      "dependencies": {
+        "mimic-response": "^1.0.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
+    },
+    "node_modules/configstore": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/configstore/-/configstore-5.0.1.tgz",
+      "integrity": "sha512-aMKprgk5YhBNyH25hj8wGt2+D52Sw1DRRIzqBwLp2Ya9mFmY8KPvvtvmna8SxVR9JMZ4kzMD68N22vlaRpkeFA==",
+      "dependencies": {
+        "dot-prop": "^5.2.0",
+        "graceful-fs": "^4.1.2",
+        "make-dir": "^3.0.0",
+        "unique-string": "^2.0.0",
+        "write-file-atomic": "^3.0.0",
+        "xdg-basedir": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/connect-flash": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/connect-flash/-/connect-flash-0.1.1.tgz",
+      "integrity": "sha1-2GMPJtlaf4UfmVax6MxnMvO2qjA=",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
+      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz",
+      "integrity": "sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
+    },
+    "node_modules/crypto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/crypto/-/crypto-1.0.1.tgz",
+      "integrity": "sha512-VxBKmeNcqQdiUQUW2Tzq0t377b54N2bMtXO/qiLa+6eRRmmC4qT3D4OnTGoT/U6O9aklQ/jTwbOtRMTTY8G0Ig==",
+      "deprecated": "This package is no longer supported. It's now a built-in Node module. If you've depended on crypto, you should switch to the one that's built-in."
+    },
+    "node_modules/crypto-random-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz",
+      "integrity": "sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/decompress-response": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-3.3.0.tgz",
+      "integrity": "sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=",
+      "dependencies": {
+        "mimic-response": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/defer-to-connect": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-1.1.3.tgz",
+      "integrity": "sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ=="
+    },
+    "node_modules/denque": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/denque/-/denque-2.0.1.tgz",
+      "integrity": "sha512-tfiWc6BQLXNLpNiR5iGd0Ocu3P3VpxfzFiqubLgMfhfOw9WyvgJBd46CClNn9k3qfbjvT//0cf7AlYRX/OslMQ==",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
+      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA="
+    },
+    "node_modules/dot-prop": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.3.0.tgz",
+      "integrity": "sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==",
+      "dependencies": {
+        "is-obj": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.0.0.tgz",
+      "integrity": "sha512-qD9WU0MPM4SWLPJy/r2Be+2WgQj8plChsyrCNQzW/0WjvcJQiKQJ9mH3ZgB3fxbUUxgc/11ZJ0Fi5KiimWGz2Q==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/duplexer3": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.4.tgz",
+      "integrity": "sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI="
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
+    },
+    "node_modules/ejs": {
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.6.tgz",
+      "integrity": "sha512-9lt9Zse4hPucPkoP7FHDF0LQAlGyF9JVpnClFLFH3aSSbxmyoqINRpp/9wePWJTUl4KOQwRL72Iw3InHPDkoGw==",
+      "dependencies": {
+        "jake": "^10.6.1"
+      },
+      "bin": {
+        "ejs": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+    },
+    "node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/escape-goat": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/escape-goat/-/escape-goat-2.1.1.tgz",
+      "integrity": "sha512-8/uIhbG12Csjy2JEW7D9pHbreaVaS/OpN3ycnyvElTdwM5n6GY6W6e2IPemfvGZeUMqZ9A/3GqIZMgKnBhAw/Q==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/express": {
+      "version": "4.17.3",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.17.3.tgz",
+      "integrity": "sha512-yuSQpz5I+Ch7gFrPCk4/c+dIBKlQUxtgwqzph132bsT6qhuzss6I8cLJQz7B3rFblzd6wtcI0ZbGltH/C4LjUg==",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.19.2",
+        "content-disposition": "0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "0.4.2",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "~1.1.2",
+        "fresh": "0.5.2",
+        "merge-descriptors": "1.0.1",
+        "methods": "~1.1.2",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.7",
+        "proxy-addr": "~2.0.7",
+        "qs": "6.9.7",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "0.17.2",
+        "serve-static": "1.14.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "~1.5.0",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/express-session": {
+      "version": "1.17.2",
+      "resolved": "https://registry.npmjs.org/express-session/-/express-session-1.17.2.tgz",
+      "integrity": "sha512-mPcYcLA0lvh7D4Oqr5aNJFMtBMKPLl++OKKxkHzZ0U0oDq1rpKBnkR5f5vCHR26VeArlTOEF9td4x5IjICksRQ==",
+      "dependencies": {
+        "cookie": "0.4.1",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "~2.0.0",
+        "on-headers": "~1.0.2",
+        "parseurl": "~1.3.3",
+        "safe-buffer": "5.2.1",
+        "uid-safe": "~2.1.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/express-session/node_modules/cookie": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.1.tgz",
+      "integrity": "sha512-ZwrFkGJxUR3EIoXtO+yVE69Eb7KlixbaeAWfBQB9vVsNn/o+Yw69gBWSSDK825hQNdN+wF8zELf3dFNl/kxkUA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/express-session/node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/express/node_modules/body-parser": {
+      "version": "1.19.2",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.2.tgz",
+      "integrity": "sha512-SAAwOxgoCKMGs9uUAUFHygfLAyaniaoun6I8mFY9pRAJL9+Kec34aU+oIjDhTycub1jozEfEwx1W1IuOYxVSFw==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.4",
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "http-errors": "1.8.1",
+        "iconv-lite": "0.4.24",
+        "on-finished": "~2.3.0",
+        "qs": "6.9.7",
+        "raw-body": "2.4.3",
+        "type-is": "~1.6.18"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/express/node_modules/raw-body": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.3.tgz",
+      "integrity": "sha512-UlTNLIcu0uzb4D2f4WltY6cVjLi+/jEN4lgEUj3E04tpMDpUlkBo/eSn6zou9hum2VMNpCCUone0O0WeJim07g==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "http-errors": "1.8.1",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/filelist": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.2.tgz",
+      "integrity": "sha512-z7O0IS8Plc39rTCq6i6iHxk43duYOn8uFJiWSewIq0Bww1RNybVHSCjahmcC87ZqAm4OTvFzlzeGu3XAzG1ctQ==",
+      "dependencies": {
+        "minimatch": "^3.0.4"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
+      "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "statuses": "~1.5.0",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
+    },
+    "node_modules/generaterr": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/generaterr/-/generaterr-1.5.0.tgz",
+      "integrity": "sha1-sM62zFFk3yoGEzjMNAqGFTlcUvw="
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz",
+      "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==",
+      "dependencies": {
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-symbols": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+      "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/global-dirs": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-3.0.0.tgz",
+      "integrity": "sha512-v8ho2DS5RiCjftj1nD9NmnfaOzTdud7RRnVd9kFNOjqZbISlx5DQ+OrTkywgd0dIt7oFCvKetZSHoHcP3sDdiA==",
+      "dependencies": {
+        "ini": "2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/got": {
+      "version": "9.6.0",
+      "resolved": "https://registry.npmjs.org/got/-/got-9.6.0.tgz",
+      "integrity": "sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==",
+      "dependencies": {
+        "@sindresorhus/is": "^0.14.0",
+        "@szmarczak/http-timer": "^1.1.2",
+        "cacheable-request": "^6.0.0",
+        "decompress-response": "^3.3.0",
+        "duplexer3": "^0.1.4",
+        "get-stream": "^4.1.0",
+        "lowercase-keys": "^1.0.1",
+        "mimic-response": "^1.0.1",
+        "p-cancelable": "^1.0.0",
+        "to-readable-stream": "^1.0.0",
+        "url-parse-lax": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.9",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
+      "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ=="
+    },
+    "node_modules/has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dependencies": {
+        "function-bind": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-yarn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/has-yarn/-/has-yarn-2.1.0.tgz",
+      "integrity": "sha512-UqBRqi4ju7T+TqGNdqAO0PaSVGsDGJUBQvk9eUWNGRY1CFGDzYhLWoM7JQEemnlvVcv/YEmc2wNW8BC24EnUsw==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/http-cache-semantics": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz",
+      "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ=="
+    },
+    "node_modules/http-errors": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz",
+      "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/httpntlm": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/httpntlm/-/httpntlm-1.6.1.tgz",
+      "integrity": "sha1-rQFScUOi6Hc8+uapb1hla7UqNLI=",
+      "dependencies": {
+        "httpreq": ">=0.4.22",
+        "underscore": "~1.7.0"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/httpreq": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/httpreq/-/httpreq-0.5.2.tgz",
+      "integrity": "sha512-2Jm+x9WkExDOeFRrdBCBSpLPT5SokTcRHkunV3pjKmX/cx6av8zQ0WtHUMDrYb6O4hBFzNU6sxJEypvRUVYKnw==",
+      "engines": {
+        "node": ">= 6.15.1"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/ignore-by-default": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
+      "integrity": "sha1-SMptcvbGo68Aqa1K5odr44ieKwk="
+    },
+    "node_modules/import-lazy": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-2.1.0.tgz",
+      "integrity": "sha1-BWmOPUXIjo1+nZLLBYTnfwlvPkM=",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "node_modules/ini": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-2.0.0.tgz",
+      "integrity": "sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/ip": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz",
+      "integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo="
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-ci": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-2.0.0.tgz",
+      "integrity": "sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==",
+      "dependencies": {
+        "ci-info": "^2.0.0"
+      },
+      "bin": {
+        "is-ci": "bin.js"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-installed-globally": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.4.0.tgz",
+      "integrity": "sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==",
+      "dependencies": {
+        "global-dirs": "^3.0.0",
+        "is-path-inside": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-npm": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-npm/-/is-npm-5.0.0.tgz",
+      "integrity": "sha512-WW/rQLOazUq+ST/bCAVBp/2oMERWLsR7OrKyt052dNDk4DHcDE0/7QSXITlmi+VBcV13DfIbysG3tZJm5RfdBA==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-obj": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
+      "integrity": "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo="
+    },
+    "node_modules/is-yarn-global": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/is-yarn-global/-/is-yarn-global-0.3.0.tgz",
+      "integrity": "sha512-VjSeb/lHmkoyd8ryPVIKvOCn4D1koMqY+vqyjjUfc3xyKtP4dYOxM44sZrnqQSzSds3xyOrUTLTC9LVCVgLngw=="
+    },
+    "node_modules/jake": {
+      "version": "10.8.4",
+      "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.4.tgz",
+      "integrity": "sha512-MtWeTkl1qGsWUtbl/Jsca/8xSoK3x0UmS82sNbjqxxG/de/M/3b1DntdjHgPMC50enlTNwXOCRqPXLLt5cCfZA==",
+      "dependencies": {
+        "async": "0.9.x",
+        "chalk": "^4.0.2",
+        "filelist": "^1.0.1",
+        "minimatch": "^3.0.4"
+      },
+      "bin": {
+        "jake": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/joi": {
+      "version": "17.6.0",
+      "resolved": "https://registry.npmjs.org/joi/-/joi-17.6.0.tgz",
+      "integrity": "sha512-OX5dG6DTbcr/kbMFj0KGYxuew69HPcAE3K/sZpEV2nP6e/j/C0HV+HNiBPCASxdx5T7DMoa0s8UeHWMnb6n2zw==",
+      "dependencies": {
+        "@hapi/hoek": "^9.0.0",
+        "@hapi/topo": "^5.0.0",
+        "@sideway/address": "^4.1.3",
+        "@sideway/formula": "^3.0.0",
+        "@sideway/pinpoint": "^2.0.0"
+      }
+    },
+    "node_modules/joi-objectid": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/joi-objectid/-/joi-objectid-4.0.2.tgz",
+      "integrity": "sha512-OjYM+wK/JGo2bSb9ADEyzxxROJPZYtrqIwBbywpJ2a98oKlbLtWTKvpzmrnXzou69Ey9EsjHsFvZYzpjeCdKuA=="
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.0.tgz",
+      "integrity": "sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg="
+    },
+    "node_modules/kareem": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/kareem/-/kareem-2.3.5.tgz",
+      "integrity": "sha512-qxCyQtp3ioawkiRNQr/v8xw9KIviMSSNmy+63Wubj7KmMn3g7noRXIZB4vPCAP+ETi2SR8eH6CvmlKZuGpoHOg=="
+    },
+    "node_modules/keyv": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-3.1.0.tgz",
+      "integrity": "sha512-9ykJ/46SN/9KPM/sichzQ7OvXyGDYKGTaDlKMGCAlg2UK8KRy4jb0d8sFc+0Tt0YYnThq8X2RZgCg74RPxgcVA==",
+      "dependencies": {
+        "json-buffer": "3.0.0"
+      }
+    },
+    "node_modules/latest-version": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/latest-version/-/latest-version-5.1.0.tgz",
+      "integrity": "sha512-weT+r0kTkRQdCdYCNtkMwWXQTMEswKrFBkm4ckQOMVhhqhIMI1UT2hMj+1iigIhgSZm5gTmrRXBNoGUgaTY1xA==",
+      "dependencies": {
+        "package-json": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/lowercase-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz",
+      "integrity": "sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "dependencies": {
+        "semver": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/memory-pager": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz",
+      "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg==",
+      "optional": true
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E="
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-response": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
+      "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
+      "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q=="
+    },
+    "node_modules/mongodb": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-4.3.1.tgz",
+      "integrity": "sha512-sNa8APSIk+r4x31ZwctKjuPSaeKuvUeNb/fu/3B6dRM02HpEgig7hTHM8A/PJQTlxuC/KFWlDlQjhsk/S43tBg==",
+      "dependencies": {
+        "bson": "^4.6.1",
+        "denque": "^2.0.1",
+        "mongodb-connection-string-url": "^2.4.1",
+        "socks": "^2.6.1"
+      },
+      "engines": {
+        "node": ">=12.9.0"
+      },
+      "optionalDependencies": {
+        "saslprep": "^1.0.3"
+      }
+    },
+    "node_modules/mongodb-connection-string-url": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/mongodb-connection-string-url/-/mongodb-connection-string-url-2.5.2.tgz",
+      "integrity": "sha512-tWDyIG8cQlI5k3skB6ywaEA5F9f5OntrKKsT/Lteub2zgwSUlhqEN2inGgBTm8bpYJf8QYBdA/5naz65XDpczA==",
+      "dependencies": {
+        "@types/whatwg-url": "^8.2.1",
+        "whatwg-url": "^11.0.0"
+      }
+    },
+    "node_modules/mongoose": {
+      "version": "6.2.10",
+      "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-6.2.10.tgz",
+      "integrity": "sha512-Yp+6UH5M0AlxAVGdC2/Deq0St+2qW73oKCnhJDr83bOZ12eflTLTT5uQF0p6KzvtFj86XWbq/7ApvO4yW6h1sA==",
+      "dependencies": {
+        "bson": "^4.2.2",
+        "kareem": "2.3.5",
+        "mongodb": "4.3.1",
+        "mpath": "0.8.4",
+        "mquery": "4.0.2",
+        "ms": "2.1.3",
+        "sift": "16.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mongoose"
+      }
+    },
+    "node_modules/mongoose/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/mpath": {
+      "version": "0.8.4",
+      "resolved": "https://registry.npmjs.org/mpath/-/mpath-0.8.4.tgz",
+      "integrity": "sha512-DTxNZomBcTWlrMW76jy1wvV37X/cNNxPW1y2Jzd4DZkAaC5ZGsm8bfGfNOthcDuRJujXLqiuS6o3Tpy0JEoh7g==",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mquery": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/mquery/-/mquery-4.0.2.tgz",
+      "integrity": "sha512-oAVF0Nil1mT3rxty6Zln4YiD6x6QsUWYz927jZzjMxOK2aqmhEz5JQ7xmrKK7xRFA2dwV+YaOpKU/S+vfNqKxA==",
+      "dependencies": {
+        "debug": "4.x"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/mquery/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mquery/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/nodemailer": {
+      "version": "6.7.3",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.7.3.tgz",
+      "integrity": "sha512-KUdDsspqx89sD4UUyUKzdlUOper3hRkDVkrKh/89G+d9WKsU5ox51NWS4tB1XR5dPUdR4SP0E3molyEfOvSa3g==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/nodemailer-fetch": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/nodemailer-fetch/-/nodemailer-fetch-1.6.0.tgz",
+      "integrity": "sha1-ecSQihwPXzdbc/6IjamCj23JY6Q="
+    },
+    "node_modules/nodemailer-shared": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/nodemailer-shared/-/nodemailer-shared-1.1.0.tgz",
+      "integrity": "sha1-z1mU4v0mjQD1zw+nZ6CBae2wfsA=",
+      "dependencies": {
+        "nodemailer-fetch": "1.6.0"
+      }
+    },
+    "node_modules/nodemailer-smtp-transport": {
+      "version": "2.7.4",
+      "resolved": "https://registry.npmjs.org/nodemailer-smtp-transport/-/nodemailer-smtp-transport-2.7.4.tgz",
+      "integrity": "sha1-DYmvAZoUSkgP2OzJmZfZ+DjxNoU=",
+      "dependencies": {
+        "nodemailer-shared": "1.1.0",
+        "nodemailer-wellknown": "0.1.10",
+        "smtp-connection": "2.12.0"
+      }
+    },
+    "node_modules/nodemailer-wellknown": {
+      "version": "0.1.10",
+      "resolved": "https://registry.npmjs.org/nodemailer-wellknown/-/nodemailer-wellknown-0.1.10.tgz",
+      "integrity": "sha1-WG24EB2zDLRDjrVGc3pBqtDPE9U="
+    },
+    "node_modules/nodemon": {
+      "version": "2.0.15",
+      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-2.0.15.tgz",
+      "integrity": "sha512-gdHMNx47Gw7b3kWxJV64NI+Q5nfl0y5DgDbiVtShiwa7Z0IZ07Ll4RLFo6AjrhzMtoEZn5PDE3/c2AbVsiCkpA==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "chokidar": "^3.5.2",
+        "debug": "^3.2.7",
+        "ignore-by-default": "^1.0.1",
+        "minimatch": "^3.0.4",
+        "pstree.remy": "^1.1.8",
+        "semver": "^5.7.1",
+        "supports-color": "^5.5.0",
+        "touch": "^3.1.0",
+        "undefsafe": "^2.0.5",
+        "update-notifier": "^5.1.0"
+      },
+      "bin": {
+        "nodemon": "bin/nodemon.js"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/nodemon"
+      }
+    },
+    "node_modules/nodemon/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/nodemon/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/nodemon/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/nodemon/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/nopt": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-1.0.10.tgz",
+      "integrity": "sha1-bd0hvSoxQXuScn3Vhfim83YI6+4=",
+      "dependencies": {
+        "abbrev": "1"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-url": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.5.1.tgz",
+      "integrity": "sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.0.tgz",
+      "integrity": "sha512-Ho2z80bVIvJloH+YzRmpZVQe87+qASmBUKZDWgx9cu+KDrX2ZDH/3tMy+gXbZETVGs2M8YdxObOh7XAtim9Y0g==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+      "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/on-headers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/p-cancelable": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-1.1.0.tgz",
+      "integrity": "sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/package-json": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/package-json/-/package-json-6.5.0.tgz",
+      "integrity": "sha512-k3bdm2n25tkyxcjSKzB5x8kfVxlMdgsbPr0GkZcwHsLpba6cBjqCt1KlcChKEvxHIcTB1FVMuwoijZ26xex5MQ==",
+      "dependencies": {
+        "got": "^9.6.0",
+        "registry-auth-token": "^4.0.0",
+        "registry-url": "^5.0.0",
+        "semver": "^6.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/package-json/node_modules/semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/passport": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/passport/-/passport-0.5.2.tgz",
+      "integrity": "sha512-w9n/Ot5I7orGD4y+7V3EFJCQEznE5RxHamUxcqLT2QoJY0f2JdN8GyHonYFvN0Vz+L6lUJfVhrk2aZz2LbuREw==",
+      "dependencies": {
+        "passport-strategy": "1.x.x",
+        "pause": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/jaredhanson"
+      }
+    },
+    "node_modules/passport-local": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/passport-local/-/passport-local-1.0.0.tgz",
+      "integrity": "sha1-H+YyaMkudWBmJkN+O5BmYsFbpu4=",
+      "dependencies": {
+        "passport-strategy": "1.x.x"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/passport-local-mongoose": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/passport-local-mongoose/-/passport-local-mongoose-7.0.0.tgz",
+      "integrity": "sha512-JwpMJJa7D73ri9vojXNOgsPT4pzw5UowH4QhdXQUW18noLngwJ+mtImo/5cMVlOuZEB6Q2tryy4YGqJRMZzC+g==",
+      "dependencies": {
+        "generaterr": "^1.5.0",
+        "passport-local": "^1.0.0",
+        "scmp": "^2.1.0"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
+    "node_modules/passport-strategy": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/passport-strategy/-/passport-strategy-1.0.0.tgz",
+      "integrity": "sha1-tVOaqPwiWj0a0XlHbd8ja0QPUuQ=",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+      "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w="
+    },
+    "node_modules/pause": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/pause/-/pause-0.0.1.tgz",
+      "integrity": "sha1-HUCLP9t2kjuVQ9lvtMnf1TXZy10="
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/prepend-http": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
+      "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/pstree.remy": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz",
+      "integrity": "sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w=="
+    },
+    "node_modules/pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pupa": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/pupa/-/pupa-2.1.1.tgz",
+      "integrity": "sha512-l1jNAspIBSFqbT+y+5FosojNpVpF94nlI+wDUpqP9enwOTfHx9f0gh5nB96vl+6yTpsJsypeNrwfzPrKuHB41A==",
+      "dependencies": {
+        "escape-goat": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.9.7",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.9.7.tgz",
+      "integrity": "sha512-IhMFgUmuNpyRfxA90umL7ByLlgRXu6tIfKPpF5TmcfRLlLCckfP/g3IQmju6jjpu+Hh8rA+2p6A27ZSPOOHdKw==",
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/random-bytes": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/random-bytes/-/random-bytes-1.0.0.tgz",
+      "integrity": "sha1-T2ih3Arli9P7lYSMMDJNt11kNgs=",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
+      "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/raw-body/node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/raw-body/node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/raw-body/node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "dependencies": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "bin": {
+        "rc": "cli.js"
+      }
+    },
+    "node_modules/rc/node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/registry-auth-token": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-4.2.1.tgz",
+      "integrity": "sha512-6gkSb4U6aWJB4SF2ZvLb76yCBjcvufXBqvvEx1HbmKPkutswjW1xNVRY0+daljIYRbogN7O0etYSlbiaEQyMyw==",
+      "dependencies": {
+        "rc": "^1.2.8"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/registry-url": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-5.1.0.tgz",
+      "integrity": "sha512-8acYXXTI0AkQv6RAOjE3vOaIXZkT9wo4LOFbBKYQEEnnMNBpKqdUrI6S4NT0KPIo/WVvJ5tE/X5LF/TQUf0ekw==",
+      "dependencies": {
+        "rc": "^1.2.8"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/responselike": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/responselike/-/responselike-1.0.2.tgz",
+      "integrity": "sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=",
+      "dependencies": {
+        "lowercase-keys": "^1.0.0"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
+    "node_modules/saslprep": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/saslprep/-/saslprep-1.0.3.tgz",
+      "integrity": "sha512-/MY/PEMbk2SuY5sScONwhUDsV2p77Znkb/q3nSVstq/yQzYJOH/Azh29p9oJLsl3LnQwSvZDKagDGBsBwSooag==",
+      "optional": true,
+      "dependencies": {
+        "sparse-bitfield": "^3.0.3"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/scmp": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/scmp/-/scmp-2.1.0.tgz",
+      "integrity": "sha512-o/mRQGk9Rcer/jEEw/yw4mwo3EU/NvYvp577/Btqrym9Qy5/MdWGBqipbALgd2lrdWTJ5/gqDusxfnQBxOxT2Q=="
+    },
+    "node_modules/semver": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/semver-diff": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/semver-diff/-/semver-diff-3.1.1.tgz",
+      "integrity": "sha512-GX0Ix/CJcHyB8c4ykpHGIAvLyOwOobtM/8d+TQkAd81/bEjgPHrfba41Vpesr7jX/t8Uh+R3EX9eAS5be+jQYg==",
+      "dependencies": {
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/semver-diff/node_modules/semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/send": {
+      "version": "0.17.2",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.17.2.tgz",
+      "integrity": "sha512-UJYB6wFSJE3G00nEivR5rgWp8c2xXvJ3OPWPhmuteU0IKj8nKbG3DrjiOmLwpnHGYWAVwA69zmTm++YG0Hmwww==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "destroy": "~1.0.4",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "1.8.1",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "~2.3.0",
+        "range-parser": "~1.2.1",
+        "statuses": "~1.5.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/serve-static": {
+      "version": "1.14.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.2.tgz",
+      "integrity": "sha512-+TMNA9AFxUEGuC0z2mevogSnn9MXKb4fa7ngeRMJaaGv8vTwnIEkKi+QGvPt33HSnf8pRS+WGM0EbMtCJLKMBQ==",
+      "dependencies": {
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.17.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/sift": {
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/sift/-/sift-16.0.0.tgz",
+      "integrity": "sha512-ILTjdP2Mv9V1kIxWMXeMTIRbOBrqKc4JAXmFMnFq3fKeyQ2Qwa3Dw1ubcye3vR+Y6ofA0b9gNDr/y2t6eUeIzQ=="
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
+    },
+    "node_modules/smart-buffer": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
+      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
+      "engines": {
+        "node": ">= 6.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/smtp-connection": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/smtp-connection/-/smtp-connection-2.12.0.tgz",
+      "integrity": "sha1-1275EnyyPCJZ7bHoNJwujV4tdME=",
+      "dependencies": {
+        "httpntlm": "1.6.1",
+        "nodemailer-shared": "1.1.0"
+      }
+    },
+    "node_modules/socks": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.6.2.tgz",
+      "integrity": "sha512-zDZhHhZRY9PxRruRMR7kMhnf3I8hDs4S3f9RecfnGxvcBHQcKcIH/oUcEWffsfl1XxdYlA7nnlGbbTvPz9D8gA==",
+      "dependencies": {
+        "ip": "^1.1.5",
+        "smart-buffer": "^4.2.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/sparse-bitfield": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz",
+      "integrity": "sha1-/0rm5oZWBWuks+eSqzM004JzyhE=",
+      "optional": true,
+      "dependencies": {
+        "memory-pager": "^1.0.2"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/to-readable-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/to-readable-stream/-/to-readable-stream-1.0.0.tgz",
+      "integrity": "sha512-Iq25XBt6zD5npPhlLVXGFN3/gyR2/qODcKNNyTMd4vbm39HUaOiAM4PMq0eMVC/Tkxz+Zjdsc55g9yyz+Yq00Q==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/touch": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/touch/-/touch-3.1.0.tgz",
+      "integrity": "sha512-WBx8Uy5TLtOSRtIq+M03/sKDrXCLHxwDcquSP2c43Le03/9serjQBIztjRz6FkJez9D/hleyAXTBGLwwZUw9lA==",
+      "dependencies": {
+        "nopt": "~1.0.10"
+      },
+      "bin": {
+        "nodetouch": "bin/nodetouch.js"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
+      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
+      "dependencies": {
+        "punycode": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typedarray-to-buffer": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
+      "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
+      "dependencies": {
+        "is-typedarray": "^1.0.0"
+      }
+    },
+    "node_modules/uid-safe": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/uid-safe/-/uid-safe-2.1.5.tgz",
+      "integrity": "sha512-KPHm4VL5dDXKz01UuEd88Df+KzynaohSL9fBh096KWAxSKZQDI2uBrVqtvRM4rwrIrRRKsdLNML/lnaaVSRioA==",
+      "dependencies": {
+        "random-bytes": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/undefsafe": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz",
+      "integrity": "sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA=="
+    },
+    "node_modules/underscore": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.7.0.tgz",
+      "integrity": "sha1-a7rwh3UA02vjTsqlhODbn+8DUgk="
+    },
+    "node_modules/unique-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz",
+      "integrity": "sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==",
+      "dependencies": {
+        "crypto-random-string": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/update-notifier": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/update-notifier/-/update-notifier-5.1.0.tgz",
+      "integrity": "sha512-ItnICHbeMh9GqUy31hFPrD1kcuZ3rpxDZbf4KUDavXwS0bW5m7SLbDQpGX3UYr072cbrF5hFUs3r5tUsPwjfHw==",
+      "dependencies": {
+        "boxen": "^5.0.0",
+        "chalk": "^4.1.0",
+        "configstore": "^5.0.1",
+        "has-yarn": "^2.1.0",
+        "import-lazy": "^2.1.0",
+        "is-ci": "^2.0.0",
+        "is-installed-globally": "^0.4.0",
+        "is-npm": "^5.0.0",
+        "is-yarn-global": "^0.3.0",
+        "latest-version": "^5.1.0",
+        "pupa": "^2.1.1",
+        "semver": "^7.3.4",
+        "semver-diff": "^3.1.1",
+        "xdg-basedir": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/yeoman/update-notifier?sponsor=1"
+      }
+    },
+    "node_modules/update-notifier/node_modules/semver": {
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/url-parse-lax": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-3.0.0.tgz",
+      "integrity": "sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=",
+      "dependencies": {
+        "prepend-http": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
+      "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
+      "dependencies": {
+        "tr46": "^3.0.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/widest-line": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-3.1.0.tgz",
+      "integrity": "sha512-NsmoXalsWVDMGupxZ5R08ka9flZjjiLvHVAWYOKtiKM8ujtZWr9cRffak+uSE48+Ob8ObalXpwyeUiyDD6QFgg==",
+      "dependencies": {
+        "string-width": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+    },
+    "node_modules/write-file-atomic": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz",
+      "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==",
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "is-typedarray": "^1.0.0",
+        "signal-exit": "^3.0.2",
+        "typedarray-to-buffer": "^3.1.5"
+      }
+    },
+    "node_modules/xdg-basedir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-4.0.0.tgz",
+      "integrity": "sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/xhr2": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/xhr2/-/xhr2-0.2.1.tgz",
+      "integrity": "sha512-sID0rrVCqkVNUn8t6xuv9+6FViXjUVXq8H5rWOH2rz9fDNQEd4g0EA2XlcEdJXRz5BMEn4O1pJFdT+z4YHhoWw==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    }
+  },
+  "dependencies": {
+    "@hapi/hoek": {
+      "version": "9.2.1",
+      "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.2.1.tgz",
+      "integrity": "sha512-gfta+H8aziZsm8pZa0vj04KO6biEiisppNgA1kbJvFrrWu9Vm7eaUEy76DIxsuTaWvti5fkJVhllWc6ZTE+Mdw=="
+    },
+    "@hapi/topo": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz",
+      "integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==",
+      "requires": {
+        "@hapi/hoek": "^9.0.0"
+      }
+    },
+    "@popperjs/core": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
+      "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==",
+      "peer": true
+    },
+    "@sideway/address": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.4.tgz",
+      "integrity": "sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==",
+      "requires": {
+        "@hapi/hoek": "^9.0.0"
+      }
+    },
+    "@sideway/formula": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.0.tgz",
+      "integrity": "sha512-vHe7wZ4NOXVfkoRb8T5otiENVlT7a3IAiw7H5M2+GO+9CDgcVUUsX1zalAztCmwyOr2RUTGJdgB+ZvSVqmdHmg=="
+    },
+    "@sideway/pinpoint": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz",
+      "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ=="
+    },
+    "@sindresorhus/is": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.14.0.tgz",
+      "integrity": "sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ=="
+    },
+    "@szmarczak/http-timer": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-1.1.2.tgz",
+      "integrity": "sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA==",
+      "requires": {
+        "defer-to-connect": "^1.0.1"
+      }
+    },
+    "@types/node": {
+      "version": "17.0.23",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.23.tgz",
+      "integrity": "sha512-UxDxWn7dl97rKVeVS61vErvw086aCYhDLyvRQZ5Rk65rZKepaFdm53GeqXaKBuOhED4e9uWq34IC3TdSdJJ2Gw=="
+    },
+    "@types/webidl-conversions": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@types/webidl-conversions/-/webidl-conversions-6.1.1.tgz",
+      "integrity": "sha512-XAahCdThVuCFDQLT7R7Pk/vqeObFNL3YqRyFZg+AqAP/W1/w3xHaIxuW7WszQqTbIBOPRcItYJIou3i/mppu3Q=="
+    },
+    "@types/whatwg-url": {
+      "version": "8.2.1",
+      "resolved": "https://registry.npmjs.org/@types/whatwg-url/-/whatwg-url-8.2.1.tgz",
+      "integrity": "sha512-2YubE1sjj5ifxievI5Ge1sckb9k/Er66HyR2c+3+I6VDUUg1TLPdYYTEbQ+DjRkS4nTxMJhgWfSfMRD2sl2EYQ==",
+      "requires": {
+        "@types/node": "*",
+        "@types/webidl-conversions": "*"
+      }
+    },
+    "abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q=="
+    },
+    "accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "requires": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      }
+    },
+    "ansi-align": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",
+      "integrity": "sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==",
+      "requires": {
+        "string-width": "^4.1.0"
+      }
+    },
+    "ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+    },
+    "ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "requires": {
+        "color-convert": "^2.0.1"
+      }
+    },
+    "anymatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
+      "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
+      "requires": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      }
+    },
+    "array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI="
+    },
+    "async": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/async/-/async-0.9.2.tgz",
+      "integrity": "sha1-rqdNXmHB+JlhO/ZL2mbUx48v0X0="
+    },
+    "balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+    },
+    "base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="
+    },
+    "binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA=="
+    },
+    "body-parser": {
+      "version": "1.20.0",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.0.tgz",
+      "integrity": "sha512-DfJ+q6EPcGKZD1QWUjSpqp+Q7bDQTsQIF4zfUAtZ6qk+H/3/QRhg9CEp39ss+/T2vw0+HaidC0ecJj/DRLIaKg==",
+      "requires": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.4",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "on-finished": "2.4.1",
+        "qs": "6.10.3",
+        "raw-body": "2.5.1",
+        "type-is": "~1.6.18",
+        "unpipe": "1.0.0"
+      },
+      "dependencies": {
+        "depd": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+          "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw=="
+        },
+        "destroy": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+          "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg=="
+        },
+        "http-errors": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+          "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+          "requires": {
+            "depd": "2.0.0",
+            "inherits": "2.0.4",
+            "setprototypeof": "1.2.0",
+            "statuses": "2.0.1",
+            "toidentifier": "1.0.1"
+          }
+        },
+        "on-finished": {
+          "version": "2.4.1",
+          "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+          "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+          "requires": {
+            "ee-first": "1.1.1"
+          }
+        },
+        "qs": {
+          "version": "6.10.3",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.3.tgz",
+          "integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
+          "requires": {
+            "side-channel": "^1.0.4"
+          }
+        },
+        "statuses": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+          "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ=="
+        }
+      }
+    },
+    "bootstrap": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.1.3.tgz",
+      "integrity": "sha512-fcQztozJ8jToQWXxVuEyXWW+dSo8AiXWKwiSSrKWsRB/Qt+Ewwza+JWoLKiTuQLaEPhdNAJ7+Dosc9DOIqNy7Q==",
+      "requires": {}
+    },
+    "boxen": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/boxen/-/boxen-5.1.2.tgz",
+      "integrity": "sha512-9gYgQKXx+1nP8mP7CzFyaUARhg7D3n1dF/FnErWmu9l6JvGpNUN278h0aSb+QjoiKSWG+iZ3uHrcqk0qrY9RQQ==",
+      "requires": {
+        "ansi-align": "^3.0.0",
+        "camelcase": "^6.2.0",
+        "chalk": "^4.1.0",
+        "cli-boxes": "^2.2.1",
+        "string-width": "^4.2.2",
+        "type-fest": "^0.20.2",
+        "widest-line": "^3.1.0",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
+    "brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "requires": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "requires": {
+        "fill-range": "^7.0.1"
+      }
+    },
+    "bson": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/bson/-/bson-4.6.2.tgz",
+      "integrity": "sha512-VeJKHShcu1b/ugl0QiujlVuBepab714X9nNyBdA1kfekuDGecxgpTA2Z6nYbagrWFeiIyzSWIOzju3lhj+RNyQ==",
+      "requires": {
+        "buffer": "^5.6.0"
+      }
+    },
+    "buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "requires": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg=="
+    },
+    "cacheable-request": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-6.1.0.tgz",
+      "integrity": "sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg==",
+      "requires": {
+        "clone-response": "^1.0.2",
+        "get-stream": "^5.1.0",
+        "http-cache-semantics": "^4.0.0",
+        "keyv": "^3.0.0",
+        "lowercase-keys": "^2.0.0",
+        "normalize-url": "^4.1.0",
+        "responselike": "^1.0.2"
+      },
+      "dependencies": {
+        "get-stream": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+          "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+          "requires": {
+            "pump": "^3.0.0"
+          }
+        },
+        "lowercase-keys": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
+          "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA=="
+        }
+      }
+    },
+    "call-bind": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+      "requires": {
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.0.2"
+      }
+    },
+    "camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA=="
+    },
+    "chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "requires": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      }
+    },
+    "chokidar": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+      "requires": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "fsevents": "~2.3.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      }
+    },
+    "ci-info": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
+      "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ=="
+    },
+    "cli-boxes": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-2.2.1.tgz",
+      "integrity": "sha512-y4coMcylgSCdVinjiDBuR8PCC2bLjyGTwEmPb9NHR/QaNU6EUOXcTY/s6VjGMD6ENSEaeQYHCY0GNGS5jfMwPw=="
+    },
+    "clone-response": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.2.tgz",
+      "integrity": "sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=",
+      "requires": {
+        "mimic-response": "^1.0.0"
+      }
+    },
+    "color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "requires": {
+        "color-name": "~1.1.4"
+      }
+    },
+    "color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
+    },
+    "configstore": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/configstore/-/configstore-5.0.1.tgz",
+      "integrity": "sha512-aMKprgk5YhBNyH25hj8wGt2+D52Sw1DRRIzqBwLp2Ya9mFmY8KPvvtvmna8SxVR9JMZ4kzMD68N22vlaRpkeFA==",
+      "requires": {
+        "dot-prop": "^5.2.0",
+        "graceful-fs": "^4.1.2",
+        "make-dir": "^3.0.0",
+        "unique-string": "^2.0.0",
+        "write-file-atomic": "^3.0.0",
+        "xdg-basedir": "^4.0.0"
+      }
+    },
+    "connect-flash": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/connect-flash/-/connect-flash-0.1.1.tgz",
+      "integrity": "sha1-2GMPJtlaf4UfmVax6MxnMvO2qjA="
+    },
+    "content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "requires": {
+        "safe-buffer": "5.2.1"
+      }
+    },
+    "content-type": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
+      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA=="
+    },
+    "cookie": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz",
+      "integrity": "sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA=="
+    },
+    "cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
+    },
+    "crypto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/crypto/-/crypto-1.0.1.tgz",
+      "integrity": "sha512-VxBKmeNcqQdiUQUW2Tzq0t377b54N2bMtXO/qiLa+6eRRmmC4qT3D4OnTGoT/U6O9aklQ/jTwbOtRMTTY8G0Ig=="
+    },
+    "crypto-random-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz",
+      "integrity": "sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA=="
+    },
+    "debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "requires": {
+        "ms": "2.0.0"
+      }
+    },
+    "decompress-response": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-3.3.0.tgz",
+      "integrity": "sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=",
+      "requires": {
+        "mimic-response": "^1.0.0"
+      }
+    },
+    "deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA=="
+    },
+    "defer-to-connect": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-1.1.3.tgz",
+      "integrity": "sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ=="
+    },
+    "denque": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/denque/-/denque-2.0.1.tgz",
+      "integrity": "sha512-tfiWc6BQLXNLpNiR5iGd0Ocu3P3VpxfzFiqubLgMfhfOw9WyvgJBd46CClNn9k3qfbjvT//0cf7AlYRX/OslMQ=="
+    },
+    "depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak="
+    },
+    "destroy": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
+      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA="
+    },
+    "dot-prop": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.3.0.tgz",
+      "integrity": "sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==",
+      "requires": {
+        "is-obj": "^2.0.0"
+      }
+    },
+    "dotenv": {
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.0.0.tgz",
+      "integrity": "sha512-qD9WU0MPM4SWLPJy/r2Be+2WgQj8plChsyrCNQzW/0WjvcJQiKQJ9mH3ZgB3fxbUUxgc/11ZJ0Fi5KiimWGz2Q=="
+    },
+    "duplexer3": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.4.tgz",
+      "integrity": "sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI="
+    },
+    "ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
+    },
+    "ejs": {
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.6.tgz",
+      "integrity": "sha512-9lt9Zse4hPucPkoP7FHDF0LQAlGyF9JVpnClFLFH3aSSbxmyoqINRpp/9wePWJTUl4KOQwRL72Iw3InHPDkoGw==",
+      "requires": {
+        "jake": "^10.6.1"
+      }
+    },
+    "emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+    },
+    "encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k="
+    },
+    "end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "requires": {
+        "once": "^1.4.0"
+      }
+    },
+    "escape-goat": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/escape-goat/-/escape-goat-2.1.1.tgz",
+      "integrity": "sha512-8/uIhbG12Csjy2JEW7D9pHbreaVaS/OpN3ycnyvElTdwM5n6GY6W6e2IPemfvGZeUMqZ9A/3GqIZMgKnBhAw/Q=="
+    },
+    "escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
+    },
+    "etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc="
+    },
+    "express": {
+      "version": "4.17.3",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.17.3.tgz",
+      "integrity": "sha512-yuSQpz5I+Ch7gFrPCk4/c+dIBKlQUxtgwqzph132bsT6qhuzss6I8cLJQz7B3rFblzd6wtcI0ZbGltH/C4LjUg==",
+      "requires": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.19.2",
+        "content-disposition": "0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "0.4.2",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "~1.1.2",
+        "fresh": "0.5.2",
+        "merge-descriptors": "1.0.1",
+        "methods": "~1.1.2",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.7",
+        "proxy-addr": "~2.0.7",
+        "qs": "6.9.7",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "0.17.2",
+        "serve-static": "1.14.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "~1.5.0",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "dependencies": {
+        "body-parser": {
+          "version": "1.19.2",
+          "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.2.tgz",
+          "integrity": "sha512-SAAwOxgoCKMGs9uUAUFHygfLAyaniaoun6I8mFY9pRAJL9+Kec34aU+oIjDhTycub1jozEfEwx1W1IuOYxVSFw==",
+          "requires": {
+            "bytes": "3.1.2",
+            "content-type": "~1.0.4",
+            "debug": "2.6.9",
+            "depd": "~1.1.2",
+            "http-errors": "1.8.1",
+            "iconv-lite": "0.4.24",
+            "on-finished": "~2.3.0",
+            "qs": "6.9.7",
+            "raw-body": "2.4.3",
+            "type-is": "~1.6.18"
+          }
+        },
+        "raw-body": {
+          "version": "2.4.3",
+          "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.3.tgz",
+          "integrity": "sha512-UlTNLIcu0uzb4D2f4WltY6cVjLi+/jEN4lgEUj3E04tpMDpUlkBo/eSn6zou9hum2VMNpCCUone0O0WeJim07g==",
+          "requires": {
+            "bytes": "3.1.2",
+            "http-errors": "1.8.1",
+            "iconv-lite": "0.4.24",
+            "unpipe": "1.0.0"
+          }
+        }
+      }
+    },
+    "express-session": {
+      "version": "1.17.2",
+      "resolved": "https://registry.npmjs.org/express-session/-/express-session-1.17.2.tgz",
+      "integrity": "sha512-mPcYcLA0lvh7D4Oqr5aNJFMtBMKPLl++OKKxkHzZ0U0oDq1rpKBnkR5f5vCHR26VeArlTOEF9td4x5IjICksRQ==",
+      "requires": {
+        "cookie": "0.4.1",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "~2.0.0",
+        "on-headers": "~1.0.2",
+        "parseurl": "~1.3.3",
+        "safe-buffer": "5.2.1",
+        "uid-safe": "~2.1.5"
+      },
+      "dependencies": {
+        "cookie": {
+          "version": "0.4.1",
+          "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.1.tgz",
+          "integrity": "sha512-ZwrFkGJxUR3EIoXtO+yVE69Eb7KlixbaeAWfBQB9vVsNn/o+Yw69gBWSSDK825hQNdN+wF8zELf3dFNl/kxkUA=="
+        },
+        "depd": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+          "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw=="
+        }
+      }
+    },
+    "filelist": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.2.tgz",
+      "integrity": "sha512-z7O0IS8Plc39rTCq6i6iHxk43duYOn8uFJiWSewIq0Bww1RNybVHSCjahmcC87ZqAm4OTvFzlzeGu3XAzG1ctQ==",
+      "requires": {
+        "minimatch": "^3.0.4"
+      }
+    },
+    "fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "requires": {
+        "to-regex-range": "^5.0.1"
+      }
+    },
+    "finalhandler": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
+      "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
+      "requires": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "statuses": "~1.5.0",
+        "unpipe": "~1.0.0"
+      }
+    },
+    "forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow=="
+    },
+    "fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac="
+    },
+    "fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "optional": true
+    },
+    "function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
+    },
+    "generaterr": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/generaterr/-/generaterr-1.5.0.tgz",
+      "integrity": "sha1-sM62zFFk3yoGEzjMNAqGFTlcUvw="
+    },
+    "get-intrinsic": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz",
+      "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==",
+      "requires": {
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-symbols": "^1.0.1"
+      }
+    },
+    "get-stream": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+      "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+      "requires": {
+        "pump": "^3.0.0"
+      }
+    },
+    "glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "requires": {
+        "is-glob": "^4.0.1"
+      }
+    },
+    "global-dirs": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-3.0.0.tgz",
+      "integrity": "sha512-v8ho2DS5RiCjftj1nD9NmnfaOzTdud7RRnVd9kFNOjqZbISlx5DQ+OrTkywgd0dIt7oFCvKetZSHoHcP3sDdiA==",
+      "requires": {
+        "ini": "2.0.0"
+      }
+    },
+    "got": {
+      "version": "9.6.0",
+      "resolved": "https://registry.npmjs.org/got/-/got-9.6.0.tgz",
+      "integrity": "sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==",
+      "requires": {
+        "@sindresorhus/is": "^0.14.0",
+        "@szmarczak/http-timer": "^1.1.2",
+        "cacheable-request": "^6.0.0",
+        "decompress-response": "^3.3.0",
+        "duplexer3": "^0.1.4",
+        "get-stream": "^4.1.0",
+        "lowercase-keys": "^1.0.1",
+        "mimic-response": "^1.0.1",
+        "p-cancelable": "^1.0.0",
+        "to-readable-stream": "^1.0.0",
+        "url-parse-lax": "^3.0.0"
+      }
+    },
+    "graceful-fs": {
+      "version": "4.2.9",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
+      "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ=="
+    },
+    "has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "requires": {
+        "function-bind": "^1.1.1"
+      }
+    },
+    "has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+    },
+    "has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A=="
+    },
+    "has-yarn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/has-yarn/-/has-yarn-2.1.0.tgz",
+      "integrity": "sha512-UqBRqi4ju7T+TqGNdqAO0PaSVGsDGJUBQvk9eUWNGRY1CFGDzYhLWoM7JQEemnlvVcv/YEmc2wNW8BC24EnUsw=="
+    },
+    "http-cache-semantics": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz",
+      "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ=="
+    },
+    "http-errors": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz",
+      "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==",
+      "requires": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.1"
+      }
+    },
+    "httpntlm": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/httpntlm/-/httpntlm-1.6.1.tgz",
+      "integrity": "sha1-rQFScUOi6Hc8+uapb1hla7UqNLI=",
+      "requires": {
+        "httpreq": ">=0.4.22",
+        "underscore": "~1.7.0"
+      }
+    },
+    "httpreq": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/httpreq/-/httpreq-0.5.2.tgz",
+      "integrity": "sha512-2Jm+x9WkExDOeFRrdBCBSpLPT5SokTcRHkunV3pjKmX/cx6av8zQ0WtHUMDrYb6O4hBFzNU6sxJEypvRUVYKnw=="
+    },
+    "iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      }
+    },
+    "ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="
+    },
+    "ignore-by-default": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
+      "integrity": "sha1-SMptcvbGo68Aqa1K5odr44ieKwk="
+    },
+    "import-lazy": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-2.1.0.tgz",
+      "integrity": "sha1-BWmOPUXIjo1+nZLLBYTnfwlvPkM="
+    },
+    "imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o="
+    },
+    "inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "ini": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-2.0.0.tgz",
+      "integrity": "sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA=="
+    },
+    "ip": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz",
+      "integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo="
+    },
+    "ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g=="
+    },
+    "is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "requires": {
+        "binary-extensions": "^2.0.0"
+      }
+    },
+    "is-ci": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-2.0.0.tgz",
+      "integrity": "sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==",
+      "requires": {
+        "ci-info": "^2.0.0"
+      }
+    },
+    "is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI="
+    },
+    "is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
+    },
+    "is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "requires": {
+        "is-extglob": "^2.1.1"
+      }
+    },
+    "is-installed-globally": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.4.0.tgz",
+      "integrity": "sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==",
+      "requires": {
+        "global-dirs": "^3.0.0",
+        "is-path-inside": "^3.0.2"
+      }
+    },
+    "is-npm": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-npm/-/is-npm-5.0.0.tgz",
+      "integrity": "sha512-WW/rQLOazUq+ST/bCAVBp/2oMERWLsR7OrKyt052dNDk4DHcDE0/7QSXITlmi+VBcV13DfIbysG3tZJm5RfdBA=="
+    },
+    "is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
+    },
+    "is-obj": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
+      "integrity": "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w=="
+    },
+    "is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ=="
+    },
+    "is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo="
+    },
+    "is-yarn-global": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/is-yarn-global/-/is-yarn-global-0.3.0.tgz",
+      "integrity": "sha512-VjSeb/lHmkoyd8ryPVIKvOCn4D1koMqY+vqyjjUfc3xyKtP4dYOxM44sZrnqQSzSds3xyOrUTLTC9LVCVgLngw=="
+    },
+    "jake": {
+      "version": "10.8.4",
+      "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.4.tgz",
+      "integrity": "sha512-MtWeTkl1qGsWUtbl/Jsca/8xSoK3x0UmS82sNbjqxxG/de/M/3b1DntdjHgPMC50enlTNwXOCRqPXLLt5cCfZA==",
+      "requires": {
+        "async": "0.9.x",
+        "chalk": "^4.0.2",
+        "filelist": "^1.0.1",
+        "minimatch": "^3.0.4"
+      }
+    },
+    "joi": {
+      "version": "17.6.0",
+      "resolved": "https://registry.npmjs.org/joi/-/joi-17.6.0.tgz",
+      "integrity": "sha512-OX5dG6DTbcr/kbMFj0KGYxuew69HPcAE3K/sZpEV2nP6e/j/C0HV+HNiBPCASxdx5T7DMoa0s8UeHWMnb6n2zw==",
+      "requires": {
+        "@hapi/hoek": "^9.0.0",
+        "@hapi/topo": "^5.0.0",
+        "@sideway/address": "^4.1.3",
+        "@sideway/formula": "^3.0.0",
+        "@sideway/pinpoint": "^2.0.0"
+      }
+    },
+    "joi-objectid": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/joi-objectid/-/joi-objectid-4.0.2.tgz",
+      "integrity": "sha512-OjYM+wK/JGo2bSb9ADEyzxxROJPZYtrqIwBbywpJ2a98oKlbLtWTKvpzmrnXzou69Ey9EsjHsFvZYzpjeCdKuA=="
+    },
+    "json-buffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.0.tgz",
+      "integrity": "sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg="
+    },
+    "kareem": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/kareem/-/kareem-2.3.5.tgz",
+      "integrity": "sha512-qxCyQtp3ioawkiRNQr/v8xw9KIviMSSNmy+63Wubj7KmMn3g7noRXIZB4vPCAP+ETi2SR8eH6CvmlKZuGpoHOg=="
+    },
+    "keyv": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-3.1.0.tgz",
+      "integrity": "sha512-9ykJ/46SN/9KPM/sichzQ7OvXyGDYKGTaDlKMGCAlg2UK8KRy4jb0d8sFc+0Tt0YYnThq8X2RZgCg74RPxgcVA==",
+      "requires": {
+        "json-buffer": "3.0.0"
+      }
+    },
+    "latest-version": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/latest-version/-/latest-version-5.1.0.tgz",
+      "integrity": "sha512-weT+r0kTkRQdCdYCNtkMwWXQTMEswKrFBkm4ckQOMVhhqhIMI1UT2hMj+1iigIhgSZm5gTmrRXBNoGUgaTY1xA==",
+      "requires": {
+        "package-json": "^6.3.0"
+      }
+    },
+    "lowercase-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz",
+      "integrity": "sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA=="
+    },
+    "lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "requires": {
+        "yallist": "^4.0.0"
+      }
+    },
+    "make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "requires": {
+        "semver": "^6.0.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+        }
+      }
+    },
+    "media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g="
+    },
+    "memory-pager": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz",
+      "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg==",
+      "optional": true
+    },
+    "merge-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E="
+    },
+    "methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4="
+    },
+    "mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg=="
+    },
+    "mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
+    },
+    "mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "requires": {
+        "mime-db": "1.52.0"
+      }
+    },
+    "mimic-response": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
+      "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ=="
+    },
+    "minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "requires": {
+        "brace-expansion": "^1.1.7"
+      }
+    },
+    "minimist": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
+      "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q=="
+    },
+    "mongodb": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-4.3.1.tgz",
+      "integrity": "sha512-sNa8APSIk+r4x31ZwctKjuPSaeKuvUeNb/fu/3B6dRM02HpEgig7hTHM8A/PJQTlxuC/KFWlDlQjhsk/S43tBg==",
+      "requires": {
+        "bson": "^4.6.1",
+        "denque": "^2.0.1",
+        "mongodb-connection-string-url": "^2.4.1",
+        "saslprep": "^1.0.3",
+        "socks": "^2.6.1"
+      }
+    },
+    "mongodb-connection-string-url": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/mongodb-connection-string-url/-/mongodb-connection-string-url-2.5.2.tgz",
+      "integrity": "sha512-tWDyIG8cQlI5k3skB6ywaEA5F9f5OntrKKsT/Lteub2zgwSUlhqEN2inGgBTm8bpYJf8QYBdA/5naz65XDpczA==",
+      "requires": {
+        "@types/whatwg-url": "^8.2.1",
+        "whatwg-url": "^11.0.0"
+      }
+    },
+    "mongoose": {
+      "version": "6.2.10",
+      "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-6.2.10.tgz",
+      "integrity": "sha512-Yp+6UH5M0AlxAVGdC2/Deq0St+2qW73oKCnhJDr83bOZ12eflTLTT5uQF0p6KzvtFj86XWbq/7ApvO4yW6h1sA==",
+      "requires": {
+        "bson": "^4.2.2",
+        "kareem": "2.3.5",
+        "mongodb": "4.3.1",
+        "mpath": "0.8.4",
+        "mquery": "4.0.2",
+        "ms": "2.1.3",
+        "sift": "16.0.0"
+      },
+      "dependencies": {
+        "ms": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+          "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+        }
+      }
+    },
+    "mpath": {
+      "version": "0.8.4",
+      "resolved": "https://registry.npmjs.org/mpath/-/mpath-0.8.4.tgz",
+      "integrity": "sha512-DTxNZomBcTWlrMW76jy1wvV37X/cNNxPW1y2Jzd4DZkAaC5ZGsm8bfGfNOthcDuRJujXLqiuS6o3Tpy0JEoh7g=="
+    },
+    "mquery": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/mquery/-/mquery-4.0.2.tgz",
+      "integrity": "sha512-oAVF0Nil1mT3rxty6Zln4YiD6x6QsUWYz927jZzjMxOK2aqmhEz5JQ7xmrKK7xRFA2dwV+YaOpKU/S+vfNqKxA==",
+      "requires": {
+        "debug": "4.x"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.3.4",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+        }
+      }
+    },
+    "ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+    },
+    "negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg=="
+    },
+    "nodemailer": {
+      "version": "6.7.3",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.7.3.tgz",
+      "integrity": "sha512-KUdDsspqx89sD4UUyUKzdlUOper3hRkDVkrKh/89G+d9WKsU5ox51NWS4tB1XR5dPUdR4SP0E3molyEfOvSa3g=="
+    },
+    "nodemailer-fetch": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/nodemailer-fetch/-/nodemailer-fetch-1.6.0.tgz",
+      "integrity": "sha1-ecSQihwPXzdbc/6IjamCj23JY6Q="
+    },
+    "nodemailer-shared": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/nodemailer-shared/-/nodemailer-shared-1.1.0.tgz",
+      "integrity": "sha1-z1mU4v0mjQD1zw+nZ6CBae2wfsA=",
+      "requires": {
+        "nodemailer-fetch": "1.6.0"
+      }
+    },
+    "nodemailer-smtp-transport": {
+      "version": "2.7.4",
+      "resolved": "https://registry.npmjs.org/nodemailer-smtp-transport/-/nodemailer-smtp-transport-2.7.4.tgz",
+      "integrity": "sha1-DYmvAZoUSkgP2OzJmZfZ+DjxNoU=",
+      "requires": {
+        "nodemailer-shared": "1.1.0",
+        "nodemailer-wellknown": "0.1.10",
+        "smtp-connection": "2.12.0"
+      }
+    },
+    "nodemailer-wellknown": {
+      "version": "0.1.10",
+      "resolved": "https://registry.npmjs.org/nodemailer-wellknown/-/nodemailer-wellknown-0.1.10.tgz",
+      "integrity": "sha1-WG24EB2zDLRDjrVGc3pBqtDPE9U="
+    },
+    "nodemon": {
+      "version": "2.0.15",
+      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-2.0.15.tgz",
+      "integrity": "sha512-gdHMNx47Gw7b3kWxJV64NI+Q5nfl0y5DgDbiVtShiwa7Z0IZ07Ll4RLFo6AjrhzMtoEZn5PDE3/c2AbVsiCkpA==",
+      "requires": {
+        "chokidar": "^3.5.2",
+        "debug": "^3.2.7",
+        "ignore-by-default": "^1.0.1",
+        "minimatch": "^3.0.4",
+        "pstree.remy": "^1.1.8",
+        "semver": "^5.7.1",
+        "supports-color": "^5.5.0",
+        "touch": "^3.1.0",
+        "undefsafe": "^2.0.5",
+        "update-notifier": "^5.1.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "has-flag": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+          "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0="
+        },
+        "ms": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+          "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "nopt": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-1.0.10.tgz",
+      "integrity": "sha1-bd0hvSoxQXuScn3Vhfim83YI6+4=",
+      "requires": {
+        "abbrev": "1"
+      }
+    },
+    "normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="
+    },
+    "normalize-url": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.5.1.tgz",
+      "integrity": "sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA=="
+    },
+    "object-inspect": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.0.tgz",
+      "integrity": "sha512-Ho2z80bVIvJloH+YzRmpZVQe87+qASmBUKZDWgx9cu+KDrX2ZDH/3tMy+gXbZETVGs2M8YdxObOh7XAtim9Y0g=="
+    },
+    "on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+      "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
+      "requires": {
+        "ee-first": "1.1.1"
+      }
+    },
+    "on-headers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA=="
+    },
+    "once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "requires": {
+        "wrappy": "1"
+      }
+    },
+    "p-cancelable": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-1.1.0.tgz",
+      "integrity": "sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw=="
+    },
+    "package-json": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/package-json/-/package-json-6.5.0.tgz",
+      "integrity": "sha512-k3bdm2n25tkyxcjSKzB5x8kfVxlMdgsbPr0GkZcwHsLpba6cBjqCt1KlcChKEvxHIcTB1FVMuwoijZ26xex5MQ==",
+      "requires": {
+        "got": "^9.6.0",
+        "registry-auth-token": "^4.0.0",
+        "registry-url": "^5.0.0",
+        "semver": "^6.2.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+        }
+      }
+    },
+    "parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ=="
+    },
+    "passport": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/passport/-/passport-0.5.2.tgz",
+      "integrity": "sha512-w9n/Ot5I7orGD4y+7V3EFJCQEznE5RxHamUxcqLT2QoJY0f2JdN8GyHonYFvN0Vz+L6lUJfVhrk2aZz2LbuREw==",
+      "requires": {
+        "passport-strategy": "1.x.x",
+        "pause": "0.0.1"
+      }
+    },
+    "passport-local": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/passport-local/-/passport-local-1.0.0.tgz",
+      "integrity": "sha1-H+YyaMkudWBmJkN+O5BmYsFbpu4=",
+      "requires": {
+        "passport-strategy": "1.x.x"
+      }
+    },
+    "passport-local-mongoose": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/passport-local-mongoose/-/passport-local-mongoose-7.0.0.tgz",
+      "integrity": "sha512-JwpMJJa7D73ri9vojXNOgsPT4pzw5UowH4QhdXQUW18noLngwJ+mtImo/5cMVlOuZEB6Q2tryy4YGqJRMZzC+g==",
+      "requires": {
+        "generaterr": "^1.5.0",
+        "passport-local": "^1.0.0",
+        "scmp": "^2.1.0"
+      }
+    },
+    "passport-strategy": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/passport-strategy/-/passport-strategy-1.0.0.tgz",
+      "integrity": "sha1-tVOaqPwiWj0a0XlHbd8ja0QPUuQ="
+    },
+    "path-to-regexp": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+      "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w="
+    },
+    "pause": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/pause/-/pause-0.0.1.tgz",
+      "integrity": "sha1-HUCLP9t2kjuVQ9lvtMnf1TXZy10="
+    },
+    "picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
+    },
+    "prepend-http": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
+      "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc="
+    },
+    "proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "requires": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      }
+    },
+    "pstree.remy": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz",
+      "integrity": "sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w=="
+    },
+    "pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "requires": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "punycode": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="
+    },
+    "pupa": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/pupa/-/pupa-2.1.1.tgz",
+      "integrity": "sha512-l1jNAspIBSFqbT+y+5FosojNpVpF94nlI+wDUpqP9enwOTfHx9f0gh5nB96vl+6yTpsJsypeNrwfzPrKuHB41A==",
+      "requires": {
+        "escape-goat": "^2.0.0"
+      }
+    },
+    "qs": {
+      "version": "6.9.7",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.9.7.tgz",
+      "integrity": "sha512-IhMFgUmuNpyRfxA90umL7ByLlgRXu6tIfKPpF5TmcfRLlLCckfP/g3IQmju6jjpu+Hh8rA+2p6A27ZSPOOHdKw=="
+    },
+    "random-bytes": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/random-bytes/-/random-bytes-1.0.0.tgz",
+      "integrity": "sha1-T2ih3Arli9P7lYSMMDJNt11kNgs="
+    },
+    "range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg=="
+    },
+    "raw-body": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
+      "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
+      "requires": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "dependencies": {
+        "depd": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+          "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw=="
+        },
+        "http-errors": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+          "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+          "requires": {
+            "depd": "2.0.0",
+            "inherits": "2.0.4",
+            "setprototypeof": "1.2.0",
+            "statuses": "2.0.1",
+            "toidentifier": "1.0.1"
+          }
+        },
+        "statuses": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+          "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ=="
+        }
+      }
+    },
+    "rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "requires": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "dependencies": {
+        "ini": {
+          "version": "1.3.8",
+          "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+          "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
+        }
+      }
+    },
+    "readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "requires": {
+        "picomatch": "^2.2.1"
+      }
+    },
+    "registry-auth-token": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-4.2.1.tgz",
+      "integrity": "sha512-6gkSb4U6aWJB4SF2ZvLb76yCBjcvufXBqvvEx1HbmKPkutswjW1xNVRY0+daljIYRbogN7O0etYSlbiaEQyMyw==",
+      "requires": {
+        "rc": "^1.2.8"
+      }
+    },
+    "registry-url": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-5.1.0.tgz",
+      "integrity": "sha512-8acYXXTI0AkQv6RAOjE3vOaIXZkT9wo4LOFbBKYQEEnnMNBpKqdUrI6S4NT0KPIo/WVvJ5tE/X5LF/TQUf0ekw==",
+      "requires": {
+        "rc": "^1.2.8"
+      }
+    },
+    "responselike": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/responselike/-/responselike-1.0.2.tgz",
+      "integrity": "sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=",
+      "requires": {
+        "lowercase-keys": "^1.0.0"
+      }
+    },
+    "safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
+    },
+    "safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
+    "saslprep": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/saslprep/-/saslprep-1.0.3.tgz",
+      "integrity": "sha512-/MY/PEMbk2SuY5sScONwhUDsV2p77Znkb/q3nSVstq/yQzYJOH/Azh29p9oJLsl3LnQwSvZDKagDGBsBwSooag==",
+      "optional": true,
+      "requires": {
+        "sparse-bitfield": "^3.0.3"
+      }
+    },
+    "scmp": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/scmp/-/scmp-2.1.0.tgz",
+      "integrity": "sha512-o/mRQGk9Rcer/jEEw/yw4mwo3EU/NvYvp577/Btqrym9Qy5/MdWGBqipbALgd2lrdWTJ5/gqDusxfnQBxOxT2Q=="
+    },
+    "semver": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+    },
+    "semver-diff": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/semver-diff/-/semver-diff-3.1.1.tgz",
+      "integrity": "sha512-GX0Ix/CJcHyB8c4ykpHGIAvLyOwOobtM/8d+TQkAd81/bEjgPHrfba41Vpesr7jX/t8Uh+R3EX9eAS5be+jQYg==",
+      "requires": {
+        "semver": "^6.3.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+        }
+      }
+    },
+    "send": {
+      "version": "0.17.2",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.17.2.tgz",
+      "integrity": "sha512-UJYB6wFSJE3G00nEivR5rgWp8c2xXvJ3OPWPhmuteU0IKj8nKbG3DrjiOmLwpnHGYWAVwA69zmTm++YG0Hmwww==",
+      "requires": {
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "destroy": "~1.0.4",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "1.8.1",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "~2.3.0",
+        "range-parser": "~1.2.1",
+        "statuses": "~1.5.0"
+      },
+      "dependencies": {
+        "ms": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+          "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+        }
+      }
+    },
+    "serve-static": {
+      "version": "1.14.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.2.tgz",
+      "integrity": "sha512-+TMNA9AFxUEGuC0z2mevogSnn9MXKb4fa7ngeRMJaaGv8vTwnIEkKi+QGvPt33HSnf8pRS+WGM0EbMtCJLKMBQ==",
+      "requires": {
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.17.2"
+      }
+    },
+    "setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
+    },
+    "side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "requires": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      }
+    },
+    "sift": {
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/sift/-/sift-16.0.0.tgz",
+      "integrity": "sha512-ILTjdP2Mv9V1kIxWMXeMTIRbOBrqKc4JAXmFMnFq3fKeyQ2Qwa3Dw1ubcye3vR+Y6ofA0b9gNDr/y2t6eUeIzQ=="
+    },
+    "signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
+    },
+    "smart-buffer": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
+      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg=="
+    },
+    "smtp-connection": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/smtp-connection/-/smtp-connection-2.12.0.tgz",
+      "integrity": "sha1-1275EnyyPCJZ7bHoNJwujV4tdME=",
+      "requires": {
+        "httpntlm": "1.6.1",
+        "nodemailer-shared": "1.1.0"
+      }
+    },
+    "socks": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.6.2.tgz",
+      "integrity": "sha512-zDZhHhZRY9PxRruRMR7kMhnf3I8hDs4S3f9RecfnGxvcBHQcKcIH/oUcEWffsfl1XxdYlA7nnlGbbTvPz9D8gA==",
+      "requires": {
+        "ip": "^1.1.5",
+        "smart-buffer": "^4.2.0"
+      }
+    },
+    "sparse-bitfield": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz",
+      "integrity": "sha1-/0rm5oZWBWuks+eSqzM004JzyhE=",
+      "optional": true,
+      "requires": {
+        "memory-pager": "^1.0.2"
+      }
+    },
+    "statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow="
+    },
+    "string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "requires": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      }
+    },
+    "strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "requires": {
+        "ansi-regex": "^5.0.1"
+      }
+    },
+    "strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo="
+    },
+    "supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "requires": {
+        "has-flag": "^4.0.0"
+      }
+    },
+    "to-readable-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/to-readable-stream/-/to-readable-stream-1.0.0.tgz",
+      "integrity": "sha512-Iq25XBt6zD5npPhlLVXGFN3/gyR2/qODcKNNyTMd4vbm39HUaOiAM4PMq0eMVC/Tkxz+Zjdsc55g9yyz+Yq00Q=="
+    },
+    "to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "requires": {
+        "is-number": "^7.0.0"
+      }
+    },
+    "toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA=="
+    },
+    "touch": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/touch/-/touch-3.1.0.tgz",
+      "integrity": "sha512-WBx8Uy5TLtOSRtIq+M03/sKDrXCLHxwDcquSP2c43Le03/9serjQBIztjRz6FkJez9D/hleyAXTBGLwwZUw9lA==",
+      "requires": {
+        "nopt": "~1.0.10"
+      }
+    },
+    "tr46": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
+      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
+      "requires": {
+        "punycode": "^2.1.1"
+      }
+    },
+    "type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ=="
+    },
+    "type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "requires": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      }
+    },
+    "typedarray-to-buffer": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
+      "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
+      "requires": {
+        "is-typedarray": "^1.0.0"
+      }
+    },
+    "uid-safe": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/uid-safe/-/uid-safe-2.1.5.tgz",
+      "integrity": "sha512-KPHm4VL5dDXKz01UuEd88Df+KzynaohSL9fBh096KWAxSKZQDI2uBrVqtvRM4rwrIrRRKsdLNML/lnaaVSRioA==",
+      "requires": {
+        "random-bytes": "~1.0.0"
+      }
+    },
+    "undefsafe": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz",
+      "integrity": "sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA=="
+    },
+    "underscore": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.7.0.tgz",
+      "integrity": "sha1-a7rwh3UA02vjTsqlhODbn+8DUgk="
+    },
+    "unique-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz",
+      "integrity": "sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==",
+      "requires": {
+        "crypto-random-string": "^2.0.0"
+      }
+    },
+    "unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw="
+    },
+    "update-notifier": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/update-notifier/-/update-notifier-5.1.0.tgz",
+      "integrity": "sha512-ItnICHbeMh9GqUy31hFPrD1kcuZ3rpxDZbf4KUDavXwS0bW5m7SLbDQpGX3UYr072cbrF5hFUs3r5tUsPwjfHw==",
+      "requires": {
+        "boxen": "^5.0.0",
+        "chalk": "^4.1.0",
+        "configstore": "^5.0.1",
+        "has-yarn": "^2.1.0",
+        "import-lazy": "^2.1.0",
+        "is-ci": "^2.0.0",
+        "is-installed-globally": "^0.4.0",
+        "is-npm": "^5.0.0",
+        "is-yarn-global": "^0.3.0",
+        "latest-version": "^5.1.0",
+        "pupa": "^2.1.1",
+        "semver": "^7.3.4",
+        "semver-diff": "^3.1.1",
+        "xdg-basedir": "^4.0.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "7.3.5",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        }
+      }
+    },
+    "url-parse-lax": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-3.0.0.tgz",
+      "integrity": "sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=",
+      "requires": {
+        "prepend-http": "^2.0.0"
+      }
+    },
+    "utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM="
+    },
+    "vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw="
+    },
+    "webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g=="
+    },
+    "whatwg-url": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
+      "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
+      "requires": {
+        "tr46": "^3.0.0",
+        "webidl-conversions": "^7.0.0"
+      }
+    },
+    "widest-line": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-3.1.0.tgz",
+      "integrity": "sha512-NsmoXalsWVDMGupxZ5R08ka9flZjjiLvHVAWYOKtiKM8ujtZWr9cRffak+uSE48+Ob8ObalXpwyeUiyDD6QFgg==",
+      "requires": {
+        "string-width": "^4.0.0"
+      }
+    },
+    "wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "requires": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      }
+    },
+    "wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+    },
+    "write-file-atomic": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz",
+      "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==",
+      "requires": {
+        "imurmurhash": "^0.1.4",
+        "is-typedarray": "^1.0.0",
+        "signal-exit": "^3.0.2",
+        "typedarray-to-buffer": "^3.1.5"
+      }
+    },
+    "xdg-basedir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-4.0.0.tgz",
+      "integrity": "sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q=="
+    },
+    "xhr2": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/xhr2/-/xhr2-0.2.1.tgz",
+      "integrity": "sha512-sID0rrVCqkVNUn8t6xuv9+6FViXjUVXq8H5rWOH2rz9fDNQEd4g0EA2XlcEdJXRz5BMEn4O1pJFdT+z4YHhoWw=="
+    },
+    "yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..80b9c0d
--- /dev/null
+++ b/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "lln",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "nodemon app.js"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "body-parser": "^1.20.0",
+    "bootstrap": "^5.1.3",
+    "connect-flash": "^0.1.1",
+    "crypto": "^1.0.1",
+    "dotenv": "^16.0.0",
+    "ejs": "^3.1.6",
+    "express": "^4.17.3",
+    "express-session": "^1.17.2",
+    "joi": "^17.6.0",
+    "joi-objectid": "^4.0.2",
+    "mongoose": "^6.2.10",
+    "nodemailer": "^6.7.3",
+    "nodemailer-smtp-transport": "^2.7.4",
+    "nodemon": "^2.0.15",
+    "passport": "^0.5.2",
+    "passport-local": "^1.0.0",
+    "passport-local-mongoose": "^7.0.0",
+    "xhr2": "^0.2.1"
+  }
+}
diff --git a/Drip.wav b/public/Drip.wav
similarity index 100%
rename from Drip.wav
rename to public/Drip.wav
diff --git a/InvalidMove.wav b/public/InvalidMove.wav
similarity index 100%
rename from InvalidMove.wav
rename to public/InvalidMove.wav
diff --git a/public/css/about.css b/public/css/about.css
new file mode 100644
index 0000000..53dbc1b
--- /dev/null
+++ b/public/css/about.css
@@ -0,0 +1,37 @@
+.about-content {
+  margin: 8em auto;
+  text-align: justify;
+  width: 55%;
+}
+.about-heading {
+  margin: 1em auto;
+  text-align: center;
+  color: #fbb13c;
+}
+.content-heading {
+  margin: 1em auto;
+  text-align: center;
+  color: rgba(0, 0, 0, 0.55);
+}
+.cp1 {
+  text-align: center;
+}
+
+/* styles for how to play page */
+.code-syntax {
+  color: red;
+  font-style: italic;
+}
+
+/* styles for feedback page */
+.feedback-form {
+  margin: 5em auto;
+  width: 55%;
+}
+
+/* styles for faq page */
+.accordion-button:not(.collapsed) {
+  color: rgba(0, 0, 0, 0.55);
+  background-color: #66dcc8;
+  font-weight: 600;
+}
diff --git a/public/css/allLevels.css b/public/css/allLevels.css
new file mode 100644
index 0000000..565a43e
--- /dev/null
+++ b/public/css/allLevels.css
@@ -0,0 +1,21 @@
+body {
+  overflow-y: scroll;
+}
+.level-link {
+  text-decoration: none;
+  color: black;
+}
+.level-link:hover {
+  text-decoration: none;
+  color: black;
+}
+.description {
+  display: none;
+}
+.card:hover {
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+  transform: scale(1.05);
+}
+.card:hover .description {
+  display: inherit;
+}
diff --git a/public/css/arrow.css b/public/css/arrow.css
new file mode 100644
index 0000000..562fe73
--- /dev/null
+++ b/public/css/arrow.css
@@ -0,0 +1,154 @@
+@import url(https://fonts.googleapis.com/css?family=Lato:300);
+html {
+  height: 100%;
+}
+.screen {
+  width: 70%;
+  height: 85%;
+  position: absolute;
+  background: white;
+  border: 20px solid #474e5d;
+  border-radius: 10px;
+  left: 50%;
+  margin-right: -50%;
+  transform: translateX(-50%);
+}
+.monitor > div {
+  position: absolute;
+}
+.monitor:before,
+.monitor:after,
+.laptop:before {
+  content: "";
+  position: absolute;
+  left: 50%;
+}
+.monitor:before,
+.laptop:before {
+  top: -10px;
+  margin: -3px 0 0 -3px;
+  width: 6px;
+  height: 6px;
+  border-radius: 6px;
+  background: #a5adbd;
+}
+.screen:after {
+  width: 8px;
+  height: 8px;
+  border-radius: 8px;
+  bottom: -10px;
+  margin: 0 0 -4px -4px;
+  background: #e8ebf0;
+}
+.t {
+  right: 25%;
+  margin: 1px;
+  clear: right;
+  top: 0;
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+}
+p {
+  font-size: 20px;
+  font-family: "Monaco", "Consolas", "Bitstream Vera Sans Mono", "Courier New",
+    Courier, monospace;
+  font-style: italic;
+  font-weight: 20px;
+  margin: 0px;
+  padding: 0px;
+  /*  */
+  background: none;
+  border: 0;
+  bottom: auto;
+  float: none;
+  height: auto;
+  left: auto;
+  line-height: 1.1em;
+  margin: 0;
+  outline: 0;
+  overflow: visible;
+  padding: 0;
+  position: static;
+  right: auto;
+  text-align: left;
+  top: auto;
+  vertical-align: baseline;
+  width: auto;
+  box-sizing: content-box;
+  font-family: "Monaco", "Consolas", "Bitstream Vera Sans Mono", "Courier New",
+    Courier, monospace;
+  font-weight: normal;
+  font-style: normal;
+  font-size: 1em;
+  min-height: inherit;
+  min-height: auto;
+}
+
+.keys {
+  position: absolute;
+  bottom: -10px;
+  left: 40%;
+  margin-right: -60%;
+  font-family: "Lato", sans-serif;
+  text-align: center;
+  width: 350px;
+  height: 15%;
+}
+.arr {
+  cursor: pointer;
+  width: 50px;
+  height: 50px;
+  text-align: center;
+  line-height: 30px;
+  background: grey;
+  color: white;
+  font-size: 20px;
+  border-right: 10px solid #4d4d4d;
+  border-bottom: 10px solid #4d4d4d;
+  border-left: 10px solid #5a5a5a;
+  border-top: 10px solid #676767;
+  display: inline-block;
+  margin: 5px;
+  transition: all 0.05s linear;
+  user-select: none;
+}
+.arr:active {
+  border-bottom: 8px solid #4d4d4d;
+  text-shadow: 0 0 10px white, 0 0 10px white, 0 0 20px white;
+  transform: translate(0, 2px);
+}
+
+.up {
+  position: relative;
+  top: -4px;
+}
+
+.pressed {
+  border-bottom: 8px solid #4d4d4d;
+  text-shadow: 0 0 10px white;
+  transform: translate(0, 2px);
+}
+.fa {
+  font-size: 25px;
+}
+.names {
+  font-size: 18px;
+  font-family: "Lato", sans-serif;
+  text-align: center;
+  color: white;
+  text-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white, 0 0 10px white;
+}
+
+.b {
+  color: blue;
+  text-shadow: 0 0 10px blue, 0 0 10px blue, 0 0 10px blue, 0 0 10px blue;
+  font-size: 100px;
+  font-family: serif;
+}
+
+.a {
+  color: yellow;
+  text-shadow: 0 0 10px yellow, 0 0 10px yellow, 0 0 10px yellow,
+    0 0 10px yellow;
+  font-size: 100px;
+  font-family: serif;
+}
diff --git a/public/css/index.css b/public/css/index.css
new file mode 100644
index 0000000..0e110e4
--- /dev/null
+++ b/public/css/index.css
@@ -0,0 +1,236 @@
+body {
+  background: #feffff;
+}
+#play-btn {
+  top: 50%;
+  left: 50%;
+  margin-right: -50%;
+  position: absolute;
+  transform: translate(-50%, -50%);
+}
+nav {
+  background-color: rgb(0, 205, 172)
+  ;
+}
+#Modallink {
+  float: left;
+}
+.modal-header {
+  background-color: #a8d0e6;
+  color: floralwhite;
+}
+.modal-header .close {
+  color: floralwhite;
+}
+.modal-body {
+}
+/*Lets start with the cloud formation rather*/
+
+/*The container will also serve as the SKY*/
+
+* {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  /*To hide the horizontal scroller appearing during the animation*/
+  overflow: hidden;
+}
+
+.header {
+  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
+
+  font-weight: 100;
+  letter-spacing: 2px;
+  text-align: center;
+  color: #97caef;
+  background-image: -webkit-linear-gradient(92deg, #3feee6, #cafafe);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  -webkit-animation: hue 10s infinite linear;
+}
+
+@-webkit-keyframes hue {
+  from {
+    -webkit-filter: hue-rotate(0deg);
+  }
+  to {
+    -webkit-filter: hue-rotate(-360deg);
+  }
+}
+
+#clouds {
+  padding: 100px 0;
+  background: #c9dbe9;
+  background: -webkit-linear-gradient(top, #c9dbe9 0%, #fff 100%);
+  background: -linear-gradient(top, #c9dbe9 0%, #fff 100%);
+  background: -moz-linear-gradient(top, #c9dbe9 0%, #fff 100%);
+}
+
+/*Time to finalise the cloud shape*/
+.cloud {
+  width: 200px;
+  height: 60px;
+  background: #fff;
+
+  border-radius: 200px;
+  -moz-border-radius: 200px;
+  -webkit-border-radius: 200px;
+
+  position: relative;
+}
+
+.cloud:before,
+.cloud:after {
+  content: "";
+  position: absolute;
+  background: #fff;
+  width: 100px;
+  height: 80px;
+  position: absolute;
+  top: -15px;
+  left: 10px;
+
+  border-radius: 100px;
+  -moz-border-radius: 100px;
+  -webkit-border-radius: 100px;
+
+  -webkit-transform: rotate(30deg);
+  transform: rotate(30deg);
+  -moz-transform: rotate(30deg);
+}
+
+.cloud:after {
+  width: 120px;
+  height: 120px;
+  top: -55px;
+  left: auto;
+  right: 15px;
+}
+
+/*Time to animate*/
+.x1 {
+  -webkit-animation: moveclouds 15s linear infinite;
+  -moz-animation: moveclouds 15s linear infinite;
+  -o-animation: moveclouds 15s linear infinite;
+}
+
+/*variable speed, opacity, and position of clouds for realistic effect*/
+.x2 {
+  left: 200px;
+
+  -webkit-transform: scale(0.6);
+  -moz-transform: scale(0.6);
+  transform: scale(0.6);
+  opacity: 0.6; /*opacity proportional to the size*/
+
+  /*Speed will also be proportional to the size and opacity*/
+  /*More the speed. Less the time in 's' = seconds*/
+  -webkit-animation: moveclouds 25s linear infinite;
+  -moz-animation: moveclouds 25s linear infinite;
+  -o-animation: moveclouds 25s linear infinite;
+}
+
+.x3 {
+  left: -250px;
+  top: -200px;
+
+  -webkit-transform: scale(0.8);
+  -moz-transform: scale(0.8);
+  transform: scale(0.8);
+  opacity: 0.8; /*opacity proportional to the size*/
+
+  -webkit-animation: moveclouds 20s linear infinite;
+  -moz-animation: moveclouds 20s linear infinite;
+  -o-animation: moveclouds 20s linear infinite;
+}
+
+.x4 {
+  left: 470px;
+  top: -250px;
+
+  -webkit-transform: scale(0.75);
+  -moz-transform: scale(0.75);
+  transform: scale(0.75);
+  opacity: 0.75; /*opacity proportional to the size*/
+
+  -webkit-animation: moveclouds 18s linear infinite;
+  -moz-animation: moveclouds 18s linear infinite;
+  -o-animation: moveclouds 18s linear infinite;
+}
+
+.x5 {
+  left: -150px;
+  top: -150px;
+
+  -webkit-transform: scale(0.8);
+  -moz-transform: scale(0.8);
+  transform: scale(0.8);
+  opacity: 0.8; /*opacity proportional to the size*/
+
+  -webkit-animation: moveclouds 20s linear infinite;
+  -moz-animation: moveclouds 20s linear infinite;
+  -o-animation: moveclouds 20s linear infinite;
+}
+
+@-webkit-keyframes moveclouds {
+  0% {
+    margin-left: 1000px;
+  }
+  100% {
+    margin-left: -1000px;
+  }
+}
+@-moz-keyframes moveclouds {
+  0% {
+    margin-left: 1000px;
+  }
+  100% {
+    margin-left: -1000px;
+  }
+}
+@-o-keyframes moveclouds {
+  0% {
+    margin-left: 1000px;
+  }
+  100% {
+    margin-left: -1000px;
+  }
+}
+svg#play {
+  width: 200px;
+  margin: 120px auto;
+  display: block;
+  cursor: pointer;
+  transform-origin: 50% 50%;
+}
+
+svg#play #triangle {
+  fill: #d2fdff;
+  transition: 500ms;
+  transform-origin: 50% 50%;
+}
+svg#play:hover #triangle {
+  fill: #d2fdff;
+  transform-origin: 50% 50%;
+}
+
+svg #lineOne,
+svg #lineTwo {
+  transform-origin: 50% 50%;
+  transition: 1s;
+}
+
+svg:hover #lineOne {
+  transform: rotate(260deg);
+  -webkit-transform: rotate(260deg);
+  -moz-transform: rotate(260deg);
+  -o-transform: rotate(260deg);
+  transform-origin: 50% 50%;
+}
+
+svg:hover #lineTwo {
+  transform: rotate(-450deg);
+  transform-origin: 50% 50%;
+}
diff --git a/public/css/levels.css b/public/css/levels.css
new file mode 100644
index 0000000..e33bb38
--- /dev/null
+++ b/public/css/levels.css
@@ -0,0 +1,83 @@
+.code-step {
+  font-size: 20px;
+  font-family: "Monaco", "Consolas", "Bitstream Vera Sans Mono", "Courier New",
+    Courier, monospace;
+  font-style: italic;
+  font-weight: 20px;
+  margin: 0px;
+  padding: 0px;
+  background: none;
+  border: 0;
+  bottom: auto;
+  float: none;
+  height: auto;
+  left: auto;
+  line-height: 1.1em;
+  margin: 0;
+  outline: 0;
+  overflow: visible;
+  padding: 0;
+  position: static;
+  right: auto;
+  text-align: left;
+  top: auto;
+  vertical-align: baseline;
+  width: auto;
+  box-sizing: content-box;
+  font-family: "Monaco", "Consolas", "Bitstream Vera Sans Mono", "Courier New",
+    Courier, monospace;
+  font-weight: normal;
+  font-style: normal;
+  font-size: 1em;
+  min-height: inherit;
+  min-height: auto;
+}
+.main-content {
+  margin: 1em 3em;
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-evenly;
+}
+.level-no {
+  text-align: center;
+  color: rgba(0, 0, 0, 0.55);
+}
+.code-step {
+  margin: 0.5em 0;
+  font-size: 20px;
+}
+.code-step-indent{
+  text-indent: 1em;
+}
+.code-step-indent-2{
+  text-indent: 2em;
+}
+.code-step-indent-3{
+  text-indent: 3em;
+}
+.dot {
+  height: 20px;
+  width: 20px;
+  margin-left: 2px;
+  margin-right: 2px;
+  padding-top: 10px ;
+  background-color: green;
+  border-radius: 50%;
+  display: inline-block;
+}
+.code-heading{
+  margin-bottom: 40px;
+  font-weight: 500;
+}
+.lurd{
+  color:red;
+}
+.if-else{
+  color: mediumblue;
+}
+.loop{
+  color: indigo;
+}
+.button-right{
+  float: right;
+}
\ No newline at end of file
diff --git a/public/css/main.css b/public/css/main.css
new file mode 100644
index 0000000..e6297f4
--- /dev/null
+++ b/public/css/main.css
@@ -0,0 +1,28 @@
+body {
+  background: #000000;
+  text-align: center;
+}
+.container {
+  width: 500px;
+  display: inline-block;
+  transform: translateY(200px);
+}
+.bar {
+  background: #ffffff;
+  width: 10px;
+  height: 100px;
+}
+.bar1 {
+  float: left;
+}
+.bar2 {
+  float: right;
+}
+.ball {
+  background: #ffffff;
+  width: 10px;
+  height: 10px;
+  position: relative;
+  top: 90px;
+  left: 10px;
+}
diff --git a/public/css/navbar.css b/public/css/navbar.css
new file mode 100644
index 0000000..4600e59
--- /dev/null
+++ b/public/css/navbar.css
@@ -0,0 +1,18 @@
+.navbar {
+  padding: 10px 25px;
+}
+.dropdown-toggle::after {
+  content: none;
+}
+.username-text {
+  color: red;
+}
+.navbar-div {
+  display: contents;
+}
+.profile-icon {
+  margin-left: auto;
+}
+.navbar-light .navbar-nav .nav-link {
+  color: rgba(0, 0, 0, 0.8);
+}
diff --git a/small_arrow.css b/public/css/small_arrow.css
similarity index 72%
rename from small_arrow.css
rename to public/css/small_arrow.css
index eab1404..fffd990 100644
--- a/small_arrow.css
+++ b/public/css/small_arrow.css
@@ -1,14 +1,13 @@
 @import url(https://fonts.googleapis.com/css?family=Lato:300);
 
 html {
-    height: 100%;
-     
+  height: 100%;
 }
 
 .screen {
   width: 360px;
   height: 570px;
-  position: relative;  
+  position: relative;
   background: white;
   border: 15px solid #474e5d;
   border-radius: 10px;
@@ -18,11 +17,11 @@ html {
 }
 .monitor:before,
 .monitor:after,
-.laptop:before{
-   content: "";
-   position: absolute;
-   left: 50%;
- }
+.laptop:before {
+  content: "";
+  position: absolute;
+  left: 50%;
+}
 .monitor:before,
 .laptop:before {
   top: -10px;
@@ -32,20 +31,19 @@ html {
   border-radius: 6px;
   background: #a5adbd;
 }
-.t{
-    
-    margin-top: -5px;
-    line-height: 0.0;
-}
-p{
-                font-size: 15px;
-                font-family: 'Special Elite', cursive;
-                font-style: italic;
-                
-                margin:0px;
-                padding: 0px;
-               line-height: 0.0;
-            }
+.t {
+  margin-top: -5px;
+  line-height: 0;
+}
+p {
+  font-size: 15px;
+  font-family: "Special Elite", cursive;
+  font-style: italic;
+
+  margin: 0px;
+  padding: 0px;
+  line-height: 0;
+}
 .screen:after {
   width: 8px;
   height: 8px;
@@ -55,15 +53,15 @@ p{
   background: #e8ebf0;
 }
 
- .keys {
-    position:absolute;
-    bottom: -15px;
-    left:40%;
-    margin-right:-60%;
-    font-family: 'Lato', sans-serif;
-    text-align: center;
-    width: 180px;
-     height: 15%;
+.keys {
+  position: absolute;
+  bottom: -15px;
+  left: 40%;
+  margin-right: -60%;
+  font-family: "Lato", sans-serif;
+  text-align: center;
+  width: 180px;
+  height: 15%;
 }
 
 .arr {
@@ -81,7 +79,7 @@ p{
   border-top: 10px solid #676767;
   display: inline-block;
   margin: 1px;
-  transition: all .05s linear;
+  transition: all 0.05s linear;
   user-select: none;
 }
 .arr:active {
@@ -100,12 +98,12 @@ p{
   text-shadow: 0 0 10px white;
   transform: translate(0, 2px);
 }
-.fa{
-    font-size: 15px;
+.fa {
+  font-size: 15px;
 }
 .names {
   font-size: 18px;
-  font-family: 'Lato', sans-serif;
+  font-family: "Lato", sans-serif;
   text-align: center;
   color: white;
   text-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white, 0 0 10px white;
@@ -120,10 +118,11 @@ p{
 
 .a {
   color: yellow;
-  text-shadow: 0 0 10px yellow, 0 0 10px yellow, 0 0 10px yellow, 0 0 10px yellow;
+  text-shadow: 0 0 10px yellow, 0 0 10px yellow, 0 0 10px yellow,
+    0 0 10px yellow;
   font-size: 100px;
   font-family: serif;
-}/*
+} /*
 To change this license header, choose License Headers in Project Properties.
 To change this template file, choose Tools | Templates
 and open the template in the editor.
@@ -132,4 +131,3 @@ and open the template in the editor.
     Created on : 13 Jun, 2020, 2:59:10 PM
     Author     : dell
 */
-
diff --git a/public/img/basic_constructs.jpeg b/public/img/basic_constructs.jpeg
new file mode 100644
index 0000000..7b505b2
Binary files /dev/null and b/public/img/basic_constructs.jpeg differ
diff --git a/bg.png b/public/img/bg.png
similarity index 100%
rename from bg.png
rename to public/img/bg.png
diff --git a/public/img/conditional.jpeg b/public/img/conditional.jpeg
new file mode 100644
index 0000000..fad8e3f
Binary files /dev/null and b/public/img/conditional.jpeg differ
diff --git a/public/img/learnig_loop_logo2.jpeg b/public/img/learnig_loop_logo2.jpeg
new file mode 100644
index 0000000..8af3a10
Binary files /dev/null and b/public/img/learnig_loop_logo2.jpeg differ
diff --git a/public/img/level1.jpeg b/public/img/level1.jpeg
new file mode 100644
index 0000000..513c775
Binary files /dev/null and b/public/img/level1.jpeg differ
diff --git a/public/img/loop_conditional.jpg b/public/img/loop_conditional.jpg
new file mode 100644
index 0000000..6cf910f
Binary files /dev/null and b/public/img/loop_conditional.jpg differ
diff --git a/public/img/loops.jpeg b/public/img/loops.jpeg
new file mode 100644
index 0000000..0251cf3
Binary files /dev/null and b/public/img/loops.jpeg differ
diff --git a/loss.jpeg b/public/img/loss.jpeg
similarity index 100%
rename from loss.jpeg
rename to public/img/loss.jpeg
diff --git a/mb.png b/public/img/mb.png
similarity index 100%
rename from mb.png
rename to public/img/mb.png
diff --git a/public/img/nested_loops.jpeg b/public/img/nested_loops.jpeg
new file mode 100644
index 0000000..f5dfaa7
Binary files /dev/null and b/public/img/nested_loops.jpeg differ
diff --git a/uv.jpeg b/public/img/uv.jpeg
similarity index 100%
rename from uv.jpeg
rename to public/img/uv.jpeg
diff --git a/win.jpeg b/public/img/win.jpeg
similarity index 100%
rename from win.jpeg
rename to public/img/win.jpeg
diff --git a/intro_tutorials.mp4 b/public/intro_tutorials.mp4
similarity index 100%
rename from intro_tutorials.mp4
rename to public/intro_tutorials.mp4
diff --git a/THREEx.KeyboardState.js b/public/js/THREEx.KeyboardState.js
similarity index 100%
rename from THREEx.KeyboardState.js
rename to public/js/THREEx.KeyboardState.js
diff --git a/anime.es.js b/public/js/anime.es.js
similarity index 100%
rename from anime.es.js
rename to public/js/anime.es.js
diff --git a/anime.js b/public/js/anime.js
similarity index 100%
rename from anime.js
rename to public/js/anime.js
diff --git a/anime.min.js b/public/js/anime.min.js
similarity index 100%
rename from anime.min.js
rename to public/js/anime.min.js
diff --git a/public/js/main.js b/public/js/main.js
new file mode 100644
index 0000000..fbc0668
--- /dev/null
+++ b/public/js/main.js
@@ -0,0 +1,132 @@
+                        function RightMove() {
+
+                            myMusic = new sound("/Drip.wav");
+                            myMusic.play();
+                            value.x = +document.getElementsByTagName("circle")[15].getAttribute("cx");
+                            temp = +document.getElementsByTagName("circle")[15].getAttribute("cx") + +110;
+                            check(1);
+                            // print();
+                            if (temp >= 380)
+                            {
+                                temp = 50;
+                            }
+
+                            anime({
+                                targets: value,
+                                x: temp,
+                                duration: 300,
+                                autoplay: true,
+                                update: function () {
+                                    document.getElementsByTagName("circle")[15].setAttribute("cx", value.x);
+
+
+
+                                },
+                                easing: 'easeInOutSine'
+                            });
+
+
+                        }
+                        function LeftMove()
+                        {
+
+                            temp = document.getElementsByTagName("circle")[15].getAttribute("cx");
+
+                            myMusic = new sound("/Drip.wav");
+                            myMusic.play();
+
+                            value.x = document.getElementsByTagName("circle")[15].getAttribute("cx");
+                            temp = temp - 110;
+                            check(-1);
+                            // print();
+                            if (temp < 0)
+                            {
+                                temp = 270
+                            }
+
+                            anime({
+                                targets: value,
+                                x: temp,
+                                duration: 300,
+                                autoplay: true,
+                                update: function () {
+                                    console.log("SS" + value.x);
+
+                                    document.getElementsByTagName("circle")[15].setAttribute("cx", value.x);
+
+
+
+                                },
+                                easing: 'easeInOutSine'
+                            });
+                        }
+                        function DownMove()
+                        {
+                            temp = document.getElementsByTagName("circle")[15].getAttribute("cy");
+
+                            myMusic = new sound("/Drip.wav");
+                            myMusic.play();
+
+                            value.x = document.getElementsByTagName("circle")[15].getAttribute("cy");
+                            temp = +document.getElementsByTagName("circle")[15].getAttribute("cy") + +110;
+                            console.log(temp);
+                            if (temp > 490)
+                            {
+                                temp = 50;
+                            }
+                            check(-2);
+                            // print();
+
+
+                            anime({
+                                targets: value,
+                                x: temp,
+                                duration: 300,
+                                autoplay: true,
+                                update: function () {
+
+
+                                    document.getElementsByTagName("circle")[15].setAttribute("cy", value.x);
+
+
+
+
+                                },
+                                easing: 'easeInOutSine'
+                            });
+                        }
+                        function UpMove()
+                        {
+                            temp = document.getElementsByTagName("circle")[15].getAttribute("cy");
+
+                            myMusic = new sound("/Drip.wav");
+                            myMusic.play();
+
+                            value.x = document.getElementsByTagName("circle")[15].getAttribute("cy");
+                            temp = +document.getElementsByTagName("circle")[15].getAttribute("cy") - 110;
+                            if (temp < 50)
+                            {
+                                temp = 490;
+                            }
+                            check(2);
+                            // print();
+
+
+                            anime({
+                                targets: value,
+                                x: temp,
+                                duration: 300,
+                                autoplay: true,
+                                update: function () {
+
+
+                                    document.getElementsByTagName("circle")[15].setAttribute("cy", value.x);
+
+
+
+
+                                },
+                                easing: 'easeInOutSine'
+                            });
+
+                        }
\ No newline at end of file
diff --git a/three.js b/public/js/three.js
similarity index 100%
rename from three.js
rename to public/js/three.js
diff --git a/three.min.js b/public/js/three.min.js
similarity index 100%
rename from three.min.js
rename to public/js/three.min.js
diff --git a/three.module.js b/public/js/three.module.js
similarity index 100%
rename from three.module.js
rename to public/js/three.module.js
diff --git a/routes/home.js b/routes/home.js
new file mode 100644
index 0000000..708b316
--- /dev/null
+++ b/routes/home.js
@@ -0,0 +1,337 @@
+const express = require('express');
+const router = express.Router();
+
+const User = require('../models/user');
+const Faq = require('../models/faq');
+const Feedback = require('../models/feedback');
+
+const passport = require('passport');
+const { encrypt, decrypt } = require('../crypto');
+const nodemailer = require("nodemailer");
+
+const { isAdmin, isLoggedIn } = require('../middleware');
+const levelData = require('./levelData')
+const { userSchema } = require('../Schema.js');
+
+async function sEmail(email, username, resetLinkCount) {
+   const d = new Date();
+   console.log(d);
+   var str = email + "@#$" + d + "@#$" + username + "@#$" + resetLinkCount;
+   var tab = encrypt(Buffer.from(str, 'utf8'));
+   console.log(tab)
+   var link = "http://localhost:3000/resetPassword/" + tab.iv + "/" + tab.content;
+   console.log();
+   const transporter = nodemailer.createTransport({
+      service: 'gmail',
+      auth: {
+         user: 'info.learningloop@gmail.com',
+         pass: 'Learn@123' // naturally, replace both with your real credentials or an application-specific password
+      }
+   });
+
+   const mailOptions = {
+      from: 'info.learningloop@gmail.com',
+      to: email,
+      subject: 'Password Reset',
+      html: '<p>Click <a href="' + link + '">here</a> to reset your password</p>'
+   };
+
+   transporter.sendMail(mailOptions, function (error, info) {
+      if (error) {
+         console.log(error);
+      } else {
+         console.log('Email sent: ' + info.response);
+      }
+   });
+
+   async function main() {
+      var transport = nodemailer.createTransport({
+         host: "smtp.mailtrap.io",
+         port: 2525,
+         auth: {
+            user: "9d225d8ece525c",
+            pass: "a7f60638bb35ce"
+         }
+      });
+      var mailOptions = {
+         from: "tanishk145@gmail.com",
+         to: "tanishkagarwal818@gmal.com",
+         subject: "Subject",
+         text: "Hello SMTP Email"
+      };
+
+      transport.sendMail(mailOptions, function (err, info) {
+         transport.close();
+         if (err) {
+            callback(err, info);
+         }
+         else {
+            callback(null, info);
+         }
+      });
+   }
+
+}
+// const validate = (req, res, next) => {
+//    const { error } = userSchema.validate(req.body);
+//    console.log(error)
+//    if (error) {
+//       req.flash('error', error.details.map(el => el.message).join(','));
+//       res.redirect('/login')
+//    } else {
+//       next();
+//    }
+// }
+
+router.get("/", (req, res) => {
+   res.render('index.ejs')
+})
+
+router.get("/levels", isLoggedIn, (req, res) => {
+   res.render('lev.ejs', { levelData })
+})
+
+router.get("/admin", isAdmin, async (req, res) => {
+   let noOfLevels = 8;
+   let users = await User.find({});
+   let feedbacks = await Feedback.find({})
+
+   if (req.user.isAdmin)
+      res.render("admin.ejs", { users, noOfLevels, feedbacks });
+   else {
+      req.flash('error', 'You must be logged in as an admin to access the admin site');
+      res.redirect('/levels');
+   }
+})
+router.get("/admin/feedbacks", isAdmin, async (req, res) => {
+   let feedbacks = await Feedback.find({})
+
+   if (req.user.isAdmin)
+      res.render("adminFeedbacks.ejs", { feedbacks });
+   else {
+      req.flash('error', 'You must be logged in as an admin to access the admin site');
+      res.redirect('/levels');
+   }
+})
+router.get("/admin/faqs", isAdmin, async (req, res) => {
+   let faqs = await Faq.find({})
+   if (req.user.isAdmin)
+      res.render("adminFAQs.ejs", { faqs });
+   else {
+      req.flash('error', 'You must be logged in as an admin to access the admin site');
+      res.redirect('/levels');
+   }
+})
+router.post("/admin/faqs", isAdmin, async (req, res) => {
+   try {
+      let data = { ...req.body, createdOn: new Date() }
+      let faq = new Faq({ ...data })
+      await faq.save()
+      res.redirect('/admin/faqs')
+   } catch (e) {
+      req.flash('error', e.message);
+      res.redirect('/login');
+   }
+})
+
+router.get('/login', (req, res) => {
+   if (!req.isAuthenticated())
+      res.render('login.ejs')
+   else
+      res.redirect('/levels')
+})
+
+
+router.post('/Signup', async (req, res, next) => {
+
+   // Insert the new user if they do not exist yet
+   let maxLevel = "0"
+   try {
+
+      const { username, name, password } = req.body;
+      const user = new User({ name, maxLevel, username });
+      const registeredUser = await User.register(user, password);
+      req.login(registeredUser, err => {
+
+         if (err) return next(err);
+         console.log(req.registeredUser);
+         req.flash('success', 'Welcome to Learning Loop');
+         res.redirect('/levels');
+
+      })
+   }
+   catch (e) {
+      if (e.message == "A user with the given username is already registered") {
+         e.message = " User with that Email already exists "
+      }
+      req.flash('error', e.message);
+      res.redirect('login');
+   }
+
+
+})
+
+router.post('/login', passport.authenticate('local', { failureFlash: true, failureRedirect: '/loginFailure' }), (req, res) => {
+   req.flash('success', 'Welcome! ' + req.user.name);
+   var redirectUrl;
+   if (req.user.isAdmin)
+      redirectUrl = '/admin';
+   else
+      redirectUrl = '/levels';
+   delete req.session.returnTo;
+   res.redirect(redirectUrl);
+})
+
+router.post('/reset', async (req, res) => {
+   let oldUser = await User.findOne({ username: req.body.email });
+   // console.log(oldUser);
+   if (oldUser) {
+      // console.log(req.user);
+      sEmail(req.body.email, oldUser.name, oldUser.resetLinkCount);
+      req.flash('success', 'Reset Link Sent')
+      res.redirect('/login')
+   }
+   else {
+      req.flash('error', 'You are not registered yet')
+      res.redirect('/login');
+   }
+})
+router.get('/logout', (req, res) => {
+   req.logOut();
+   req.flash('success', 'Successfully logout');
+   res.redirect('/login');
+})
+
+router.post('/resetPassword/:iv/:encryptedData', async (req, res) => {
+   var text = {
+      iv: req.params.iv,
+      content: req.params.encryptedData
+   }
+   var str = decrypt(text);
+   var email = str.split("@#$")[0];
+   var username = str.split("@#$")[2]
+   let user = await User.findOne({ username: email });
+   // console.log(user);
+   user.resetLinkCount++
+   user.setPassword(req.body.password, (err, user) => {
+      user.save()
+      console.log(user)
+   });
+   req.flash('success', 'Password reset successfully')
+   res.redirect('/login')
+})
+
+router.get('/resetPassword/:iv/:encryptedData', async (req, res) => {
+   console.log(req.params.encryptedData)
+
+   var text = {
+      iv: req.params.iv,
+      content: req.params.encryptedData
+   }
+
+   var str = decrypt(text);
+   var email = str.split("@#$")[0];
+   var time = (str.split("@#$")[1]);
+   var username = str.split("@#$")[2];
+   var resetLinkCount = str.split("@#$")[3];
+   let user = await User.findOne({ username: email });
+   if (parseInt(user.resetLinkCount) !== parseInt(resetLinkCount)) {
+      console.log(user.resetLinkCount, resetLinkCount);
+      req.flash('error', 'Reset Link Expired')
+      res.redirect('/login')
+   }
+   else {
+      console.log(user.resetLinkCount, resetLinkCount);
+      const d = new Date();
+      // console.log(d)
+      // console.log(time)
+      // console.log(d.getTime())
+      // console.log(d.getTime() - Date.parse(time))
+      // console.log(Math.round(((d.getTime() - Date.parse(time)) / 1000) / 60));
+      if (Math.round(((d.getTime() - Date.parse(time)) / 1000) / 60) < 10)
+         res.render('forgotPass.ejs', { username, email, text });
+      else {
+         req.flash('error', 'Rest link expired');
+         res.redirect('/login')
+      }
+   }
+})
+
+
+router.get('/loginFailure', (req, res) => {
+   req.flash("error", "Email or password is incorrect");
+   res.redirect('/login')
+})
+
+router.get('/logout', (req, res) => {
+   req.logOut();
+   req.flash('success', 'Successfully logout');
+   res.redirect('/login');
+})
+
+router.post('/changepassword', (req, res) => {
+   let user = req.user;
+   user.setPassword(req.body.password, (err, user) => {
+      user.save()
+      console.log(user)
+   });
+   req.flash('success', 'Password reset successfully')
+   res.redirect('/login')
+})
+
+router.get('/changepassword', (req, res) => {
+   if (!req.isAuthenticated()) {
+      req.flash("error", "You must log in first")
+      res.redirect('/login')
+   }
+   else
+      res.render('changePass.ejs')
+})
+router.get('/about', (req, res) => {
+   if (!req.isAuthenticated()) {
+      req.flash("error", "You must log in first")
+      res.redirect('/login')
+   }
+   else
+      res.render('about.ejs')
+})
+router.get('/feedback', (req, res) => {
+   if (!req.isAuthenticated()) {
+      req.flash("error", "You must log in first")
+      res.redirect('/login')
+   }
+   else
+      res.render('feedback.ejs')
+})
+router.post('/feedback', async (req, res) => {
+   try {
+      let data = { ...req.body, username: req.user.username, createdOn: new Date() }
+      let feedback = new Feedback({ ...data })
+      await feedback.save()
+      req.flash("success", "Feedback sent successfully")
+      res.redirect('/levels')
+   } catch (e) {
+      req.flash('error', e.message);
+      res.redirect('/login');
+   }
+})
+router.get('/howtoplay', (req, res) => {
+   if (!req.isAuthenticated()) {
+      req.flash("error", "You must log in first")
+      res.redirect('/login')
+   }
+   else
+      res.render('howToPlay.ejs')
+})
+
+router.get("/faq", async (req, res) => {
+   let faqs = await Faq.find({})
+   if (!req.isAuthenticated()) {
+      req.flash("error", "You must log in first")
+      res.redirect('/login')
+   }
+   else
+      res.render('faq.ejs', { faqs })
+})
+
+module.exports = router;
\ No newline at end of file
diff --git a/routes/lev.js b/routes/lev.js
new file mode 100644
index 0000000..c4976ce
--- /dev/null
+++ b/routes/lev.js
@@ -0,0 +1,56 @@
+const express = require('express');
+const router = express.Router();
+const { isLoggedIn } = require('../middleware');
+const User = require('../models/user');
+
+var updateMaxLevel = async (level, user) => {
+   console.log(user)
+   user[0].maxLevel = Math.max(level, user[0].maxLevel);
+   await User.findByIdAndUpdate(user[0]._id, user[0]);
+}
+
+router.get('/1', isLoggedIn, async (req, res) => {
+   res.render('All_Levels/level_1.ejs')
+});
+router.get('/2', isLoggedIn, async (req, res) => {
+   let user = await User.find({ username: req.user.username });
+   updateMaxLevel("1", user);
+   res.render('All_Levels/level_2.ejs')
+});
+router.get('/3', isLoggedIn, async (req, res) => {
+   let user = await User.find({ username: req.user.username });
+   updateMaxLevel("2", user);
+   res.render('All_Levels/level_3.ejs')
+});
+router.get('/4', isLoggedIn, async (req, res) => {
+   let user = await User.find({ username: req.user.username });
+   updateMaxLevel("3", user);
+   res.render('All_Levels/level_4.ejs')
+});
+router.get('/5', isLoggedIn, async (req, res) => {
+   let user = await User.find({ username: req.user.username });
+   updateMaxLevel("4", user);
+   res.render('All_Levels/level_5.ejs')
+});
+router.get('/6', isLoggedIn, async (req, res) => {
+   let user = await User.find({ username: req.user.username });
+   updateMaxLevel("5", user);
+   res.render('All_Levels/level_6.ejs')
+});
+router.get('/7', isLoggedIn, async (req, res) => {
+   let user = await User.find({ username: req.user.username });
+   updateMaxLevel("6", user);
+   res.render('All_Levels/level_7.ejs')
+});
+router.get('/8', isLoggedIn, async (req, res) => {
+   let user = await User.find({ username: req.user.username });
+   updateMaxLevel("7", user);
+   res.render('All_Levels/level_8.ejs')
+});
+router.get('/9', isLoggedIn, async (req, res) => {
+   let user = await User.find({ username: req.user.username });
+   updateMaxLevel("8", user);
+   res.render('All_Levels/level_9.ejs')
+});
+module.exports = router;
+
diff --git a/routes/levelData.js b/routes/levelData.js
new file mode 100644
index 0000000..32bc0d4
--- /dev/null
+++ b/routes/levelData.js
@@ -0,0 +1,57 @@
+const levelData = [
+    {
+        image: 'basic_constructs.jpeg',
+        name: 'Level 1',
+        url: '/lev/1',
+        description: 'A very basic level to familiarize you with the gameplay.'
+    },
+    {
+        image: 'basic_constructs.jpeg',
+        name: 'Level 2',
+        url: '/lev/2',
+        description: 'A beginner level with basic constructs.'
+    },
+    {
+        image: 'conditional.jpeg',
+        name: 'Level 3',
+        url: '/lev/3',
+        description: 'Level based on conditional (if-else) programming construct.'
+    },
+    {
+        image: 'loops.jpeg',
+        name: 'Level 4',
+        url: '/lev/4',
+        description: 'Level based on Looping concept.'
+    },
+    {
+        image: 'loops.jpeg',
+        name: 'Level 5',
+        url: '/lev/5',
+        description: 'A more complex level on loops'
+    },
+    {
+        image: 'nested_loops.jpeg',
+        name: 'Level 6',
+        url: '/lev/6',
+        description: 'Level based on nested loops'
+    },
+    {
+        image: 'nested_loops.jpeg',
+        name: 'Level 7',
+        url: '/lev/7',
+        description: 'Complex nested loops.'
+    },
+    {
+        image: 'loop_conditional.jpg',
+        name: 'Level 8',
+        url: '/lev/8',
+        description: 'Loops with conditionals constructs.'
+    },
+    {
+        image: 'loop_conditional.jpg',
+        name: 'Level 9',
+        url: '/lev/9',
+        description: 'Nested loops with conditionals constructs.'
+    },
+];
+module.exports = levelData;
\ No newline at end of file
diff --git a/ta.jfif b/ta.jfif
deleted file mode 100644
index 7b20fff..0000000
Binary files a/ta.jfif and /dev/null differ
diff --git a/tutorial.html b/tutorial.html
deleted file mode 100644
index fc8d436..0000000
--- a/tutorial.html
+++ /dev/null
@@ -1,156 +0,0 @@
-<!DOCTYPE html>
-<!--
-To change this license header, choose License Headers in Project Properties.
-To change this template file, choose Tools | Templates
-and open the template in the editor.
--->
-<html>
-    <head>
-        <title>Intro-Tutorial</title>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-       <link
-    rel="stylesheet"
-    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"
-  />
-       <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
-<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
-<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
-        <style>
-
-            body{
-                background-color: #d5fefd;
-                background-image: linear-gradient(315deg, #d5fefd 0%, #fffcff 74%);
-
-            }
-     
-            #myVideo {
-                position: absolute;
-                top:50%;
-                margin-right: -50%;
-                left:50%;
-                transform: translate(-50%, -50%);
-
-
-            }
-            h1{
-                position: absolute;
-            
-                margin-right: -50%;
-                left:50%;
-                transform: translate(-50%, -50%);
-            }
-            @media only screen and (max-width: 600px){
-                #myVideo{
-                    width:100%;
-                }
-            }
-body {
-	 background-color: #fb9;
-	 color: #aaa;
-	 font-size: 40px;
-}
- .text {
-	 display: flex;
-	 justify-content: center;
-	 margin-top: 5%;
-	 transform: translateY(-50%);
-	 text-align: center;
-	 transition: transform 0.3s ease-in-out;
-}
-@media only screen and (max-width:600px){
-    .text{
-        margin-top: 25%;
-    }
-}
- .text:hover {
-	 transform: rotateX(35deg), translateY(-50%);
-}
- .text:hover span {
-	 color: #ccc;
-}
- .text:hover span:nth-child(odd) {
-	 transform: skewY(15deg);
-}
- .text:hover span:nth-child(even) {
-	 transform: skewY(-15deg);
-	 background-color: #f9f9f9;
-	 color: #a6a6a6;
-}
- .text > span {
-	 display: block;
-	 background-color: #fff;
-	 width: 120px;
-	 height: 120px;
-	 line-height: 120px;
-	 transition: transform 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-	 box-shadow: 0 40px 50px rgba(0, 0, 0, 0.1);
-}
- .text > span:first-child {
-	 border-radius: 5px 0 0 5px;
-}
-
- 
- .button-container {
-	 position: absolute;
-	 bottom: 0;
-	 right: 0;
-
-}
- .btn {
-	 display: block;
-	 height: 50px;
-	 width: 186px;
-	 position: relative;
-	 overflow: hidden;
-	 text-decoration: none;
-	 text-transform: uppercase;
-	 letter-spacing: 2px;
-	 color: white;
-	 font-size: 14px;
-	 text-align: center;
-}
- .btn:after {
-	 position: absolute;
-	 content: '';
-	 display: inline-block;
-	 background:  #10E7DC;
-	 background: linear-gradient(45deg, #10E7DC 0%, #8EE4AF 25%, #659DBD 51%, #6CDAEE 100%);
-	 height: 50px;
-	 width: 372px;
-	 z-index: -1;
-	 transform: translateX(-280px);
-	 transition: transform 400ms ease-in;
-}
- .btn:hover:after {
-	 transform: translateX(-200px);
-}
- .btn span {
-	 position: relative;
-	 top: 16px;
-}
- 
-        </style>
-    </head>
-    <body>
-    <div class="text">
-  <span>S</span>
-  <span>T</span>
-  <span>O</span>
-  <span>R</span>
-  <span>Y</span>
-  <span></span>
-  <span>T</span>
-  <span>I</span>
-  <span>M</span>
-  <span>E</span>
-</div>
-       
-        <iframe id="myVideo" src="https://player.vimeo.com/video/436009832" width="640" height="288" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
-    <div class="button-container">
-  <a href="intro.html" class="btn"><span>START</span></a>
-</div>
-        
-     
-    </body>
-</html>
diff --git a/views/All_Levels/level_1.ejs b/views/All_Levels/level_1.ejs
new file mode 100644
index 0000000..0d73750
--- /dev/null
+++ b/views/All_Levels/level_1.ejs
@@ -0,0 +1,347 @@
+<%- include('../partials/Level_Template')%>
+
+  <div class="container-fluid py-5 my-5">
+    <h5%- include('../partials/flash')%>
+      <!-- win_modal -->
+      <div id="winModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/win.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <!-- <br/> -->
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-success button-right" href="2" role="button" >Next Level!</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div id="lossModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/loss.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <!-- <div class="quote">
+                Winning provides happiness.Loosing provides wisdom
+              </div> -->
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-danger button-right" href="/lev/1" role="button">Try Again</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- This is the main content -->
+      <h2 class="level-no">Level 1</h2>
+      <div class="main-content">
+
+        <svg height="600" width="320" xmlns="http://www.w3.org/2000/svg">
+          <%- include('../partials/mac_window.ejs') %>
+            <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C" filter="url(#inset-shadow)" />
+            <circle cx="160" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="50" r="20" stroke="black" stroke-width="3" fill="white" filter="url(#inset-shadow)" />
+            <circle cx="50" cy="160" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="160" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="160" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="270" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="270" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="270" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="380" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="380" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="380" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+        </svg>
+        <div class="code-steps code">
+          <h3 class="code-heading">Instructions</h3>
+          <p class="code-step"></p>
+          <p class="code-step"></p>
+          <p class="code-step"></p>
+        </div>
+      </div>
+      <%- include('../partials/key.ejs') %>
+        <script src="/js/three.js"></script>
+        <script src="/js/three.min.js"></script>
+        <%- include('../partials/script.ejs') %>
+          <script>
+            let i = 0;
+            let count = 0;
+            let visibilityKey = [{
+              x: 0,
+            },
+            {
+              y: "visible"
+            },
+            {
+              y: "hidden"
+            }];
+
+            let levels = [
+              {
+                lev: [1, 1, 1]
+              }
+            ];
+            print();
+            let temp;
+            let keyVisible = 1;
+            let keyCount = 1;
+            let radiusvalue = {}
+            let value = {}
+            let isPlaying = true;
+            let t1 = anime.timeline({
+              easing: 'easeOutElastic(1, .8)',
+              autoplay: true,
+              loop: true,
+              duration: 4000
+            });
+            let t2 = anime.timeline({
+              easing: 'easeOutElastic(1, .8)',
+              autoplay: true,
+              loop: true,
+              duration: 4000
+            });
+            Init();
+            Idle();
+            document.addEventListener("keydown", onDocumentKeyDown, false);
+            function onDocumentKeyDown(event) {
+              let keyCode = event.which;
+              if (keyCode == 38 && isPlaying) {
+                UpMove()
+              } else if (keyCode == 40 && isPlaying) {
+                DownMove()
+              } else if (keyCode == 37 && isPlaying) {
+                LeftMove();
+              } else if (keyCode == 39 && isPlaying) {
+                RightMove();
+              }
+              else {
+                Idle();
+              }
+            };
+            function Init() {
+              t2.add({
+                targets: visibilityKey,
+                duration: 10000,
+                easing: 'linear',
+                autoplay: true,
+                loop: true,
+                update: function () {
+                  document.getElementsByClassName("right arr")[0].firstChild.style.visibility = visibilityKey[keyCount].y;
+                  keyVisible++;
+                  if (keyVisible == 0) {
+                    keyVisible = 1;
+                  }
+                  if (keyVisible == 20 && keyCount == 1) {
+                    keyVisible = 2;
+                    keyCount = 2;
+                  }
+                  if (keyVisible == 20 && keyCount == 2) {
+                    keyVisible = 1;
+                    keyCount = 1;
+                  }
+                },
+                complete: function () { }
+              });
+              t2.play();
+            }
+            function sound(src) {
+              this.sound = document.createElement("audio");
+              this.sound.src = src;
+              this.sound.setAttribute("preload", "auto");
+              this.sound.setAttribute("controls", "none");
+              this.sound.style.display = "none";
+              document.body.appendChild(this.sound);
+              this.play = function () {
+                this.sound.play();
+              }
+              this.stop = function () {
+                this.sound.pause();
+              }
+            }
+            function Idle() {
+              console.log("I am in");
+              radiusvalue.x = document.getElementsByTagName("circle")[3].getAttribute("r");
+              t1.add({
+                targets: radiusvalue,
+                keyframes: [
+                  { x: 25 },
+                  { x: 20 }
+                ],
+                duration: 1000,
+                easing: 'linear',
+                autoplay: true,
+                loop: true,
+                update: function () {
+                  document.getElementsByTagName("circle")[3].setAttribute("r", radiusvalue.x);
+                },
+                complete: function () { }
+              });
+              t1.play();
+              console.log(t1);
+            }
+            function RightMove() {
+              myMusic = new sound("/Drip.wav");
+              myMusic.play();
+              value.x = + document.getElementsByTagName("circle")[3].getAttribute("cx");
+              temp = + document.getElementsByTagName("circle")[3].getAttribute("cx") + +110;
+              check(1);
+              print();
+              if (temp >= 380) {
+                temp = 50;
+              }
+              anime({
+                targets: value,
+                x: temp,
+                duration: 300,
+                autoplay: true,
+                update: function () {
+                  document.getElementsByTagName("circle")[3].setAttribute("cx", value.x);
+                },
+                easing: 'easeInOutSine'
+              });
+            }
+            function LeftMove() {
+              temp = document.getElementsByTagName("circle")[3].getAttribute("cx");
+              myMusic = new sound("/Drip.wav");
+              myMusic.play();
+              value.x = document.getElementsByTagName("circle")[3].getAttribute("cx");
+              temp = temp - 110;
+              check(-1);
+              print();
+              if (temp < 0) {
+                temp = 270
+              }
+              anime({
+                targets: value,
+                x: temp,
+                duration: 300,
+                autoplay: true,
+                update: function () {
+                  document.getElementsByTagName("circle")[3].setAttribute("cx", value.x);
+                },
+                easing: 'easeInOutSine'
+              });
+            }
+            function DownMove() {
+              temp = document.getElementsByTagName("circle")[3].getAttribute("cy");
+              myMusic = new sound("/InvalidMove.wav");
+              myMusic.play();
+              value.x = document.getElementsByTagName("circle")[3].getAttribute("cy");
+              temp = + document.getElementsByTagName("circle")[3].getAttribute("cy") + +110;
+              check(-2);
+              print();
+              if (temp > 50) {
+                temp = 50
+              }
+              console.log("for left move " + temp)
+              anime({
+                targets: value,
+                x: temp,
+                duration: 300,
+                autoplay: true,
+                update: function () {
+                  document.getElementsByTagName("circle")[3].setAttribute("cy", value.x);
+                },
+                easing: 'easeInOutSine'
+              });
+            }
+            function UpMove() {
+              temp = document.getElementsByTagName("circle")[3].getAttribute("cy");
+              myMusic = new sound("/InvalidMove.wav");
+              myMusic.play();
+              value.x = document.getElementsByTagName("circle")[3].getAttribute("cy");
+              temp = temp + +110
+              check(2);
+              print();
+              if (temp > 380) {
+                temp = 50
+              }
+              console.log("for left move " + temp)
+              anime({
+                targets: value,
+                x: temp,
+                duration: 300,
+                autoplay: true,
+                update: function () {
+                  document.getElementsByTagName("circle")[3].setAttribute("cy", value.x);
+                },
+                easing: 'easeInOutSine'
+              });
+            }
+            function check(x) {
+              if (levels[i].lev[count++] === x) {
+              }
+              else {
+                count = 0;
+                value.x = 50;
+                temp = 50;
+                document.getElementsByTagName("circle")[3].setAttribute("cx", value.x);
+                document.getElementsByTagName("circle")[3].setAttribute("cy", value.x);
+                isPlaying = false
+                $('#lossModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+                });
+                $('#lossModal').modal('show');
+              }
+              if (count === levels[i].lev.length) {
+                count = 0;
+                isPlaying = false;
+                $('#winModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+              });
+                $('#winModal').modal(
+                  'show'
+                );
+              }
+            }
+            function print() {
+              let text = document.getElementsByClassName("code-step");
+              for (let j = 0; j < 3; j++) {
+                if (levels[i].lev[j] === 1)
+                  text[j].textContent = "right()";
+                else if (levels[i].lev[j] === -1)
+                  text[j].textContent = "left()";
+                else if (levels[i].lev[j] === 2)
+                  text[j].textContent = "up()";
+                else
+                  text[j].textContent = "down()";
+              }
+              for (let j = 0; j < count; j++) {
+                text[j].style.color = "#39FF14";
+              }
+              for (let j = count; j < 3; j++) {
+                text[j].style.color = "red";
+              }
+            }
+          </script>
+  </div>
+
+  <%- include('../partials/Level_Template_Footer')%>
\ No newline at end of file
diff --git a/views/All_Levels/level_2.ejs b/views/All_Levels/level_2.ejs
new file mode 100644
index 0000000..f760a8f
--- /dev/null
+++ b/views/All_Levels/level_2.ejs
@@ -0,0 +1,312 @@
+<%- include('../partials/Level_Template')%>
+
+  <div class="container-fluid py-5 my-5">
+    <h5%- include('../partials/flash')%>
+      <!-- win_modal -->
+      <div id="winModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/win.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-success button-right" href="3" role="button">Next Level!</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div id="lossModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/loss.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-danger button-right" href="/lev/2" role="button">Try Again</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- This is the main content -->
+      <h2 class="level-no">Level 2</h2>
+      <div class="main-content">
+
+        <svg height="600" width="320" xmlns="http://www.w3.org/2000/svg">
+          <%- include('../partials/mac_window.ejs') %>
+            <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C" filter="url(#inset-shadow)" />
+            <circle cx="160" cy="50" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+
+            <circle cx="50" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="160" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="270" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="380" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="490" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="490" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="490" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="50" r="20" stroke="black" stroke-width="3" fill="white" filter="url(#inset-shadow)" />
+        </svg>
+        <div class="code-steps code">
+          <h3 class="code-heading">Instructions</h3>
+          <p class="code-step"></p>
+          <p class="code-step"></p>
+          <p class="code-step"></p>
+          <p class="code-step"></p>
+          <p class="code-step"></p>
+          <p class="code-step"></p>
+          <p class="code-step"></p>
+          <p class="code-step"></p>
+          <p class="code-step"></p>
+          <p class="code-step"></p>
+          <p class="code-step"></p>
+          <p class="code-step"></p>
+          <p class="code-step"></p>
+          <p class="code-step"></p>
+          <p class="code-step"></p>
+        </div>
+      </div>
+      <%- include('../partials/key.ejs') %>
+        <script src="/js/three.js"></script>
+        <script src="/js/three.min.js"></script>
+        <%- include('../partials/script.ejs') %>
+          <script>
+            var i = 1;
+            var count = 0;
+            var visibilityKey = [{
+              x: 0,
+            },
+            {
+              y: "visible"
+            },
+            {
+              y: "hidden"
+            }];
+
+            var levels = [
+              {
+                lev: [1, 1, 1],
+              },
+
+              {
+                lev: [-2, -2, -2, -2, 1, 1, 2, 2, 2, 2, 1]
+              }
+            ];
+            print();
+            var temp;
+            var keyVisible = 1;
+            var keyCount = 1;
+            var radiusvalue = {}
+            var value = {}
+            let isPlaying = true;
+            // value.x = document.getElementsByTagName("circle")[3].getAttribute("cx")
+            var t1 = anime.timeline({
+              easing: 'easeOutElastic(1, .8)',
+              autoplay: true,
+              loop: true,
+              duration: 4000
+            });
+            var t2 = anime.timeline({
+              easing: 'easeOutElastic(1, .8)',
+              autoplay: true,
+              loop: true,
+              duration: 4000
+            });
+            //Init();
+
+            Idle();
+            document.addEventListener("keydown", onDocumentKeyDown, false);
+            function onDocumentKeyDown(event) {
+              var keyCode = event.which;
+              // up
+              if (keyCode == 38 && isPlaying) {
+                UpMove()
+                // down
+              } else if (keyCode == 40 && isPlaying) {
+                DownMove()
+                // left
+              } else if (keyCode == 37 && isPlaying) {
+                LeftMove();
+                // right
+              } else if (keyCode == 39 && isPlaying) {
+                RightMove();
+                // space
+              }
+              else {
+                Idle();
+              }
+
+            };
+
+            function Init() {
+              t2.add({
+                targets: visibilityKey,
+
+
+
+
+                duration: 10000,
+                easing: 'linear',
+                autoplay: true,
+                loop: true,
+                update: function () {
+                  //if (keyVisible == 1 || keyVisible == 2)
+                  // {
+                  document.getElementsByClassName("right arr")[0].firstChild.style.visibility = visibilityKey[keyCount].y;
+
+                  //}
+
+                  keyVisible++;
+                  if (keyVisible == 0) {
+                    keyVisible = 1;
+                  }
+                  if (keyVisible == 20 && keyCount == 1) {
+                    keyVisible = 2;
+                    keyCount = 2;
+                  }
+                  if (keyVisible == 20 && keyCount == 2) {
+                    keyVisible = 1;
+                    keyCount = 1;
+
+                  }
+
+
+
+                },
+                complete: function () { }
+
+
+
+              });
+              t2.play();
+            }
+            function sound(src) {
+              this.sound = document.createElement("audio");
+              this.sound.src = src;
+              this.sound.setAttribute("preload", "auto");
+              this.sound.setAttribute("controls", "none");
+              this.sound.style.display = "none";
+              document.body.appendChild(this.sound);
+              this.play = function () {
+                this.sound.play();
+              }
+              this.stop = function () {
+                this.sound.pause();
+              }
+            }
+            function Idle() {
+
+              radiusvalue.x = document.getElementsByTagName("circle")[15].getAttribute("r");
+              t1.add({
+                targets: radiusvalue,
+                keyframes: [
+
+                  { x: 25 },
+                  { x: 20 }
+                ],
+
+
+
+                duration: 1000,
+                easing: 'linear',
+                autoplay: true,
+                loop: true,
+                update: function () {
+
+
+                  document.getElementsByTagName("circle")[15].setAttribute("r", radiusvalue.x);
+
+
+                },
+                complete: function () { }
+
+
+
+              });
+              t1.play();
+
+            }
+
+            function check(x) {
+              if (levels[i].lev[count++] === x) {
+                console.log("count : " + count);
+              }
+              else {
+                count = 0;
+                value.x = 50;
+                temp = 50;
+                console.log("count : " + count);
+                console.log("you hit the wrong key");
+                document.getElementsByTagName("circle")[15].setAttribute("cx", value.x);
+                document.getElementsByTagName("circle")[15].setAttribute("cy", value.x);
+                isPlaying = false;
+                $('#lossModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+                });
+                $('#lossModal').modal('show');
+              }
+              if (count === levels[i].lev.length) {
+                count = 0;
+                console.log("you win the level");
+                isPlaying = false;
+                $('#winModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+                });
+                $('#winModal').modal('show');
+                //alert("can't stop the champion!bravo! you win the level");
+              }
+            }
+            function print() {
+              var text = document.getElementsByClassName("code-step");
+              console.log(levels);
+              for (var j = 0; j < levels[i].lev.length; j++) {
+                if (levels[i].lev[j] === 1)
+                  text[j].textContent = "right()";
+                else if (levels[i].lev[j] === -1)
+                  text[j].textContent = "left()";
+                else if (levels[i].lev[j] === 2)
+                  text[j].textContent = "up()";
+                else
+                  text[j].textContent = "down()";
+              }
+              for (var j = 0; j < count; j++) {
+                text[j].style.color = "#39FF14";
+              }
+              for (var j = count; j < levels[i].lev.length; j++) {
+                text[j].style.color = "red";
+              }
+            }
+          </script>
+  </div>
+
+  <%- include('../partials/Level_Template_Footer')%>
\ No newline at end of file
diff --git a/views/All_Levels/level_3.ejs b/views/All_Levels/level_3.ejs
new file mode 100644
index 0000000..c9f372c
--- /dev/null
+++ b/views/All_Levels/level_3.ejs
@@ -0,0 +1,300 @@
+<%- include('../partials/Level_Template')%>
+
+  <div class="container-fluid py-5 my-5">
+    <h5%- include('../partials/flash')%>
+      <!-- win_modal -->
+      <div id="winModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/win.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-success button-right" href="4" role="button">Next Level!</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div id="lossModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/loss.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-danger button-right" href="/lev/3" role="button">Try Again</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- This is the main content -->
+      <h2 class="level-no">Level 3</h2>
+      <div class="main-content">
+
+        <svg height="600" width="320" xmlns="http://www.w3.org/2000/svg">
+          <%- include('../partials/mac_window.ejs') %>
+            <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="green" filter="url(#inset-shadow)" />
+
+            <circle cx="160" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="50" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+
+            <circle cx="50" cy="160" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="270" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="380" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="490" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="50" r="20" stroke="black" stroke-width="3" fill="white" filter="url(#inset-shadow)" />
+        </svg>
+        <div class="code-steps code">
+          <h3 class="code-heading">Instructions</h3>
+          <p class="code-step if-else">if <span class="dot"></span></p>
+          <p class="code-step lurd" style="text-indent: 25%;"></p>
+          <p class="code-step if-else">else</p>
+          <p class="code-step lurd" style="text-indent: 25%;"></p>
+        </div>
+      </div>
+      <%- include('../partials/key.ejs') %>
+        <script src="/js/three.js"></script>
+        <script src="/js/three.min.js"></script>
+        <%- include('../partials/script.ejs') %>
+          <script>
+            var i = 3;
+            var count = 0;
+            var visibilityKey = [{
+              x: 0,
+            },
+            {
+              y: "visible"
+            },
+            {
+              y: "hidden"
+            }];
+
+            var levels = [
+              {
+                lev: [1, 1, 1],
+              },
+              {
+                lev: [-2, -2, -2, -2, 1, 1, 2, 2, 2, 2, 1, 1]
+              },
+              {
+                lev: [1, -2, 1, -2, -1, -2, 1, -2, -2, 1]
+              },
+              {
+                lev: [1, -1],
+                win: [1]
+              }
+            ];
+            print();
+            var temp;
+            var keyVisible = 1;
+            var keyCount = 1;
+            var radiusvalue = {}
+            var value = {}
+            let isPlaying = true
+            // value.x = document.getElementsByTagName("circle")[3].getAttribute("cx")
+            var t1 = anime.timeline({
+              easing: 'easeOutElastic(1, .8)',
+              autoplay: true,
+              loop: true,
+              duration: 4000
+            });
+            var t2 = anime.timeline({
+              easing: 'easeOutElastic(1, .8)',
+              autoplay: true,
+              loop: true,
+              duration: 4000
+            });
+            //Init();
+
+            Idle();
+            document.addEventListener("keydown", onDocumentKeyDown, false);
+            function onDocumentKeyDown(event) {
+              var keyCode = event.which;
+              // up
+              if (keyCode == 38 && isPlaying) {
+                UpMove()
+                // down
+              } else if (keyCode == 40 && isPlaying) {
+                DownMove()
+                // left
+              } else if (keyCode == 37 && isPlaying) {
+                LeftMove();
+                // right
+              } else if (keyCode == 39 && isPlaying) {
+                RightMove();
+                // space
+              } else {
+                Idle();
+              }
+
+            }
+            ;
+
+            function Init() {
+              t2.add({
+                targets: visibilityKey,
+
+                duration: 10000,
+                easing: 'linear',
+                autoplay: true,
+                loop: true,
+                update: function () {
+                  //if (keyVisible == 1 || keyVisible == 2)
+                  // {
+                  document.getElementsByClassName("right arr")[0].firstChild.style.visibility = visibilityKey[keyCount].y;
+
+                  //}
+
+                  keyVisible++;
+                  if (keyVisible == 0) {
+                    keyVisible = 1;
+                  }
+                  if (keyVisible == 20 && keyCount == 1) {
+                    keyVisible = 2;
+                    keyCount = 2;
+                  }
+                  if (keyVisible == 20 && keyCount == 2) {
+                    keyVisible = 1;
+                    keyCount = 1;
+
+                  }
+
+
+
+                },
+                complete: function () { }
+
+
+
+              });
+              t2.play();
+            }
+            function sound(src) {
+              this.sound = document.createElement("audio");
+              this.sound.src = src;
+              this.sound.setAttribute("preload", "auto");
+              this.sound.setAttribute("controls", "none");
+              this.sound.style.display = "none";
+              document.body.appendChild(this.sound);
+              this.play = function () {
+                this.sound.play();
+              }
+              this.stop = function () {
+                this.sound.pause();
+              }
+            }
+            function Idle() {
+
+              radiusvalue.x = document.getElementsByTagName("circle")[15].getAttribute("r");
+              t1.add({
+                targets: radiusvalue,
+                keyframes: [
+
+                  { x: 25 },
+                  { x: 20 }
+                ],
+
+                duration: 1000,
+                easing: 'linear',
+                autoplay: true,
+                loop: true,
+                update: function () {
+
+
+                  document.getElementsByTagName("circle")[15].setAttribute("r", radiusvalue.x);
+
+
+                },
+                complete: function () { }
+
+
+
+              });
+              t1.play();
+
+            }
+
+
+            function check(x) {
+              if (levels[i].win[count++] === x) {
+                console.log("count : " + count);
+              } else {
+                count = 0;
+                value.x = 50;
+                temp = 50;
+                console.log("count : " + count);
+                console.log("you hit the wrong key");
+                document.getElementsByTagName("circle")[15].setAttribute("cx", value.x);
+                document.getElementsByTagName("circle")[15].setAttribute("cy", value.x);
+                isPlaying = false
+                $('#lossModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+                });
+                $('#lossModal').modal('show');
+              }
+              if (count === levels[i].win.length) {
+                count = 0;
+                console.log("you win the level");
+                isPlaying = false
+                $('#winModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+                });
+                $('#winModal').modal('show');
+                //alert("can't stop the champion!bravo! you win the level");
+              }
+            }
+            function print() {
+              var text = document.getElementsByClassName("code-step");
+              console.log(levels);
+              for (var j = 0, k = 0; j < levels[i].lev.length; j++, k++) {
+                var empt = text[k].innerHTML;
+                console.log(empt);
+                if (empt.length > 0) k++;
+                if (levels[i].lev[j] === 1)
+                  text[k].textContent = "right()";
+                else if (levels[i].lev[j] === -1)
+                  text[k].textContent = "left()";
+                else if (levels[i].lev[j] === 2)
+                  text[k].textContent = "up()";
+                else
+                  text[k].textContent = "down()";
+              }
+            }
+          </script>
+  </div>
+
+  <%- include('../partials/Level_Template_Footer')%>
\ No newline at end of file
diff --git a/views/All_Levels/level_4.ejs b/views/All_Levels/level_4.ejs
new file mode 100644
index 0000000..41ec564
--- /dev/null
+++ b/views/All_Levels/level_4.ejs
@@ -0,0 +1,301 @@
+<%- include('../partials/Level_Template')%>
+
+  <div class="container-fluid py-5 my-5">
+    <h5%- include('../partials/flash')%>
+      <!-- win_modal -->
+      <div id="winModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/win.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-success button-right" href="5" role="button">Next Level!</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div id="lossModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/loss.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-danger button-right" href="/lev/4" role="button">Try Again</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- This is the main content -->
+      <h2 class="level-no">Level 4</h2>
+      <div class="main-content">
+
+        <svg height="600" width="320" xmlns="http://www.w3.org/2000/svg">
+          <%- include('../partials/mac_window.ejs') %>
+            <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C" filter="url(#inset-shadow)" />
+
+            <circle cx="160" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="50" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+
+            <circle cx="50" cy="160" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="270" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="380" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="490" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="50" r="20" stroke="black" stroke-width="3" fill="white" filter="url(#inset-shadow)" />
+        </svg>
+        <div class="code-steps code">
+          <h3 class="code-heading">Instructions</h3>
+          <p class="code-step lurd"></p>
+          <p class="code-step loop">repeat (2) { </p>
+          <p class="code-step code-step-indent lurd"></p>
+          <p class="code-step"> } </p>
+          <p class="code-step loop">repeat (2) { </p>
+          <p class="code-step lurd code-step-indent"></p>
+          <p class="code-step"> } </p>
+          <p class="code-step lurd"></p>
+        </div>
+      </div>
+      <!-- <%- include('../partials/key.ejs') %> -->
+      <script src="/js/three.js"></script>
+      <script src="/js/three.min.js"></script>
+      <%- include('../partials/script.ejs') %>
+        <script>
+          var i = 0;
+          var count = 0;
+          var visibilityKey = [{
+            x: 0,
+          },
+          {
+            y: "visible"
+          },
+          {
+            y: "hidden"
+          }];
+
+          var levels = [
+            {
+              lev: [1, 2, 1, -1],
+              win: [1, 2, 2, 1, 1, -1]
+            }
+          ];
+          print();
+          var temp;
+          var keyVisible = 1;
+          var keyCount = 1;
+          var radiusvalue = {}
+          var value = {}
+          let isPlaying = true
+          // value.x = document.getElementsByTagName("circle")[3].getAttribute("cx")
+          var t1 = anime.timeline({
+            easing: 'easeOutElastic(1, .8)',
+            autoplay: true,
+            loop: true,
+            duration: 4000
+          });
+          var t2 = anime.timeline({
+            easing: 'easeOutElastic(1, .8)',
+            autoplay: true,
+            loop: true,
+            duration: 4000
+          });
+          //Init();
+
+          Idle();
+          document.addEventListener("keydown", onDocumentKeyDown, false);
+          function onDocumentKeyDown(event) {
+            var keyCode = event.which;
+            // up
+            if (keyCode == 38 && isPlaying) {
+              UpMove()
+              // down
+            } else if (keyCode == 40 && isPlaying) {
+              DownMove()
+              // left
+            } else if (keyCode == 37 && isPlaying) {
+              LeftMove();
+              // right
+            } else if (keyCode == 39 && isPlaying) {
+              RightMove();
+              // space
+            } else {
+              Idle();
+            }
+
+          }
+          ;
+
+          function Init() {
+            t2.add({
+              targets: visibilityKey,
+
+              duration: 10000,
+              easing: 'linear',
+              autoplay: true,
+              loop: true,
+              update: function () {
+                //if (keyVisible == 1 || keyVisible == 2)
+                // {
+                document.getElementsByClassName("right arr")[0].firstChild.style.visibility = visibilityKey[keyCount].y;
+
+                //}
+
+                keyVisible++;
+                if (keyVisible == 0) {
+                  keyVisible = 1;
+                }
+                if (keyVisible == 20 && keyCount == 1) {
+                  keyVisible = 2;
+                  keyCount = 2;
+                }
+                if (keyVisible == 20 && keyCount == 2) {
+                  keyVisible = 1;
+                  keyCount = 1;
+
+                }
+
+
+
+              },
+              complete: function () { }
+
+
+
+            });
+            t2.play();
+          }
+          function sound(src) {
+            this.sound = document.createElement("audio");
+            this.sound.src = src;
+            this.sound.setAttribute("preload", "auto");
+            this.sound.setAttribute("controls", "none");
+            this.sound.style.display = "none";
+            document.body.appendChild(this.sound);
+            this.play = function () {
+              this.sound.play();
+            }
+            this.stop = function () {
+              this.sound.pause();
+            }
+          }
+          function Idle() {
+
+            radiusvalue.x = document.getElementsByTagName("circle")[15].getAttribute("r");
+            t1.add({
+              targets: radiusvalue,
+              keyframes: [
+
+                { x: 25 },
+                { x: 20 }
+              ],
+
+              duration: 1000,
+              easing: 'linear',
+              autoplay: true,
+              loop: true,
+              update: function () {
+
+
+                document.getElementsByTagName("circle")[15].setAttribute("r", radiusvalue.x);
+
+
+              },
+              complete: function () { }
+
+
+
+            });
+            t1.play();
+
+          }
+
+
+          function check(x) {
+            if (levels[i].win[count++] === x) {
+              console.log("count : " + count);
+            } else {
+              count = 0;
+              value.x = 50;
+              temp = 50;
+              console.log("count : " + count);
+              console.log("you hit the wrong key");
+              document.getElementsByTagName("circle")[15].setAttribute("cx", value.x);
+              document.getElementsByTagName("circle")[15].setAttribute("cy", value.x);
+              isPlaying = false
+              $('#lossModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+                });
+                $('#lossModal').modal('show');
+            }
+            if (count === levels[i].win.length) {
+              count = 0;
+              console.log("you win the level");
+              isPlaying = false
+              $('#winModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+                });
+                $('#winModal').modal('show');
+              //alert("can't stop the champion!bravo! you win the level");
+            }
+          }
+          function print() { //[1,2,1,-2,-1,1]
+            var text = document.getElementsByClassName("code-step");
+            console.log(levels);
+            for (var j = 0, k = 0; j < levels[i].lev.length;) {
+              var empt = text[k].innerHTML;
+              console.log(empt);
+              if (empt.length > 0) k++;
+              else {
+                if (levels[i].lev[j] === 1)
+                  text[k].textContent = "right()";
+                else if (levels[i].lev[j] === -1)
+                  text[k].textContent = "left()";
+                else if (levels[i].lev[j] === 2)
+                  text[k].textContent = "up()";
+                else
+                  text[k].textContent = "down()";
+                j++;
+                k++;
+              }
+
+            }
+
+          }
+        </script>
+  </div>
+
+  <%- include('../partials/Level_Template_Footer')%>
\ No newline at end of file
diff --git a/views/All_Levels/level_5.ejs b/views/All_Levels/level_5.ejs
new file mode 100644
index 0000000..78ec955
--- /dev/null
+++ b/views/All_Levels/level_5.ejs
@@ -0,0 +1,320 @@
+<%- include('../partials/Level_Template')%>
+
+  <div class="container-fluid py-5 my-5">
+    <h5%- include('../partials/flash')%>
+      <!-- win_modal -->
+      <div id="winModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/win.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-success button-right" href="6" role="button">Next Level!</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div id="lossModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/loss.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-danger button-right" href="/lev/5" role="button">Try Again</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- This is the main content -->
+      <h2 class="level-no">Level 5</h2>
+      <div class="main-content">
+
+        <svg height="600" width="320" xmlns="http://www.w3.org/2000/svg">
+          <%- include('../partials/mac_window.ejs') %>
+            <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C" filter="url(#inset-shadow)" />
+
+            <circle cx="160" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="50" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+
+            <circle cx="50" cy="160" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="270" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="380" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="490" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="50" r="20" stroke="black" stroke-width="3" fill="white" filter="url(#inset-shadow)" />
+        </svg>
+        <div class="code-steps code">
+          <h3 class="code-heading">Instructions</h3>
+          <p class="code-step lurd"></p>
+          <p class="code-step loop">repeat (5) { </p>
+          <p class="code-step lurd code-step-indent"></p>
+          <p class="code-step loop"> } </p>
+          <p class="code-step loop">repeat (5) { </p>
+          <p class="code-step lurd code-step-indent"></p>
+          <p class="code-step loop"> } </p>
+          <p class="code-step loop">repeat (5) { </p>
+          <p class="code-step lurd code-step-indent"></p>
+          <p class="code-step loop"> } </p>
+          <p class="code-step loop">repeat (5) { </p>
+          <p class="code-step lurd code-step-indent"></p>
+          <p class="code-step loop"> } </p>
+          <p class="code-step lurd"></p>
+        </div>
+      </div>
+      <!-- <%- include('../partials/key.ejs') %> -->
+        <script src="/js/three.js"></script>
+        <script src="/js/three.min.js"></script>
+        <%- include('../partials/script.ejs') %>
+          <script>
+            var i = 4;
+            var count = 0;
+            var visibilityKey = [{
+              x: 0,
+            },
+            {
+              y: "visible"
+            },
+            {
+              y: "hidden"
+            }];
+
+            var levels = [
+              {
+                lev: [1, 1, 1],
+              },
+              {
+                lev: [-2, -2, -2, -2, 1, 1, 2, 2, 2, 2, 1, 1]
+              },
+              {
+                lev: [1, -2, 1, -2, -1, -2, 1, -2, -2, 1]
+              },
+              {
+                lev: [1, -1],
+                win: [1]
+              },
+              {
+                lev: [1, 2, 1, -2, -1, 1],
+                win: [1, 2, 2, 2, 2, 2, 1, 1, 1, 1, 1, -2, -2, -2, -2, -2, -1, -1, -1, -1, -1, 1]
+              }
+            ];
+            print();
+            var temp;
+            var keyVisible = 1;
+            var keyCount = 1;
+            var radiusvalue = {}
+            var value = {}
+            let isPlaying = true
+            // value.x = document.getElementsByTagName("circle")[3].getAttribute("cx")
+            var t1 = anime.timeline({
+              easing: 'easeOutElastic(1, .8)',
+              autoplay: true,
+              loop: true,
+              duration: 4000
+            });
+            var t2 = anime.timeline({
+              easing: 'easeOutElastic(1, .8)',
+              autoplay: true,
+              loop: true,
+              duration: 4000
+            });
+            //Init();
+
+            Idle();
+            document.addEventListener("keydown", onDocumentKeyDown, false);
+            function onDocumentKeyDown(event) {
+              var keyCode = event.which;
+              // up
+              if (keyCode == 38 && isPlaying) {
+                UpMove()
+                // down
+              } else if (keyCode == 40 && isPlaying) {
+                DownMove()
+                // left
+              } else if (keyCode == 37 && isPlaying) {
+                LeftMove();
+                // right
+              } else if (keyCode == 39 && isPlaying) {
+                RightMove();
+                // space
+              } else {
+                Idle();
+              }
+
+            }
+            ;
+
+            function Init() {
+              t2.add({
+                targets: visibilityKey,
+
+                duration: 10000,
+                easing: 'linear',
+                autoplay: true,
+                loop: true,
+                update: function () {
+                  //if (keyVisible == 1 || keyVisible == 2)
+                  // {
+                  document.getElementsByClassName("right arr")[0].firstChild.style.visibility = visibilityKey[keyCount].y;
+
+                  //}
+
+                  keyVisible++;
+                  if (keyVisible == 0) {
+                    keyVisible = 1;
+                  }
+                  if (keyVisible == 20 && keyCount == 1) {
+                    keyVisible = 2;
+                    keyCount = 2;
+                  }
+                  if (keyVisible == 20 && keyCount == 2) {
+                    keyVisible = 1;
+                    keyCount = 1;
+
+                  }
+
+
+
+                },
+                complete: function () { }
+
+
+
+              });
+              t2.play();
+            }
+            function sound(src) {
+              this.sound = document.createElement("audio");
+              this.sound.src = src;
+              this.sound.setAttribute("preload", "auto");
+              this.sound.setAttribute("controls", "none");
+              this.sound.style.display = "none";
+              document.body.appendChild(this.sound);
+              this.play = function () {
+                this.sound.play();
+              }
+              this.stop = function () {
+                this.sound.pause();
+              }
+            }
+            function Idle() {
+
+              radiusvalue.x = document.getElementsByTagName("circle")[15].getAttribute("r");
+              t1.add({
+                targets: radiusvalue,
+                keyframes: [
+
+                  { x: 25 },
+                  { x: 20 }
+                ],
+
+                duration: 1000,
+                easing: 'linear',
+                autoplay: true,
+                loop: true,
+                update: function () {
+
+
+                  document.getElementsByTagName("circle")[15].setAttribute("r", radiusvalue.x);
+
+
+                },
+                complete: function () { }
+
+
+
+              });
+              t1.play();
+
+            }
+
+
+            function check(x) {
+              if (levels[i].win[count++] === x) {
+                console.log("count : " + count);
+              } else {
+                count = 0;
+                value.x = 50;
+                temp = 50;
+                console.log("count : " + count);
+                console.log("you hit the wrong key");
+                document.getElementsByTagName("circle")[15].setAttribute("cx", value.x);
+                document.getElementsByTagName("circle")[15].setAttribute("cy", value.x);
+                isPlaying = false
+                $('#lossModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+                });
+                $('#lossModal').modal('show');
+              }
+              if (count === levels[i].win.length) {
+                count = 0;
+                console.log("you win the level");
+                isPlaying = false
+                $('#winModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+                });
+                $('#winModal').modal('show');
+                //alert("can't stop the champion!bravo! you win the level");
+              }
+            }
+            function print() { //[1,2,1,-2,-1,1]
+              var text = document.getElementsByClassName("code-step");
+              console.log(levels);
+              for (var j = 0, k = 0; j < levels[i].lev.length;) {
+                var empt = text[k].innerHTML;
+                console.log(empt);
+                if (empt.length > 0) k++;
+                else {
+                  if (levels[i].lev[j] === 1)
+                    text[k].textContent = "right()";
+                  else if (levels[i].lev[j] === -1)
+                    text[k].textContent = "left()";
+                  else if (levels[i].lev[j] === 2)
+                    text[k].textContent = "up()";
+                  else
+                    text[k].textContent = "down()";
+                  j++;
+                  k++;
+                }
+
+              }
+
+            }
+          </script>
+  </div>
+
+  <%- include('../partials/Level_Template_Footer')%>
\ No newline at end of file
diff --git a/views/All_Levels/level_6.ejs b/views/All_Levels/level_6.ejs
new file mode 100644
index 0000000..2496ee4
--- /dev/null
+++ b/views/All_Levels/level_6.ejs
@@ -0,0 +1,299 @@
+<%- include('../partials/Level_Template')%>
+
+  <div class="container-fluid py-5 my-5">
+    <h5%- include('../partials/flash')%>
+      <!-- win_modal -->
+      <div id="winModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/win.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-success button-right" href="7" role="button">Next Level!</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div id="lossModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/loss.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-danger button-right" href="/lev/6" role="button">Try Again</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- This is the main content -->
+      <h2 class="level-no">Level 6</h2>
+      <div class="main-content">
+
+        <svg height="600" width="320" xmlns="http://www.w3.org/2000/svg">
+          <%- include('../partials/mac_window.ejs') %>
+            <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C" filter="url(#inset-shadow)" />
+
+            <circle cx="160" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="50" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+
+            <circle cx="50" cy="160" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="270" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="380" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="490" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="50" r="20" stroke="black" stroke-width="3" fill="white" filter="url(#inset-shadow)" />
+        </svg>
+        <div class="code-steps code">
+          <h3 class="code-heading">Instructions</h3>
+          <p class="code-step loop">repeat (4) { </p>
+            <p class="code-step loop code-step-indent">repeat (3) { </p>
+                <p class="code-step lurd code-step-indent-2"></p>
+            <p class="code-step loop  code-step-indent"> } </p>         
+            <p class="code-step lurd code-step-indent"></p>
+          <p class="code-step loop"> } </p>
+        </div>
+      </div>
+      <!-- <%- include('../partials/key.ejs') %> -->
+        <script src="/js/three.js"></script>
+        <script src="/js/three.min.js"></script>
+        <%- include('../partials/script.ejs') %>
+          <script>
+            var i = 0;
+            var count = 0;
+            var visibilityKey = [{
+              x: 0,
+            },
+            {
+              y: "visible"
+            },
+            {
+              y: "hidden"
+            }];
+
+            var levels = [
+              {
+                lev: [-2, -1],
+                win: [-2, -2, -2, -1,-2, -2, -2, -1,-2, -2, -2, -1,-2, -2, -2, -1,]
+              }
+            ];
+            print();
+            var temp;
+            var keyVisible = 1;
+            var keyCount = 1;
+            var radiusvalue = {}
+            var value = {}
+            let isPlaying = true
+            // value.x = document.getElementsByTagName("circle")[3].getAttribute("cx")
+            var t1 = anime.timeline({
+              easing: 'easeOutElastic(1, .8)',
+              autoplay: true,
+              loop: true,
+              duration: 4000
+            });
+            var t2 = anime.timeline({
+              easing: 'easeOutElastic(1, .8)',
+              autoplay: true,
+              loop: true,
+              duration: 4000
+            });
+            //Init();
+
+            Idle();
+            document.addEventListener("keydown", onDocumentKeyDown, false);
+            function onDocumentKeyDown(event) {
+              var keyCode = event.which;
+              // up
+              if (keyCode == 38 && isPlaying) {
+                UpMove()
+                // down
+              } else if (keyCode == 40 && isPlaying) {
+                DownMove()
+                // left
+              } else if (keyCode == 37 && isPlaying) {
+                LeftMove();
+                // right
+              } else if (keyCode == 39 && isPlaying) {
+                RightMove();
+                // space
+              } else {
+                Idle();
+              }
+
+            }
+            ;
+
+            function Init() {
+              t2.add({
+                targets: visibilityKey,
+
+                duration: 10000,
+                easing: 'linear',
+                autoplay: true,
+                loop: true,
+                update: function () {
+                  //if (keyVisible == 1 || keyVisible == 2)
+                  // {
+                  document.getElementsByClassName("right arr")[0].firstChild.style.visibility = visibilityKey[keyCount].y;
+
+                  //}
+
+                  keyVisible++;
+                  if (keyVisible == 0) {
+                    keyVisible = 1;
+                  }
+                  if (keyVisible == 20 && keyCount == 1) {
+                    keyVisible = 2;
+                    keyCount = 2;
+                  }
+                  if (keyVisible == 20 && keyCount == 2) {
+                    keyVisible = 1;
+                    keyCount = 1;
+
+                  }
+
+
+
+                },
+                complete: function () { }
+
+
+
+              });
+              t2.play();
+            }
+            function sound(src) {
+              this.sound = document.createElement("audio");
+              this.sound.src = src;
+              this.sound.setAttribute("preload", "auto");
+              this.sound.setAttribute("controls", "none");
+              this.sound.style.display = "none";
+              document.body.appendChild(this.sound);
+              this.play = function () {
+                this.sound.play();
+              }
+              this.stop = function () {
+                this.sound.pause();
+              }
+            }
+            function Idle() {
+
+              radiusvalue.x = document.getElementsByTagName("circle")[15].getAttribute("r");
+              t1.add({
+                targets: radiusvalue,
+                keyframes: [
+
+                  { x: 25 },
+                  { x: 20 }
+                ],
+
+                duration: 1000,
+                easing: 'linear',
+                autoplay: true,
+                loop: true,
+                update: function () {
+
+
+                  document.getElementsByTagName("circle")[15].setAttribute("r", radiusvalue.x);
+
+
+                },
+                complete: function () { }
+
+
+
+              });
+              t1.play();
+
+            }
+
+
+            function check(x) {
+              if (levels[i].win[count++] === x) {
+                console.log("count : " + count);
+              } else {
+                count = 0;
+                value.x = 50;
+                temp = 50;
+                console.log("count : " + count);
+                console.log("you hit the wrong key");
+                document.getElementsByTagName("circle")[15].setAttribute("cx", value.x);
+                document.getElementsByTagName("circle")[15].setAttribute("cy", value.x);
+                isPlaying = false
+                $('#lossModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+                });
+                $('#lossModal').modal('show');
+              }
+              if (count === levels[i].win.length) {
+                count = 0;
+                console.log("you win the level");
+                isPlaying = false
+                $('#winModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+                });
+                $('#winModal').modal('show');
+                //alert("can't stop the champion!bravo! you win the level");
+              }
+            }
+            function print() { //[1,2,1,-2,-1,1]
+              var text = document.getElementsByClassName("code-step");
+              console.log(levels);
+              for (var j = 0, k = 0; j < levels[i].lev.length;) {
+                var empt = text[k].innerHTML;
+                console.log(empt);
+                if (empt.length > 0) k++;
+                else {
+                  if (levels[i].lev[j] === 1)
+                    text[k].textContent = "right()";
+                  else if (levels[i].lev[j] === -1)
+                    text[k].textContent = "left()";
+                  else if (levels[i].lev[j] === 2)
+                    text[k].textContent = "up()";
+                  else
+                    text[k].textContent = "down()";
+                  j++;
+                  k++;
+                }
+
+              }
+
+            }
+          </script>
+  </div>
+
+  <%- include('../partials/Level_Template_Footer')%>
\ No newline at end of file
diff --git a/views/All_Levels/level_7.ejs b/views/All_Levels/level_7.ejs
new file mode 100644
index 0000000..e21d224
--- /dev/null
+++ b/views/All_Levels/level_7.ejs
@@ -0,0 +1,301 @@
+<%- include('../partials/Level_Template')%>
+
+  <div class="container-fluid py-5 my-5">
+    <h5%- include('../partials/flash')%>
+      <!-- win_modal -->
+      <div id="winModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/win.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-success button-right" href="8" role="button">Next Level!</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div id="lossModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/loss.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-danger button-right"  href="/lev/7" role="button">Try Again</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- This is the main content -->
+      <h2 class="level-no">Level 7</h2>
+      <div class="main-content">
+
+        <svg height="600" width="320" xmlns="http://www.w3.org/2000/svg">
+          <%- include('../partials/mac_window.ejs') %>
+            <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C" filter="url(#inset-shadow)" />
+
+            <circle cx="160" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="50" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+
+            <circle cx="50" cy="160" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="270" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="380" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="490" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="50" r="20" stroke="black" stroke-width="3" fill="white" filter="url(#inset-shadow)" />
+        </svg>
+        <div class="code-steps code">
+          <h3 class="code-heading">Instructions</h3>
+          <p class="code-step loop">repeat (2) { </p>
+            <p class="code-step loop code-step-indent">repeat (3) { </p>
+                <p class="code-step lurd code-step-indent-2"></p>
+            <p class="code-step loop  code-step-indent"> } </p>
+            <p class="code-step loop code-step-indent">repeat (3) { </p>
+                <p class="code-step lurd code-step-indent-2"></p>
+            <p class="code-step loop  code-step-indent"> } </p> 
+          <p class="code-step loop"> } </p>
+        </div>
+      </div>
+      <!-- <%- include('../partials/key.ejs') %> -->
+        <script src="/js/three.js"></script>
+        <script src="/js/three.min.js"></script>
+        <%- include('../partials/script.ejs') %>
+          <script>
+            var i = 0;
+            var count = 0;
+            var visibilityKey = [{
+              x: 0,
+            },
+            {
+              y: "visible"
+            },
+            {
+              y: "hidden"
+            }];
+
+            var levels = [
+              {
+                lev: [2, 1],
+                win: [2,2,2,1,1,1,2,2,2,1,1,1]
+              }
+            ];
+            print();
+            var temp;
+            var keyVisible = 1;
+            var keyCount = 1;
+            var radiusvalue = {}
+            var value = {}
+            let isPlaying = true
+            // value.x = document.getElementsByTagName("circle")[3].getAttribute("cx")
+            var t1 = anime.timeline({
+              easing: 'easeOutElastic(1, .8)',
+              autoplay: true,
+              loop: true,
+              duration: 4000
+            });
+            var t2 = anime.timeline({
+              easing: 'easeOutElastic(1, .8)',
+              autoplay: true,
+              loop: true,
+              duration: 4000
+            });
+            //Init();
+
+            Idle();
+            document.addEventListener("keydown", onDocumentKeyDown, false);
+            function onDocumentKeyDown(event) {
+              var keyCode = event.which;
+              // up
+              if (keyCode == 38 && isPlaying) {
+                UpMove()
+                // down
+              } else if (keyCode == 40 && isPlaying) {
+                DownMove()
+                // left
+              } else if (keyCode == 37 && isPlaying) {
+                LeftMove();
+                // right
+              } else if (keyCode == 39 && isPlaying) {
+                RightMove();
+                // space
+              } else {
+                Idle();
+              }
+
+            }
+            ;
+
+            function Init() {
+              t2.add({
+                targets: visibilityKey,
+
+                duration: 10000,
+                easing: 'linear',
+                autoplay: true,
+                loop: true,
+                update: function () {
+                  //if (keyVisible == 1 || keyVisible == 2)
+                  // {
+                  document.getElementsByClassName("right arr")[0].firstChild.style.visibility = visibilityKey[keyCount].y;
+
+                  //}
+
+                  keyVisible++;
+                  if (keyVisible == 0) {
+                    keyVisible = 1;
+                  }
+                  if (keyVisible == 20 && keyCount == 1) {
+                    keyVisible = 2;
+                    keyCount = 2;
+                  }
+                  if (keyVisible == 20 && keyCount == 2) {
+                    keyVisible = 1;
+                    keyCount = 1;
+
+                  }
+
+
+
+                },
+                complete: function () { }
+
+
+
+              });
+              t2.play();
+            }
+            function sound(src) {
+              this.sound = document.createElement("audio");
+              this.sound.src = src;
+              this.sound.setAttribute("preload", "auto");
+              this.sound.setAttribute("controls", "none");
+              this.sound.style.display = "none";
+              document.body.appendChild(this.sound);
+              this.play = function () {
+                this.sound.play();
+              }
+              this.stop = function () {
+                this.sound.pause();
+              }
+            }
+            function Idle() {
+
+              radiusvalue.x = document.getElementsByTagName("circle")[15].getAttribute("r");
+              t1.add({
+                targets: radiusvalue,
+                keyframes: [
+
+                  { x: 25 },
+                  { x: 20 }
+                ],
+
+                duration: 1000,
+                easing: 'linear',
+                autoplay: true,
+                loop: true,
+                update: function () {
+
+
+                  document.getElementsByTagName("circle")[15].setAttribute("r", radiusvalue.x);
+
+
+                },
+                complete: function () { }
+
+
+
+              });
+              t1.play();
+
+            }
+
+
+            function check(x) {
+              if (levels[i].win[count++] === x) {
+                console.log("count : " + count);
+              } else {
+                count = 0;
+                value.x = 50;
+                temp = 50;
+                console.log("count : " + count);
+                console.log("you hit the wrong key");
+                document.getElementsByTagName("circle")[15].setAttribute("cx", value.x);
+                document.getElementsByTagName("circle")[15].setAttribute("cy", value.x);
+                isPlaying = false
+                $('#lossModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+                });
+                $('#lossModal').modal('show');
+              }
+              if (count === levels[i].win.length) {
+                count = 0;
+                console.log("you win the level");
+                isPlaying = false
+                $('#winModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+                });
+                $('#winModal').modal('show');
+                //alert("can't stop the champion!bravo! you win the level");
+              }
+            }
+            function print() { //[1,2,1,-2,-1,1]
+              var text = document.getElementsByClassName("code-step");
+              console.log(levels);
+              for (var j = 0, k = 0; j < levels[i].lev.length;) {
+                var empt = text[k].innerHTML;
+                console.log(empt);
+                if (empt.length > 0) k++;
+                else {
+                  if (levels[i].lev[j] === 1)
+                    text[k].textContent = "right()";
+                  else if (levels[i].lev[j] === -1)
+                    text[k].textContent = "left()";
+                  else if (levels[i].lev[j] === 2)
+                    text[k].textContent = "up()";
+                  else
+                    text[k].textContent = "down()";
+                  j++;
+                  k++;
+                }
+
+              }
+
+            }
+          </script>
+  </div>
+
+  <%- include('../partials/Level_Template_Footer')%>
\ No newline at end of file
diff --git a/views/All_Levels/level_8.ejs b/views/All_Levels/level_8.ejs
new file mode 100644
index 0000000..d6d2a34
--- /dev/null
+++ b/views/All_Levels/level_8.ejs
@@ -0,0 +1,300 @@
+<%- include('../partials/Level_Template')%>
+
+  <div class="container-fluid py-5 my-5">
+    <h5%- include('../partials/flash')%>
+      <!-- win_modal -->
+      <div id="winModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/win.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-success button-right" href="9" role="button">Next Level!</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div id="lossModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/loss.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-danger button-right"  href="/lev/8" role="button">Try Again</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- This is the main content -->
+      <h2 class="level-no">Level 8</h2>
+      <div class="main-content">
+
+        <svg height="600" width="320" xmlns="http://www.w3.org/2000/svg">
+          <%- include('../partials/mac_window.ejs') %>
+            <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="green" filter="url(#inset-shadow)" />
+
+            <circle cx="160" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="50" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+
+            <circle cx="50" cy="160" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="160" r="40" stroke="black" stroke-width="3" fill="green"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="270" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="380" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="490" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="50" r="20" stroke="black" stroke-width="3" fill="white" filter="url(#inset-shadow)" />
+        </svg>
+        <div class="code-steps code">
+          <h3 class="code-heading">Instructions</h3>
+          <p class="code-step loop">repeat (5) { </p>
+            <p class="code-step if-else code-step-indent">if (<span class="dot"></span>)</p>
+                <p class="code-step lurd code-step-indent-2"></p>            
+            <p class="code-step if-else code-step-indent">else </p>
+                <p class="code-step lurd code-step-indent-2"></p>
+          <p class="code-step loop"> } </p>
+          <p class="code-step lurd"></p>
+        </div>
+      </div>
+      <!-- <%- include('../partials/key.ejs') %> -->
+        <script src="/js/three.js"></script>
+        <script src="/js/three.min.js"></script>
+        <%- include('../partials/script.ejs') %>
+          <script>
+            var i = 0;
+            var count = 0;
+            var visibilityKey = [{
+              x: 0,
+            },
+            {
+              y: "visible"
+            },
+            {
+              y: "hidden"
+            }];
+
+            var levels = [
+              {
+                lev: [-2, 1,2],
+                win: [-2,1,1,-2,1,2]
+              }
+            ];
+            print();
+            var temp;
+            var keyVisible = 1;
+            var keyCount = 1;
+            var radiusvalue = {}
+            var value = {}
+            let isPlaying = true
+            // value.x = document.getElementsByTagName("circle")[3].getAttribute("cx")
+            var t1 = anime.timeline({
+              easing: 'easeOutElastic(1, .8)',
+              autoplay: true,
+              loop: true,
+              duration: 4000
+            });
+            var t2 = anime.timeline({
+              easing: 'easeOutElastic(1, .8)',
+              autoplay: true,
+              loop: true,
+              duration: 4000
+            });
+            //Init();
+
+            Idle();
+            document.addEventListener("keydown", onDocumentKeyDown, false);
+            function onDocumentKeyDown(event) {
+              var keyCode = event.which;
+              // up
+              if (keyCode == 38 && isPlaying) {
+                UpMove()
+                // down
+              } else if (keyCode == 40 && isPlaying) {
+                DownMove()
+                // left
+              } else if (keyCode == 37 && isPlaying) {
+                LeftMove();
+                // right
+              } else if (keyCode == 39 && isPlaying) {
+                RightMove();
+                // space
+              } else {
+                Idle();
+              }
+
+            }
+            ;
+
+            function Init() {
+              t2.add({
+                targets: visibilityKey,
+
+                duration: 10000,
+                easing: 'linear',
+                autoplay: true,
+                loop: true,
+                update: function () {
+                  //if (keyVisible == 1 || keyVisible == 2)
+                  // {
+                  document.getElementsByClassName("right arr")[0].firstChild.style.visibility = visibilityKey[keyCount].y;
+
+                  //}
+
+                  keyVisible++;
+                  if (keyVisible == 0) {
+                    keyVisible = 1;
+                  }
+                  if (keyVisible == 20 && keyCount == 1) {
+                    keyVisible = 2;
+                    keyCount = 2;
+                  }
+                  if (keyVisible == 20 && keyCount == 2) {
+                    keyVisible = 1;
+                    keyCount = 1;
+
+                  }
+
+
+
+                },
+                complete: function () { }
+
+
+
+              });
+              t2.play();
+            }
+            function sound(src) {
+              this.sound = document.createElement("audio");
+              this.sound.src = src;
+              this.sound.setAttribute("preload", "auto");
+              this.sound.setAttribute("controls", "none");
+              this.sound.style.display = "none";
+              document.body.appendChild(this.sound);
+              this.play = function () {
+                this.sound.play();
+              }
+              this.stop = function () {
+                this.sound.pause();
+              }
+            }
+            function Idle() {
+
+              radiusvalue.x = document.getElementsByTagName("circle")[15].getAttribute("r");
+              t1.add({
+                targets: radiusvalue,
+                keyframes: [
+
+                  { x: 25 },
+                  { x: 20 }
+                ],
+
+                duration: 1000,
+                easing: 'linear',
+                autoplay: true,
+                loop: true,
+                update: function () {
+
+
+                  document.getElementsByTagName("circle")[15].setAttribute("r", radiusvalue.x);
+
+
+                },
+                complete: function () { }
+
+
+
+              });
+              t1.play();
+
+            }
+
+
+            function check(x) {
+              if (levels[i].win[count++] === x) {
+                console.log("count : " + count);
+              } else {
+                count = 0;
+                value.x = 50;
+                temp = 50;
+                console.log("count : " + count);
+                console.log("you hit the wrong key");
+                document.getElementsByTagName("circle")[15].setAttribute("cx", value.x);
+                document.getElementsByTagName("circle")[15].setAttribute("cy", value.x);
+                isPlaying = false
+                $('#lossModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+                });
+                $('#lossModal').modal('show');
+              }
+              if (count === levels[i].win.length) {
+                count = 0;
+                console.log("you win the level");
+                isPlaying = false
+                $('#winModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+                });
+                $('#winModal').modal('show');
+                //alert("can't stop the champion!bravo! you win the level");
+              }
+            }
+            function print() { //[1,2,1,-2,-1,1]
+              var text = document.getElementsByClassName("code-step");
+              console.log(levels);
+              for (var j = 0, k = 0; j < levels[i].lev.length;) {
+                var empt = text[k].innerHTML;
+                console.log(empt);
+                if (empt.length > 0) k++;
+                else {
+                  if (levels[i].lev[j] === 1)
+                    text[k].textContent = "right()";
+                  else if (levels[i].lev[j] === -1)
+                    text[k].textContent = "left()";
+                  else if (levels[i].lev[j] === 2)
+                    text[k].textContent = "up()";
+                  else
+                    text[k].textContent = "down()";
+                  j++;
+                  k++;
+                }
+
+              }
+
+            }
+          </script>
+  </div>
+
+  <%- include('../partials/Level_Template_Footer')%>
\ No newline at end of file
diff --git a/views/All_Levels/level_9.ejs b/views/All_Levels/level_9.ejs
new file mode 100644
index 0000000..2dc9a31
--- /dev/null
+++ b/views/All_Levels/level_9.ejs
@@ -0,0 +1,302 @@
+<%- include('../partials/Level_Template')%>
+
+  <div class="container-fluid py-5 my-5">
+    <h5%- include('../partials/flash')%>
+      <!-- win_modal -->
+      <div id="winModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/win.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-success button-right" href="10" role="button">Next Level!</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div id="lossModal" class="modal fade" role="dialog">
+        <div class="modal-dialog " role="content">
+          <!-- Modal content-->
+          <div class="modal-content">
+            <div class="modal-body">
+              <div class="row">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                  <img src="/img/loss.jpeg" class="img-fluid">
+                </div>
+              </div>
+              <br/>
+              <a class="btn btn-primary" href="/levels" role="button">All Levels</a>
+              <a class="btn btn-danger button-right"  href="/lev/9" role="button">Try Again</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- This is the main content -->
+      <h2 class="level-no">Level 9</h2>
+      <div class="main-content">
+
+        <svg height="600" width="320" xmlns="http://www.w3.org/2000/svg">
+          <%- include('../partials/mac_window.ejs') %>
+            <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C" filter="url(#inset-shadow)" />
+
+            <circle cx="160" cy="50" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="50" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+
+            <circle cx="50" cy="160" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="160" r="40" stroke="black" stroke-width="3" fill="green"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="160" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="270" r="40" stroke="black" stroke-width="3" fill="green"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="270" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="380" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="380" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="490" r="40" stroke="black" stroke-width="3" fill="#F76C6C"
+              filter="url(#inset-shadow)" />
+            <circle cx="160" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="270" cy="490" r="40" stroke="black" stroke-width="3" fill="#FDD20E"
+              filter="url(#inset-shadow)" />
+            <circle cx="50" cy="50" r="20" stroke="black" stroke-width="3" fill="white" filter="url(#inset-shadow)" />
+        </svg>
+        <div class="code-steps code">
+          <h3 class="code-heading">Instructions</h3>
+          <p class="code-step loop">repeat (4) { </p>
+            <p class="code-step loop code-step-indent">repeat (2) { </p>
+                <p class="code-step lurd code-step-indent-2"></p>
+            <p class="code-step loop code-step-indent"> } </p>  
+            <p class="code-step if-else code-step-indent">if (<span class="dot"></span>)</p>
+                <p class="code-step lurd code-step-indent-2"></p>
+                      
+          <p class="code-step loop"> } </p>
+          <p class="code-step lurd"></p>
+        </div>
+      </div>
+      <!-- <%- include('../partials/key.ejs') %> -->
+        <script src="/js/three.js"></script>
+        <script src="/js/three.min.js"></script>
+        <%- include('../partials/script.ejs') %>
+          <script>
+            var i = 0;
+            var count = 0;
+            var visibilityKey = [{
+              x: 0,
+            },
+            {
+              y: "visible"
+            },
+            {
+              y: "hidden"
+            }];
+
+            var levels = [
+              {
+                lev: [-2, 1,2],
+                win: [-2,-2,1,-2,-2,-2,-2,1,-2,-2,2]
+              }
+            ];
+            print();
+            var temp;
+            var keyVisible = 1;
+            var keyCount = 1;
+            var radiusvalue = {}
+            var value = {}
+            let isPlaying = true
+            // value.x = document.getElementsByTagName("circle")[3].getAttribute("cx")
+            var t1 = anime.timeline({
+              easing: 'easeOutElastic(1, .8)',
+              autoplay: true,
+              loop: true,
+              duration: 4000
+            });
+            var t2 = anime.timeline({
+              easing: 'easeOutElastic(1, .8)',
+              autoplay: true,
+              loop: true,
+              duration: 4000
+            });
+            //Init();
+
+            Idle();
+            document.addEventListener("keydown", onDocumentKeyDown, false);
+            function onDocumentKeyDown(event) {
+              var keyCode = event.which;
+              // up
+              if (keyCode == 38 && isPlaying) {
+                UpMove()
+                // down
+              } else if (keyCode == 40 && isPlaying) {
+                DownMove()
+                // left
+              } else if (keyCode == 37 && isPlaying) {
+                LeftMove();
+                // right
+              } else if (keyCode == 39 && isPlaying) {
+                RightMove();
+                // space
+              } else {
+                Idle();
+              }
+
+            }
+            ;
+
+            function Init() {
+              t2.add({
+                targets: visibilityKey,
+
+                duration: 10000,
+                easing: 'linear',
+                autoplay: true,
+                loop: true,
+                update: function () {
+                  //if (keyVisible == 1 || keyVisible == 2)
+                  // {
+                  document.getElementsByClassName("right arr")[0].firstChild.style.visibility = visibilityKey[keyCount].y;
+
+                  //}
+
+                  keyVisible++;
+                  if (keyVisible == 0) {
+                    keyVisible = 1;
+                  }
+                  if (keyVisible == 20 && keyCount == 1) {
+                    keyVisible = 2;
+                    keyCount = 2;
+                  }
+                  if (keyVisible == 20 && keyCount == 2) {
+                    keyVisible = 1;
+                    keyCount = 1;
+
+                  }
+
+
+
+                },
+                complete: function () { }
+
+
+
+              });
+              t2.play();
+            }
+            function sound(src) {
+              this.sound = document.createElement("audio");
+              this.sound.src = src;
+              this.sound.setAttribute("preload", "auto");
+              this.sound.setAttribute("controls", "none");
+              this.sound.style.display = "none";
+              document.body.appendChild(this.sound);
+              this.play = function () {
+                this.sound.play();
+              }
+              this.stop = function () {
+                this.sound.pause();
+              }
+            }
+            function Idle() {
+
+              radiusvalue.x = document.getElementsByTagName("circle")[15].getAttribute("r");
+              t1.add({
+                targets: radiusvalue,
+                keyframes: [
+
+                  { x: 25 },
+                  { x: 20 }
+                ],
+
+                duration: 1000,
+                easing: 'linear',
+                autoplay: true,
+                loop: true,
+                update: function () {
+
+
+                  document.getElementsByTagName("circle")[15].setAttribute("r", radiusvalue.x);
+
+
+                },
+                complete: function () { }
+
+
+
+              });
+              t1.play();
+
+            }
+
+
+            function check(x) {
+              if (levels[i].win[count++] === x) {
+                console.log("count : " + count);
+              } else {
+                count = 0;
+                value.x = 50;
+                temp = 50;
+                console.log("count : " + count);
+                console.log("you hit the wrong key");
+                document.getElementsByTagName("circle")[15].setAttribute("cx", value.x);
+                document.getElementsByTagName("circle")[15].setAttribute("cy", value.x);
+                isPlaying = false
+                $('#lossModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+                });
+                $('#lossModal').modal('show');
+              }
+              if (count === levels[i].win.length) {
+                count = 0;
+                console.log("you win the level");
+                isPlaying = false
+                $('#winModal').modal({
+                  backdrop: 'static',
+                  keyboard: false
+                });
+                $('#winModal').modal('show');
+                //alert("can't stop the champion!bravo! you win the level");
+              }
+            }
+            function print() { //[1,2,1,-2,-1,1]
+              var text = document.getElementsByClassName("code-step");
+              console.log(levels);
+              for (var j = 0, k = 0; j < levels[i].lev.length;) {
+                var empt = text[k].innerHTML;
+                console.log(empt);
+                if (empt.length > 0) k++;
+                else {
+                  if (levels[i].lev[j] === 1)
+                    text[k].textContent = "right()";
+                  else if (levels[i].lev[j] === -1)
+                    text[k].textContent = "left()";
+                  else if (levels[i].lev[j] === 2)
+                    text[k].textContent = "up()";
+                  else
+                    text[k].textContent = "down()";
+                  j++;
+                  k++;
+                }
+
+              }
+
+            }
+          </script>
+  </div>
+
+  <%- include('../partials/Level_Template_Footer')%>
\ No newline at end of file
diff --git a/views/about.ejs b/views/about.ejs
new file mode 100644
index 0000000..a09ce43
--- /dev/null
+++ b/views/about.ejs
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>About</title>
+
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+  <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
+  <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
+  <link href="/css/index.css" rel="stylesheet">
+  <link rel="stylesheet" href="/css/navbar.css">
+  <link rel="stylesheet" href="/css/about.css">
+</head>
+
+<body>
+  <%- include('./partials/navbar')%>
+    <div class="container about-content">
+      <h2 class="about-heading">About Learning Loop</h2>
+      <h4 class="content-heading">Objective</h4>
+      <p class="content-para">This game main focus is on code reading. After finishing Learning Loop, you will have a good
+        practice on how a
+        computer reads some code. It will be a useful skill when discovering code written by other people.
+
+        But it’s an essential skill while writing your own code too :
+
+        having in mind how the computer will understand it, you will make less bugs
+        having been in the reader’s position, you will care about writing clearer code, with meaningful naming and
+        careful
+        spacing.
+      </p>
+
+      <h4 class="content-heading">Target</h4>
+      <p class="content-para cp1">
+        Suited for beginners who have never coded.
+      </p>
+
+      <h4 class="content-heading">Warning For Educators !</h4>
+      <p class="content-para">
+        We designed “Learning Loop” to be usable by educators with zero knowledge, or even without educator. If you plan on
+        using “Learning Loop” with a classroom or friends of yours, and if you are already comfortable with the notions we
+        use, try not to explain too much, and let the players figure it out by themselves.
+
+        It’s easier for the beginners to be introduced to abstract concepts by practicing than by using complex words.
+        And
+        figuring it out will reward them with a “eureka” moment, and have more impact.
+
+        We witnessed it several times in our test sessions : beginners assisted by an expert friend typically have a
+        slower progression.
+
+        To have a positive effect as a guide : only provide small hints, and only when the player is asking for it or
+        seems stuck.
+      </p>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
+      crossorigin="anonymous"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/views/admin.ejs b/views/admin.ejs
new file mode 100644
index 0000000..e2c8eac
--- /dev/null
+++ b/views/admin.ejs
@@ -0,0 +1,214 @@
+<%- include('./partials/admin_partials')%>
+
+  <body>
+    <!-- =============== Navigation ================ -->
+    <div class="container">
+      <div class="navigation">
+        <ul>
+          <li>
+            <a href="#">
+              <span class="title">Admin Portal</span>
+            </a>
+          </li>
+
+          <li>
+            <a href="/admin">
+              <span class="icon">
+                <ion-icon name="apps-outline"></ion-icon>
+              </span>
+              <span class="title">Dashboard</span>
+            </a>
+          </li>
+          <li>
+            <a href="/">
+              <span class="icon">
+                <ion-icon name="home-outline"></ion-icon>
+              </span>
+              <span class="title">Home Page</span>
+            </a>
+          </li>
+          <li>
+            <a href="/levels">
+              <span class="icon">
+                <ion-icon name="pricetags-outline"></ion-icon>
+              </span>
+              <span class="title">All Levels</span>
+            </a>
+          </li>
+
+          <li>
+            <a href="/admin/feedbacks">
+              <span class="icon">
+                <ion-icon name="chatbubble-outline"></ion-icon>
+              </span>
+              <span class="title">Recieved Feedbacks</span>
+            </a>
+          </li>
+
+          <li>
+            <a href="/admin/faqs">
+              <span class="icon">
+                <ion-icon name="book-outline"></ion-icon>
+              </span>
+              <span class="title">FAQs</span>
+            </a>
+          </li>
+
+          <li>
+            <a href="/changepassword">
+              <span class="icon">
+                <ion-icon name="lock-closed-outline"></ion-icon>
+              </span>
+              <span class="title">Change Password</span>
+            </a>
+          </li>
+
+          <li>
+            <a href="/logout">
+              <span class="icon">
+                <ion-icon name="log-out-outline"></ion-icon>
+              </span>
+              <span class="title">Log Out</span>
+            </a>
+          </li>
+        </ul>
+      </div>
+
+      <!-- ========================= Main ==================== -->
+      <div class="main">
+        <div class="topbar">
+          <div class="toggle">
+            <ion-icon name="menu-outline"></ion-icon>
+          </div>
+        </div>
+
+        <!-- ======================= Cards ================== -->
+        <div class="cardBox">
+          <div class="card">
+            <div>
+              <div class="numbers">
+                <%= noOfLevels %>
+              </div>
+              <div class="cardName">No of Levels</div>
+            </div>
+
+            <div class="iconBx">
+              <ion-icon name="eye-outline"></ion-icon>
+            </div>
+          </div>
+
+          <div class="card">
+            <div>
+
+              <div class="numbers">
+                <%= users.length %>
+              </div>
+              <div class="cardName">No Of Users</div>
+            </div>
+
+            <div class="iconBx">
+              <ion-icon name="cart-outline"></ion-icon>
+            </div>
+          </div>
+
+          <div class="card">
+            <div>
+              <div class="numbers">
+                <%= feedbacks.length %>
+              </div>
+              <div class="cardName">Feedback Count</div>
+            </div>
+
+            <div class="iconBx">
+              <ion-icon name="chatbubbles-outline"></ion-icon>
+            </div>
+          </div>
+
+
+        </div>
+
+        <!-- ================ Order Details List ================= -->
+        <div class="details">
+          <div class="recentOrders">
+            <div class="cardHeader">
+              <h2>User Registered</h2>
+
+            </div>
+
+            <table>
+              <thead>
+                <tr>
+                  <td>User Name</td>
+                  <td>Email</td>
+                  <td>Levels Played</td>
+                  <td>Status</td>
+                </tr>
+              </thead>
+
+              <tbody>
+                <% for(let x of users){ %>
+                  <tr>
+                    <td>
+                      <%=x.name %>
+                    </td>
+                    <td>
+                      <%=x.username %>
+                    </td>
+                    <td>
+                      <%=x.maxLevel %>
+                    </td>
+
+                    <% if(x.maxLevel==undefined||x.maxLevel=="0" ) { %>
+                      <td><span class="status return">InActive</span></td>
+                      <% } %>
+                        <% if(x.maxLevel!=undefined&&x.maxLevel!="0" ) { %>
+                          <td><span class="status delivered">Active</span></td>
+                          <% } %>
+
+                  </tr>
+                  <% } %>
+
+
+
+              </tbody>
+            </table>
+          </div>
+
+
+        </div>
+      </div>
+    </div>
+
+    <!-- =========== Scripts =========  -->
+    <script src="assets/js/main.js"></script>
+
+    <!-- ====== ionicons ======= -->
+    <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+    <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
+    <script>
+      // add hovered class to selected list item
+      let list = document.querySelectorAll(".navigation li");
+
+      function activeLink() {
+        list.forEach((item) => {
+          item.classList.remove("hovered");
+        });
+        this.classList.add("hovered");
+      }
+
+      list.forEach((item) => item.addEventListener("mouseover", activeLink));
+
+      // Menu Toggle
+      let toggle = document.querySelector(".toggle");
+      let navigation = document.querySelector(".navigation");
+      let main = document.querySelector(".main");
+
+      toggle.onclick = function () {
+        navigation.classList.toggle("active");
+        main.classList.toggle("active");
+      };
+
+    </script>
+  </body>
+
+  </html>
\ No newline at end of file
diff --git a/views/adminFAQs.ejs b/views/adminFAQs.ejs
new file mode 100644
index 0000000..8c6449b
--- /dev/null
+++ b/views/adminFAQs.ejs
@@ -0,0 +1,157 @@
+<%- include('./partials/admin_partials')%>
+
+  <body>
+    <!-- =============== Navigation ================ -->
+    <div class="container">
+      <div class="navigation">
+        <ul>
+          <li>
+            <a href="#">
+              <span class="title">Admin Portal</span>
+            </a>
+          </li>
+
+          <li>
+            <a href="/admin">
+              <span class="icon">
+                <ion-icon name="apps-outline"></ion-icon>
+              </span>
+              <span class="title">Dashboard</span>
+            </a>
+          </li>
+          <li>
+            <a href="/">
+              <span class="icon">
+                <ion-icon name="home-outline"></ion-icon>
+              </span>
+              <span class="title">Home Page</span>
+            </a>
+          </li>
+          <li>
+            <a href="/levels">
+              <span class="icon">
+                <ion-icon name="pricetags-outline"></ion-icon>
+              </span>
+              <span class="title">All Levels</span>
+            </a>
+          </li>
+
+          <li>
+            <a href="/admin/feedbacks">
+              <span class="icon">
+                <ion-icon name="chatbubble-outline"></ion-icon>
+              </span>
+              <span class="title">Recieved Feedbacks</span>
+            </a>
+          </li>
+
+          <li>
+            <a href="/admin/faqs">
+              <span class="icon">
+                <ion-icon name="book-outline"></ion-icon>
+              </span>
+              <span class="title">FAQs</span>
+            </a>
+          </li>
+
+          <li>
+            <a href="/changepassword">
+              <span class="icon">
+                <ion-icon name="lock-closed-outline"></ion-icon>
+              </span>
+              <span class="title">Change Password</span>
+            </a>
+          </li>
+
+          <li>
+            <a href="/logout">
+              <span class="icon">
+                <ion-icon name="log-out-outline"></ion-icon>
+              </span>
+              <span class="title">Log Out</span>
+            </a>
+          </li>
+        </ul>
+      </div>
+
+      <!-- ========================= Main ==================== -->
+      <div class="main">
+        <div class="topbar">
+          <div class="toggle">
+            <ion-icon name="menu-outline"></ion-icon>
+          </div>
+        </div>
+        <div class="details">
+          <div class="recentOrders">
+            <div class="cardHeader">
+              <h2>Manage Frequently Asked Questions</h2>
+            </div>
+            <form class="faq-form" action="/admin/faqs" method="POST">
+              <input class="faq-form-field" type="text" name="ques" placeholder="Enter Question" required>
+              <input class="faq-form-field" type="text" name="ans" placeholder="Enter Answer" required>
+              <button class="faq-form-button" type="submit">Add FAQ</button>
+            </form>
+            <table>
+              <thead>
+                <tr>
+                  <td>Question</td>
+                  <td>Answer</td>
+                  <td>Date Created</td>
+                </tr>
+              </thead>
+
+              <tbody>
+                <% for(let faq of faqs){ %>
+                  <tr>
+                    <td>
+                      <%=faq.ques %>
+                    </td>
+                    <td>
+                      <%=faq.ans %>
+                    </td>
+                    <td>
+                      <%=faq.createdOn.toDateString() %>
+                    </td>
+                  </tr>
+                  <% } %>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+    </div>
+
+    <!-- =========== Scripts =========  -->
+    <script src="assets/js/main.js"></script>
+
+    <!-- ====== ionicons ======= -->
+    <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+    <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
+    <script>
+      // add hovered class to selected list item
+      let list = document.querySelectorAll(".navigation li");
+
+      function activeLink() {
+        list.forEach((item) => {
+          item.classList.remove("hovered");
+        });
+        this.classList.add("hovered");
+      }
+
+      list.forEach((item) => item.addEventListener("mouseover", activeLink));
+
+      // Menu Toggle
+      let toggle = document.querySelector(".toggle");
+      let navigation = document.querySelector(".navigation");
+      let main = document.querySelector(".main");
+
+      toggle.onclick = function () {
+        navigation.classList.toggle("active");
+        main.classList.toggle("active");
+      };
+
+    </script>
+  </body>
+
+  </html>
\ No newline at end of file
diff --git a/views/adminFeedbacks.ejs b/views/adminFeedbacks.ejs
new file mode 100644
index 0000000..39c6de5
--- /dev/null
+++ b/views/adminFeedbacks.ejs
@@ -0,0 +1,157 @@
+<%- include('./partials/admin_partials')%>
+
+  <body>
+    <!-- =============== Navigation ================ -->
+    <div class="container">
+      <div class="navigation">
+        <ul>
+          <li>
+            <a href="#">
+              <span class="title">Admin Portal</span>
+            </a>
+          </li>
+
+          <li>
+            <a href="/admin">
+              <span class="icon">
+                <ion-icon name="apps-outline"></ion-icon>
+              </span>
+              <span class="title">Dashboard</span>
+            </a>
+          </li>
+          <li>
+            <a href="/">
+              <span class="icon">
+                <ion-icon name="home-outline"></ion-icon>
+              </span>
+              <span class="title">Home Page</span>
+            </a>
+          </li>
+          <li>
+            <a href="/levels">
+              <span class="icon">
+                <ion-icon name="pricetags-outline"></ion-icon>
+              </span>
+              <span class="title">All Levels</span>
+            </a>
+          </li>
+
+          <li>
+            <a href="/admin/feedbacks">
+              <span class="icon">
+                <ion-icon name="chatbubble-outline"></ion-icon>
+              </span>
+              <span class="title">Recieved Feedbacks</span>
+            </a>
+          </li>
+
+          <li>
+            <a href="/admin/faqs">
+              <span class="icon">
+                <ion-icon name="book-outline"></ion-icon>
+              </span>
+              <span class="title">FAQs</span>
+            </a>
+          </li>
+
+          <li>
+            <a href="/changepassword">
+              <span class="icon">
+                <ion-icon name="lock-closed-outline"></ion-icon>
+              </span>
+              <span class="title">Change Password</span>
+            </a>
+          </li>
+
+          <li>
+            <a href="/logout">
+              <span class="icon">
+                <ion-icon name="log-out-outline"></ion-icon>
+              </span>
+              <span class="title">Log Out</span>
+            </a>
+          </li>
+        </ul>
+      </div>
+
+      <!-- ========================= Main ==================== -->
+      <div class="main">
+        <div class="topbar">
+          <div class="toggle">
+            <ion-icon name="menu-outline"></ion-icon>
+          </div>
+        </div>
+        <!-- Content -->
+        <div class="details">
+          <div class="recentOrders">
+            <div class="cardHeader">
+              <h2>Feedbacks Recieved</h2>
+            </div>
+            <table>
+              <thead>
+                <tr>
+                  <td>Username</td>
+                  <td>Message</td>
+                  <td>Date Created</td>
+                </tr>
+              </thead>
+
+              <tbody>
+                <% for(let feedback of feedbacks){ %>
+                  <tr>
+                    <td>
+                      <%=feedback.username %>
+                    </td>
+                    <td>
+                      <%=feedback.message %>
+                    </td>
+                    <td>
+                      <%=feedback.createdOn.toDateString() %>
+                    </td>
+                  </tr>
+                  <% } %>
+
+
+
+              </tbody>
+            </table>
+          </div>
+
+
+        </div>
+      </div>
+    </div>
+
+    <!-- =========== Scripts =========  -->
+    <script src="assets/js/main.js"></script>
+
+    <!-- ====== ionicons ======= -->
+    <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+    <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
+    <script>
+      // add hovered class to selected list item
+      let list = document.querySelectorAll(".navigation li");
+
+      function activeLink() {
+        list.forEach((item) => {
+          item.classList.remove("hovered");
+        });
+        this.classList.add("hovered");
+      }
+
+      list.forEach((item) => item.addEventListener("mouseover", activeLink));
+
+      // Menu Toggle
+      let toggle = document.querySelector(".toggle");
+      let navigation = document.querySelector(".navigation");
+      let main = document.querySelector(".main");
+
+      toggle.onclick = function () {
+        navigation.classList.toggle("active");
+        main.classList.toggle("active");
+      };
+
+    </script>
+  </body>
+
+  </html>
\ No newline at end of file
diff --git a/views/changePass.ejs b/views/changePass.ejs
new file mode 100644
index 0000000..bccc911
--- /dev/null
+++ b/views/changePass.ejs
@@ -0,0 +1,70 @@
+<%- include('./partials/log.ejs') %>
+
+<body >
+   
+   <%- include('./partials/flash')%>
+   <div class="container" id="container">
+      <div class="form-container sign-in-container">
+          
+         <form action="/changePassword" method="POST">
+            <h1>Change Password</h1>
+            <input id="password" name="password" type="password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" onchange="this.setCustomValidity(this.validity.patternMismatch ? 'Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters' : ''); if(this.checkValidity()) form.password_two.pattern = this.value;" placeholder="Password" required>
+            <input id="password_two" name="password_two" type="password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}$" onchange="this.setCustomValidity(this.validity.patternMismatch ? 'Please enter the same Password as above' : '');" placeholder="Verify Password" required>
+            <button>Change Password</button>
+         </form>
+         
+      </div>
+   
+      
+      <div class="overlay-container">
+         <div class="overlay">
+            <div class="overlay-panel overlay-right">
+               <h1>Hello, <%= currentUser.name %></h1>
+               <p>Please enter your new password to get on the surfing again</p>
+            </div>
+         </div>
+      </div>
+   </div>
+   <div id="pwdModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog">
+      <div class="modal-content">
+          <div class="modal-header">
+              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+              <h1 class="text-center">What's My Password?</h1>
+          </div>
+          <div class="modal-body">
+              <div class="col-md-12">
+                    <div class="panel panel-default">
+                        <div class="panel-body">
+                            <div class="text-center">
+                              
+                              <p>If you have forgotten your password you can reset it here.</p>
+                                <div class="panel-body">
+                                    <fieldset>
+                                       <form action="/reset" method="POST">
+                                          <input class="form-control input-lg" placeholder="E-mail Address" name="email" type="email" id="forgotEmail"> 
+                                          <button>Change Password</button>
+                                       </form>
+                                    </fieldset>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+          </div>
+          <div class="modal-footer">
+              <div class="col-md-12">
+              <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
+            </div>	
+          </div>
+      </div>
+      </div>
+   </div>
+   <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
+        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
+        crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"
+        integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/"
+        crossorigin="anonymous"></script>
+   
+</body>
\ No newline at end of file
diff --git a/views/faq.ejs b/views/faq.ejs
new file mode 100644
index 0000000..65a2cf6
--- /dev/null
+++ b/views/faq.ejs
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Feedback</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+  <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
+  <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
+  <link href="/css/index.css" rel="stylesheet">
+  <link rel="stylesheet" href="/css/navbar.css">
+  <link rel="stylesheet" href="/css/about.css">
+</head>
+
+<body>
+  <%- include('./partials/flash_new')%>
+    <%- include('./partials/navbar')%>
+      <div class="container py-4 feedback-form">
+
+        <h3 class="content-heading">Frequently Asked Questions</h3>
+        <div class="accordion" id="accordionExample">
+          <% for(let i = 0;i < faqs.length;i++) { %>
+            <div class="accordion-item">
+              <h2 class="accordion-header" id="heading-<%= i+1 %>">
+                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-<%= i+1 %>"
+                  aria-expanded="true" aria-controls="collapse-<%= i+1 %>">
+                  <%= faqs[i].ques %>
+                </button>
+              </h2>
+              <div id="collapse-<%= i+1 %>" class="accordion-collapse collapse" aria-labelledby="heading-<%= i+1 %>"
+                data-bs-parent="#accordionExample">
+                <div class="accordion-body">
+                  <%= faqs[i].ans %>
+                </div>
+              </div>
+            </div>
+            <% } %>
+        </div>
+      </div>
+      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
+        crossorigin="anonymous"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/views/feedback.ejs b/views/feedback.ejs
new file mode 100644
index 0000000..cccd0e6
--- /dev/null
+++ b/views/feedback.ejs
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Feedback</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+  <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
+  <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
+  <link href="/css/index.css" rel="stylesheet">
+  <link rel="stylesheet" href="/css/navbar.css">
+  <link rel="stylesheet" href="/css/about.css">
+</head>
+
+<body>
+  <%- include('./partials/navbar')%>
+    <div class="container py-4 feedback-form">
+      <%- include('./partials/flash_new')%>
+
+        <h3 class="content-heading">Not happy with our website!<br /><br /> Please provide us your valuable feedback
+        </h3>
+        <!-- Bootstrap 5 starter form -->
+        <form id="contactForm" action="/feedback" method="POST">
+
+          <!-- Name input -->
+          <div class="mb-3">
+            <label class="form-label" for="name">Name</label>
+            <input class="form-control" id="name" type="text" placeholder="Enter your name" required name="name" />
+          </div>
+          <!-- Message input -->
+          <div class="mb-3">
+            <label class="form-label" for="message">Message</label>
+            <textarea class="form-control" id="message" type="text" placeholder="Feedback Message" required
+              style="height: 5rem;" name="message"></textarea>
+          </div>
+
+          <!-- Form submit button -->
+          <div class="d-grid">
+            <button class="btn btn-primary btn-lg" type="submit">Submit Feedback</button>
+          </div>
+
+        </form>
+
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
+      crossorigin="anonymous"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/views/forgotPass.ejs b/views/forgotPass.ejs
new file mode 100644
index 0000000..9510b84
--- /dev/null
+++ b/views/forgotPass.ejs
@@ -0,0 +1,73 @@
+<%- include('./partials/log.ejs') %>
+
+
+
+
+<body >
+   
+   <%- include('./partials/flash')%>
+   <div class="container" id="container">
+      <div class="form-container sign-in-container">
+          
+         <form action="<%='/resetPassword/'+text.iv+'/'+text.content%>" method="POST">
+            <h1>Reset Password</h1>
+            <input id="password" name="password" type="password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" onchange="this.setCustomValidity(this.validity.patternMismatch ? 'Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters' : ''); if(this.checkValidity()) form.password_two.pattern = this.value;" placeholder="Password" required>
+            <input id="password_two" name="password_two" type="password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" onchange="this.setCustomValidity(this.validity.patternMismatch ? 'Please enter the same Password as above' : '');" placeholder="Verify Password" required>
+            <button>Change Password</button>
+         </form>
+         
+      </div>
+   
+      
+      <div class="overlay-container">
+         <div class="overlay">
+            <div class="overlay-panel overlay-right">
+               <h1>Hello, <%=username %></h1>
+               <p>Please enter your new password to get on the surfing again</p>
+            </div>
+         </div>
+      </div>
+   </div>
+   <div id="pwdModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
+      <div class="modal-dialog">
+      <div class="modal-content">
+          <div class="modal-header">
+              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+              <h1 class="text-center">What's My Password?</h1>
+          </div>
+          <div class="modal-body">
+              <div class="col-md-12">
+                    <div class="panel panel-default">
+                        <div class="panel-body">
+                            <div class="text-center">
+                              
+                              <p>If you have forgotten your password you can reset it here.</p>
+                                <div class="panel-body">
+                                    <fieldset>
+                                       <form action="/reset" method="POST">
+                                          <input class="form-control input-lg" placeholder="E-mail Address" name="email" type="email" id="forgotEmail"> 
+                                          <button>Send Mail</button>
+                                       </form>
+                                    </fieldset>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+          </div>
+          <div class="modal-footer">
+              <div class="col-md-12">
+              <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
+            </div>	
+          </div>
+      </div>
+      </div>
+   </div>
+   <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
+        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
+        crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"
+        integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/"
+        crossorigin="anonymous"></script>
+   
+</body>
\ No newline at end of file
diff --git a/views/howtoplay.ejs b/views/howtoplay.ejs
new file mode 100644
index 0000000..35da3d6
--- /dev/null
+++ b/views/howtoplay.ejs
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>How to Play</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+  <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
+  <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
+  <link href="/css/index.css" rel="stylesheet">
+  <link rel="stylesheet" href="/css/navbar.css">
+  <link rel="stylesheet" href="/css/about.css">
+</head>
+
+<body>
+  <%- include('./partials/navbar')%>
+    <div class="container about-content">
+      <h2 class="about-heading">How to Play Learning Loop</h2>
+      <h4 class="content-heading">Basic Gameplay Instructions</h4>
+      <p class="content-para">
+        There are four main operations:
+      <ul>
+        <li><span class="code-syntax">up()</span></li>
+        <li><span class="code-syntax">down()</span></li>
+        <li><span class="code-syntax">left()</span></li>
+        <li><span class="code-syntax">right()</span></li>
+      </ul>
+      These operations are performed using arrow keys of the keyboard.
+      </p>
+
+      <h4 class="content-heading">Basic Programming Constructs</h4>
+      <p class="content-para">
+        The game uses these basic programming constructs:
+      <ul>
+        <li><span class="code-syntax">if()</span> - This corresponds to the <span class="code-syntax">conditional
+            if</span> in programming languages.</li>
+        <li><span class="code-syntax">else{}</span> - This corresponds to the <span class="code-syntax">conditional
+            else</span> in programming languages.</li>
+        <li><span class="code-syntax">repeat()</span> - This corresponds to the <span class="code-syntax">iterative
+            for</span> in programming languages.</li>
+      </ul>
+      <p><span class="code-syntax">Ex.</span> repeat(3) { ... } - This means the instructions inside the block will be
+        executed 3 times</p>
+
+      </p>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
+      crossorigin="anonymous"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/views/index.ejs b/views/index.ejs
new file mode 100644
index 0000000..3fda678
--- /dev/null
+++ b/views/index.ejs
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Learning Loop</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <!-- Bootstrap CSS -->
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
+        <link  href="css/index.css" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
+        <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
+    </head>
+    <body>
+        <!--<span>&#8734;</span>-->
+        
+        
+       
+        <!-- about us modal -->
+        <!-- login_modal -->
+
+        <!-- modal ends here -->
+
+        <div id="clouds">
+            <div class="cloud x1"></div>
+            <!-- Time for multiple clouds to dance around -->
+            <div class="cloud x2"></div>
+            <div class="cloud x3"></div>
+            <div class="cloud x4"></div>
+            <div class="cloud x5"></div>
+        </div>
+        <div class="container">
+
+            <div class="row" id="play-btn">
+                <div class="col-lg-12 col-sm-12 col-xs-12">
+                    <a href="/login">
+                        <svg id="play"  viewBox="0 0 163 163" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"="0px">
+
+                        <g fill="none">
+                        <g  transform="translate(2.000000, 2.000000)" stroke-width="4">
+                        <path d="M10,80 C10,118.107648 40.8923523,149 79,149 L79,149 C117.107648,149 148,118.107648 148,80 C148,41.8923523 117.107648,11 79,11" id="lineOne" stroke="#A8D0E6"></path>
+                        <path d="M105.9,74.4158594 L67.2,44.2158594 C63.5,41.3158594 58,43.9158594 58,48.7158594 L58,109.015859 C58,113.715859 63.4,116.415859 67.2,113.515859 L105.9,83.3158594 C108.8,81.1158594 108.8,76.6158594 105.9,74.4158594 L105.9,74.4158594 Z" id="triangle" stroke="#A8D0E6"></path>
+                        <path d="M159,79.5 C159,35.5933624 123.406638,0 79.5,0 C35.5933624,0 0,35.5933624 0,79.5 C0,123.406638 35.5933624,159 79.5,159 L79.5,159" id="lineTwo" stroke="#A8D0E6"></path>
+                        </g>
+                        </g>
+                        </svg></a>
+                    <div class="header">
+                    <h1 class="header">Learning Loop</h1>
+                    <h3>Decode the Code</h3>
+                    </div>
+                </div>
+            </div> 
+            
+        </div>
+
+        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
+        <script>
+            $('#Modallink').click(function () {
+                $('#Modal').modal('show');
+            });
+            $(document).ready(function(){
+  $('[data-toggle="tooltip"]').tooltip();   
+});
+        </script>
+    </body>
+</html>
diff --git a/intro.html b/views/intro.ejs
similarity index 94%
rename from intro.html
rename to views/intro.ejs
index 3a6f23a..7c81422 100644
--- a/intro.html
+++ b/views/intro.ejs
@@ -3,8 +3,8 @@
 <head>
   <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-        <link rel="stylesheet" media="screen and (min-width: 900px)" href="arrow.css">
-        <link rel="stylesheet" media="screen and (max-width: 900px)" href="small_arrow.css">
+        <link rel="stylesheet" media="screen and (min-width: 900px)" href="css/arrow.css">
+        <link rel="stylesheet" media="screen and (max-width: 900px)" href="css/small_arrow.css">
         <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
         
         <!-- Bootstrap CSS -->
@@ -81,7 +81,7 @@ <h1>WELCOME!</h1><br>
             </div>
     <script>
          setTimeout(function(){
-            window.location.href = 'lev1.html';
+            window.location.href = '/lev/1';
          }, 5000);
       </script>
 </body>
diff --git a/views/lev.ejs b/views/lev.ejs
new file mode 100644
index 0000000..57f3689
--- /dev/null
+++ b/views/lev.ejs
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Learning Loop</title>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <!-- Bootstrap CSS -->
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+  <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
+  <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
+  <link href="css/index.css" rel="stylesheet">
+  <link rel="stylesheet" href="/css/navbar.css">
+  <link rel="stylesheet" href="/css/allLevels.css">
+</head>
+
+<body>
+  <!--<span>&#8734;</span>-->
+  <%- include('./partials/navbar')%>
+    <div class="container-fluid py-5 my-5">
+      <%- include('./partials/flash_new')%>
+        <% for(let i=0, k=0;i<2;i++){ %>
+          <div class="row py-4">
+            <% for(let j=0;j<4;j++){ %>
+              <div class="col-3 mx-auto">
+                <a class="level-link" href='<%= levelData[k].url %>'>
+                  <div class="card bg-body rounded">
+                    <img src="/img/<%= levelData[k].image %>" class="card-img-top" alt="...">
+                    <div class="card-body">
+                      <h4 class="card-text">
+                        <%= levelData[k].name %>
+                      </h4>
+                      <p class="card-text description">
+                        <%= levelData[k++].description %>
+                      </p>
+                    </div>
+                  </div>
+                </a>
+              </div>
+              <% } %>
+          </div>
+          <% } %>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
+      crossorigin="anonymous"></script>
+    <!-- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+            crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
+            integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
+            crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
+            integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
+            crossorigin="anonymous"></script>
+        </script> -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/views/login.ejs b/views/login.ejs
new file mode 100644
index 0000000..09c45dd
--- /dev/null
+++ b/views/login.ejs
@@ -0,0 +1,110 @@
+<%- include('./partials/log.ejs') %>
+
+   <body>
+
+      <%- include('./partials/flash')%>
+
+         <div class="container" id="container">
+            <div class="form-container sign-up-container">
+               <form action="/Signup" method="POST">
+                  <h1>Create Account</h1>
+                  <span>or use your email for registration</span>
+                  <input type="text" placeholder="Name" name="name" required
+                     oninvalid="this.setCustomValidity('Username must not be empty')"
+                     onchange="this.setCustomValidity('')" />
+                  <input type="email" placeholder="Email" name="username" required />
+                  <input type="password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" required
+                     title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters"
+                     placeholder="Password" name="password" />
+                  <button>Sign Up</button>
+               </form>
+            </div>
+            <div class="form-container sign-in-container">
+               <form action="/login" method="POST">
+                  <h1>Sign in</h1>
+                  <span>or use your account</span>
+                  <input type="email" placeholder="Email" name="username" required
+                   />
+                  <input type="password" required placeholder="Password" name="password" />
+                  <a href="#" data-target="#pwdModal" data-toggle="modal" id="forgotLink">Forgot your password?</a>
+
+                  <button>Sign In</button>
+               </form>
+
+            </div>
+
+
+            <div class="overlay-container">
+               <div class="overlay">
+                  <div class="overlay-panel overlay-left">
+                     <h1>Welcome Back!</h1>
+                     <p>To keep connected with us please login with your personal info</p>
+                     <button class="ghost" id="signIn">Sign In</button>
+                  </div>
+                  <div class="overlay-panel overlay-right">
+                     <h1>Hello, Friend!</h1>
+                     <p>Enter your personal details and start journey with us</p>
+                     <button class="ghost" id="signUp">Sign Up</button>
+                  </div>
+               </div>
+            </div>
+         </div>
+         <div id="pwdModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
+            <div class="modal-dialog">
+               <div class="modal-content">
+                  <div class="modal-header">
+                     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+                     <h1 class="text-center">What's My Password?</h1>
+                  </div>
+                  <div class="modal-body">
+                     <div class="col-md-12">
+                        <div class="panel panel-default">
+                           <div class="panel-body">
+                              <div class="text-center">
+
+                                 <p>If you have forgotten your password you can reset it here.</p>
+                                 <div class="panel-body">
+                                    <fieldset>
+                                       <form action="/reset" method="POST">
+                                          <input class="form-control input-lg" required placeholder="E-mail Address" name="email"
+                                             type="email" id="forgotEmail">
+                                          <button>Send Mail</button>
+                                       </form>
+                                    </fieldset>
+                                 </div>
+                              </div>
+                           </div>
+                        </div>
+                     </div>
+                  </div>
+                  <div class="modal-footer">
+                     <div class="col-md-12">
+                        <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
+                     </div>
+                  </div>
+               </div>
+            </div>
+         </div>
+         <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
+            integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
+            crossorigin="anonymous"></script>
+         <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"
+            integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/"
+            crossorigin="anonymous"></script>
+         <script>
+            const signUpButton = document.getElementById('signUp');
+            const signInButton = document.getElementById('signIn');
+            const container = document.getElementById('container');
+
+
+            signUpButton.addEventListener('click', () => {
+               container.classList.add("right-panel-active");
+            });
+
+            signInButton.addEventListener('click', () => {
+               container.classList.remove("right-panel-active");
+            });
+
+
+         </script>
+   </body>
\ No newline at end of file
diff --git a/views/partials/Level_Template.ejs b/views/partials/Level_Template.ejs
new file mode 100644
index 0000000..2ce4b0d
--- /dev/null
+++ b/views/partials/Level_Template.ejs
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Levels</title>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <!-- Bootstrap CSS -->
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+  <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
+  <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
+  <link href="/css/index.css" rel="stylesheet">
+  <link rel="stylesheet" href="/css/navbar.css">
+  <link rel="stylesheet" href="/css/levels.css">
+</head>
+
+<body>
+  <%- include('../partials/navbar')%>
\ No newline at end of file
diff --git a/views/partials/Level_Template_Footer.ejs b/views/partials/Level_Template_Footer.ejs
new file mode 100644
index 0000000..84163ee
--- /dev/null
+++ b/views/partials/Level_Template_Footer.ejs
@@ -0,0 +1,5 @@
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
+  integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/views/partials/admin_partials.ejs b/views/partials/admin_partials.ejs
new file mode 100644
index 0000000..7bbe46a
--- /dev/null
+++ b/views/partials/admin_partials.ejs
@@ -0,0 +1,553 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Learning Loop Admin Page</title>
+  <!-- ======= Styles ====== -->
+  <style>
+    /* =========== Google Fonts ============ */
+    @import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap");
+
+    /* =============== Globals ============== */
+    * {
+      font-family: "Ubuntu", sans-serif;
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    :root {
+      --blue: #40DAC1;
+      --white: #fff;
+      --gray: #f5f5f5;
+      --black1: #222;
+      --black2: #999;
+    }
+
+    body {
+      min-height: 100vh;
+      overflow-x: hidden;
+    }
+
+    .container {
+      position: relative;
+      width: 100%;
+    }
+
+    /* =============== Navigation ================ */
+    .navigation {
+      position: fixed;
+      width: 300px;
+      height: 100%;
+      background: var(--blue);
+      border-left: 10px solid var(--blue);
+      transition: 0.5s;
+      overflow: hidden;
+    }
+
+    .navigation.active {
+      width: 80px;
+    }
+
+    .navigation ul {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+    }
+
+    .navigation ul li {
+      position: relative;
+      width: 100%;
+      list-style: none;
+      border-top-left-radius: 30px;
+      border-bottom-left-radius: 30px;
+    }
+
+    .navigation ul li:hover,
+    .navigation ul li.hovered {
+      background-color: var(--white);
+    }
+
+    .navigation ul li:nth-child(1) {
+      margin-bottom: 40px;
+      pointer-events: none;
+    }
+
+    .navigation ul li a {
+      position: relative;
+      display: block;
+      width: 100%;
+      display: flex;
+      text-decoration: none;
+      color: var(--white);
+    }
+
+    .navigation ul li:hover a,
+    .navigation ul li.hovered a {
+      color: var(--blue);
+    }
+
+    .navigation ul li a .icon {
+      position: relative;
+      display: block;
+      min-width: 60px;
+      height: 60px;
+      line-height: 75px;
+      text-align: center;
+    }
+
+    .navigation ul li a .icon ion-icon {
+      font-size: 1.75rem;
+    }
+
+    .navigation ul li a .title {
+      position: relative;
+      display: block;
+      padding: 0 10px;
+      height: 60px;
+      line-height: 60px;
+      text-align: start;
+      white-space: nowrap;
+    }
+
+    /* --------- curve outside ---------- */
+    .navigation ul li:hover a::before,
+    .navigation ul li.hovered a::before {
+      content: "";
+      position: absolute;
+      right: 0;
+      top: -50px;
+      width: 50px;
+      height: 50px;
+      background-color: transparent;
+      border-radius: 50%;
+      box-shadow: 35px 35px 0 10px var(--white);
+      pointer-events: none;
+    }
+
+    .navigation ul li:hover a::after,
+    .navigation ul li.hovered a::after {
+      content: "";
+      position: absolute;
+      right: 0;
+      bottom: -50px;
+      width: 50px;
+      height: 50px;
+      background-color: transparent;
+      border-radius: 50%;
+      box-shadow: 35px -35px 0 10px var(--white);
+      pointer-events: none;
+    }
+
+    /* ===================== Main ===================== */
+    .main {
+      position: absolute;
+      width: calc(100% - 300px);
+      left: 300px;
+      min-height: 100vh;
+      background: var(--white);
+      transition: 0.5s;
+    }
+
+    .main.active {
+      width: calc(100% - 80px);
+      left: 80px;
+    }
+
+    .topbar {
+      width: 100%;
+      height: 60px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 0 10px;
+    }
+
+    .toggle {
+      position: relative;
+      width: 60px;
+      height: 60px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-size: 2.5rem;
+      cursor: pointer;
+    }
+
+    .search {
+      position: relative;
+      width: 400px;
+      margin: 0 10px;
+    }
+
+    .search label {
+      position: relative;
+      width: 100%;
+    }
+
+    .search label input {
+      width: 100%;
+      height: 40px;
+      border-radius: 40px;
+      padding: 5px 20px;
+      padding-left: 35px;
+      font-size: 18px;
+      outline: none;
+      border: 1px solid var(--black2);
+    }
+
+    .search label ion-icon {
+      position: absolute;
+      top: 0;
+      left: 10px;
+      font-size: 1.2rem;
+    }
+
+    .user {
+      position: relative;
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      overflow: hidden;
+      cursor: pointer;
+    }
+
+    .user img {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    /* ======================= Cards ====================== */
+    .cardBox {
+      position: relative;
+      width: 100%;
+      padding: 20px;
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      grid-gap: 30px;
+    }
+
+    .cardBox .card {
+      position: relative;
+      background: var(--white);
+      padding: 30px;
+      border-radius: 20px;
+      display: flex;
+      justify-content: space-between;
+      cursor: pointer;
+      box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
+    }
+
+    .cardBox .card .numbers {
+      position: relative;
+      font-weight: 500;
+      font-size: 2.5rem;
+      color: var(--blue);
+    }
+
+    .cardBox .card .cardName {
+      color: var(--black2);
+      font-size: 1.1rem;
+      margin-top: 5px;
+    }
+
+    .cardBox .card .iconBx {
+      font-size: 3.5rem;
+      color: var(--black2);
+    }
+
+    .cardBox .card:hover {
+      background: var(--blue);
+    }
+
+    .cardBox .card:hover .numbers,
+    .cardBox .card:hover .cardName,
+    .cardBox .card:hover .iconBx {
+      color: var(--white);
+    }
+
+    /* ================== Order Details List ============== */
+    .details {
+      position: relative;
+      width: 100%;
+      padding: 20px;
+      display: grid;
+      /* grid-template-columns: 1fr 1fr; */
+      grid-gap: 30px;
+      /* margin-top: 10px; */
+    }
+
+    .details .recentOrders {
+      position: relative;
+      /* display: grid; */
+      min-height: 500px;
+      background: var(--white);
+      padding: 20px;
+      box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
+      border-radius: 20px;
+    }
+
+    .details .cardHeader {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+    }
+
+    .cardHeader h2 {
+      font-weight: 600;
+      color: var(--blue);
+    }
+
+    .cardHeader .btn {
+      position: relative;
+      padding: 5px 10px;
+      background: var(--blue);
+      text-decoration: none;
+      color: var(--white);
+      border-radius: 6px;
+    }
+
+    .details table {
+      width: 100%;
+      border-collapse: collapse;
+      margin-top: 10px;
+    }
+
+    .details table thead td {
+      font-weight: 600;
+    }
+
+    .details .recentOrders table tr {
+      color: var(--black1);
+      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    }
+
+    .details .recentOrders table tr:last-child {
+      border-bottom: none;
+    }
+
+    .details .recentOrders table tbody tr:hover {
+      background: var(--blue);
+      color: var(--white);
+    }
+
+    .details .recentOrders table tr td {
+      padding: 10px;
+      font-size: 18px;
+    }
+
+    .details .recentOrders table tr td:last-child {
+      text-align: left;
+    }
+
+    .details .recentOrders table tr td:nth-child(2) {
+      text-align: left;
+    }
+
+    .details .recentOrders table tr td:nth-child(3) {
+      text-align: left;
+    }
+
+    .status.delivered {
+      padding: 2px 4px;
+      background: #8de02c;
+      color: var(--white);
+      border-radius: 4px;
+      font-size: 14px;
+      font-weight: 500;
+    }
+
+    .status.pending {
+      padding: 2px 4px;
+      background: #e9b10a;
+      color: var(--white);
+      border-radius: 4px;
+      font-size: 14px;
+      font-weight: 500;
+    }
+
+    .status.return {
+      padding: 2px 4px;
+      background: #f00;
+      color: var(--white);
+      border-radius: 4px;
+      font-size: 14px;
+      font-weight: 500;
+    }
+
+    .status.inProgress {
+      padding: 2px 4px;
+      background: #1795ce;
+      color: var(--white);
+      border-radius: 4px;
+      font-size: 14px;
+      font-weight: 500;
+    }
+
+    .recentCustomers {
+      position: relative;
+      display: grid;
+      min-height: 500px;
+      padding: 20px;
+      background: var(--white);
+      box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
+      border-radius: 20px;
+    }
+
+    .recentCustomers .imgBx {
+      position: relative;
+      width: 40px;
+      height: 40px;
+      border-radius: 50px;
+      overflow: hidden;
+    }
+
+    .recentCustomers .imgBx img {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    .recentCustomers table tr td {
+      padding: 12px 10px;
+    }
+
+    .recentCustomers table tr td h4 {
+      font-size: 16px;
+      font-weight: 500;
+      line-height: 1.2rem;
+    }
+
+    .recentCustomers table tr td h4 span {
+      font-size: 14px;
+      color: var(--black2);
+    }
+
+    .recentCustomers table tr:hover {
+      background: var(--blue);
+      color: var(--white);
+    }
+
+    .recentCustomers table tr:hover td h4 span {
+      color: var(--white);
+    }
+
+    .admin-content {
+      width: 90%;
+      margin: 1em;
+    }
+
+    .faq-form {
+      margin: 20px 0;
+      display: flex;
+    }
+
+    .faq-form-field {
+      font-size: 16px;
+      padding: 0.5em;
+      border-radius: 0.5em;
+      margin-right: 1em;
+      width: 30%;
+    }
+
+    .faq-form-button {
+      font-size: 16px;
+      font-weight: bold;
+      color: white;
+      background-color: #00CDAC;
+      padding: 0.5em;
+      border: none;
+      border-radius: 0.5em;
+      cursor: pointer;
+      padding: 0 1.5em;
+    }
+
+
+
+    /* ====================== Responsive Design ========================== */
+    @media (max-width: 991px) {
+      .navigation {
+        left: -300px;
+      }
+
+      .navigation.active {
+        width: 300px;
+        left: 0;
+      }
+
+      .main {
+        width: 100%;
+        left: 0;
+      }
+
+      .main.active {
+        left: 300px;
+      }
+
+      .cardBox {
+        grid-template-columns: repeat(2, 1fr);
+      }
+    }
+
+    @media (max-width: 768px) {
+      .details {
+        grid-template-columns: 1fr;
+      }
+
+      .recentOrders {
+        overflow-x: auto;
+      }
+
+      .status.inProgress {
+        white-space: nowrap;
+      }
+    }
+
+    @media (max-width: 480px) {
+      .cardBox {
+        grid-template-columns: repeat(1, 1fr);
+      }
+
+      .cardHeader h2 {
+        font-size: 20px;
+      }
+
+      .user {
+        min-width: 40px;
+      }
+
+      .navigation {
+        width: 100%;
+        left: -100%;
+        z-index: 1000;
+      }
+
+      .navigation.active {
+        width: 100%;
+        left: 0;
+      }
+
+      .toggle {
+        z-index: 10001;
+      }
+
+      .main.active .toggle {
+        color: #fff;
+        position: fixed;
+        right: 0;
+        left: initial;
+      }
+    }
+  </style>
+</head>
\ No newline at end of file
diff --git a/views/partials/connect.ejs b/views/partials/connect.ejs
new file mode 100644
index 0000000..e69de29
diff --git a/views/partials/flash.ejs b/views/partials/flash.ejs
new file mode 100644
index 0000000..bfe05ac
--- /dev/null
+++ b/views/partials/flash.ejs
@@ -0,0 +1,17 @@
+<% if(success && success.length) {%>
+    <div class="alert alert-success alert-dismissible fade show" role="alert">
+        <%= success %>
+        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+        </button>
+    </div>
+    <% } %>
+    
+    <% if(error && error.length) {%>
+    <div class="alert alert-danger alert-dismissible fade show" role="alert">
+        <%= error %>
+        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+        </button>
+    </div>
+    <% } %>
\ No newline at end of file
diff --git a/views/partials/flash_new.ejs b/views/partials/flash_new.ejs
new file mode 100644
index 0000000..808a2bf
--- /dev/null
+++ b/views/partials/flash_new.ejs
@@ -0,0 +1,15 @@
+<% if(success && success.length) {%>
+    <div class="alert alert-success alert-dismissible fade show" role="alert">
+        <%= success %>
+            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+
+    </div>
+    <% } %>
+
+        <% if(error && error.length) {%>
+            <div class="alert alert-danger alert-dismissible fade show" role="alert">
+                <%= error %>
+                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+
+            </div>
+            <% } %>
\ No newline at end of file
diff --git a/views/partials/head.ejs b/views/partials/head.ejs
new file mode 100644
index 0000000..999fd99
--- /dev/null
+++ b/views/partials/head.ejs
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+        <link rel="stylesheet" media="screen and (min-width: 900px)" href="/css/arrow.css">
+        <link rel="stylesheet" media="screen and (max-width: 900px)" href="/css/small_arrow.css">
+        <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
+        
+        <!-- Bootstrap CSS -->
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css"
+        integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
+		<style>
+           /* @import url('https://fonts.googleapis.com/css?family=Special+Elite');*/
+            
+.quote {
+	font-family: 'Special Elite', cursive;
+	background: #fffdf5;
+	color: #3f3f5a;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+.dot {
+  height: 20px;
+  width: 20px;
+  margin-left: 15px;
+  margin-top: 60px;
+  background-color: green;
+  border-radius: 50%;
+  display: inline-block;
+}
+.btn-primary{
+    float: left;
+}
+.btn-success{
+    float:right;
+}
+.btn-danger{
+    float:right;
+}
+blockquote {
+	font-weight: 100;
+	font-size: 2rem;
+	max-width: 600px;
+	line-height: 1.4;
+	position: relative;
+	margin: 0;
+	padding: .5rem;
+}
+
+blockquote:before,
+blockquote:after {
+	position: absolute;
+	color: #f1efe6;
+	font-size: 8rem;
+	width: 4rem;
+	height: 4rem;
+}
+
+blockquote:before {
+	content: '“';
+	left: -5rem;
+	top: -2rem;
+}
+
+blockquote:after {
+	content: '”';
+	right: -5rem;
+	bottom: 1rem;
+}
+
+cite {
+	line-height: 3;
+	text-align: left;
+}
+        </style>
+</head>
+
+
+
diff --git a/views/partials/key.ejs b/views/partials/key.ejs
new file mode 100644
index 0000000..f87d800
--- /dev/null
+++ b/views/partials/key.ejs
@@ -0,0 +1,7 @@
+<div class="keys">
+    <div class="up arr" onclick="UpMove()"><i class="fa fa-arrow-up"></i></div>
+    <br />
+    <div class="left arr " onclick="LeftMove()" ><i class="fa fa-arrow-left"></i></div>
+    <div class="down arr" onclick="DownMove()"><i class="fa fa-arrow-down"></i></div>
+    <div class="right arr" onclick="RightMove()"><i class="fa fa-arrow-right"></i></div>
+</div>
\ No newline at end of file
diff --git a/views/partials/log.ejs b/views/partials/log.ejs
new file mode 100644
index 0000000..36aaf06
--- /dev/null
+++ b/views/partials/log.ejs
@@ -0,0 +1,270 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+	<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
+	<!-- Bootstrap CSS -->
+	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"
+		integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
+	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css"
+		integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
+	<style>
+		@import url('https://fonts.googleapis.com/css?family=Montserrat:400,800');
+
+		* {
+			box-sizing: border-box;
+		}
+
+		body {
+			background: #f6f5f7;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			flex-direction: column;
+			font-family: 'Montserrat', sans-serif;
+			height: 100vh;
+			margin: -20px 0 50px;
+		}
+
+		h1 {
+			font-weight: bold;
+			margin: 0;
+		}
+
+		h2 {
+			text-align: center;
+		}
+
+		p {
+			font-size: 14px;
+			font-weight: 100;
+			line-height: 20px;
+			letter-spacing: 0.5px;
+			margin: 20px 0 30px;
+		}
+
+		span {
+			font-size: 12px;
+		}
+
+		a {
+			color: #333;
+			font-size: 14px;
+			text-decoration: none;
+			margin: 15px 0;
+		}
+
+		button {
+			border-radius: 20px;
+			border: 1px solid #40DAC1;
+			background-color: #40DAC1;
+			color: #FFFFFF;
+			font-size: 12px;
+			font-weight: bold;
+			padding: 12px 45px;
+			letter-spacing: 1px;
+			text-transform: uppercase;
+			transition: transform 80ms ease-in;
+		}
+
+		button:active {
+			transform: scale(0.95);
+		}
+
+		button:focus {
+			outline: none;
+		}
+
+		button.ghost {
+			background-color: transparent;
+			border-color: #FFFFFF;
+		}
+
+		form {
+			background-color: #FFFFFF;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			flex-direction: column;
+			padding: 0 50px;
+			height: 100%;
+			text-align: center;
+		}
+
+		input {
+			background-color: #eee;
+			border: none;
+			padding: 12px 15px;
+			margin: 8px 0;
+			width: 100%;
+		}
+
+		.container {
+			background-color: #fff;
+			border-radius: 10px;
+			box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25),
+				0 10px 10px rgba(0, 0, 0, 0.22);
+			position: relative;
+			overflow: hidden;
+			width: 768px;
+			max-width: 100%;
+			min-height: 480px;
+		}
+
+		.form-container {
+			position: absolute;
+			top: 0;
+			height: 100%;
+			transition: all 0.6s ease-in-out;
+		}
+
+		.sign-in-container {
+			left: 0;
+			width: 50%;
+			z-index: 2;
+		}
+
+		.container.right-panel-active .sign-in-container {
+			transform: translateX(100%);
+		}
+
+		.sign-up-container {
+			left: 0;
+			width: 50%;
+			opacity: 0;
+			z-index: 1;
+		}
+
+		.container.right-panel-active .sign-up-container {
+			transform: translateX(100%);
+			opacity: 1;
+			z-index: 5;
+			animation: show 0.6s;
+		}
+
+		@keyframes show {
+
+			0%,
+			49.99% {
+				opacity: 0;
+				z-index: 1;
+			}
+
+			50%,
+			100% {
+				opacity: 1;
+				z-index: 5;
+			}
+		}
+
+		.overlay-container {
+			position: absolute;
+			top: 0;
+			left: 50%;
+			width: 50%;
+			height: 100%;
+			overflow: hidden;
+			transition: transform 0.6s ease-in-out;
+			z-index: 100;
+		}
+
+		.container.right-panel-active .overlay-container {
+			transform: translateX(-100%);
+		}
+
+		.overlay {
+			background: #05d8b5;
+			background: -webkit-linear-gradient(to right, #40DAC1, #05d8b5);
+			background: linear-gradient(to right, #40DAC1, #05d8b5);
+			background-repeat: no-repeat;
+			background-size: cover;
+			background-position: 0 0;
+			color: #FFFFFF;
+			position: relative;
+			left: -100%;
+			height: 100%;
+			width: 200%;
+			transform: translateX(0);
+			transition: transform 0.6s ease-in-out;
+		}
+
+		.container.right-panel-active .overlay {
+			transform: translateX(50%);
+		}
+
+		.overlay-panel {
+			position: absolute;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			flex-direction: column;
+			padding: 0 40px;
+			text-align: center;
+			top: 0;
+			height: 100%;
+			width: 50%;
+			transform: translateX(0);
+			transition: transform 0.6s ease-in-out;
+		}
+
+		.overlay-left {
+			transform: translateX(-20%);
+		}
+
+		.container.right-panel-active .overlay-left {
+			transform: translateX(0);
+		}
+
+		.overlay-right {
+			right: 0;
+			transform: translateX(0);
+		}
+
+		.container.right-panel-active .overlay-right {
+			transform: translateX(20%);
+		}
+
+		.social-container {
+			margin: 20px 0;
+		}
+
+		.social-container a {
+			border: 1px solid #DDDDDD;
+			border-radius: 50%;
+			display: inline-flex;
+			justify-content: center;
+			align-items: center;
+			margin: 0 5px;
+			height: 40px;
+			width: 40px;
+		}
+
+		footer {
+			background-color: #222;
+			color: #fff;
+			font-size: 14px;
+			bottom: 0;
+			position: fixed;
+			left: 0;
+			right: 0;
+			text-align: center;
+			z-index: 999;
+		}
+
+		footer p {
+			margin: 10px 0;
+		}
+
+		footer i {
+			color: red;
+		}
+
+		footer a {
+			color: #3c97bf;
+			text-decoration: none;
+		}
+	</style>
+
+</head>
\ No newline at end of file
diff --git a/views/partials/mac_window.ejs b/views/partials/mac_window.ejs
new file mode 100644
index 0000000..2d698a5
--- /dev/null
+++ b/views/partials/mac_window.ejs
@@ -0,0 +1,14 @@
+<filter id="inset-shadow" x="-50%" y="-50%" width="200%" height="200%">
+    <feComponentTransfer in=SourceAlpha>
+        <feFuncA type="table" tableValues="1 0" />
+    </feComponentTransfer>
+    <feGaussianBlur stdDeviation="4"/>
+    <feOffset dx="0" dy="5" result="offsetblur"/>
+    <feFlood flood-color="rgb(0, 0, 0)" result="color"/>
+    <feComposite in2="offsetblur" operator="in"/>
+    <feComposite in2="SourceAlpha" operator="in" />
+    <feMerge>
+        <feMergeNode in="SourceGraphic" />
+        <feMergeNode />
+    </feMerge>
+</filter>
\ No newline at end of file
diff --git a/views/partials/message.ejs b/views/partials/message.ejs
new file mode 100644
index 0000000..6a24199
--- /dev/null
+++ b/views/partials/message.ejs
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Responsive Admin Dashboard | Korsat X Parmaga</title>
+    <!-- ======= Styles ====== -->
+    <style>
+        @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
+
+/* Chatbot */
+.botIcon {bottom: 15px;left: 15px;position: fixed;z-index: 9999;}
+.iconInner {-webkit-align-items: center;-ms-align-items: center;align-items: center;background: #a64bf4;background: -webkit-linear-gradient(to left, #00dbde, #fc00ff, #00dbde, #fc00ff);background: -o-linear-gradient(to left, #00dbde, #fc00ff, #00dbde, #fc00ff);background: -moz-linear-gradient(to left,#00dbde, #fc00ff, #00dbde,#fc00ff);background: linear-gradient(to left, #00dbde, #fc00ff, #00dbde, #fc00ff);background-position: 50%;background-size: 300%;color: #fff;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 1.7em;justify-content: center;width: 10em;}
+.botSubject, .messages, .showBotSubject .botIconContainer, .showMessenger .botIconContainer {display: none;}
+
+.botIcon .Messages, .botIcon .Messages_list {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;}
+.chat_close_icon {color: #fff;cursor: pointer;font-size: 16px;position: absolute;right: 12px;z-index: 9;}
+.chat_on {background-color: #8a57cf;bottom: 20px;border-radius: 50%;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;color: #fff;cursor: pointer;display: block;height: 45px;padding: 9px;position: fixed;right: 15px;text-align: center;width: 45px;z-index: 10;}
+.chat_on_icon {color: #fff;font-size: 25px;text-align: center;}
+.botIcon .Layout {-webkit-animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);-ms-animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;background-color: rgb(63, 81, 181);bottom: 20px;border-radius: 10px;box-shadow: 5px 0 20px 5px rgba(0, 0, 0, .1);box-sizing: content-box !important;color: rgb(255, 255, 255);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;max-height: 30px;max-width: 300px;min-width: 50px;opacity: 0;pointer-events: auto;position: fixed;-webkit-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;-ms-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;z-index: 999999999;}
+.botIcon .Layout-open {border-radius: 10px;color: #fff;height: 500px;max-height: 500px;max-width: 300px;overflow: hidden;-webkit-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);-ms-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);width: 100%;}
+.botIcon .Layout-expand {display: none;height: 400px;max-height: 100vh;min-height: 300px;}
+.showBotSubject.botIcon .Layout-expand {display: block;}
+.botIcon .Layout-mobile {bottom: 10px}
+.botIcon .Layout-mobile.Layout-open {min-width: calc(100% - 20px);width: calc(100% - 20px);}
+.botIcon .Layout-mobile.Layout-expand {border-radius: 0 !important;bottom: 0;height: 100%;min-height: 100%;min-width: 100%;width: 100%;}
+.botIcon .Messenger_messenger {height: 100%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;position: relative;width: 100%;}
+.botIcon .Messenger_header, .botIcon .Messenger_messenger {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
+.botIcon .Messenger_header {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;background-color: rgb(22, 46, 98);color: rgb(255, 255, 255);-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;height: 40px;padding-left: 10px;padding-right: 40px;}
+
+.botIcon .Messenger_header h4 {-webkit-animation: slidein .15s .3s;-ms-animation: slidein .15s .3s;animation: slidein .15s .3s;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;font-size: 16px;opacity: 0;}
+.botIcon .Messenger_prompt {font-size: 16px;font-weight: 400;line-height: 18px;margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
+.botIcon .Messenger_content {background-color: #fff;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;height: 80px;}
+.botIcon .Messages {background-color: #fff;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;overflow-x: hidden;overflow-y: auto;padding: 10px;position: relative;-webkit-overflow-scrolling: touch;}
+.botIcon .Input {background-color: #fff;border-top: 1px solid #e6ebea;color: #96aab4;-webkit-box-flex: 0;-webkit-flex-grow: 0;-ms-flex-positive: 0;flex-grow: 0;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;padding-bottom: 15px;padding-top: 17px;position: relative;width: 100%;}
+.botIcon .Input-blank .Input_field {max-height: 20px;}
+.botIcon .Input_field {background-color: transparent;border: none;outline: none;padding-left: 20px;padding-right: 45px;resize: none;width: 100%;font-size: 14px;line-height: 20px;min-height: 20px !important;}
+.botIcon .Input_button-emoji {right: 45px;}
+.botIcon .Input_button {background-color: transparent;border: none;bottom: 15px;cursor: pointer;height: 25px;outline: none;padding: 0;position: absolute;width: 25px;}
+.botIcon .Input_button-send {right: 15px;}
+.botIcon .Input-emoji .Input_button-emoji .Icon, .botIcon .Input_button:hover .Icon {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
+.botIcon .Input-emoji .Input_button-emoji .Icon path, .botIcon .Input_button:hover .Icon path {fill: #2c2c46;}
+.Icon svg {height: auto;width: 100%;}
+
+.msg {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
+.msg.user {-webkit-box-direction: row-reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
+.msg + .msg {margin-top: 15px;}
+span.responsText {color: #000;display: inline-block;margin-left: 10px;vertical-align: top;max-width: calc(100% - 50px);}
+.msg.user span.responsText {margin-left: 0;margin-right: 10px;}
+span.avtr {display: inline-block;width: 30px;}
+span.avtr figure {background-color: #ccc;background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 50%;display: block;margin: 0;padding-bottom: 100%;}
+
+@-webkit-keyframes appear {
+    0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
+    100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
+}
+@-ms-keyframes appear {
+    0% {opacity: 0;-ms-transform: scale(0);transform: scale(0);}
+    100% {opacity: 1;-ms-transform: scale(1);transform: scale(1);}
+}
+@keyframes appear {
+    0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
+    100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
+}
+@-webkit-keyframes slidein {
+    0% {opacity: 0;-webkit-transform: translateX(10px);transform: translateX(10px);}
+    100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
+}
+@-ms-keyframes slidein {
+    0% {opacity: 0;-ms-transform: translateX(10px);transform: translateX(10px);}
+    100% {opacity: 1;-ms-transform: translateX(0);transform: translateX(0);}
+}
+@keyframes slidein {
+    0% {opacity: 0;-webkit-transform: translateX(10px);transform: translateX(10px);}
+    100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
+}
+
+@media only screen and (max-width: 412px) {
+	.botIcon .Layout-open {width: 250px;}
+}
+</style>
+</head>
diff --git a/views/partials/navbar.ejs b/views/partials/navbar.ejs
new file mode 100644
index 0000000..9908c2c
--- /dev/null
+++ b/views/partials/navbar.ejs
@@ -0,0 +1,65 @@
+<nav class="navbar navbar-expand-lg fixed-top navbar-light">
+    <a class="navbar-brand" href="/"><img src="/img/learnig_loop_logo2.jpeg" width="50" height="50"></a>
+
+    <div id="navbarSupportedContent" class="navbar-div">
+        <ul class="navbar-nav mr-auto">
+            <li class="nav-item">
+                <a href="/levels" class="nav-link h5">Levels</a>
+            </li>
+            <li class="nav-item">
+                <a href="/about" class="nav-link h5">About</a>
+            </li>
+            <li class="nav-item">
+                <a href="/howtoplay" class="nav-link h5">How to Play</a>
+            </li>
+            <li class="nav-item">
+                <a href="/feedback" class="nav-link h5">Feedback</a>
+            </li>
+            <li class="nav-item">
+                <a href="/faq" class="nav-link h5">FAQs</a>
+            </li>
+            <% if(currentUser.isAdmin === true ) { %>
+                <li class="nav-item">
+                    <a href="/admin" class="nav-link h5">Admin Portal</a>
+                </li>
+                <% } %>
+        </ul>
+        <div class="dropdown profile-icon">
+            <button class="btn dropdown-toggle" id="navbarScrollingDropdown" role="button" data-bs-toggle="dropdown"
+                aria-expanded="false">
+                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="rgba(0,0,0,.7)"
+                    class="bi bi-person-circle" viewBox="0 0 16 16">
+                    <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
+                    <path fill-rule="evenodd"
+                        d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
+                </svg>
+            </button>
+            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarScrollingDropdown">
+                <li class="dropdown-item">
+                    <h5 class="text-center username">
+                        Welcome <span class="username-text">
+                            <%= currentUser.name %>
+                        </span>
+                    </h5>
+                </li>
+                <li class="dropdown-item">
+                    <h6 class="text-center username">
+                        <%= currentUser.username %>
+                    </h6>
+                </li>
+                <li class="dropdown-item">
+                    <p class="text-center max-level">
+                        Maximum Levels Played: <%= currentUser.maxLevel %>
+                    </p>
+                </li>
+                <li class="dropdown-item">
+                    <hr class="dropdown-divider">
+                </li>
+                <li class="dropdown-item">
+                    <a class="btn btn-sm btn-info" href="/changepassword">Change Password</a>
+                    <a class="btn btn-sm btn-secondary" href="/logout">Logout</a>
+                </li>
+            </ul>
+        </div>
+    </div>
+</nav>
\ No newline at end of file
diff --git a/views/partials/script.ejs b/views/partials/script.ejs
new file mode 100644
index 0000000..0b7cd67
--- /dev/null
+++ b/views/partials/script.ejs
@@ -0,0 +1,7 @@
+<script src="/js/anime.min.js"></script>
+ 
+ <script src='/js/THREEx.KeyboardState.js'></script>
+ <script src="/js/main.js"></script>
+        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
\ No newline at end of file