---
layout: layout.njk
title: سرفصل‌های دوره سی‌شارپ
permalink: /Giter/CSharp/syllabus/index.html
---
<section class="syllabus-hero">
    <div class="container">
        <h1 class="syllabus-title"> مسیر یادگیری سی‌شارپ</h1>
        <!-- <p class="syllabus-lead">از مبانی تا مهندسی دات‌نت ، قدم‌به‌قدم</p> -->
    </div>
</section>

<section class="syllabus container">
    <!-- Value Types Section -->
    <div class="stage-block" data-color="yellow">
        <div class="stage-header">
            <h2>📌 Value Types</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>
        <ul class="stage-body">
            <li><a href="{{ '/Giter/CSharp/syllabus/ValueTypes/' | url }}#numeric-types">Numeric Types</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/ValueTypes/' | url }}#floating-point">Floating Point Types</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/ValueTypes/' | url }}#bool">Bool</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/ValueTypes/' | url }}#char">Char</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/ValueTypes/' | url }}#enum">Enum</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/ValueTypes/' | url }}#struct">Struct / Ref Struct</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/ValueTypes/' | url }}#tuples">Tuples</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/ValueTypes/' | url }}#nullable">Nullable Value Types</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/ValueTypes/' | url }}#datetime">DateTime / DateTimeOffset</a></li>
        </ul>
    </div>

    <!-- Reference Types Section -->
    <div class="stage-block" data-color="green">

        <div class="stage-header">
            <h2>📌 Reference Types</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>

        <ul class="stage-body">

            <!-- Core Reference Types -->
            <li>
                <a href="{{ '/Giter/CSharp/syllabus/ReferenceTypes/' | url }}#class">
                    Class
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/ReferenceTypes/' | url }}#record">
                    Record
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/ReferenceTypes/' | url }}#interface">
                    Interface
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/ReferenceTypes/' | url }}#object">
                    Object
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/ReferenceTypes/' | url }}#string">
                    String
                </a>
            </li>

            <!-- Advanced / Related Concepts -->
            <li>
                <a href="{{ '/Giter/CSharp/syllabus/ReferenceTypes/' | url }}#delegate">
                    Delegate
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/ReferenceTypes/' | url }}#event">
                    Event
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/ReferenceTypes/' | url }}#nullable-reference-types">
                    Nullable Reference Types
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/ReferenceTypes/' | url }}#boxing-unboxing">
                    Boxing &amp; Unboxing
                </a>
            </li>

        </ul>

    </div>

    <!-- Operators Section -->
    <div class="stage-block" data-color="blue">
        <div class="stage-header">
            <h2>🧩 Operators</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>
        <ul class="stage-body">
            <li>
                <a href="{{ '/Giter/CSharp/syllabus/Operators/' | url }}#ternary">
                    Ternary Operator
                </a>
            </li>
            <li>
                <a href="{{ '/Giter/CSharp/syllabus/Operators/' | url }}#comparison">
                    Comparison Operators
                </a>
            </li>
            <li>
                <a href="{{ '/Giter/CSharp/syllabus/Operators/' | url }}#bitwise">
                    Bitwise Operators
                </a>
            </li>
            <li>
                <a href="{{ '/Giter/CSharp/syllabus/Operators/' | url }}#arithmetic">
                    Arithmetic Operators
                </a>
            </li>
            <li>
                <a href="{{ '/Giter/CSharp/syllabus/Operators/' | url }}#equality">
                    Equality Operators
                </a>
            </li>
        </ul>
    </div>

    <!-- Conditional Statements -->
    <div class="stage-block" data-color="green">

        <div class="stage-header">
            <h2>🔄 Conditional Statements</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>

        <ul class="stage-body">

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/ConditionalStatements/' | url }}#if-else">
                    if / else
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/ConditionalStatements/' | url }}#switch">
                    switch
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/ConditionalStatements/' | url }}#switch-expressions">
                    Switch Expressions
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/ConditionalStatements/' | url }}#checked-unchecked">
                    Checked / Unchecked
                </a>
            </li>

        </ul>

    </div>

    <!-- Loop Statements -->
    <div class="stage-block" data-color="red">

        <div class="stage-header">
            <h2>🔁 Loop Statements</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>

        <ul class="stage-body">

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/LoopStatements/' | url }}#for">
                    for
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/LoopStatements/' | url }}#foreach">
                    foreach
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/LoopStatements/' | url }}#while">
                    while
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/LoopStatements/' | url }}#do-while">
                    do / while
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/LoopStatements/' | url }}#await-foreach">
                    await foreach
                </a>
            </li>

        </ul>

    </div>

    <!-- Expressions Section -->
    <div class="stage-block" data-color="purple">

        <div class="stage-header">
            <h2>📐 Expressions</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>

        <ul class="stage-body">

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/Expressions/' | url }}#member-access">
                    Member Access
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/Expressions/' | url }}#type-testing">
                    Type Testing
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/Expressions/' | url }}#pattern-matching">
                    Pattern Matching
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/Expressions/' | url }}#collection-expressions">
                    Collection Expressions
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/Expressions/' | url }}#lambda-expressions">
                    Lambda Expressions
                </a>
            </li>

        </ul>

    </div>

    <!-- Jump Statements Section -->
    <div class="stage-block" data-color="orange">

        <div class="stage-header">
            <h2>↗️ Jump Statements</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>

        <ul class="stage-body">

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/JumpStatements/' | url }}#break">
                    break
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/JumpStatements/' | url }}#continue">
                    continue
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/JumpStatements/' | url }}#return">
                    return
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/JumpStatements/' | url }}#ref-return">
                    ref return
                </a>
            </li>

            <li>
                <a href="{{ '/Giter/CSharp/syllabus/JumpStatements/' | url }}#goto">
                    goto
                </a>
            </li>

        </ul>

    </div>

    <!-- OOP Section -->
    <div class="stage-block" data-color="cyan">
        <div class="stage-header">
            <h2>🏗️ Object-Oriented Programming (OOP)</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>

        <ul class="stage-body">
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#classes">Classes</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#constructors">Constructors</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#primary-constructors">Primary Constructors</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#fields">Fields</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#methods">Methods</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#access-modifiers">Access Modifiers</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#properties">Properties</a></li>

            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#inheritance">Inheritance</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#polymorphism">Polymorphism</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#virtual">Virtual</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#abstract">Abstract</a></li>

            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#properties">Properties</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#nested-types">Nested Types</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#constants">Constants</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#indexers">Indexers</a></li>

            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#interfaces">Interfaces</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#records">Records</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#anonymous-types">Anonymous Types</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#generics">Generics</a></li>

            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#initializers">Initializers</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#partial">Partial Classes & Members</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#sealed">Sealed</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#static">Static</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#base">Base</a></li>
            <li><a href="{{ '/Giter/CSharp/syllabus/OOP/' | url }}#this">This</a></li>
        </ul>
    </div>

    <!-- Program Structure Section -->
    <div class="stage-block" data-color="pink">
        <div class="stage-header">
            <h2>🏗️ Program Structure</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>
        <ul class="stage-body">
            <li>Namespaces</li>
            <li>Global Usings</li>
            <li>Main Method</li>
            <li>Top Level Statements</li>
        </ul>
    </div>

    <!-- Delegates & Events Section -->
    <div class="stage-block" data-color="violet">
        <div class="stage-header">
            <h2>🎯 Delegates & Events</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>
        <ul class="stage-body">
            <li>Delegates</li>
            <li>Raise and Consume Events</li>
            <li>Action</li>
            <li>Func</li>
        </ul>
    </div>

    <!-- Generics & Collections Section -->
    <div class="stage-block" data-color="green">
        <div class="stage-header">
            <h2>🧩 Generics & Collections</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>
        <ul class="stage-body">
            <li>Generics</li>
            <li>Generic Constraints</li>
            <li>Variance in Generics</li>
            <li>Span</li>
            <li>Memory</li>
            <li>Arrays</li>
            <li>Collections</li>
            <li>Readonly Collections</li>
            <li>Immutable Collections</li>
            <li>Frozen Collections</li>
        </ul>
    </div>

    <!-- Error Handling Section -->
    <div class="stage-block" data-color="yellow">
        <div class="stage-header">
            <h2>🚨 Error Handling</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>
        <ul class="stage-body">
            <li>try / finally</li>
            <li>Catch Filters</li>
            <li>catch</li>
            <li>Throwing exceptions</li>
        </ul>
    </div>

    <!-- LINQ Section -->
    <div class="stage-block" data-color="blue">
        <div class="stage-header">
            <h2>🔎 LINQ</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>
        <ul class="stage-body">
            <li>What is LINQ</li>
            <li>IEnumerable vs IQueryable</li>
            <li>Filtering</li>
            <li>Projections</li>
            <li>Sorting</li>
            <li>Join Operations</li>
            <li>Set Operations</li>
            <li>Select one item</li>
            <li>All, Any, Contains</li>
            <li>Exists</li>
            <li>Grouping</li>
            <li>Convert Data</li>
            <li>Aggregation Functions</li>
            <li>Partition Data</li>
        </ul>
    </div>

    <!-- Reflection & Dynamic Code -->
    <div class="stage-block" data-color="purple">
        <div class="stage-header">
            <h2>🪞 Reflection & Dynamic Code</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>
        <ul class="stage-body">
            <li>Reflection</li>
            <li>Member Discovery</li>
            <li>Dynamic Load and Use Types</li>
            <li>Activator Class</li>
            <li>dynamic</li>
        </ul>
    </div>

    <!-- Memory Management & GC -->
    <div class="stage-block" data-color="green">
        <div class="stage-header">
            <h2>🧠 Memory Management & GC</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>
        <ul class="stage-body">
            <li>Generations (SOH / LOH / POH)</li>
            <li>Stackalloc</li>
            <li>Finalizers</li>
            <li>Dispose Pattern</li>
            <li>Inline Arrays</li>
            <li>Using Statement</li>
            <li>Garbage Collector</li>
        </ul>
    </div>

    <!-- Async Programming -->
    <div class="stage-block" data-color="yellow">
        <div class="stage-header">
            <h2>⚡ Async Programming</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>
        <ul class="stage-body">
            <li>Thread</li>
            <li>ThreadPool</li>
            <li>SynchronizationContext</li>
            <li>Task</li>
            <li>TaskFactory</li>
            <li>ValueTask</li>
            <li>async / await</li>
            <li>Async Streams</li>
            <li>Channels</li>
            <li>ConfigureAwait</li>
            <li>Task Continuation</li>
            <li>Executing Multiple Tasks</li>
            <li>Task Cancellation</li>
            <li>TaskCompletionSource</li>
            <li>Parallel LINQ</li>
            <li>Parallel Class</li>
        </ul>
    </div>

    <!-- Thread Synchronization -->
    <div class="stage-block" data-color="orange">
        <div class="stage-header">
            <h2>🧵 Thread Synchronization</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>
        <ul class="stage-body">
            <li>volatile</li>
            <li>Interlocked</li>
            <li>lock statement</li>
            <li>AutoResetEvent</li>
            <li>Semaphore</li>
            <li>Monitor</li>
            <li>ManualResetEvent</li>
            <li>SemaphoreSlim</li>
            <li>Concurrent Collections</li>
        </ul>
    </div>

    <!-- Other Topics -->
    <div class="stage-block" data-color="blue">
        <div class="stage-header">
            <h2>🧩 Other Topics</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>
        <ul class="stage-body">
            <li>Iterators</li>
            <li>File Streams</li>
            <li>Binary Serialization</li>
            <li>JSON Serialization</li>
            <li>Attributes</li>
            <li>XML Serialization</li>
            <li>Regex</li>
            <li>Stopwatch</li>
            <li>Guid</li>
            <li>Random</li>
            <li>Timespan</li>
        </ul>
    </div>

    <!-- C# Versions -->
    <div class="stage-block" data-color="green">
        <div class="stage-header">
            <h2>📘 C# Versions</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>
        <ul class="stage-body">
            <li>C# 5</li>
            <li>C# 6</li>
            <li>C# 7</li>
            <li>C# 8</li>
            <li>C# 9</li>
            <li>C# 10</li>
            <li>C# 11</li>
            <li>C# 12</li>
            <li>C# 13</li>
            <li>C# 14</li>
        </ul>
    </div>

    <!-- .NET Versions -->
    <div class="stage-block" data-color="purple">
        <div class="stage-header">
            <h2>🟣 NET Versions.</h2>
            <img src="{{ '/icone/plus-sign-square.svg' | url }}" alt="Expand" class="toggle-icon">
        </div>
        <ul class="stage-body">
            <li>NET 6.</li>
            <li>NET 7.</li>
            <li>NET 8.</li>
            <li>NET 9.</li>
            <li>NET 10.</li>
        </ul>
    </div>

