jobs.html

---
layout: default
title: Jobs with Compiler
---

<div class="row jobs">
    <div class="offset-md-1 col-md-7">
        <span class="pill">Careers</span>
        <h1 class="h2 mt-4">Compiler is a woman-owned software consultancy that’s passionate about making government tech solutions
            accessible for all.</h1>

        <h2 class="h4 mt-5 fs-6 pb-1 mb-2">Open roles</h2>
        <ul id="open" class="list-unstyled d-flex flex-column gap-2 text-decoration-none"></ul>

        <h2 class="h4 mt-5 fs-6 pb-1 mb-2">Past roles</h2>
        <ul id="closed" class="list-unstyled d-flex flex-column gap-2"></ul>

        <p class="mt-5 mb-0">
            Missed a past opportunity? <a href="http://eepurl.com/h6qTKL">Subscribe</a> to our mailing list, as we
            are always looking for great candidates.
        </p>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/luxon@3.3.0/build/global/luxon.min.js" crossorigin="anonymous"></script>
<script>
    // override default Timezone for California
    luxon.Settings.defaultZone = "America/Los_Angeles";
    const DateTime = luxon.DateTime;
    const now = DateTime.now();

    const all_jobs = {% include job-json.html %};
    const open_jobs = [];
    const closed_jobs = [];

    all_jobs.forEach(job => {
        const open_date = DateTime.fromISO(job.open_date).startOf("day");
        const close_date = DateTime.fromISO(job.close_date).endOf("day");

        if (open_date <= now && close_date >= now) {
            open_jobs.push(job);
        }
        else {
            closed_jobs.push(job);
        }
    });

    function createJobItem(job) {
        const li = document.createElement("li");
        const a = document.createElement("a");
        a.append(job.title);
        if (job.type) {
            a.append(" (" + job.type + ")");
        }
        a.href = job.url;
        li.appendChild(a);
        return li;
    }

    const open_ul = document.getElementById("open");
    const closed_ul = document.getElementById("closed");

    open_jobs.forEach(job => {
        const item = createJobItem(job);
        open_ul.appendChild(item);
    });

    closed_jobs.forEach(job => {
        const item = createJobItem(job);
        closed_ul.appendChild(item);
    });

    if (open_jobs.length < 1) {
        const p = document.createElement("p");
        p.append("There are no positions accepting applications at the moment.");
        open_ul.replaceWith(p);
    }
</script>