index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="AkdenizOS is an open community of Akdeniz University Computer Engineering students — course notes, labs, projects and documentation, kept open for everyone." />
  <meta name="theme-color" content="#F7F8FC" />

  <!-- Open Graph -->
  <meta property="og:title"       content="AkdenizOS — An open community for Akdeniz University CSE" />
  <meta property="og:description" content="AkdenizOS is an open community of Akdeniz University Computer Engineering students — course notes, labs, projects and documentation, kept open for everyone." />
  <meta property="og:url"         content="https://akdenizos.org" />
  <meta property="og:type"        content="website" />
  <meta property="og:image"       content="https://akdenizos.org/og-image.png" />

  <title>AkdenizOS — An open community for Akdeniz University CSE</title>

  <!-- Favicons -->
  <link rel="icon"             type="image/x-icon" href="favicon.ico" />
  <link rel="icon"             type="image/png" sizes="96x96" href="favicon-96x96.png" />
  <link rel="apple-touch-icon" href="apple-touch-icon.png" />
  <link rel="manifest"         href="site.webmanifest" />

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet" />

  <!-- Styles -->
  <link rel="stylesheet" href="assets/css/main.css" />
</head>

<body>
<div class="page-shell">

  <!-- ══════════════════════════════════════
       NAVIGATION
  ══════════════════════════════════════ -->
  <nav class="navbar" aria-label="Primary navigation">
    <div class="navbar__inner">

    <a href="./" class="navbar__brand" aria-label="AkdenizOS — home">
      <span class="navbar__logo">
        <img src="akdenizoslogo.png" alt="" width="22" height="22" />
      </span>
      AkdenizOS
    </a>

    <button class="nav-toggle" aria-label="Toggle navigation" aria-expanded="false" aria-controls="nav-links">
      <span class="nav-toggle__bar"></span>
      <span class="nav-toggle__bar"></span>
      <span class="nav-toggle__bar"></span>
    </button>

    <div class="navbar__links" id="nav-links" role="list">
      <a href="repos.html" role="listitem">Repositories</a>
      <a href="showcase.html" role="listitem">Showcase</a>
      <a href="contribute.html" role="listitem">Contribute</a>
      <a href="activity.html" role="listitem">Activity</a>
      <a class="navbar__cta"
         href="https://github.com/AkdenizOS"
         target="_blank"
         rel="noopener noreferrer"
         role="listitem">
        View GitHub ↗
      </a>
    </div>

    </div>
  </nav>

  <main>

    <!-- ══════════════════════════════════════
         HERO
    ══════════════════════════════════════ -->
    <section class="container hero" id="home" aria-label="Introduction">

      <div class="hero__copy">

        <p class="code-comment">// built by students, for students</p>

        <h1 class="hero__heading">
          An open community for
          <mark>Akdeniz University CSE.</mark>
        </h1>

        <p class="hero__desc">
          Course notes, labs, exam material and student projects — collected by
          students, kept open for everyone. Anyone in the department can add to it,
          and everything lives in public on GitHub.
        </p>

        <div class="hero__actions">
          <a class="btn btn--primary"
             href="https://github.com/AkdenizOS"
             target="_blank" rel="noopener noreferrer">
            Join us on GitHub
            <svg class="btn__arrow" width="14" height="14" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor" stroke-width="2.5"
                 stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
              <path d="M5 12h14M12 5l7 7-7 7"/>
            </svg>
          </a>
          <a class="btn btn--ghost" href="repos.html">
            Browse repositories
          </a>
        </div>

        <div class="hero__metrics" aria-label="Key facts">
          <div class="metric metric--primary">
            <span class="metric__value">102</span>
            <span class="metric__label">repositories</span>
          </div>
          <div class="metric metric--secondary">
            <span class="metric__sup">spanning</span>
            <span class="metric__value">4 yrs</span>
            <span class="metric__label">of curriculum</span>
          </div>
          <div class="metric metric--tertiary">
            <span class="metric__value">∞</span>
            <span class="metric__label">student-led &amp; open</span>
          </div>
        </div>

      </div>
      <!-- /hero__copy -->

      <!-- ── Visual (right) ── -->
      <div class="hero__visual" aria-hidden="true">
        <div class="terminal">
          <div class="terminal__bar">
            <span class="terminal__dot terminal__dot--red"></span>
            <span class="terminal__dot terminal__dot--yellow"></span>
            <span class="terminal__dot terminal__dot--green"></span>
            <span class="terminal__title">AkdenizOS · index</span>
          </div>

          <div class="terminal__body">
            <!-- Year 1 sample -->
            <div class="terminal__line">
              <span class="terminal__prompt">$</span>
              <span class="terminal__cmd"> ls Year-1/</span>
            </div>
            <div class="terminal__output">
              <span>CSE-101T</span><span>CSE-101L</span>
              <span>CSE-102T</span><span>CSE-102L</span>
              <span>MAT-163</span><span>MAT-164</span>
              <span>CSE-111</span><span>CSE-122</span>
            </div>

            <!-- Year 4 sample -->
            <div class="terminal__line">
              <span class="terminal__prompt">$</span>
              <span class="terminal__cmd"> ls Year-4/ | grep CSE</span>
            </div>
            <div class="terminal__output terminal__output--alt">
              <span>CSE-445</span><span>CSE-476</span>
              <span>CSE-409</span><span>CSE-425</span>
              <span>CSE-491</span><span>CSE-492</span>
              <span>+15 more</span>
            </div>

            <!-- Stats line -->
            <div class="terminal__line">
              <span class="terminal__prompt">$</span>
              <span class="terminal__cmd"> wc -r ./</span>
            </div>
            <div class="terminal__output">
              <span>102 repos</span><span>4 years</span><span>open source</span>
            </div>
          </div>
        </div>

        <!-- Mini stat cards -->
        <div class="visual-cards">
          <div class="visual-card">
            <p class="visual-card__label">Focus</p>
            <p class="visual-card__title">Education × Community</p>
            <p class="visual-card__body">Structured repos for courses, labs, and practical projects.</p>
          </div>
        </div>
      </div>
      <!-- /hero__visual -->

    </section>

    <!-- ══════════════════════════════════════
         SHOWCASE STRIP
    ══════════════════════════════════════ -->
    <section class="section container" data-showcase-strip data-scroll
             aria-label="Recently added student projects">

      <div class="strip-head">
        <div>
          <p class="section-tag">Recently added</p>
          <h2>Things students built.</h2>
        </div>
        <a class="strip-head__link" href="showcase.html">See all →</a>
      </div>

      <div class="sc-strip" id="showcase-strip" tabindex="0"
           role="region" aria-label="Student projects, scroll sideways">
      </div>
      <button class="strip-toggle" id="strip-toggle" type="button" hidden
              aria-pressed="false" aria-controls="showcase-strip">// pause</button>

    </section>

    <div class="trust-strip" aria-label="Platform highlights">
      <div class="trust-item">Open-source academic archive</div>
      <div class="trust-item">Akdeniz University · Computer Engineering</div>
      <div class="trust-item">Labs, notes, exams &amp; side projects</div>
      <div class="trust-item">Built for contribution and discovery</div>
    </div>


    <!-- ══════════════════════════════════════
         WHERE TO GO NEXT
    ══════════════════════════════════════ -->
    <section class="section container" data-scroll>

      <div class="section-head">
        <p class="section-tag">Start here</p>
        <h2>Four ways in.</h2>
        <p>Whether you are looking for last year's lab notes or want to add your own, everything starts from one of these.</p>
      </div>

      <div class="nav-cards nav-cards--quad" role="list">
        <a class="nav-card" href="repos.html" role="listitem">
          <span class="nav-card__label">Browse</span>
          <h3>Repositories</h3>
          <p>102 repos across the four-year curriculum, searchable by course code.</p>
          <span class="nav-card__go">Open the index →</span>
        </a>
        <a class="nav-card" href="showcase.html" role="listitem">
          <span class="nav-card__label">Look around</span>
          <h3>Showcase</h3>
          <p>Side projects students built outside coursework, in their own repos.</p>
          <span class="nav-card__go">See what people made →</span>
        </a>
        <a class="nav-card" href="contribute.html" role="listitem">
          <span class="nav-card__label">Take part</span>
          <h3>Contribute</h3>
          <p>How to add a note, fix a mistake, or open your first pull request.</p>
          <span class="nav-card__go">See the steps →</span>
        </a>
        <a class="nav-card" href="activity.html" role="listitem">
          <span class="nav-card__label">Keep up</span>
          <h3>Activity</h3>
          <p>What the organisation has pushed, opened and merged lately.</p>
          <span class="nav-card__go">See what's moving →</span>
        </a>
      </div>

    </section>

    <section class="section container" id="ecosystem" data-scroll>

      <div class="section-head">
        <p class="section-tag">Why it matters</p>
        <h2>A modern academic ecosystem,<br>not just a link list.</h2>
        <p>
          AkdenizOS helps students find the right material faster, understand
          the department roadmap visually, and contribute back without friction.
        </p>
      </div>

      <div class="feature-grid" role="list">

        <!-- FEATURED — wide card, full visual weight -->
        <article class="feature-card feature-card--featured" role="listitem">
          <span class="feature-card__icon" aria-hidden="true">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                 stroke="currentColor" stroke-width="2"
                 stroke-linecap="round" stroke-linejoin="round">
              <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/>
              <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/>
            </svg>
          </span>
          <h3>Organised by real academic progression</h3>
          <p>Repositories map to the actual student journey — from first-year fundamentals to advanced senior electives and graduation projects.</p>
          <span class="feature-card__rule" aria-hidden="true"></span>
          <span class="feature-card__meta">102 repos · 4 year curriculum</span>
        </article>

        <article class="feature-card" role="listitem">
          <span class="feature-card__icon" aria-hidden="true">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                 stroke="currentColor" stroke-width="2"
                 stroke-linecap="round" stroke-linejoin="round">
              <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/>
            </svg>
          </span>
          <h3>Built for speed</h3>
          <p>Jump from course code to repository in seconds.</p>
        </article>

        <article class="feature-card" role="listitem">
          <span class="feature-card__icon" aria-hidden="true">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                 stroke="currentColor" stroke-width="2"
                 stroke-linecap="round" stroke-linejoin="round">
              <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
              <circle cx="9" cy="7" r="4"/>
              <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
              <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
            </svg>
          </span>
          <h3>Contribution-first</h3>
          <p>Open an issue, submit a PR, or launch a missing course repository.</p>
        </article>

        <article class="feature-card" role="listitem">
          <span class="feature-card__icon" aria-hidden="true">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                 stroke="currentColor" stroke-width="2"
                 stroke-linecap="round" stroke-linejoin="round">
              <path d="M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96-.44 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 4.44-1.66z"/>
              <path d="M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96-.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-4.44-1.66z"/>
            </svg>
          </span>
          <h3>More than lecture notes</h3>
          <p>Simulations, visualisers, management systems, and interdisciplinary student builds — all in one organisation.</p>
        </article>

        <article class="feature-card" role="listitem">
          <span class="feature-card__icon" aria-hidden="true">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                 stroke="currentColor" stroke-width="2"
                 stroke-linecap="round" stroke-linejoin="round">
              <circle cx="12" cy="12" r="10"/>
              <line x1="2" y1="12" x2="22" y2="12"/>
              <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
            </svg>
          </span>
          <h3>Publicly accessible</h3>
          <p>No login. No gate. Shared momentum, available to everyone.</p>
        </article>

      </div>
    </section>

    <!-- ══════════════════════════════════════
         MAINTAINER
    ══════════════════════════════════════ -->
    <section class="section section--flush-top container" data-scroll>
      <div class="maintainer">
        <img class="maintainer__avatar"
             src="assets/maintainer-efekurucay.png"
             alt="" width="56" height="56" decoding="async" />
        <div class="maintainer__body">
          <span class="maintainer__label">Maintained by</span>
          <a class="maintainer__name" href="https://github.com/efekurucay"
             target="_blank" rel="noopener noreferrer">efekurucay</a>
          <p class="maintainer__note">
            Started AkdenizOS and currently keeps it running. There is no group chat to
            join — for questions, advice, suggestions or requests, just write:
            <a href="mailto:contact@efekurucay.com">contact@efekurucay.com</a>
            or <a href="https://efekurucay.com" target="_blank" rel="noopener noreferrer">efekurucay.com</a>.
          </p>
        </div>
      </div>
    </section>

    <!-- ══════════════════════════════════════
         CTA
    ══════════════════════════════════════ -->
    <section class="section container" data-scroll>
      <div class="cta-band">

        <div class="cta-band__copy">
          <p class="section-tag">Join in</p>
          <h2>Help the next student find what you had to look for.</h2>
          <p>
            Every note you upload saves someone a week. Open a pull request, or just
            tell us what is missing — visit <a href="https://efekurucay.com" target="_blank" rel="noopener noreferrer">efekurucay.com</a>
            or email <a href="mailto:contact@efekurucay.com">contact@efekurucay.com</a>.
          </p>
        </div>

        <div class="cta-band__actions">
          <a class="btn btn--primary"
             href="https://github.com/AkdenizOS"
             target="_blank" rel="noopener noreferrer">
            Open GitHub org
            <svg class="btn__arrow" width="14" height="14" viewBox="0 0 24 24"
                 fill="none" stroke="currentColor" stroke-width="2.5"
                 stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
              <path d="M5 12h14M12 5l7 7-7 7"/>
            </svg>
          </a>
          <a class="btn btn--ghost" href="contribute.html">
            How to contribute
          </a>
        </div>

      </div>
    </section>

  </main>

  <!-- ══════════════════════════════════════
       FOOTER
  ══════════════════════════════════════ -->
  <footer class="site-footer">
    <div class="footer-inner">

      <div class="footer__brand">
        <a href="./" class="navbar__brand" aria-label="AkdenizOS — home">
          <span class="navbar__logo">
            <img src="akdenizoslogo.png" alt="" width="20" height="20" />
          </span>
          AkdenizOS
        </a>
        <p class="footer__tagline">
          An open community of Akdeniz University Computer Engineering students.
        </p>
      </div>

      <nav class="footer__links" aria-label="Footer navigation">
        <div class="footer__col">
          <span class="footer__col-title">This site</span>
          <a href="repos.html">Repositories</a>
          <a href="showcase.html">Showcase</a>
          <a href="contribute.html">Contribute</a>
          <a href="activity.html">Activity</a>
        </div>
        <div class="footer__col">
          <span class="footer__col-title">Organisation</span>
          <a href="https://github.com/AkdenizOS" target="_blank" rel="noopener noreferrer">GitHub</a>
          <a href="https://akdeniz.gitbook.io/" target="_blank" rel="noopener noreferrer">Documentation</a>
          <a href="https://github.com/AkdenizOS/AkdenizOS.github.io" target="_blank" rel="noopener noreferrer">Website source</a>
        </div>
        <div class="footer__col">
          <span class="footer__col-title">Contact</span>
          <a href="mailto:contact@efekurucay.com">contact@efekurucay.com</a>
          <a href="https://efekurucay.com" target="_blank" rel="noopener noreferrer">efekurucay.com</a>
        </div>
      </nav>

    </div>

    <p class="footer__bottom">
      Built with open-source spirit. No rights reserved — knowledge belongs to everyone.
    </p>
  </footer>

</div><!-- /.page-shell -->
<script src="assets/js/showcase.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>