</section>

<script>
    // Toggle a stage on a single click. Use a class on the parent `.stage-block`
    // so clicks on the header or the icon both open/close the section.
    document.querySelectorAll('.stage-header').forEach(header =>
    {
        header.addEventListener('click', (e) =>
        {
            const block = header.closest('.stage-block');
            if (!block) return;
            const body = block.querySelector('.stage-body');
            const icon = header.querySelector('.toggle-icon');

            // Toggle the open class which is paired with CSS to show/hide body
            const isOpen = block.classList.toggle('open');

            if (body)
            {
                // Use CSS-controlled visibility; also keep inline style for older browsers
                body.style.display = isOpen ? 'block' : 'none';
            }
            if (icon)
            {
                icon.classList.toggle('rotated', isOpen);
            }

            // prevent accidental double-handling when clicking inner controls
            e.stopPropagation();
        });
    });
</script>   <h2>🟣 NET Versions.</h2>
            <img src="/Gitab/icone/plus-sign-square.svg" alt="Expand" class="toggle-icon">
        </div>
        <ul class="stage-body">
            <li>NET 6.</li>
            <li>NET 7.</li>
            <li>NET 8.</li>
            <li>NET 9.</li>
            <li>NET 10.</li>
        </ul>
    </div>

</section>

<script>
    // Toggle a stage on a single click. Use a class on the parent `.stage-block`
    // so clicks on the header or the icon both open/close the section.
    document.querySelectorAll('.stage-header').forEach(header =>
    {
        header.addEventListener('click', (e) =>
        {
            const block = header.closest('.stage-block');
            if (!block) return;
            const body = block.querySelector('.stage-body');
            const icon = header.querySelector('.toggle-icon');

            // Toggle the open class which is paired with CSS to show/hide body
            const isOpen = block.classList.toggle('open');

            if (body)
            {
                // Use CSS-controlled visibility; also keep inline style for older browsers
                body.style.display = isOpen ? 'block' : 'none';
            }
            if (icon)
            {
                icon.classList.toggle('rotated', isOpen);
            }

            // prevent accidental double-handling when clicking inner controls
            e.stopPropagation();
        });
    });
