diff --git a/app/static/about.css b/app/static/about.css
new file mode 100644
index 0000000..e53357d
--- /dev/null
+++ b/app/static/about.css
@@ -0,0 +1,200 @@
+* {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ direction: rtl;
+ font-family: 'Vazirmatn', sans-serif;
+}
+
+body {
+ background: linear-gradient(135deg, #8de0be, #02b185);
+ min-height: 100vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 30px;
+}
+
+.card {
+ background: rgba(255, 255, 255, 0.15);
+ backdrop-filter: blur(12px);
+ border-radius: 20px;
+ color: white;
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
+ animation: fadeIn 1s ease-in-out;
+ width: 1400px;
+ max-width: 1400px;
+ padding: 20px;
+ margin: 0 auto;
+ align-items: center;
+
+}
+
+h1, h2 {
+ margin-bottom: 20px;
+ text-align: center;
+ color: #fff;
+}
+
+ul {
+ list-style: none;
+ padding: 0;
+}
+
+ul li {
+ background-color: rgba(255, 255, 255, 0.1);
+ margin-bottom: 10px;
+ padding: 12px 20px;
+ border-radius: 12px;
+ transition: transform 0.3s ease, background-color 0.3s ease;
+ cursor: pointer;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+
+}
+
+ ul li:hover {
+ transform: scale(1.03);
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+
+
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ transform: translateY(30px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+
+.secondary-button {
+
+ text-align: center;
+ color: #000000;
+ background-color: rgba(255, 255, 255, 0.445);
+ padding: 12px 25px;
+ border-radius: 50px;
+ text-decoration: none;
+ font-weight: bold;
+ transition: all 0.3s ease;
+ border: 2px solid #fff;
+ display: flex;
+ justify-content: flex-start; /* چپ چین */
+ margin-top: 700px;
+ margin-left: -250px;
+}
+
+.secondary-button:hover {
+ background-color: transparent;
+ color: #fff;
+ transform: translateY(-3px);
+ border-color: #fff;
+}
+.social-icons {
+ display: flex;
+ justify-content: space-between; /* فاصله بین دو آیکون تا گوشه */
+ padding: 0 10px; /* کمی فاصله از لبهها */
+ opacity: 0;
+ visibility: hidden;
+ transition: opacity 0.3s ease;
+ margin-top: 10px;
+}
+
+
+ .social-icons a {
+ color: #000;
+ font-size: 20px;
+ transition: color 0.3s ease, transform 0.3s ease;
+ }
+
+ .social-icons a:hover {
+ color: #ffffff;
+ transform: scale(1.2);
+ }
+ .team-wrapper {
+ display: grid;
+ grid-template-columns: repeat(3, auto);
+ gap: 40px 50px;
+ justify-content: center;
+ align-items: start;
+ width: 100%; /* یا حداقل بیشتر */
+ max-width: 100%;
+ }
+
+ .team-member {
+ width: 250px; /* ثابت و مشخص */
+ }
+
+
+
+ .img-box {
+ position: relative;
+ width: 100%;
+ border-radius: 12px;
+ overflow: hidden;
+ }
+
+ .profile-pic {
+ width: 100%;
+ height: auto;
+ display: block;
+ border-radius: 12px;
+ object-fit: cover;
+ }
+
+ .info-overlay {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ height: 50px;
+ background-color: white;
+ color: #000;
+ text-align: center;
+ padding: 10px 5px;
+ transition: all 0.4s ease;
+ overflow: hidden;
+ }
+
+ .img-box:hover .info-overlay {
+ height: 80px;
+ background-color: #007bff98;
+ color: white;
+ }
+
+ .member-name {
+ font-size: 20px;
+ transition: color 0.4s ease;
+ }
+
+ .social-icons {
+ margin-top: 5px;
+ opacity: 0;
+ visibility: hidden;
+ transition: opacity 0.3s ease;
+ }
+
+ .img-box:hover .social-icons {
+ opacity: 1;
+ visibility: visible;
+ }
+
+
+
+ .social-icons a {
+ margin: 0 6px;
+ color: white;
+ font-size: 20px;
+ transition: transform 0.3s ease, color 0.3s ease;
+ }
+
+ .social-icons a:hover {
+ transform: scale(1.3); /* ← کمی بزرگتر */
+ color: black; /* ← رنگ مشکی هنگام هاور */
+ }
diff --git a/app/static/img/1.jpg b/app/static/img/1.jpg
new file mode 100644
index 0000000..3b8e7e6
Binary files /dev/null and b/app/static/img/1.jpg differ
diff --git a/app/static/img/ax.jpg b/app/static/img/ax.jpg
new file mode 100644
index 0000000..cf3c1c7
Binary files /dev/null and b/app/static/img/ax.jpg differ
diff --git a/app/static/js/menu.js b/app/static/js/menu.js
deleted file mode 100644
index 83c0dc3..0000000
--- a/app/static/js/menu.js
+++ /dev/null
@@ -1,18 +0,0 @@
-const toggle = document.querySelector('.toggle');
-const menu = document.querySelector('.menu');
-
-toggle.onclick = () => {
- toggle.classList.toggle('active');
- menu.classList.toggle('active');
-}
-
-const list = document.querySelectorAll('li')
-function SetActiveLink(){
- list.forEach( (item) =>
- item.classList.remove('active')
- );
- this.classList.add('active')
-}
-
-list.forEach( (item) =>
-item.addEventListener('click',SetActiveLink));
\ No newline at end of file
diff --git a/app/static/js/question-animation.js b/app/static/js/question-animation.js
index 7552550..8162da3 100644
--- a/app/static/js/question-animation.js
+++ b/app/static/js/question-animation.js
@@ -63,4 +63,11 @@ observer.observe(document.querySelector('.cont3'), {
childList: true,
subtree: true,
characterData: true
-});
\ No newline at end of file
+});
+document.addEventListener('DOMContentLoaded', function () {
+ const questionBox = document.querySelector('.cont3');
+ setTimeout(() => {
+ questionBox.classList.add('visible');
+ }, 100);
+});
+
diff --git a/app/static/question.css b/app/static/question.css
index 93db7e5..4dde925 100644
--- a/app/static/question.css
+++ b/app/static/question.css
@@ -2,27 +2,18 @@ body {
font-family: "Vazir";
direction: rtl;
padding: 20px;
- position:relative;
+ position: relative;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
- /* background-image:url(./img/1\ \(1\).jpg);
+ background-image: url(./img/1.jpg);
background-repeat: no-repeat;
- background-size: cover;
- background-attachment: fixed;
- background-position: center; */
-}
-.page {
- border-radius: 1rem;
- background: #d1fad8;
- display: flex;
- flex-direction: column;
- height: calc(100% - 40px);
- position: absolute;
- place-content: center;
- width: calc(100% - 40px);
+ background-size: cover;
+ background-attachment: fixed;
+ background-position: center;
}
+
.progress-bar {
background-color: #e0e0e0;
width: 100%;
@@ -75,7 +66,7 @@ body {
width: 900px;
height: 350px;
margin: auto;
- background: linear-gradient(135deg, #4e884d, #013b0a);
+ background: linear-gradient(135deg, #56e4c5, #016d5e);
border-radius: 1.5rem;
padding: 2rem;
color: white;
@@ -188,7 +179,7 @@ button:disabled {
z-index: 10;
line-height: 0rem;
font-size: 5rem;
- top:20px;
+ top: 20px;
}
.container2 .circle .number span {
font-size: 0.5em;
@@ -201,7 +192,7 @@ button:disabled {
font-weight: 500;
font-size: 1.5em;
line-height: 0em;
- top:-20px;
+ top: -20px;
}
.cont3 {
position: relative;
@@ -256,7 +247,7 @@ textarea {
.modal-content {
background: rgb(255, 255, 255);
padding: 2rem;
- border-radius: 8px;
+ border-radius: 1.5rem;
width: 80%;
max-width: 400px;
margin: 10% auto;
@@ -300,28 +291,13 @@ textarea {
margin-top: 2rem;
}
-
-
-.footer {
- position: fixed;
- bottom: 0;
- right: 0;
- left: 0;
- background-color: #f5f5f5;
- text-align: center;
- padding: 10px;
- font-size: 14px;
- border-top: 1px solid #ccc;
- direction: rtl;
- z-index: 1000;
-}
-
-.footer a {
- color: #333;
- text-decoration: none;
- font-weight: bold;
+.cont3 {
+ opacity: 0;
+ transform: translateX(80px);
+ transition: opacity 0.6s ease, transform 0.6s ease;
}
-.footer a:hover {
- text-decoration: underline;
+.cont3.visible {
+ opacity: 1;
+ transform: translateX(0);
}
diff --git a/app/templates/about.html b/app/templates/about.html
index 716b4c1..c6a38dd 100644
--- a/app/templates/about.html
+++ b/app/templates/about.html
@@ -3,18 +3,143 @@
درباره ما
+
+
+
+
+
+
+
+
- درباره پروژه
- این پروژه یک سیستم ساده احراز هویت با استفاده از Flask و SQLite است.
+
+
درباره پروژه
+
+ این پروژه یک سیستم ساده احراز هویت با استفاده از Flask و SQLite است.
+
+
+
اعضای تیم
+
+
+
+
+
+
+
+
 }})
+
+
دکتر عزیزی - سرتیم فنی
+
+
+
+
+
+
+
+
+
+
+
دکتر بکایی - مشاور فنی
+
+
+
+
+
+
+
+
+
+
+
پرورش - توسعهدهنده بکاند
+
+
+
+
+
+
+
+
+
+
+
رضایی - توسعهدهنده بکاند
+
+
+
+
+
+
+
+
+
+
+
محمدی - طراحی رابط کاربری
+
+
+
+
+
+
+
+
+
+
+
کریمی - تست و مستندسازی
+
+
+
+
+
+
+
+
+
+
+
گرجی - توسعهدهنده فرانتاند
+
+
+
+
+
+
+
+
+
-
اعضای تیم
-
- - رضایی - توسعهدهنده بکاند
- - محمدی - طراحی رابط کاربری
- - کریمی - تست و مستندسازی
-
+
+
+
+
-
بازگشت به ورود
+