marwan/kaauh_ats
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

small change

Browse Source
This commit is contained in:
ismail 2025-11-25 22:04:27 +03:00
parent a96e618a6a
commit 01fd4d4495
2 changed files with 22 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
templates/account/login.html
View File

@ -7,10 +7,10 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KAAUH ATS - Sign In (Bootstrap)</title> <title>KAAUH ATS - Sign In (Bootstrap)</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<style> <style>
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* CUSTOM TEAL THEME OVERRIDES FOR BOOTSTRAP */ /* CUSTOM TEAL THEME OVERRIDES FOR BOOTSTRAP */
@ -20,7 +20,7 @@
--bs-primary: #00636e; /* Dark Teal */ --bs-primary: #00636e; /* Dark Teal */
--bs-primary-rgb: 0, 99, 110; --bs-primary-rgb: 0, 99, 110;
--bs-primary-light: #007a88; /* Lighter Teal for hover */ --bs-primary-light: #007a88; /* Lighter Teal for hover */
/* Background and Text Colors */ /* Background and Text Colors */
--bs-body-bg: #f8f9fa; /* Light gray background */ --bs-body-bg: #f8f9fa; /* Light gray background */
--bs-body-color: #212529; /* Dark text */ --bs-body-color: #212529; /* Dark text */
@ -28,7 +28,7 @@
/* Utility colors */ /* Utility colors */
--bs-border-color: #dee2e6; /* Bootstrap default border */ --bs-border-color: #dee2e6; /* Bootstrap default border */
} }
body { body {
font-family: 'Inter', sans-serif; font-family: 'Inter', sans-serif;
background-color: var(--bs-body-bg); background-color: var(--bs-body-bg);
@ -77,8 +77,8 @@
background-color: var(--bs-primary); background-color: var(--bs-primary);
border-color: var(--bs-primary); border-color: var(--bs-primary);
font-weight: 600; font-weight: 600;
border-radius: 0.5rem; border-radius: 0.5rem;
box-shadow: 0 4px 8px rgba(0, 99, 110, 0.2); box-shadow: 0 4px 8px rgba(0, 99, 110, 0.2);
transition: all 0.2s ease; transition: all 0.2s ease;
} }
.btn-primary:hover { .btn-primary:hover {
@ -101,7 +101,7 @@
color: var(--bs-primary-light) !important; color: var(--bs-primary-light) !important;
text-decoration: underline; text-decoration: underline;
} }
/* ADJUSTED: Custom size adjustment for right panel on desktop */ /* ADJUSTED: Custom size adjustment for right panel on desktop */
@media (min-width: 992px) { @media (min-width: 992px) {
/* 1. Set a NARROWER fixed width for the right panel container */ /* 1. Set a NARROWER fixed width for the right panel container */
@ -133,8 +133,8 @@
<h1 class="text-4xl font-weight-bold mb-4" style="font-size: 1.5rem;"> <h1 class="text-4xl font-weight-bold mb-4" style="font-size: 1.5rem;">
<span class="text-white"> <span class="text-white">
<div class="hospital-text text-center text-md-start me-3"> <div class="hospital-text text-center text-md-start me-3">
<div class="ar small">جامعة الأميرة نورة بنت عبدالرحمن الأكاديمية</div> <div class="ar small">جامعة الأميرة نورة بنت عبدالرحمن</div>
<div class="ar small">ومستشفى الملك عبدالله بن عبدالعزيز التخصصي</div> <div class="ar small">ومستشفى الملك عبدالله بن عبدالعزيز الجامعي</div>
<div class="en small">Princess Nourah bint Abdulrahman University</div> <div class="en small">Princess Nourah bint Abdulrahman University</div>
<div class="en small">King Abdullah bin Abdulaziz University Hospital</div> <div class="en small">King Abdullah bin Abdulaziz University Hospital</div>
</div> </div>
@ -145,24 +145,24 @@
</div> </div>
<div class="d-flex flex-column right-panel right-panel-col flex-grow-1 align-items-center justify-content-center"> <div class="d-flex flex-column right-panel right-panel-col flex-grow-1 align-items-center justify-content-center">
<div class="right-panel-content-wrapper"> <div class="right-panel-content-wrapper">
<h2 id="form-title" class="h3 fw-bold mb-4 text-center">{% trans "Sign In" %}</h2> <h2 id="form-title" class="h3 fw-bold mb-4 text-center">{% trans "Sign In" %}</h2>
<div class="form-fields"> <div class="form-fields">
<form id="login-form" class="space-y-4" method="post" action="{% url 'account_login' %}"> <form id="login-form" class="space-y-4" method="post" action="{% url 'account_login' %}">
{% csrf_token %} {% csrf_token %}
<div class="mb-3"> <div class="mb-3">
<label for="id_login" class="form-label fw-semibold"> {% trans "Email *" %}</label> <label for="id_login" class="form-label fw-semibold"> {% trans "Email *" %}</label>
<input type="text" name="login" id="id_login" class="form-control" placeholder="{% trans 'Enter your email' %}" required autofocus> <input type="text" name="login" id="id_login" class="form-control" placeholder="{% trans 'Enter your email' %}" required autofocus>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="id_password" class="form-label fw-semibold">{% trans "Password *" %}</label> <label for="id_password" class="form-label fw-semibold">{% trans "Password *" %}</label>
<input type="password" name="password" id="id_password" class="form-control" placeholder="{% trans 'Password' %}" required> <input type="password" name="password" id="id_password" class="form-control" placeholder="{% trans 'Password' %}" required>
<div class="text-end mt-2"> <div class="text-end mt-2">
<a href="{% url 'account_reset_password' %}" class="small text-accent fw-medium">{% trans 'Forgot Password?' %}</a> <a href="{% url 'account_reset_password' %}" class="small text-accent fw-medium">{% trans 'Forgot Password?' %}</a>
</div> </div>
@ -174,7 +174,7 @@
{% trans "Keep me signed in" %} {% trans "Keep me signed in" %}
</label> </label>
</div> </div>
<button type="submit" class="btn btn-primary w-100 mt-4">{% trans "Sign In" %}</button> <button type="submit" class="btn btn-primary w-100 mt-4">{% trans "Sign In" %}</button>
</form> </form>
</div> </div>
@ -182,7 +182,7 @@
</div> </div>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body> </body>
</html> </html>

9
templates/base.html
View File

@ -35,13 +35,10 @@
</div> </div>
<div class="logo-container d-flex gap-2 align-items-center"> <div class="logo-container d-flex gap-2 align-items-center">
<img src="{% static 'image/vision.svg' %}" alt="{% trans 'Saudi Vision 2030' %}" loading="lazy" style="height: 35px; object-fit: contain;"> <img src="{% static 'image/vision.svg' %}" alt="{% trans 'Saudi Vision 2030' %}" loading="lazy" style="height: 35px; object-fit: contain;">
<div class="kaauh-logo-container d-flex flex-column flex-md-row align-items-center gap-2 me-0">
<div class="kaauh-logo-container d-flex flex-column flex-md-row align-items-center gap-2 me-0">
<div class="hospital-text text-center text-md-start me-0"> <div class="hospital-text text-center text-md-start me-0">
<div class="ar text-xs">جامعة الأميرة نورة بنت عبدالرحمن الأكاديمية</div> <div class="en text-xs">{% trans "Princess Nourah bint Abdulrahman University"%}</div>
<div class="ar text-xs">ومستشفى الملك عبدالله بن عبدالرحمن التخصصي</div> <div class="en text-xs">{% trans "King Abdullah bin Abdulaziz University Hospital"%}</div>
<div class="en text-xs">Princess Nourah bint Abdulrahman University</div>
<div class="en text-xs">King Abdullah bin Abdulaziz University Hospital</div>
</div> </div>
</div> </div>
<img src="{% static 'image/kaauh.png' %}" alt="KAAUH Logo" style="max-height: 40px; max-width: 40px;"> <img src="{% static 'image/kaauh.png' %}" alt="KAAUH Logo" style="max-height: 40px; max-width: 40px;">