</script>
  </main>

  <!-- فوتر مشترک -->
  <footer class="footer">
    <div class="container">
      <p>
        <img src="/Gitab/icone/copyright.svg" alt="کپی‌رایت" width="14" height="14"
             style="vertical-align:middle;margin-inline:4px">
        <span id="y"></span> Gitab — تمامی حقوق محفوظ است.
      </p>
    </div>
  </footer>

  <!-- سال و اسکریپت تغییر تم -->
  <script>
  (() => {
    const root = document.documentElement;
    const btn = document.getElementById('themeToggle');
    const KEY = 'gitab-theme';

    function updateTheme(s) {
      root.setAttribute('data-theme', s);
      const mode = s;  // فقط `dark` یا `light` خواهد بود
      root.dataset.colorMode = mode;
      btn.dataset.icon = mode === 'dark' ? 'moon' : 'sun';
    }

    // وضعیت تم ذخیره شده از localStorage
    let saved = localStorage.getItem(KEY) || 'light'; // پیش‌فرض روشن
    updateTheme(saved);

    // تنظیم مجدد تم هنگام تغییر وضعیت دکمه
    btn.addEventListener('click', () => {
      const current = localStorage.getItem(KEY) || 'light';
      const next = current === 'dark' ? 'light' : 'dark';  // فقط دو حالت: تاریک و روشن
      localStorage.setItem(KEY, next);
      updateTheme(next);
    });

    // هنگام بارگذاری صفحه
    document.addEventListener('DOMContentLoaded', () => {
      updateTheme(localStorage.getItem(KEY) || 'light');
    });
  })();
