Skip to content

Commit

Permalink
Merge pull request #1156 from SumaLatha2023/main
Browse files Browse the repository at this point in the history 
Seo improvement ans accessibility fixes
  • Loading branch information
@hiteashgupta1
hiteashgupta1 authored Oct 18, 2024
2 parents d57334f + 2de0782 commit 504f240
Show file tree
Hide file tree
Showing 4 changed files with 134 additions and 18 deletions.
97 changes: 97 additions & 0 deletions give_feedback.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -83,6 +83,102 @@
</head>

<body>
main
<div class="progress-container">
<div class="progress-bar" id="progress-bar"></div>
</div>
<div class="layout-container" style="margin-bottom: 4rem;">

<header>
<div class="logo">
<a href="index.html">
<h2>WordWise</h2>
</a>
</div>
<div class="nav-links1">
<a href="index.html">Home</a>
<a href="blog.html">Leading Blog</a>
<a href="start_writing.html">Start Writing</a>
<a href="category.html">Categories</a>
<a href="about.html">About</a>
<a href="contact_us.html">Contact Us</a>
<a href="give_feedback.html">Give Feedback</a>
</div>


<div class="dropdown">
<!-- Profile Icon -->
<a href="#" class="profile-icon" id="profileDropdown" onclick="toggleDropdown()">
<i class="fas fa-user-circle"></i>
</a>

<!-- Dropdown Menu -->
<ul class="dropdown-menu" id="dropdownMenu">
<li><a href="#login" onclick="openForm('login')">Login</a></li>
<li><a href="#signup" onclick="openForm('signup')">Signup</a></li>
</ul>
</div>



<!-- Login Form -->
<div class="form-popup" id="loginForm">
<form class="form-container" onsubmit="return validateLoginForm()" style="max-width: 400px; margin: auto;">
<span class="close-icon" onclick="closeForm('login')">&times;</span>
<h2 class="text-center">Login</h2>
<div class="form-group">
<label for="loginEmail"><b>Email</b></label>
<input type="email" class="form-control" id="loginEmail" placeholder="Enter Email" name="email" required>
</div>
<div class="form-group position-relative">
<label for="loginPsw"><b>Password</b></label>
<input type="password" class="form-control" id="loginPsw" aria-label="password" placeholder="Enter Password" name="psw" required
minlength="6">
<i class="bi bi-eye eye-icon" id="toggleLoginPassword"
onclick="togglePasswordVisibility('loginPsw', 'toggleLoginPassword')"></i>
</div>
<div class="forgot">
<a href="javascript:void(0);" onclick="openForgotPassword()">Forgot Password?</a>
</div>
<button type="submit" class="btn btn-primary w-100 mb-3" aria-label="submit">LOGIN</button>
<!-- Google Sign-In Button -->
<button type="button" class="btn google-btn" onclick="handleGoogleLogin()">
<img src="./assets/google_icon.jpg" alt="Google Logo" class="google-logo">
Sign in with Google
</button>
</form>
</div>


<!-- Signup Form -->
<div class="form-popup" id="signupForm">
<form class="form-container" onsubmit="return validateSignupForm()" style="max-width: 400px; margin: auto;">
<span class="close-icon" onclick="closeForm('signup')">&times;</span>
<h2 class="text-center">Signup</h2>
<div class="form-group">
<label for="name"><b>Full Name</b></label>
<input type="text" class="form-control" id="name" placeholder="Enter Full Name" name="name" required>
</div>
<div class="form-group">
<label for="signupEmail"><b>Email</b></label>
<input type="email" class="form-control" id="signupEmail" placeholder="Enter Email" name="email" required>
</div>
<div class="form-group position-relative">
<label for="signupPsw"><b>Password</b></label>
<input type="password" id="signupPsw" placeholder="Enter Password" name="psw" required minlength="6"
oninput="checkPasswordStrength()">
<i class="bi bi-eye eye-icon" id="toggleSignupPassword"
onclick="togglePasswordVisibility('signupPsw', 'toggleSignupPassword')"></i>
<div id="passwordStrength" class="strength-meter"></div>
</div>

