Major update, Initial Version.
This commit is contained in:
19
GEMINI.md
Normal file
19
GEMINI.md
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
# GEMINI Project Context: Personal Website
|
||||||
|
|
||||||
|
## Project Overview
|
||||||
|
|
||||||
|
This project is a simple, single-page personal website for Dr. Morteza Asadi, a psychiatrist. It's built using plain HTML, CSS, and JavaScript. The website features a responsive design and a scroll-reveal effect that animates sections into view as the user scrolls.
|
||||||
|
|
||||||
|
## Key Files
|
||||||
|
|
||||||
|
* `index.html`: The main file that defines the structure of the website. It contains sections for a biography, resume, and contact information.
|
||||||
|
* `style.css`: This file contains all the styles for the website, including the layout, colors, and fonts.
|
||||||
|
* `script.js`: This file implements a scroll-reveal effect using the Intersection Observer API. When a user scrolls down, sections of the website fade in and slide up into view.
|
||||||
|
|
||||||
|
## Building and Running
|
||||||
|
|
||||||
|
This is a static website. To run it, you can simply open the `index.html` file in any web browser. There are no build steps or dependencies to install.
|
||||||
|
|
||||||
|
## Development Conventions
|
||||||
|
|
||||||
|
There are no explicit development conventions or frameworks in use. The code is straightforward and vanilla HTML, CSS, and JavaScript. The code is well-formatted and easy to understand.
|
||||||
57
index.html
57
index.html
@@ -3,21 +3,31 @@
|
|||||||
<head>
|
<head>
|
||||||
<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>دکتر [نام دکتر]</title>
|
<title>دکتر مرتضی اسدی
|
||||||
|
</title>
|
||||||
<link rel="stylesheet" href="style.css">
|
<link rel="stylesheet" href="style.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<h1>دکتر [نام دکتر]</h1>
|
<h1>
|
||||||
<p>[تخصص دکتر]</p>
|
دکتر مرتضی اسدی
|
||||||
|
</h1>
|
||||||
|
<h2>
|
||||||
|
متخصص روانپزشکی
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
دارای بورد تخصصی
|
||||||
|
</p>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<section id="profile" class="scroll-section">
|
<section id="profile" class="scroll-section">
|
||||||
<img src="https://via.placeholder.com/150" alt="عکس پروفایل" class="profile-pic">
|
<img src="resources/dr_circle.png" alt="عکس پروفایل" class="profile-pic">
|
||||||
<h2>بیوگرافی</h2>
|
<h2>بیوگرافی</h2>
|
||||||
<p>
|
<p>
|
||||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
|
مرتضی اسدی هستم فارغ التحصیل رشته عمومی سال 95 از دانشگاه اردبیل و تخصص روانپزشکی از دانشگاه تبریز
|
||||||
|
سال 99 به عنوان پزشک وظیفه در بیمارستان الغدیر ناجا تبریز مشغول بودم، از اول سال ۱۴۰۱ تا سال ۱۴۰۳ در بیمارستان مدنی اذرشهر مشغول فعالیت بودم و در حال حاضر در مطب شخصی خود در شهرستان تبریز در خدمت بیماران هستم.
|
||||||
|
در زمینه ی درمان دارویی و غیر دارویی، اختلالات افسردگی و خلقی، اضطرابی و پانیک، بی خوابی، تمرکز و مشکلات تحصیلی، مشاوره برای کنکور، اختلالات زناشویی، اختلالات جنسی مردان و زنان و زوج درمانی، مشکلات دوران سوگ و اختلالات کودکان مثل بیش فعالی، شب ادراری و افسردگی و اضطراب کودکان در خدمت شما عزیزان هستم.
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@@ -25,30 +35,41 @@
|
|||||||
<h2>رزومه</h2>
|
<h2>رزومه</h2>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<h3>[عنوان تحصیلات]</h3>
|
<h3>پزشکی عمومی</h3>
|
||||||
<p>[نام دانشگاه]، [سال]</p>
|
<p>دانشگاه علوم پزشکی اردبیل، ۱۳۸۷-۱۳۹۵</p>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<h3>[عنوان تجربه کاری]</h3>
|
<h3>تخصص روانپزشکی</h3>
|
||||||
<p>[محل کار]، [سال]</p>
|
<p>دانشگاه علوم پزشکی تبریز، ۱۳۹۵-۱۳۹۹</p>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<h3>[عنوان گواهینامه]</h3>
|
<h3>پزشک وظیفه</h3>
|
||||||
<p>[نام موسسه]، [سال]</p>
|
<p>بیمارستان الغدیر ناجا تبریز، ۱۳۹۹-۱۴۰۱</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h3>پزشک</h3>
|
||||||
|
<p>بیمارستان مدنی آذرشهر، ۱۴۰۱-۱۴۰۳</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h3>روانپزشک</h3>
|
||||||
|
<p>مطب شخصی، ۱۴۰۳-حال حاضر</p>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<section id="certifications" class="scroll-section">
|
||||||
|
<h2>گواهینامه ها</h2>
|
||||||
|
<div class="cert-gallery">
|
||||||
|
<img src="resources/certification.jpg" alt="گواهینامه">
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<section id="contact" class="scroll-section">
|
<section id="contact" class="scroll-section">
|
||||||
<h2>اطلاعات تماس</h2>
|
<h2>اطلاعات تماس</h2>
|
||||||
<div class="contact-info">
|
<div class="contact-info">
|
||||||
<p><strong>آدرس مطب:</strong> [آدرس مطب]</p>
|
<p><strong>آدرس مطب:</strong> تبریز، ائل گلی، چهارراه خیام به سمت رجایی شهر، برج رستار، طبقه 5</p>
|
||||||
<p><strong>تلفن تماس:</strong> [شماره تلفن]</p>
|
<p><strong>تلفن تماس:</strong> 04133814661</p>
|
||||||
<div class="social-media">
|
<p><strong>شماره واتساپ:</strong> <span dir="ltr">+989991023222</span></p>
|
||||||
<a href="#">[لینک اجتماعی 1]</a>
|
|
||||||
<a href="#">[لینک اجتماعی 2]</a>
|
|
||||||
<a href="#">[لینک اجتماعی 3]</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
BIN
resources/certification.jpg
Normal file
BIN
resources/certification.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 310 KiB |
BIN
resources/dr_circle.png
Normal file
BIN
resources/dr_circle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
BIN
resources/dr_photo.heif
Normal file
BIN
resources/dr_photo.heif
Normal file
Binary file not shown.
118
style.css
118
style.css
@@ -1,38 +1,56 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css2?family=Lalezar&family=Vazirmatn&display=swap');
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: 'Tahoma', sans-serif;
|
font-family: 'Vazirmatn', sans-serif;
|
||||||
line-height: 1.6;
|
line-height: 1.8;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background: #f4f4f4;
|
background: #f7f7f7;
|
||||||
color: #333;
|
color: #444;
|
||||||
direction: rtl;
|
direction: rtl;
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
background: #333;
|
background: linear-gradient(to right, #007BFF, #0056b3);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
padding: 2rem 0;
|
padding: 3rem 1rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
border-bottom: 5px solid #0056b3;
|
||||||
}
|
}
|
||||||
|
|
||||||
header h1 {
|
header h1 {
|
||||||
|
font-family: 'Lalezar', cursive;
|
||||||
|
font-size: 3rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
header h2 {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
color: #e0e0e0;
|
||||||
|
}
|
||||||
|
|
||||||
|
header p {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin: 0.5rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
padding: 1rem;
|
padding: 2rem 1rem;
|
||||||
max-width: 800px;
|
max-width: 900px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.scroll-section {
|
.scroll-section {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 2rem;
|
||||||
padding: 1.5rem;
|
padding: 2rem;
|
||||||
border-radius: 5px;
|
border-radius: 10px;
|
||||||
|
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translateY(20px);
|
transform: translateY(30px);
|
||||||
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
|
transition: opacity 0.8s ease-out, transform 0.8s ease-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.scroll-section.visible {
|
.scroll-section.visible {
|
||||||
@@ -42,17 +60,21 @@ main {
|
|||||||
|
|
||||||
.profile-pic {
|
.profile-pic {
|
||||||
display: block;
|
display: block;
|
||||||
width: 150px;
|
width: 200px;
|
||||||
height: 150px;
|
height: 200px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
margin: 0 auto 1rem;
|
margin: 0 auto 1.5rem;
|
||||||
|
border: 5px solid #007BFF;
|
||||||
|
box-shadow: 0 0 20px rgba(0,123,255,0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
color: #333;
|
font-family: 'Lalezar', cursive;
|
||||||
border-bottom: 2px solid #333;
|
color: #0056b3;
|
||||||
padding-bottom: 0.5rem;
|
font-size: 2.2rem;
|
||||||
margin-bottom: 1rem;
|
border-bottom: 3px solid #007BFF;
|
||||||
|
padding-bottom: 0.8rem;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
@@ -61,18 +83,56 @@ ul {
|
|||||||
}
|
}
|
||||||
|
|
||||||
ul li {
|
ul li {
|
||||||
background: #eee;
|
background: #f0f8ff;
|
||||||
padding: 0.75rem;
|
padding: 1rem;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.8rem;
|
||||||
border-radius: 3px;
|
border-radius: 5px;
|
||||||
|
border-right: 5px solid #007BFF;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul li:hover {
|
||||||
|
background: #e6f2ff;
|
||||||
|
transform: translateX(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
ul li h3 {
|
||||||
|
margin: 0 0 0.5rem;
|
||||||
|
color: #0056b3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-info p {
|
.contact-info p {
|
||||||
margin: 0.5rem 0;
|
margin: 0.8rem 0;
|
||||||
|
font-size: 1.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.social-media a {
|
.cert-gallery {
|
||||||
margin-right: 10px;
|
text-align: center;
|
||||||
text-decoration: none;
|
}
|
||||||
color: #333;
|
|
||||||
|
.cert-gallery img {
|
||||||
|
max-width: 80%;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cert-gallery img:hover {
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive Styles */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
header h1 {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-pic {
|
||||||
|
width: 150px;
|
||||||
|
height: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.8rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user