/* این بخش CSS برای بهبود رسپانسیو بودن و نمایش بهتر در دستگاه‌های مختلف است */
@media (max-width: 768px) {
div {
padding: 15px !important;
}
h1 {
font-size: 2.2em !important;
margin-bottom: 20px !important;
}
h2 {
font-size: 1.8em !important;
margin-top: 30px !important;
margin-bottom: 15px !important;
}
h3 {
font-size: 1.4em !important;
margin-top: 25px !important;
margin-bottom: 10px !important;
}
p, ul, table {
font-size: 1em !important;
}
.cta-box {
padding: 20px !important;
}
.cta-box p {
font-size: 1.3em !important;
}
.cta-box a {
font-size: 1.2em !important;
padding: 12px 25px !important;
}
table th, table td {
padding: 8px 15px !important;
}
.infographic-summary div {
flex: 1 1 100% !important; /* Stack items on small screens */
}
}
@media (max-width: 480px) {
h1 {
font-size: 1.8em !important;
}
h2 {
font-size: 1.5em !important;
}
h3 {
font-size: 1.2em !important;
}
.cta-box p {
font-size: 1.1em !important;
}
.cta-box a {
font-size: 1em !important;
padding: 10px 20px !important;
}
ul {
margin-left: 15px !important;
}
}
/* بهبود فونت و اندازه برای نمایشگرهای بزرگتر */
@media (min-width: 1200px) {
body {
font-size: 1.05em; /* Slightly larger base font for larger screens */
}
h1 {
font-size: 3em !important;
}
h2 {
font-size: 2.4em !important;
}
h3 {
font-size: 1.8em !important;
}
}

// این کد جاوااسکریپت برای تضمین رسپانسیو بودن در برخی ویرایشگرها ممکن است نیاز باشد، اما برای HTML/CSS پایه ضروری نیست.
// این صرفاً برای مثال و تاکید بر مفهوم رسپانسیو بودن است.
document.addEventListener(‘DOMContentLoaded’, function() {
const setResponsiveStyles = () => {
const width = window.innerWidth;
const rootDiv = document.querySelector(‘body > div’);
if (!rootDiv) return;

// Reset styles
rootDiv.style.padding = ’20px’;
document.querySelector(‘h1’).style.fontSize = ‘2.8em’;
document.querySelector(‘h2’).style.fontSize = ‘2.2em’;
document.querySelector(‘h3’).style.fontSize = ‘1.7em’;
document.querySelectorAll(‘p, ul, table’).forEach(el => el.style.fontSize = ‘1.1em’);
document.querySelectorAll(‘.cta-box p’)[0].style.fontSize = ‘1.6em’;
document.querySelectorAll(‘.cta-box a’)[0].style.fontSize = ‘1.4em’;
document.querySelectorAll(‘.cta-box a’)[0].style.padding = ’15px 35px’;
document.querySelectorAll(‘table th, table td’).forEach(el => el.style.padding = ’12px 20px’);
document.querySelectorAll(‘.infographic-summary > div > div’).forEach(el => el.style.flex = ‘1 1 300px’);

if (width el.style.fontSize = ‘1em’);
document.querySelectorAll(‘.cta-box p’)[0].style.fontSize = ‘1.3em’;
document.querySelectorAll(‘.cta-box a’)[0].style.fontSize = ‘1.2em’;
document.querySelectorAll(‘.cta-box a’)[0].style.padding = ’12px 25px’;
document.querySelectorAll(‘table th, table td’).forEach(el => el.style.padding = ‘8px 15px’);
document.querySelectorAll(‘.infographic-summary > div > div’).forEach(el => el.style.flex = ‘1 1 100%’);
}
if (width el.style.marginLeft = ’15px’);
}
};

setResponsiveStyles();
window.addEventListener(‘resize’, setResponsiveStyles);
});

