This commit is contained in:
Leo 2024-01-21 04:33:06 +08:00
parent efcaaf87f6
commit 9b7de43534
13 changed files with 82 additions and 10 deletions

View File

@ -17,7 +17,7 @@ figure, figcaption, footer, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
padding: ;
border: 0;
font-size:100%;
font: inherit;

View File

@ -4,7 +4,7 @@
form {
background-color: #fff;
padding: 20px;
padding: 25px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 66%;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

View File

@ -66,6 +66,16 @@ router.get('/api', function(req, res, next) {
res.render('api');
});
//forget password page
router.get('/forgotPassword', function(req, res, next) {
res.render('forgotPassword');
});
//learn more page
router.get('/forgotPassword', function(req, res, next) {
res.render('forgotPassword');
});
//profile page
router.get('/profile', function(req, res, next) {
res.render('profile');

View File

@ -6,6 +6,7 @@
!-->
<%- include('top') %>
<link rel="stylesheet" href="css/api.css" media="all">
<body class="one-content-column-version">
<div class="left-menu">

View File

@ -86,4 +86,7 @@
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="js/api.js"></script>
<script src="js/learnmore.js"></script>
<script src="js/search.js"></script>
</body>

View File

@ -0,0 +1,17 @@
<%- include('logintop') %>
<body>
<section class="wrapper">
<div class="form">
<header>Reset Password</header>
<form action="resetpassword.html">
<input type="text" id="email" placeholder="Email" required />
<input type="password" id="password" placeholder="Password" required />
<input type="password" id="confirmPassword" placeholder="Confirm Password" required />
<input type="submit" onclick="validateReset()" value="Reset Password" />
</form>
<br>
<a>Dont have an account?</a> <a href="signuplogin.html">Sign Up</a>
</div>
</section>
</body>

View File

@ -57,7 +57,7 @@
<p class="card-text display-4"> 70% - 75% </p>
</div>
<div class="card-footer">
<a href="learnmore.html" class="btn btn-primary">Learn More</a>
<a href="/learnmore" class="btn btn-primary">Learn More</a>
</div>
</div>
</div>
@ -68,7 +68,7 @@
<p class="card-text display-4"> 15 - 18 PSI </p>
</div>
<div class="card-footer">
<a href="learnmore.html" class="btn btn-primary">Learn More</a>
<a href="/learnmore" class="btn btn-primary">Learn More</a>
</div>
</div>
</div>
@ -79,7 +79,7 @@
<p class="card-text display-4"> 30&deg; - 37&deg; </p>
</div>
<div class="card-footer">
<a href="learnmore.html" class="btn btn-primary">Learn More</a>
<a href="/learnmore" class="btn btn-primary">Learn More</a>
</div>
</div>
</div>

View File

@ -0,0 +1,43 @@
<%- include('top') %>
<br>
<br>
<div id="map-container">
<img src="images/map.png" alt="Singapore Map" id="map">
<!-- Information boxes for each region -->
<div class="info-box" id="north">
<h3>North</h3>
<p>Air Quality Index: 15 <span id="north-aqi"></span></p>
</div>
<div class="info-box" id="south">
<h3>South</h3>
<p>Air Quality Index: 16 <span id="south-aqi"></span></p>
</div>
<div class="info-box" id="east">
<h3>East</h3>
<p>Air Quality Index: 16 <span id="east-aqi"></span></p>
</div>
<div class="info-box" id="west">
<h3>West</h3>
<p>Air Quality Index: 18 <span id="west-aqi"></span></p>
</div>
<div class="info-box" id="central">
<h3>Central</h3>
<p>Air Quality Index: 17 <span id="central-aqi"></span></p>
</div>
</div>
<div id="additional-info"></div>
<br>
<br>
<%- include('bot') %>

View File

@ -67,7 +67,7 @@
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" href="/">Home</a>
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/news">News</a>

View File

@ -36,7 +36,7 @@
<input type="text" name="userInfo" placeholder="Email address | Username" required />
<input type="password" name="password" placeholder="Password" required />
<a href="/resetPassword">Forgot password?</a>
<a href="/forgotPassword">Forgot password?</a>
<input type="submit" value="Login" />
</form>
</div>

View File

@ -21,8 +21,6 @@
<link href="css/contact.css" rel="stylesheet">
<link href="css/contact.css" rel="stylesheet">
<link rel="stylesheet" href="css/api.css" media="all">
<!-- weird api page cdn -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@ -82,7 +80,7 @@
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" href="/">Home</a>
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/news">News</a>