Upon forgot password send mail for recovery.

nothuman2718 commented 2 months ago

@rash-27 Please look into this. I heard django has this feature in built. Please check and complete. Meanwhile I will work on UI

rash-27 commented 2 months ago

Sure ! will look into it

nothuman2718 commented 2 months ago

My local env is messed up. Here is the code

<!DOCTYPE html>
<html lang="en">
  <head>
    {% load static %}
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Workplace Signup</title>
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
    <link rel="shortcut icon" href="{% static 'images/webicon.png' %}" />
    <link href="{% static 'css/style.css' %} " rel="stylesheet" />
    <style>
      body {
        font-family: sans-serif;
        background-color: #f5f5f5; /* Light gray background */
      }

      #selectbox {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 50px auto;
        width: 400px;
        background-color: #fff; /* White background for the selection box */
        border-radius: 5px; /* Rounded corners */
        padding: 30px; /* Padding for content */
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */
      }

      h3 {
        margin-bottom: 20px;
        text-align: center;
      }

      .container {
        display: flex;
        justify-content: space-between; /* Radio buttons spaced evenly */
      }

      .radio-tile {
        display: flex;
        align-items: center;
        padding: 15px;
        border-radius: 5px;
        cursor: pointer; /* Hand cursor on hover */
        transition: all 0.2s ease-in-out; /* Smooth transition on hover */
      }

      .radio-tile:hover {
        background-color: #eee; /* Lighten background on hover */
      }

      .input-container {
        display: flex;
        align-items: center;
      }

      ion-icon {
        font-size: 24px;
        margin-right: 10px;
        color: #333; /* Adjust icon color */
      }

      label {
        font-size: 16px;
      }

      #acctypebackBtn {
        background-color: #333; /* Back button background color */
        color: #fff; /* Back button text color */
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
        margin-top: 20px;
      }

      #acctypebackBtn:hover {
        background-color: #222; /* Darken background on hover */
      }
    </style>
  </head>
  <body class="acctype-home">
    <center>
      <div id="selectbox">
        <h3>Select Your Account Type:</h3>
        <div class="container">
          <div class="input-container">
            <input
              id="com"
              type="radio"
              name="radio"
              onclick="location.href='comacc';"
            />
            <div class="radio-tile">
              <ion-icon name="home"></ion-icon>
              <label for="com">Company</label><br /><br />
            </div>
          </div>
          <div class="input-container">
            <input
              id="stu"
              type="radio"
              name="radio"
              onclick="location.href='stuacc';"
            />
            <div class="radio-tile">
              <ion-icon name="contacts"></ion-icon>
              <label for="stu">Student</label><br /><br />
            </div>
          </div>
        </div>
        <a href="{% url 'login' %}"
          ><input type="button" value="Back" id="acctypebackBtn"
        /></a>
      </div>
    </center>
    <script src="https://unpkg.com/ionicons@4.5.10-0/dist/ionicons.js"></script>
  </body>
</html>

nothuman2718 commented 1 month ago

Please look into this.

nothuman2718 commented 1 month ago

@rash-27

rash-27 commented 1 month ago

ok sure !

nothuman2718 / WorkPlace

Upon forgot password send mail for recovery. #3