403Webshell
Server IP : 216.92.14.13  /  Your IP : 216.73.217.126
Web Server : Apache
System : Linux vps4089.pairvps.com 5.15.0-190-generic #200-Ubuntu SMP Fri Aug 7 15:06:04 UTC 2026 x86_64
User : rmlac2fmr ( 1040637)
PHP Version : 8.2.32
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON  |  Sudo : ON  |  Pkexec : ON
Directory :  /usr/home/rmlac2fmr/public_html/wendymillman.com/prototype/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :


[ Back ]     

Current File : /usr/home/rmlac2fmr/public_html/wendymillman.com/prototype/index.html
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Wendy S. Millman | Producer • Production Manager • Live Events</title>
<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=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
  *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

  :root {
    --burgundy: #960E4C;
    --burgundy-light: #b01260;
    --dark: #1a1a1a;
    --dark-mid: #2a2a2a;
    --dark-soft: #333;
    --gray: #ccc;
    --gray-light: #e1e1e1;
    --white: #fff;
    --text-light: #ddd;
  }

  html { scroll-behavior: smooth; }

  body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: var(--dark);
    background: var(--white);
    -webkit-font-smoothing: antialiased;
  }

  /* ── Navigation (hidden until scroll) ── */
  .nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: rgba(26,26,26,0.95);
    backdrop-filter: blur(10px);
    border-bottom: 2px solid var(--burgundy);
    padding: 0 20px;
    transform: translateY(-100%);
    transition: transform 0.3s ease;
  }
  .nav.visible { transform: translateY(0); }
  .nav .inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 56px;
    flex-wrap: wrap;
  }
  .nav-brand {
    color: var(--white);
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .nav-links {
    display: flex;
    gap: 6px;
    list-style: none;
    flex-wrap: wrap;
    padding: 8px 0;
  }
  .nav-links a {
    color: #aaa;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 20px;
    transition: all 0.25s;
    white-space: nowrap;
  }
  .nav-links a:hover, .nav-links a.active {
    color: var(--white);
    background: var(--burgundy);
  }

  /* Mobile menu toggle */
  .nav-toggle {
    display: none;
    background: none;
    border: none;
    color: var(--white);
    font-size: 24px;
    cursor: pointer;
    padding: 8px;
  }

  @media (max-width: 768px) {
    .nav-toggle { display: block; }
    .nav-links {
      display: none;
      width: 100%;
      flex-direction: column;
      padding-bottom: 12px;
    }
    .nav-links.open { display: flex; }
    .nav-links a { padding: 10px 14px; }
  }

  /* ── Hero ── */
  .hero {
    background: var(--burgundy);
    text-align: center;
    padding: 80px 20px 70px;
    position: relative;
  }
  .hero-content { position: relative; }
  .hero img {
    width: 280px;
    height: 280px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(255,255,255,0.3);
    margin-bottom: 20px;
    animation: fadeDown 0.8s ease-out;
  }
  .hero h1 {
    color: var(--white);
    font-size: clamp(32px, 6vw, 56px);
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
  .hero .tagline {
    color: rgba(255,255,255,0.7);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 24px;
  }
  .social-links { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
  .social-links a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255,255,255,0.7);
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 14px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 20px;
    transition: all 0.25s;
  }
  .social-links a:hover {
    color: var(--white);
    border-color: var(--white);
    background: rgba(255,255,255,0.1);
  }
  .social-links svg { width: 16px; height: 16px; fill: currentColor; }

  @keyframes fadeDown {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
  }

  /* ── Sections ── */
  section { padding: 50px 20px; }
  section .inner { max-width: 1100px; margin: 0 auto; }

  .section-title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 24px;
  }

  /* ── Profile ── */
  .profile { background: var(--dark-soft); color: var(--white); padding: 40px 20px; }
  .profile .inner { max-width: 900px; }
  .profile .section-title { color: var(--white); }
  .profile p { font-size: 15px; line-height: 1.7; opacity: 0.95; }

  /* ── Showreel / Category Tabs ── */
  .showreel { background: var(--dark); color: var(--white); }

  .tab-bar {
    display: flex;
    gap: 8px;
    margin-bottom: 30px;
    flex-wrap: wrap;
  }
  .tab-btn {
    background: var(--dark-mid);
    color: #aaa;
    border: 1px solid #444;
    padding: 8px 20px;
    border-radius: 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s;
  }
  .tab-btn:hover { color: var(--white); border-color: #666; }
  .tab-btn.active {
    background: var(--burgundy);
    color: var(--white);
    border-color: var(--burgundy);
  }

  .video-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
  }
  .video-card {
    background: var(--dark-mid);
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.25s;
  }
  .video-card:hover { transform: translateY(-4px); }
  .video-card .embed-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
  }
  .video-card .embed-wrap iframe {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    border: none;
  }
  .video-card .card-info {
    padding: 14px 16px;
  }
  .video-card .card-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--white);
    margin-bottom: 4px;
  }
  .video-card .card-role {
    font-size: 12px;
    color: #888;
    font-weight: 500;
  }
  .video-card .card-tag {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--burgundy);
    background: rgba(150,14,76,0.15);
    padding: 3px 8px;
    border-radius: 10px;
    margin-top: 8px;
  }

  .video-card[data-category] { display: none; }
  .video-card.show { display: block; }

  .placeholder-msg {
    grid-column: 1 / -1;
    text-align: center;
    color: #666;
    font-size: 14px;
    padding: 40px 20px;
    border: 1px dashed #444;
    border-radius: 8px;
  }

  /* ── Experience Table ── */
  .experience { background: var(--dark-soft); color: var(--white); }
  .experience .section-title { color: var(--white); }

  /* Table controls */
  .table-controls { color: #ccc; font-size: 14px; }
  .table-topbar {
    display: flex; justify-content: space-between; align-items: center;
    flex-wrap: wrap; gap: 12px; margin-bottom: 16px;
  }
  .table-size select, .table-search input {
    background: #444; border: 1px solid #555; color: #fff;
    padding: 6px 12px; border-radius: 4px;
    font-family: 'Montserrat', sans-serif; font-size: 14px; outline: none;
  }
  .table-search input:focus { border-color: var(--burgundy); }
  .table-search label { color: #ccc; font-size: 14px; }
  .table-size { color: #ccc; font-size: 14px; }
  .table-bottombar {
    display: flex; justify-content: space-between; align-items: center;
    flex-wrap: wrap; gap: 12px; margin-top: 16px;
  }
  .table-info { color: #999; font-size: 13px; }
  .table-pagination { display: flex; gap: 4px; flex-wrap: wrap; }
  .table-pagination button {
    background: #444; color: #ccc; border: 1px solid #555;
    padding: 5px 12px; border-radius: 3px; cursor: pointer;
    font-family: 'Montserrat', sans-serif; font-size: 13px;
    transition: all 0.2s;
  }
  .table-pagination button:hover:not(:disabled),
  .table-pagination button.active {
    background: var(--burgundy); color: #fff; border-color: var(--burgundy);
  }
  .table-pagination button:disabled { opacity: 0.4; cursor: default; }

  #resume-table { width: 100%; border-collapse: collapse; }
  #resume-table thead th {
    background: var(--burgundy); color: #fff; font-weight: 600;
    font-size: 13px; letter-spacing: 1px; text-transform: uppercase;
    padding: 12px 16px; border-bottom: none; cursor: pointer;
    position: relative; user-select: none; text-align: left;
  }
  #resume-table thead th:hover { background: var(--burgundy-light); }
  #resume-table thead th.sort-asc::after { content: ' ▲'; font-size: 10px; }
  #resume-table thead th.sort-desc::after { content: ' ▼'; font-size: 10px; }
  #resume-table tbody td {
    padding: 10px 16px; font-size: 13px;
    border-bottom: 1px solid #444; color: #ddd;
  }
  #resume-table tbody tr:hover { background: rgba(150,14,76,0.15) !important; }

  /* ── Skills ── */
  .skills { background: var(--gray); padding: 40px 20px; }
  .skills .inner { max-width: 900px; }
  .skills .section-title { color: var(--burgundy); }
  .skills p { font-size: 14px; line-height: 1.8; color: #333; }

  /* ── Contact ── */
  .contact {
    background: var(--dark);
    color: var(--white);
    text-align: center;
    padding: 60px 20px;
  }
  .contact .section-title { color: var(--white); margin-bottom: 12px; }
  .contact p { color: #999; font-size: 14px; margin-bottom: 24px; }
  .contact-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--burgundy);
    color: var(--white);
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 32px;
    border-radius: 30px;
    transition: all 0.25s;
    letter-spacing: 1px;
  }
  .contact-btn:hover {
    background: var(--burgundy-light);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(150,14,76,0.4);
  }
  .contact-btn svg { width: 18px; height: 18px; fill: currentColor; }

  /* ── Footer ── */
  .footer {
    background: #000;
    text-align: center;
    padding: 20px;
    font-size: 12px;
    color: #666;
  }
  .footer-social { display: flex; gap: 16px; justify-content: center; margin-bottom: 12px; }
  .footer-social a { color: #666; transition: color 0.2s; }
  .footer-social a:hover { color: var(--burgundy); }
  .footer-social svg { width: 18px; height: 18px; fill: currentColor; }
</style>
</head>
<body>

<!-- Navigation (appears on scroll) -->
<nav class="nav" id="scrollNav">
  <div class="inner">
    <a href="#top" class="nav-brand">Wendy S. Millman</a>
    <button class="nav-toggle" onclick="document.querySelector('.nav-links').classList.toggle('open')">☰</button>
    <ul class="nav-links">
      <li><a href="#showreel">Showreel</a></li>
      <li><a href="#experience">Resume</a></li>
      <li><a href="#skills">Skills</a></li>
      <li><a href="#contact">Contact</a></li>
    </ul>
  </div>
</nav>

<!-- Hero -->
<section class="hero" id="top">
  <div class="hero-content">
    <img src="/wp-content/uploads/2025/06/wendy.jpg" alt="Wendy S. Millman">
    <h1>Wendy S. Millman</h1>
    <p class="tagline">Producer • Production Manager • Live Events</p>
    <div class="social-links">
      <a href="https://www.imdb.com/name/nm3818350/" target="_blank">
        <svg viewBox="0 0 24 24"><path d="M14.31 9.588v.005c-.077-.048-.227-.07-.42-.07v4.815c.27 0 .44-.06.5-.165.062-.104.093-.39.093-.852v-2.926c0-.383-.013-.627-.04-.73-.025-.103-.072-.168-.133-.077zm-1.87-.114h-.84v5.04h.84c.33 0 .55-.04.66-.12.11-.08.16-.24.16-.49v-3.83c0-.25-.05-.41-.16-.49-.11-.08-.33-.11-.66-.11z"/><path d="M22.5 2v20h-21V2h21zm-18 3v14h1.5V5h-1.5zm2.5 0v14h2.1l.2-1c.4.8 1 1.2 1.7 1.2.5 0 .9-.2 1.1-.5.2-.4.3-.9.3-1.7V11c0-.8-.1-1.4-.3-1.7-.2-.3-.6-.5-1.1-.5-.7 0-1.2.4-1.6 1.1V5H7zm8.5 3.5c0-.8-.1-1.4-.4-1.7-.3-.3-.7-.5-1.3-.5-.6 0-1 .2-1.3.5-.3.3-.4.9-.4 1.7v5c0 .8.1 1.4.4 1.7.3.3.7.5 1.3.5.6 0 1-.2 1.3-.5.3-.3.4-.9.4-1.7v-5zm2.5-3.5v14h2c.6 0 1.1-.1 1.4-.4.3-.3.4-.7.4-1.3V6.7c0-.6-.1-1-.4-1.3-.3-.3-.8-.4-1.4-.4h-2z"/></svg>
        IMDb
      </a>
      <a href="https://www.instagram.com/lightscamerawendy" target="_blank">
        <svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg>
        Instagram
      </a>
      <a href="https://www.linkedin.com/in/wendy-millman-0424856" target="_blank">
        <svg viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
        LinkedIn
      </a>
      <a href="https://www.production.ink/about/" target="_blank">
        <svg viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
        Production.Ink
      </a>
    </div>
  </div>
</section>

<!-- Profile -->
<section class="profile">
  <div class="inner">
    <h2 class="section-title">Profile</h2>
    <p>Dynamic and results-driven professional with 24 years of experience in advertising, marketing, PR, and live event production. Proven track record in Emmy-nominated content, brand campaigns, and live/studio productions. Combines creative vision with strategic insight to deliver impactful, audience-driven results across fast-paced entertainment and media landscapes.</p>
  </div>
</section>

<!-- Showreel -->
<section class="showreel" id="showreel">
  <div class="inner">
    <h2 class="section-title" style="color:#fff;">Showreel</h2>
    <div class="tab-bar">
      <button class="tab-btn active" data-filter="all">All</button>
      <button class="tab-btn" data-filter="comedy">Comedy</button>
      <button class="tab-btn" data-filter="live">Live / Stage</button>
      <button class="tab-btn" data-filter="commercial">Commercials</button>
      <button class="tab-btn" data-filter="reality">Reality / Series</button>
    </div>
    <div class="video-grid" id="videoGrid">

      <!-- COMEDY -->
      <div class="video-card show" data-category="comedy">
        <div class="embed-wrap">
          <iframe src="https://www.youtube.com/embed/IpuFp7TAvaU" allowfullscreen loading="lazy"></iframe>
        </div>
        <div class="card-info">
          <div class="card-title">Yearly Departed</div>
          <div class="card-role">Covid Production Manager • Amazon</div>
          <div class="card-tag">Comedy</div>
        </div>
      </div>

      <div class="video-card show" data-category="comedy">
        <div class="embed-wrap">
          <iframe src="https://www.youtube.com/embed/HZUwSDWC_lA" allowfullscreen loading="lazy"></iframe>
        </div>
        <div class="card-info">
          <div class="card-title">Norm MacDonald: Nothing Special</div>
          <div class="card-role">Production Supervisor • Netflix</div>
          <div class="card-tag">Comedy</div>
        </div>
      </div>

      <div class="video-card show" data-category="comedy">
        <div class="embed-wrap">
          <iframe src="https://www.youtube.com/embed/U0-jiWeRr9g" allowfullscreen loading="lazy"></iframe>
        </div>
        <div class="card-info">
          <div class="card-title">Norm Macdonald: Hitler's Dog, Gossip &amp; Trickery</div>
          <div class="card-role">Production Manager • Netflix</div>
          <div class="card-tag">Comedy</div>
        </div>
      </div>

      <!-- LIVE / STAGE -->
      <div class="video-card show" data-category="live">
        <div class="embed-wrap">
          <iframe src="https://www.youtube.com/embed/4uXvW46UldU" allowfullscreen loading="lazy"></iframe>
        </div>
        <div class="card-info">
          <div class="card-title">NBC New Year's Eve 2014</div>
          <div class="card-role">Production Coordinator • NBC</div>
          <div class="card-tag">Live / Stage</div>
        </div>
      </div>

      <div class="video-card show" data-category="live">
        <div class="embed-wrap">
          <iframe src="https://www.youtube.com/embed/Ds2oOu-EmF8" allowfullscreen loading="lazy"></iframe>
        </div>
        <div class="card-info">
          <div class="card-title">NBC New Year's Eve 2015</div>
          <div class="card-role">Production Coordinator • NBC</div>
          <div class="card-tag">Live / Stage</div>
        </div>
      </div>

      <div class="video-card show" data-category="live">
        <div class="embed-wrap">
          <iframe src="https://www.youtube.com/embed/gU8Whafx7-4" allowfullscreen loading="lazy"></iframe>
        </div>
        <div class="card-info">
          <div class="card-title">NBC New Year's Eve 2016</div>
          <div class="card-role">Production Coordinator • NBC</div>
          <div class="card-tag">Live / Stage</div>
        </div>
      </div>

      <div class="video-card show" data-category="live">
        <div class="embed-wrap">
          <iframe src="https://www.youtube.com/embed/bG5BILKtACc" allowfullscreen loading="lazy"></iframe>
        </div>
        <div class="card-info">
          <div class="card-title">NBC New Year's Eve 2017</div>
          <div class="card-role">Associate Producer • NBC</div>
          <div class="card-tag">Live / Stage</div>
        </div>
      </div>

      <div class="video-card show" data-category="live">
        <div class="embed-wrap">
          <iframe src="https://www.youtube.com/embed/Kf3LuxqXYm0" allowfullscreen loading="lazy"></iframe>
        </div>
        <div class="card-info">
          <div class="card-title">Must See TV: Tribute to James Burrows</div>
          <div class="card-role">Production Coordinator • NBC</div>
          <div class="card-tag">Live / Stage</div>
        </div>
      </div>

      <!-- REALITY / SERIES -->
      <div class="video-card show" data-category="reality">
        <div class="embed-wrap">
          <iframe src="https://www.youtube.com/embed/vXzRha-pKLw" allowfullscreen loading="lazy"></iframe>
        </div>
        <div class="card-info">
          <div class="card-title">Craftopia</div>
          <div class="card-role">Production Supervisor • HBO Max</div>
          <div class="card-tag">Reality / Series</div>
        </div>
      </div>

      <div class="video-card show" data-category="reality">
        <div class="embed-wrap">
          <iframe src="https://www.youtube.com/embed/RtyfSVu6Jjg" allowfullscreen loading="lazy"></iframe>
        </div>
        <div class="card-info">
          <div class="card-title">Coulda Been House (Hosted by Druski)</div>
          <div class="card-role">Producer • YouTube</div>
          <div class="card-tag">Reality / Series</div>
        </div>
      </div>

      <!-- COMMERCIALS (placeholder - ispot.tv links may not embed) -->
      <div class="video-card show" data-category="commercial">
        <div class="card-info" style="padding:40px 20px; text-align:center;">
          <div class="card-title">Paper &amp; Packaging Board Commercials</div>
          <div class="card-role">Line Producer • National</div>
          <div class="card-tag" style="margin-top:12px;">Commercials</div>
          <p style="color:#666; font-size:12px; margin-top:12px;">YouTube links needed for embed — ispot.tv links provided as reference</p>
        </div>
      </div>

    </div>
  </div>
</section>

<!-- Professional Experience -->
<section class="experience" id="experience">
  <div class="inner">
    <h2 class="section-title">Professional Experience</h2>
    <table id="resume-table">
      <thead>
        <tr><th>Event</th><th>Media</th><th>Role</th></tr>
      </thead>
      <tbody>
        <tr><td>Dick Clark's Rockin' New Years Eve (2025)</td><td>ABC</td><td>Travel Manager</td></tr>
        <tr><td>National Christmas Tree Lighting (2025)</td><td>Great American Family</td><td>Travel Coordinator</td></tr>
        <tr><td>Grace For The World Jubilee Concert (2025)</td><td>Various</td><td>Travel Coordinator</td></tr>
        <tr><td>BET Awards (2025)</td><td>BET</td><td>Travel Coordinator</td></tr>
        <tr><td>US/Canadian Live Tour &amp; Events</td><td>Star Entertainment USA</td><td>Head of Live Events</td></tr>
        <tr><td>FIREAID Benefit Concert (2025)</td><td>Various</td><td>Talent Coordinator</td></tr>
        <tr><td>Touring Domestic / International</td><td>Star Entertainment</td><td>Head of Production</td></tr>
        <tr><td>BET Awards (2024)</td><td>BET</td><td>Travel Coordinator</td></tr>
        <tr><td>Dolly Parton &amp; Family - Smoky Mountain DNA</td><td>TBD</td><td>Travel Coordinator</td></tr>
        <tr><td>OpenAI Chat GPT 4.0 Launch Stream</td><td>YouTube/OpenAI</td><td>Producer</td></tr>
        <tr><td>RIVIAN Live Stream (2024)</td><td>YouTube/X/Instagram</td><td>Line Producer</td></tr>
        <tr><td>Postmates St. Patrick's Day Activation (2024)</td><td>Local Establishments</td><td>Producer</td></tr>
        <tr><td>Coulda Been House S1 Hosted by Druski (2023)</td><td>YouTube</td><td>Producer</td></tr>
        <tr><td>BET Awards (2023)</td><td>BET</td><td>Travel Coordinator</td></tr>
        <tr><td>Miss USA/Teen USA (2023)</td><td>CW</td><td>Travel Manager</td></tr>
        <tr><td>Stand Up To Cancer (2023)</td><td>Various</td><td>Line Producer</td></tr>
        <tr><td>BET Hip Hop Awards (2023)</td><td>BET</td><td>Travel Manager</td></tr>
        <tr><td>Chris Rock – Selective Outrage (2023)</td><td>Netflix</td><td>Covid Production Manager</td></tr>
        <tr><td>House of Villains (2023)</td><td>E!</td><td>Covid Manager Consultant</td></tr>
        <tr><td>Paper &amp; Packaging Board Papertarian Commercial (2023)</td><td>National</td><td>Line Producer</td></tr>
        <tr><td>American Idol Season 6 (2022)</td><td>ABC</td><td>Covid Production Supervisor</td></tr>
        <tr><td>Rock &amp; Roll Hall of Fame (2022)</td><td>HBO</td><td>Covid Production Supervisor</td></tr>
        <tr><td>Bad Bunny Live Concert at Sofi Stadium (2022)</td><td>TBD</td><td>Line Producer</td></tr>
        <tr><td>Nate Bargatze – Welcome to Nateland (2022)</td><td>Amazon</td><td>Production Supervisor</td></tr>
        <tr><td>Deon Cole – Charleen's Boy (2022)</td><td>Netflix</td><td>Production Supervisor</td></tr>
        <tr><td>Unacceptable – Neal Brennan (2022)</td><td>Netflix</td><td>Production Supervisor</td></tr>
        <tr><td>Capitol Concerts – 4th of July Spectacular (2022)</td><td>PBS</td><td>Covid Production Manager</td></tr>
        <tr><td>Capitol Concerts – Memorial Day (2022)</td><td>PBS</td><td>Production Manager</td></tr>
        <tr><td>Nick Kroll Comedy Special (2022)</td><td>Netflix</td><td>Production Supervisor</td></tr>
        <tr><td>NIAJ That's My Time with David Letterman (2022)</td><td>Netflix</td><td>Production Supervisor</td></tr>
        <tr><td>NIAJ Norm Macdonald Tribute (2022)</td><td>Netflix</td><td>Production Supervisor</td></tr>
        <tr><td>NIAJ Pete Davidson + Best Friends (2022)</td><td>Netflix</td><td>Production Supervisor</td></tr>
        <tr><td>TAFF – Heritage Heros Documentary (2022)</td><td>Amazon</td><td>Covid Production Manager</td></tr>
        <tr><td>iHeart Radio Music Awards (2022)</td><td>FOX</td><td>Covid Production Manager</td></tr>
        <tr><td>Bill Maher Comedy Special (2022)</td><td>HBOMax</td><td>Production Supervisor</td></tr>
        <tr><td>David Spade Comedy Special (2022)</td><td>Netflix</td><td>Production Supervisor</td></tr>
        <tr><td>Christina Pazsitzky Comedy Special (2022)</td><td>Netflix</td><td>Production Supervisor</td></tr>
        <tr><td>Nature Made Commercial (2021)</td><td>Various</td><td>Covid Production Manager</td></tr>
        <tr><td>Boy Band Holiday Special (2021)</td><td>ABC</td><td>Covid Production Manager</td></tr>
        <tr><td>Yearly Departed Special (2021)</td><td>Amazon</td><td>Covid Production Manager</td></tr>
        <tr><td>Instagram Live Show (2021)</td><td>Instagram</td><td>Covid Production Manager</td></tr>
        <tr><td>Jeff Foxworthy Comedy Special (2021)</td><td>Netflix</td><td>Production Supervisor</td></tr>
        <tr><td>Nikki Glaser Comedy Special (2021)</td><td>HBO</td><td>Production Supervisor</td></tr>
        <tr><td>Unicorn Hunters S2 (2021)</td><td>Facebook</td><td>Covid Production Manager</td></tr>
        <tr><td>Paint Like a Ross (Pilot) (2021)</td><td>ABC</td><td>Covid Production Manager</td></tr>
        <tr><td>Backyard Bar Wars (2021)</td><td>TruTV</td><td>Production Manager</td></tr>
        <tr><td>Driven Series (Crashed) (2020)</td><td>PassionFlix</td><td>Unit Production Supervisor</td></tr>
        <tr><td>Driven Series (Fueled) (2020)</td><td>PassionFlix</td><td>Unit Production Supervisor</td></tr>
        <tr><td>Assembly Required (2020)</td><td>History Channel</td><td>Production Supervisor</td></tr>
        <tr><td>HELP! I Wrecked My House w/Jasmine Roth (2020)</td><td>HGTV</td><td>Covid Production Manager</td></tr>
        <tr><td>Bubser &amp; Cisneros for Congress Commercials (2020)</td><td>Various Networks</td><td>Line Producer</td></tr>
        <tr><td>Hannah Gadsby Comedy Special (2020)</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>2020 WGAW Awards</td><td>WGAW Website</td><td>Production Supervisor</td></tr>
        <tr><td>NBC New Year's Eve 2019</td><td>NBC</td><td>Associate Producer</td></tr>
        <tr><td>Middleditch &amp; Schwartz Comedy Special</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>Jim Jefferies Comedy Special</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>Craftopia Season I</td><td>HBO Max</td><td>Production Supervisor</td></tr>
        <tr><td>Marriage Boot Camp Reality Stars (S15+16)</td><td>WeTv</td><td>Production Supervisor</td></tr>
        <tr><td>Red Nose Day Special 2019 (Lilly Singh)</td><td>NBC</td><td>Associate Producer</td></tr>
        <tr><td>Michelle Wolf Comedy Special</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>Seth Meyers Comedy Special</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>Deon Cole Comedy Special</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>Labor Of Love</td><td>FOX</td><td>Production Manager</td></tr>
        <tr><td>2019 WGAW Awards</td><td>WGAW Website</td><td>Production Supervisor</td></tr>
        <tr><td>NBC New Year's Eve 2018</td><td>NBC</td><td>Associate Producer</td></tr>
        <tr><td>Katherine Ryan Comedy Special</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>Nate Bargatze Comedy Special</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>James Veitch Comedy Special</td><td>Conaco</td><td>Production Manager</td></tr>
        <tr><td>AT&amp;T Hello Lab / FullScreen Inc.</td><td>Direct TV</td><td>Dir. of Project Management</td></tr>
        <tr><td>Red Nose Day Special 2018</td><td>NBC</td><td>Associate Producer</td></tr>
        <tr><td>Mind Your Business – Mahisha Dellinger (2018)</td><td>OWN</td><td>Production Manager</td></tr>
        <tr><td>James Davis Comedy Special (2018)</td><td>Comedy Central</td><td>Production Manager</td></tr>
        <tr><td>Daniel Sloss – "Dark" (2018)</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>Jim Jeffries UK - "This Is Me Now" (2018)</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>Braxton Family Values Season 6 (2017)</td><td>WeTv</td><td>Production Coordinator</td></tr>
        <tr><td>Tamar and Vince Season 5 (2017)</td><td>WeTv</td><td>Production Coordinator</td></tr>
        <tr><td>Tim &amp; Faith: Soul2Soul Tour (2017)</td><td>Showtime</td><td>Production Manager</td></tr>
        <tr><td>Michelle Wolf – "Nice Lady" (2017)</td><td>HBO</td><td>Production Manager</td></tr>
        <tr><td>Red Nose Day Special 2017</td><td>NBC</td><td>Associate Producer</td></tr>
        <tr><td>Chris D'Elia – "Man on Fire" (2017)</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>Norm Macdonald – "Hitler's Dog" (2017)</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>Tracy Morgan – "Stayin' Alive" (2016)</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>NBC NYE w/ Carson Daly 2016</td><td>NBC</td><td>Production Coordinator</td></tr>
        <tr><td>Al Madrigal – "Shrimpin' Ain't Easy" (2016)</td><td>Showtime</td><td>Production Manager</td></tr>
        <tr><td>Vir Das – "Abroad Understanding" (2016)</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>Famously Single Season II (2016)</td><td>E!</td><td>Production Coordinator</td></tr>
        <tr><td>Neal Brennan - "3 Mics" (2016)</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>Cristela Alonso - "Lower Classy" (2016)</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>Red Nose Day Special 2016</td><td>NBC</td><td>Production Coordinator</td></tr>
        <tr><td>Dana Carvey – "Straight White Male, 60" (2016)</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>Jim Jefferies – "Freedumb" (2016)</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>Must See TV – James Burrows Tribute (2016)</td><td>NBC</td><td>Production Coordinator</td></tr>
        <tr><td>Chris Hardwick – "Funcomfortable" (2016)</td><td>Comedy Central</td><td>Production Manager</td></tr>
        <tr><td>NBC NYE w/ Carson Daly 2015</td><td>NBC</td><td>Production Coordinator</td></tr>
        <tr><td>Nikki Glaser – "Perfect" (2015)</td><td>Comedy Central</td><td>Production Manager</td></tr>
        <tr><td>Famously Single Season I (2015)</td><td>E!</td><td>Production Coordinator</td></tr>
        <tr><td>Nightmare Neighbors Pilot (2015)</td><td>SPIKE</td><td>Production Manager</td></tr>
        <tr><td>Family Therapy Season I (2015)</td><td>VH1</td><td>Production Coordinator</td></tr>
        <tr><td>Daniel Tosh – "People Pleaser" (2015)</td><td>Comedy Central</td><td>Production Manager</td></tr>
        <tr><td>Trevor Noah – "Lost In Translation" (2015)</td><td>Comedy Central</td><td>Production Manager</td></tr>
        <tr><td>The Illusionists (2015)</td><td>NBC</td><td>Production Manager</td></tr>
        <tr><td>Couples Therapy Season 6 (2015)</td><td>VH1</td><td>Production Coordinator</td></tr>
        <tr><td>John Mulaney – "The Comeback Kid" (2015)</td><td>Netflix</td><td>Production Manager</td></tr>
        <tr><td>Couples Therapy Season 5 (2015)</td><td>VH1</td><td>Production Coordinator</td></tr>
        <tr><td>NBC NYE w/Carson Daly 2014</td><td>NBC</td><td>Production Coordinator</td></tr>
        <tr><td>David Spade – "My Fake Problems"</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>Tracy Morgan "Bona Fide"</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>Chris D'Elia – "Incorrigible" (2014)</td><td>Netflix</td><td>Production Coordinator</td></tr>
        <tr><td>Coaching Bad Season I (2014)</td><td>SPIKE</td><td>Production Coordinator</td></tr>
        <tr><td>Nick Swardson – "Taste It" (2014)</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>Nate Bargatze – "Full Time Magic" (2014)</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>Trevor Moore – "High In Church" (2014)</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>Couples Therapy w/Dr. Jenn Reunion (2014)</td><td>VH1</td><td>Production Coordinator</td></tr>
        <tr><td>Artie Lange – "The Stench of Failure" (2014)</td><td>Comedy Central</td><td>Production Manager</td></tr>
        <tr><td>Couples Therapy Season 4 (2013)</td><td>VH1</td><td>Production Coordinator</td></tr>
        <tr><td>Make or Break: The Linda Perry Project (2013)</td><td>VH1</td><td>Production Coordinator</td></tr>
        <tr><td>Chris D'Elia – "White Male. Black Comic." (2013)</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>Neal Brennan – "Women and Black Dudes" (2013)</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>Steve Ranazzisi – "Manchild" (2013)</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>Couples Therapy Season 3 (2013)</td><td>VH1</td><td>Production Coordinator</td></tr>
        <tr><td>NBC NYE w/Carson Daly &amp; Jane Lynch (2013)</td><td>NBC</td><td>Production Coordinator</td></tr>
        <tr><td>Blake Shelton's Not So Family Christmas (2012)</td><td>NBC</td><td>Production Coordinator</td></tr>
        <tr><td>Couples Therapy Season 2 (2012)</td><td>VH1</td><td>Production Coordinator</td></tr>
        <tr><td>Anthony Jeselnik – "Caligula" (2012)</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>Chris Hardwick – "Mandroid" (2012)</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>Rehab w/Dr. Drew Season 6 (2012)</td><td>VH1</td><td>Production Coordinator</td></tr>
        <tr><td>Couples Therapy Season 1 (2012)</td><td>VH1</td><td>Production Coordinator</td></tr>
        <tr><td>Demetri Martin – "Standup Comedian" (2012)</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>Hannibal Burress – "Animal Furnace" (2011)</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>Todd Barry – "Super Crazy" (2011)</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>Matt Braunger – "Shovel Fighter" (2011)</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>John Mulaney – "New In Town" (2011)</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>Celebrity Rehab Season 5 (2011)</td><td>VH1</td><td>Production Coordinator</td></tr>
        <tr><td>Celebrity Rehab Reunion Live (2011)</td><td>VH1</td><td>Production Coordinator</td></tr>
        <tr><td>Norm Macdonald – "Me Doing Stand Up" (2011)</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>Patrice O'Neal – "Elephant In The Room" (2010)</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>Celebrity Rehab Season 4 (2010)</td><td>VH1</td><td>Production Coordinator</td></tr>
        <tr><td>Daniel Tosh – "Happy Thoughts" (2010)</td><td>Comedy Central</td><td>Production Coordinator</td></tr>
        <tr><td>SAG Awards 2010, 2011 and 2012</td><td>SAG</td><td>Ticket/Audience Coordinator</td></tr>
        <tr><td>Coordinator to the President (2009-2017)</td><td>Irwin Entertainment</td><td>Coordinator</td></tr>
      </tbody>
    </table>
  </div>
</section>

<!-- Skills -->
<section class="skills" id="skills">
  <div class="inner">
    <h2 class="section-title">Production Skills</h2>
    <p>Movie Magic Budgeting, Showbiz Budgeting, Non-Union &amp; Union payroll, SAG/AFTRA Contracts, Vendor Negotiations &amp; Post/EDD Deliverables, Google Sheets, Google Drive, Mac &amp; PC proficient, Scenechronize, Dropbox, Docusign, Adobe, CCO Certified Level I – III (Secret Compass Training + Covid Tester), Client Building and Relationship Management, Advisory Board Member for Production.Ink</p>
  </div>
</section>

<!-- Contact -->
<section class="contact" id="contact">
  <div class="inner">
    <h2 class="section-title">Get In Touch</h2>
    <p>Available for production management, coordination, and live event roles.</p>
    <a href="/cdn-cgi/l/email-protection#4e3e3c212a3b2d3a27212023272222232f200e29232f2722602d2123" class="contact-btn">
      <svg viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
      Email Wendy
    </a>
  </div>
</section>

<!-- Footer -->
<footer class="footer">
  <div class="footer-social">
    <a href="https://www.imdb.com/name/nm3818350/" target="_blank"><svg viewBox="0 0 24 24"><path d="M14.31 9.588v.005c-.077-.048-.227-.07-.42-.07v4.815c.27 0 .44-.06.5-.165.062-.104.093-.39.093-.852v-2.926c0-.383-.013-.627-.04-.73-.025-.103-.072-.168-.133-.077zm-1.87-.114h-.84v5.04h.84c.33 0 .55-.04.66-.12.11-.08.16-.24.16-.49v-3.83c0-.25-.05-.41-.16-.49-.11-.08-.33-.11-.66-.11z"/><path d="M22.5 2v20h-21V2h21zm-18 3v14h1.5V5h-1.5zm2.5 0v14h2.1l.2-1c.4.8 1 1.2 1.7 1.2.5 0 .9-.2 1.1-.5.2-.4.3-.9.3-1.7V11c0-.8-.1-1.4-.3-1.7-.2-.3-.6-.5-1.1-.5-.7 0-1.2.4-1.6 1.1V5H7zm8.5 3.5c0-.8-.1-1.4-.4-1.7-.3-.3-.7-.5-1.3-.5-.6 0-1 .2-1.3.5-.3.3-.4.9-.4 1.7v5c0 .8.1 1.4.4 1.7.3.3.7.5 1.3.5.6 0 1-.2 1.3-.5.3-.3.4-.9.4-1.7v-5zm2.5-3.5v14h2c.6 0 1.1-.1 1.4-.4.3-.3.4-.7.4-1.3V6.7c0-.6-.1-1-.4-1.3-.3-.3-.8-.4-1.4-.4h-2z"/></svg></a>
    <a href="https://www.instagram.com/lightscamerawendy" target="_blank"><svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg></a>
    <a href="https://www.linkedin.com/in/wendy-millman-0424856" target="_blank"><svg viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></a>
  </div>
  <p>&copy;2025 Wendy S. Millman</p>
</footer>

<script>
// Scroll-reveal nav
const nav = document.getElementById('scrollNav');
window.addEventListener('scroll', () => {
  if (window.scrollY > 400) {
    nav.classList.add('visible');
  } else {
    nav.classList.remove('visible');
  }
});

// Tab filtering
document.querySelectorAll('.tab-btn').forEach(btn => {
  btn.addEventListener('click', () => {
    document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
    btn.classList.add('active');
    const filter = btn.dataset.filter;
    document.querySelectorAll('.video-card').forEach(card => {
      if (filter === 'all' || card.dataset.category === filter) {
        card.classList.add('show');
      } else {
        card.classList.remove('show');
      }
    });
  });
});

// ── Self-contained searchable/sortable table ──
(function() {
  const table = document.getElementById('resume-table');
  if (!table) return;

  const thead = table.querySelector('thead');
  const tbody = table.querySelector('tbody');
  const allRows = Array.from(tbody.querySelectorAll('tr'));
  let filteredRows = [...allRows];
  let currentPage = 0;
  let pageSize = 25;
  let sortCol = -1;
  let sortAsc = true;

  // Build controls
  const wrapper = document.createElement('div');
  wrapper.className = 'table-controls';

  // Top bar: page size + search
  const topBar = document.createElement('div');
  topBar.className = 'table-topbar';

  const sizeWrap = document.createElement('div');
  sizeWrap.className = 'table-size';
  sizeWrap.innerHTML = 'Show <select><option value="10">10</option><option value="25" selected>25</option><option value="50">50</option><option value="136">All</option></select> entries';
  const sizeSelect = sizeWrap.querySelector('select');
  sizeSelect.addEventListener('change', () => { pageSize = parseInt(sizeSelect.value); currentPage = 0; render(); });

  const searchWrap = document.createElement('div');
  searchWrap.className = 'table-search';
  searchWrap.innerHTML = '<label>Search credits: <input type="search" placeholder=""></label>';
  const searchInput = searchWrap.querySelector('input');
  searchInput.addEventListener('input', () => { currentPage = 0; filterAndRender(); });

  topBar.appendChild(sizeWrap);
  topBar.appendChild(searchWrap);
  wrapper.appendChild(topBar);

  // Insert wrapper before table
  table.parentNode.insertBefore(wrapper, table);
  wrapper.appendChild(table);

  // Bottom bar: info + pagination
  const bottomBar = document.createElement('div');
  bottomBar.className = 'table-bottombar';
  const infoEl = document.createElement('div');
  infoEl.className = 'table-info';
  const pagEl = document.createElement('div');
  pagEl.className = 'table-pagination';
  bottomBar.appendChild(infoEl);
  bottomBar.appendChild(pagEl);
  wrapper.appendChild(bottomBar);

  // Sorting
  thead.querySelectorAll('th').forEach((th, i) => {
    th.style.cursor = 'pointer';
    th.addEventListener('click', () => {
      if (sortCol === i) { sortAsc = !sortAsc; } else { sortCol = i; sortAsc = true; }
      thead.querySelectorAll('th').forEach(h => h.classList.remove('sort-asc','sort-desc'));
      th.classList.add(sortAsc ? 'sort-asc' : 'sort-desc');
      filteredRows.sort((a, b) => {
        const aT = a.children[i].textContent.toLowerCase();
        const bT = b.children[i].textContent.toLowerCase();
        return sortAsc ? aT.localeCompare(bT) : bT.localeCompare(aT);
      });
      currentPage = 0;
      render();
    });
  });

  function filterAndRender() {
    const q = searchInput.value.toLowerCase().trim();
    filteredRows = allRows.filter(row => {
      if (!q) return true;
      return Array.from(row.children).some(td => td.textContent.toLowerCase().includes(q));
    });
    render();
  }

  function render() {
    tbody.innerHTML = '';
    const start = currentPage * pageSize;
    const end = Math.min(start + pageSize, filteredRows.length);
    const pageRows = filteredRows.slice(start, end);

    if (pageRows.length === 0) {
      const tr = document.createElement('tr');
      tr.innerHTML = '<td colspan="3" style="text-align:center;padding:20px;color:#888;">No matching credits found</td>';
      tbody.appendChild(tr);
    } else {
      pageRows.forEach((row, i) => {
        row.style.background = i % 2 === 0 ? '' : 'rgba(255,255,255,0.03)';
        tbody.appendChild(row);
      });
    }

    // Info
    if (filteredRows.length === 0) {
      infoEl.textContent = 'No entries to show';
    } else {
      const showing = filteredRows.length > 0 ? start + 1 : 0;
      infoEl.textContent = `Showing ${showing} to ${end} of ${filteredRows.length} credits` +
        (filteredRows.length < allRows.length ? ` (filtered from ${allRows.length} total)` : '');
    }

    // Pagination
    const totalPages = Math.ceil(filteredRows.length / pageSize);
    pagEl.innerHTML = '';

    const mkBtn = (label, page, disabled, active) => {
      const btn = document.createElement('button');
      btn.textContent = label;
      btn.disabled = disabled;
      if (active) btn.classList.add('active');
      btn.addEventListener('click', () => { currentPage = page; render(); });
      return btn;
    };

    pagEl.appendChild(mkBtn('‹ Prev', currentPage - 1, currentPage === 0, false));
    for (let i = 0; i < totalPages; i++) {
      pagEl.appendChild(mkBtn(i + 1, i, false, i === currentPage));
    }
    pagEl.appendChild(mkBtn('Next ›', currentPage + 1, currentPage >= totalPages - 1, false));
  }

  filterAndRender();
})();
</script>
</body>
</html>

Youez - 2016 - github.com/yon3zu
LinuXploit