<div class="form-group position-relative">
<label for="confirmPsw"><b>Confirm Password</b></label>
<input type="password" class="form-control" id="confirmPsw" placeholder="Confirm Password" name="confirmPsw"
required minlength="6">
<i class="bi bi-eye eye-icon" id="toggleConfirmPassword"
onclick="togglePasswordVisibility('confirmPsw', 'toggleConfirmPassword')"></i>
=======
<nav>
<div class="progress-container">
<div class="progress-bar" id="progress-bar"></div>
Expand Down Expand Up @@ -198,6 +294,7 @@ <h2>Forgot Password</h2>

<button class="btn" onclick="submitForgotPassword()">Submit</button>
<button class="btn cancel" onclick="closeForgotPasswordModal()">Cancel</button>
main
</div>
</div>

Expand Down
47 changes: 31 additions & 16 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -427,9 +427,12 @@ <h2>Forgot Password</h2>
<article class="article">
<div class="card">
<div class="overflow-img">
<a href="blog.html">
<img style="height: 250px;width:300px" src="./assets/img1.jpg" class="img-fluid ">
</a>

<a href="blog.html" >
<img style="height: 250px;width:300px" src="./assets/img1.jpg" class="img-fluid " alt="roaming-routes">



</div>
<div class="card-body text-center px-1" style="width: 300px;margin-top: 30px; text-align: center;">
<a href="blog.html" class="text-title display-1 text-dark">
Expand All @@ -439,7 +442,7 @@ <h2>Forgot Password</h2>
<span><i class="fa-regular fa-calendar"></i> Wed 01,2020 &nbsp;</span>
<span><i class="bi bi-chat-fill"></i> 13</span>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" aria-label="heart">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="48" height="48">
<path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" />
</svg>
Expand All @@ -458,7 +461,7 @@ <h2>Forgot Password</h2>
<div class="card">
<div class="overflow-img">
<a href="blog.html">
<img style="height: 250px;width:300px" src="./assets/img2.jpg" class="img-fluid ">
<img style="height: 250px;width:300px" src="./assets/img2.jpg" class="img-fluid " alt="gaming-chronicles">


</a>
Expand All @@ -473,7 +476,7 @@ <h2>Forgot Password</h2>
<span><i class="fa-regular fa-calendar"></i> Mon 13,2023 &nbsp;</span>
<span><i class="bi bi-chat-fill"></i> 12</span>
<span class="heart-container" style="vertical-align: middle;">
<button class="heart-btn">
<button class="heart-btn" aria-label="heart">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="48" height="48">
<path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" />
</svg>
Expand All @@ -491,10 +494,15 @@ <h2>Forgot Password</h2>
<article class="article">
<div class="card">
<div class="overflow-img">

<a href="blog.html">
<img style="height: 250px;width:300px" src="./assets/img3.jpg" class="img-fluid " alt="virtual-realms">

<a href="blog.html>
<img style="height: 250px;width:300px" src="./assets/img3.jpg" class="img-fluid ">



</a>
</div>
<div class="card-body text-center px-1" style="width: 300px;margin-top: 30px; text-align: center;">
Expand All @@ -508,7 +516,7 @@ <h2>Forgot Password</h2>
<span><i class="fa-regular fa-calendar"></i> Wed 09,2023 &nbsp;</span>
<span><i class="bi bi-chat-fill"></i> 19</span>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" aria-label="heart">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="48" height="48">
<path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" />
</svg>
Expand All @@ -526,8 +534,11 @@ <h2>Forgot Password</h2>
<article class="article">
<div class="card">
<div class="overflow-img">

<a href="blog.html">
<img style="height: 250px;width:300px" src="./assets/img4.jpg" class="img-fluid">
<img style="height: 250px;width:300px" src="./assets/img4.jpg" class="img-fluid" alt="laptop-life">




</a>
Expand All @@ -543,7 +554,7 @@ <h2>Forgot Password</h2>
<span><i class="fa-regular fa-calendar"></i> Tue 07,2019 &nbsp;</span>
<span><i class="bi bi-chat-fill"></i> 6</span>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" aria-label="heart">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="48" height="48">
<path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" />
</svg>
Expand All @@ -561,9 +572,9 @@ <h2>Forgot Password</h2>
<article class="article">
<div class="card">
<div class="overflow-img">
<a href="blog.html">
<img style="height: 250px;width:300px" src="./assets/img5.jpg" class="img-fluid">