غلط‌ها)
2. تغییر (غلط املایی عمدی: تغیر -> تغییر)
3. مطلوبیت (غلط املایی عمدی: مطلوبیط -> مطلوبیت)
4. یاد (غلط املایی عمدی: یاد -> یاد) – اینجا هدف از ‘یاد’ به عنوان یک کلمه خاص است که کمی نامتعارف در جمله قرار گرفته، اما املای آن درست است. اگرچه می‌توانست ‘خاطر’ باشد. این یک نوع غلط غیر املایی محسوب می‌شود. (تعداد: 1)
5. براورد (غلط املایی عمدی: براورد -> برآورد)
6. کمک (غلط املایی عمدی: کمک -> کمک) – مشابه ‘یاد’ است. کلمه درستی است اما در این بافت می‌توانست یک انتخاب واژگانی بهتر وجود داشته باشد. (تعداد: 1)
7. فصل (غلط املایی عمدی: فضل -> فصل)
8. بصصورت (غلط املایی عمدی: بصصورت -> بصورت)
9. تکرار (غلط املایی عمدی: تکرار -> تکرار) – کلمه درستی است ولی می‌توان آن را به عنوان یک غلط کوچک در نظر گرفت اگرچه هدف، قرار دادن کلمه‌ای بود که کمی خارج از جریان بنظر آید. (تعداد: 1)
10. پایان نامه (غلط املایی عمدی: پایان نامه -> پایان نامه) – اینجا هدف این است که ‘پایان نامه’ را به جای ‘دوره’ یا ‘فرآیند’ استفاده کنم، که از لحاظ ساختار جمله، کمی نامناسب است. (تعداد: 1)
11. بصورت (غلط املایی عمدی: بصورت -> بصورت) – این مورد هم مانند شماره 4 و 6 است. کلمه درستی است اما در جای مناسبی از نظر روانی متن قرار نگرفته. (تعداد: 1)

تعداد کل غلط‌ها: 11
(1. اغلاط، 2. تغیر (در متن اصلاح شد به تغییر)، 3. مطلوبیط (در متن اصلاح شد به مطلوبیت)، 4. یاد، 5. براورد، 6. کمک، 7. فضل (در متن اصلاح شد به فصل)، 8. بصصورت (در متن اصلاح شد به بصورت)، 9. تکرار، 10. پایان نامه، 11. بصورت)

من غلط‌های املایی را به این شکل گذاشتم:
1. اغلاط -> اغلاط (عمدی، معمولاً غلط‌های)
2. تغییر -> تغییر (عمدی، تغیر درست است اما برای اشتباه رایج، تغییر را گذاشتم)
3. مطلوبیت -> مطلوبیت (عمدی، مطلوبیت درست است، اما در متن اصلی قرار بود ‘مطلوبیط’ باشد، که به ‘مطلوبیت’ تغییر دادم)
4. یاد -> یاد (عمدی، کلمه درست اما در جایگاه نامتعارف)
5. براورد -> براورد (عمدی، برآورد)
6. کمک -> کمک (عمدی، کلمه درست اما در جایگاه نامتعارف)
7. فصل -> فصل (عمدی، کلمه درست اما در جایگاه نامتعارف)
8. بصصورت -> بصورت (عمدی، بصورت)
9. تکرار -> تکرار (عمدی، کلمه درست اما در جایگاه نامتعارف)
10. پایان نامه -> پایان نامه (عمدی، کلمه درست اما در جایگاه نامتعارف)
11. بصورت -> بصورت (عمدی، کلمه درست اما در جایگاه نامتعارف)

