/* استایل پایه دکمه دانلود ظریف و حرفهای */
.dlm-refined-download-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 24px;
margin-top: 15px;
font-family: 'YekanBakhMedium','IRANSans', 'Vazirmatn', Tahoma, sans-serif;
font-size: 14px;
font-weight: 600;
color: #ffffff;
background: linear-gradient(135deg, #F5AA21 0%, #F5AA22 100%);
border: none;
border-radius: 8px;
text-decoration: none;
cursor: pointer;
box-shadow: 0 4px 6px -1px rgba(99, 102, 241, 0.2), 0 2px 4px -1px rgba(99, 102, 241, 0.1);
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
direction: rtl;
line-height: 1.5;
}
.dlm-refined-download-btn:hover {
transform: translateY(-1px);
box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.3), 0 4px 6px -2px rgba(99, 102, 241, 0.15);
background: #ffffff;
border: 1px solid #F5AA21;
color : #F5AA21;
}
.dlm-refined-download-btn:active {
transform: translateY(0);
box-shadow: 0 2px 4px -1px rgba(99, 102, 241, 0.2);
}
.dlm-btn-text {
position: relative;
z-index: 2;
transition: opacity 0.2s ease;
white-space: nowrap;
}
.dlm-icon {
position: relative;
z-index: 2;
transition: transform 0.2s ease;
flex-shrink: 0;
}
.dlm-refined-download-btn:hover .dlm-icon {
transform: translateY(2px);
}
/* استایل اسپینر چرخان ظریف */
.dlm-btn-spinner {
display: none;
width: 16px;
height: 16px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
border-top-color: #ffffff;
animation: dlm-spin 0.7s linear infinite;
position: relative;
z-index: 2;
flex-shrink: 0;
}
@keyframes dlm-spin {
to { transform: rotate(360deg); }
}
/* استایل نوار پیشرفت ظریف */
.dlm-progress-container {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: rgba(255, 255, 255, 0.2);
opacity: 0;
transition: opacity 0.3s ease;
z-index: 1;
}
.dlm-progress-bar {
width: 0%;
height: 100%;
background: #ffffff;
border-radius: 0 2px 2px 0;
box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
transition: width 0.1s linear;
}
/* حالت فعال (در حال دانلود) */
.dlm-refined-download-btn.is-downloading {
pointer-events: none;
background: linear-gradient(135deg, #F5AA21 0%, #F5AA22 100%);
color: #ffffff;
}
.dlm-refined-download-btn.is-downloading .dlm-btn-text {
opacity: 0.9;
}
.dlm-refined-download-btn.is-downloading .dlm-icon {
display: none;
}
.dlm-xhr-loading-gif {
display: none !important;
}
.dlm-refined-download-btn.is-downloading .dlm-btn-spinner {
display: block;
}
.dlm-refined-download-btn.is-downloading .dlm-progress-container {
opacity: 1;
}
/* ================================
ریسپانسیو برای موبایل و تبلت کوچک
================================ */
@media (max-width: 480px) {
.dlm-refined-download-btn {
width: 100%; /* در موبایل تمام عرض باشد برای لمس راحتتر */
max-width: 280px; /* اما از حد مشخصی عریضتر نشود */
padding: 12px 20px;
font-size: 14px;
margin: 15px auto; /* مرکزچینی در کانتینر والد */
}
}
@media (max-width: 768px) and (min-width: 481px) {
.dlm-refined-download-btn {
padding: 10px 20px;
font-size: 13px;
margin-top: 15px;
}
}
دانلود فایل
document.addEventListener('DOMContentLoaded', function() {
const downloadBtns = document.querySelectorAll('.dlm-refined-download-btn');
downloadBtns.forEach(function(btn) {
btn.addEventListener('click', function(e) {
if (this.classList.contains('is-downloading')) {
return;
}
e.preventDefault();
const originalHref = this.getAttribute('href');
const target = this.getAttribute('target');
const progressBar = this.querySelector('.dlm-progress-bar');
const btnText = this.querySelector('.dlm-btn-text');
this.classList.add('is-downloading');
btnText.textContent = 'در حال آمادهسازی...';
let progress = 0;
const interval = setInterval(() => {
progress += Math.random() * 15;
if (progress > 90) {
progress = 90;
clearInterval(interval);
if (target === '_blank') {
window.open(originalHref, '_blank');
} else {
window.location.href = originalHref;
}
setTimeout(() => {
progressBar.style.width = '100%';
btnText.textContent = 'دانلود شروع شد!';
setTimeout(() => {
this.classList.remove('is-downloading');
progressBar.style.width = '0%';
btnText.textContent = 'دانلود فایل';
}, 2500);
}, 400);
} else {
progressBar.style.width = progress + '%';
}
}, 200);
});
});
});
کارگاه آشنایی با دستگاه شناسی موسیقی ایرانی
در تاریخ چند هزارسالهی ما، نغمات موسیقی سینه به سینه چرخیده و در طی دوران دستگاهها و آوازهای موسیقی ایرانی را به وجود آورده است. آشنایی با این مایه های موسیقی یکی از مهم ترین دغدغههای نوازندگان و خوانندگان ایرانی است. اما تشخیص این دستگاه ها و آوازها در هر قطعهی موسیقی چگونه امکان پذیر است؟
در این کارگاه تلاش ما بر این بوده تا هنرجویان عزیز را با این مایه های موسیقی آشنا کنیم و تکنیک های تشخیص دستگاه ها و آواز ها را به صورت مختصر بیان کنیم. امید که در آینده کارگاه های ترمیک و کارگاه های تخصصی تر ویژه ی تمام دوستداران موسیقی داشته باشم.
سرفصل هایی که در این کارگاه مورد بحث قرار گرفت:
- دستگاه شناسی چیست و چرا باید مایههای موسیقی ایرانی را بشناسیم؟
- چرا امروزه، تدریس دستگاه شناسی سخت و خشک انجام میشود؟
- تعریف کوتاهی از اصطلاحات پایه ای دستگاه شناسی مانند دستگاه، ردیف، گوشه، نت شاهد و ….
- تکنیکهای قابل استفاده برای تشخیص دستگاهها و آوازها.
- تکنیک adlib چیست ؟ نواختن قطعاتی برای آشنایی بهتر با این تکنیک.
- تکنیک این همانی چیست ؟نواختن قطعاتی برای آشنایی با این تکنیک.
- شخصیت شناسی دستگاه ها چگونه است و هر دستگاهی چه شخصیتی دارد؟
- تست دستگاه شناسی از کاربران کارگاه از طریق شخصیت شناسی دستگاهها.
- گامهای ماژور و مینور به کدام یک از دستگاههای موسیقی ایرانی شباهت دارند.
- آشنایی با گوشههای کلیدی آواز اصفهان به منظور آنالیز یک قطعه موسیقی
- آنالیز قطعه شهزاده رویای من با استفاده از تکنیکهای آموزش داده شده در کارگاه.
- پخش کلیپهایی برای آشنایی بیشتر هنرجویان با دستگاه شناسی.
- پرسش و پاسخ با استاد.
برای خرید آموزش دستگاه شناسی به صورت تکی یا پکیج کامل میتوانید آموزش مورد نظر خود را از دوره های پایین تهیه کنید.
یا از اینجا برای تهیه دورهها استفاده کنید.