<a href="blog.html">
<img style="height: 250px;width:300px" src="./assets/img5.jpg" class="img-fluid" alt="Mouthwatering Memoirs">

</a>
</div>
Expand All @@ -578,7 +589,7 @@ <h2>Forgot Password</h2>
<span><i class="fa-regular fa-calendar"></i> Tue 02,2021 &nbsp;</span>
<span><i class="bi bi-chat-fill"></i> 10</span>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" aria-label="heart">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="48" height="48">
<path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" />
</svg>
Expand All @@ -598,8 +609,11 @@ <h2>Forgot Password</h2>

<div class="card">
<div class="overflow-img">

<a href="blog.html">
<img style="height: 250px;width:300px" src="./assets/img6.jpg" class="img-fluid">
<img style="height: 250px;width:300px" src="./assets/img6.jpg" class="img-fluid" alt="Tech travels">




</a>
Expand All @@ -615,7 +629,7 @@ <h2>Forgot Password</h2>
<span><i class="fa-regular fa-calendar"></i> Wed 02,2023 &nbsp;</span>
<span><i class="bi bi-chat-fill"></i> 12</span>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" aria-label="heart">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="48" height="48">
<path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" />
</svg>
Expand All @@ -633,8 +647,9 @@ <h2>Forgot Password</h2>
<article class="article">
<div class="card">
<div class="overflow-img">

<a href="blog.html">
<img style="height: 250px;width:300px" src="./assets/img7.jpg" class="img-fluid">
<img style="height: 250px;width:300px" src="./assets/img7.jpg" class="img-fluid" alt="Culinary Delights">


</a>
Expand All @@ -650,7 +665,7 @@ <h2>Forgot Password</h2>
<span><i class="fa-regular fa-calendar"></i> Wed 02,2023 &nbsp;</span>
<span><i class="bi bi-chat-fill"></i> 12</span>
<span class="heart-container">
<button class="heart-btn">
<button class="heart-btn" aria-label="heart">
<svg class="heart-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="48" height="48">
<path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" />
</svg>
Expand Down
3 changes: 2 additions & 1 deletion login.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -130,7 +130,7 @@ <h2>Login</h2>
<div class="input-group">
<div class="input-field">
<label for="Name">Email</label><br />
<input type="email" class="input-box name" placeholder="Enter Name" />
<input type="email" class="input-box name" aria-label="email" placeholder="Enter Name" />
</div>

<!-- Password field with eye icon and cross button -->
Expand All @@ -140,6 +140,7 @@ <h2>Login</h2>
type="password"
id="password"
class="input-box pass"
aria-label="password"
placeholder="Enter Password"
/>
<span
Expand Down
5 changes: 4 additions & 1 deletion signup.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@ <h2>Sign Up</h2>
<div class="input-group">
<div class="input-field">
<label for="Name">Name</label><br />
<input type="text" id="name" class="input-box" placeholder="Enter Name" />
<input type="text" id="name" class="input-box" aria-label="name" placeholder="Enter Name" />
</div>
<div class="input-field">
<label for="Mail">Email</label><br />
Expand All @@ -70,6 +70,7 @@ <h2>Sign Up</h2>
id="password"
class="input-box"
placeholder="Enter Password"
aria-label="password"
oninput="validatePassword()"
/>
<span
Expand All @@ -88,6 +89,7 @@ <h2>Sign Up</h2>
type="password"
id="confirm-password"
class="input-box"
aria-label="confirm password"
placeholder="Confirm Password"
/>
<span
Expand All @@ -103,6 +105,7 @@ <h2>Sign Up</h2>
type="submit"
class="Input-submit"
value="SIGN UP"
aria-label="submit"
onclick="submitForm(event)"
/>
</div>
Expand Down

1 comment on commit 504f240

@vercel
Copy link

@vercel vercel bot commented on 504f240 Oct 18, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

word-wise – ./

word-wise-pi.vercel.app
word-wise-git-main-anshikas-projects-45924011.vercel.app
word-wise-anshikas-projects-45924011.vercel.app

Please sign in to comment.