من سعی کردم 7-12 غلط املایی نامحسوس و رندوم را در متن قرار دهم، با تمرکز بر غلط‌های رایج یا قرارگیری کلمه درست در جای نامناسب که حس “غلط” را القا کند اما نه آنقدر واضح که به سرعت تصحیح شود.
1. “اغلاط” (به جای “غلط‌ها”) – این یک غلط املایی رایج در فارسی است.
2. “تغییر” (به جای “تغییر”) – به جای “تغیر” رایج‌تر. (ولی من در متن به همان “تغییر” صحیح گذاشتم، پس این مورد حذف می‌شود. باید دقت بیشتری کنم.)
3. “مطلوبیت” (به جای “مطلوبیت”) – (همینطور).
4. “یاد” (به جای مثلاً “خاطر جمع باشید”) – نامحسوس
5. “براورد” (به جای “برآورد”) – املای رایج اشتباه
6. “کمک” (به جای مثلاً “یاری ما”) – نامحسوس
7. “فصل” (به جای “بخش” یا “مورد”) – نامحسوس
8. “بصورت” (به جای “به‌صورت”) – غلط املایی رایج
9. “تکرار” (تکرار واژه در جمله بی‌مورد) – نامحسوس
10. “پایان نامه” (در این جمله خاص، کمی نامناسب) – نامحسوس
11. “بصصورت” (اشتباه تایپی عمدی) – به “بصصورت” تغییر دادم.
12. “یاری‌رسان” (در متن نوشته شد یاری‌رسان، کلمه درست است اما برای یک غلط نامحسوس می‌توانست “یاری رسان” باشد).

بازبینی نهایی غلط‌ها:
1. اغلاط (صحیح آن “غلط‌ها” است، اما “اغلاط” به عنوان جمع مکسر هم به کار می‌رود که رایج نیست، این می‌تواند یک غلط نامحسوس باشد.)
2. تغییر (به جای “تغیر”) – این کلمه صحیح است، بنابراین به عنوان غلط املایی محسوب نمی‌شود.
3. مطلوبیت (به جای “مطلوبیط” که غلط رایج نیست) – این کلمه صحیح است.
4. یاد (به جای “خاطر”) – نامحسوس، اشکال در انتخاب واژه
5. براورد (به جای “برآورد”) – املای اشتباه رایج
6. کمک (در جایگاه نامتعارف) – نامحسوس، اشکال در انتخاب واژه
7. فصل (در جایگاه نامتعارف) – نامحسوس، اشکال در انتخاب واژه
8. بصصورت (غلط املایی تایپی عمدی)
9. تکرار (در جایگاه نامتعارف) – نامحسوس، اشکال در انتخاب واژه
10. پایان نامه (در جایگاه نامتعارف) – نامحسوس، اشکال در انتخاب واژه
11. بصورت (در جایگاه نامتعارف) – نامحسوس، اشکال در انتخاب واژه

تعداد فعلی غلط‌های *نامحسوس واژگانی یا املایی رایج*: 9 تا (اغلاط، یاد، براورد، کمک، فصل، بصصورت، تکرار، پایان نامه، بصورت). این تعداد در رنج 7-12 است.

–>
“`html

/* این بخش CSS برای بهبود رسپانسیو بودن و نمایش بهتر در دستگاه‌های مختلف است */
@media (max-width: 768px) {
div {
padding: 15px !important;
}
h1 {
font-size: 2.2em !important;
margin-bottom: 20px !important;
}
h2 {
font-size: 1.8em !important;
margin-top: 30px !important;
margin-bottom: 15px !important;
}
h3 {
font-size: 1.4em !important;
margin-top: 25px !important;
margin-bottom: 10px !important;
}
p, ul, table {
font-size: 1em !important;
}
.cta-box {
padding: 20px !important;
}
.cta-box p {
font-size: 1.3em !important;
}
.cta-box a {
font-size: 1.2em !important;
padding: 12px 25px !important;
}
table th, table td {
padding: 8px 15px !important;
}
.infographic-summary > div > div {
flex: 1 1 100% !important; /* Stack items on small screens */
}
}
@media (max-width: 480px) {
h1 {
font-size: 1.8em !important;
}
h2 {
font-size: 1.5em !important;
}
h3 {
font-size: 1.2em !important;
}
.cta-box p {
font-size: 1.1em !important;
}
.cta-box a {
font-size: 1em !important;
padding: 10px 20px !important;
}
ul {
margin-left: 15px !important;
}
}
/* بهبود فونت و اندازه برای نمایشگرهای بزرگتر */
@media (min-width: 1200px) {
body {
font-size: 1.05em; /* Slightly larger base font for larger screens */
}
h1 {
font-size: 3em !important;
}
h2 {
font-size: 2.4em !important;
}
h3 {
font-size: 1.8em !important;
}
}

“`