<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1">
    <title>JobDB V1.0</title>
    <link rel="icon" type="image/x-icon" href="favicon.png">
    <link rel="stylesheet" href="styles.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sql.js/1.12.0/sql-wasm.js"
        integrity="sha512-tz0jOZaOg9RtWWB6AdxSkINQwIs7S5obj1Dlml9KewZLPTblTWCux5eLtnexBb8kbLUo5crPmjsi8/vI17Vw0w=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
</head>

<body class="body", id="body">
    <button class="toggle-btn" onclick="toggleSidebar()">
        <svg width="256px" height="256px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
            <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
            <g id="SVGRepo_iconCarrier"> 
                <path d="M4 7H20M6.99994 12H16.9999M10.9999 17H12.9999" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> 
            </g>
        </svg>
    </button>
    <nav class="sidebar" id="sidebar">  
        <ul>
            <h1>Filter Options</h1>
                        <li>
                            <label for="NewGradFilter">New Grad</label>
                            <input type="checkbox" id="NewGradFilter" onchange="applyNewGradFilter()">
                        </li>
                        <li>
                            <label for="InternFilter">Intern</label>
                            <input type="checkbox" id="InternFilter" onchange="applyInternFilter()">
                        </li>
                        <li>
                            <label for="SponsorFilter">Offers<br> Sponsorship</label>
                            <input type="checkbox" id="SponsorFilter" onchange="applySponsorFilter()">
                        </li>
                        <li>
                            <label for="LocationFilter">Location</label>
                            <input class="locationInput" type="text" id="LocationFilter" oninput="applyLocationFilter()">
                        </li>
                        <li>
                            <label for="CompanyFilter">Company</label>
                            <input type="text" id="CompanyFilter" oninput="applyCompanyFilter()">
                        </li>
                        <li>
                            <label for="InactiveFilter">Show Inactive Postings</label>
                            <input type="checkbox" id="InactiveFilter" onchange="applyInactiveFilter()">
                        </li>
        </ul>
    </nav>
    <div class="main-content">
    <div class="macos-window" id="macosWindow" style="user-select: none;">
        <div class="title-bar" id="titleBar">
            <div class="title">JobDB Ver 1.0</div>
            <div class="window-buttons">
                <span class="close" title="Close"></span>
                <span class="minimize" title="Minimize"></span>
                <span class="maximize" title="Maximize"></span>
            </div>
        </div>
        <div class="content">
            <header>
                <p><h1 style="text-align: center;">FTSWE Careers</h1></p>
            </header>
            <main>
                <section>
                    <h2>Intern and New-Grad Jobs</h2>
                    <p>Postings curated from high quality sources all in one place updated hourly.</p>
                </section>
                <section>
                    <h2>Focused</h2>
                    <p>Feed only contains postings relevant to your search with filter options to further refine your list.</p>
                </section>
                <section>
                    <h2>No Strings Attached</h2>
                    <p>No sign up or subscription required to get all features and postings.</p>
                </section>
            </main>
        </div>
    </div>
    <div id="resultsContainer"></div>
</div>
<footer>
    
    <p style="font-size: 20px; font-weight: bold;">Sources</p>
    <div class="footer-links">
      <a href="https://github.com/SimplifyJobs/Summer2025-Internships" target="_blank">Pitt CSC Intern</a>
      <a href="https://github.com/SimplifyJobs/New-Grad-Positions" target="_blank">Pitt CSC New Grad</a>
      <a href="https://github.com/cvrve/New-Grad-2025" target="_blank">Cvrve New Grad</a>
    </div>
    <p>&copy; 2025 FTSWE</p>
  </footer>
    <script src="scripts.js"></script>
</body>

</html>