</script>


  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
  <script>hljs.highlightAll();</script>

  <script>
  document.querySelectorAll('pre code').forEach(block => {
    const btn = document.createElement('button');
    btn.className = 'copy-btn';

    const icon = document.createElement('img');
    icon.src = "/Gitab/icone/copy.svg";
    icon.alt = 'Copy';
    btn.appendChild(icon);

    block.parentNode.insertBefore(btn, block);

    btn.addEventListener('click', async () => {
      await navigator.clipboard.writeText(block.textContent);
      btn.classList.add('copied');
      setTimeout(() => btn.classList.remove('copied'), 1500);
    });
  });
  </script>

  <script>
  document.body.dataset.page = window.location.pathname;

  const menuBtn = document.querySelector(".menu-toggle");
  const nav = document.querySelector(".nav");

  if (menuBtn && nav) {
    menuBtn.addEventListener("click", (e) => {
      e.stopPropagation();
      nav.classList.toggle("show");
    });

    document.addEventListener("click", (e) => {
      const clickedInsideNav = nav.contains(e.target);
      const clickedMenuButton = menuBtn.contains(e.target);
      if (!clickedInsideNav && !clickedMenuButton) {
        nav.classList.remove("show");
      }
    });
  }
  </script>

  <script>
    document.getElementById('y').textContent = new Date().getFullYear();
  </script>
  <script>
document.getElementById("openDonate").addEventListener("click", () => {
  document.getElementById("donateModal").style.display = "block";
});
document.getElementById("closeDonate").addEventListener("click", () => {
  document.getElementById("donateModal").style.display = "none";
});
document.querySelectorAll(".copy-btn").forEach(btn => {
  btn.addEventListener("click", () => {
    navigator.clipboard.writeText(btn.dataset.copy);
  
    setTimeout(() => (btn.textContent = "کپی"), 2000);
  });
});
</script>

</body>
</html>