index.html

---
layout: default
---

<section id="intro">
    <blockquote class="h1">
        Hi – I’m Julia.<br><br>
        I build programs for just and diverse digital futures.
    </blockquote>

    <p>
        I’m the Co-Founder and Managing Director of the feminist organization<a href="http://superrr.net">Superrr Lab</a>. I’ve
        worked with international non-profits such
        as the Mozilla Foundation, the Open Knowledge Foundation, Ashoka and co-founded the <a
            href="https://prototypefund.de/">Prototype Fund</a> and <a href="https://codefor.de/">Code for Germany</a>.
        I advise governments and non-profits on digital strategies, write a regular column for MIT Tech Review Germany and give talks at conferences. 
    </p>

    <p>
        Some of the organizations/governments/businesses I've collaborated with:
    </p>

    <div class="logos">
        <img style="transform: scale(1.15);" title="Der Bundestag" src="/img/logos/bundestag.svg" />
        <img style="transform: scale(1.15);" title="Bundesministerium für Bildung und Forschung"
            src="/img/logos/bmbf_bw.svg" />
        <img style="transform: scale(1.15);" title="Goethe Institut" src="/img/logos/goethe_institut_bw.svg" />
        <img style="transform: scale(0.9);" title="Mozilla" src="/img/logos/mozilla.svg" />
        <img style="transform: scale(1.4);" title="Wikimedia" src="/img/logos/wikimedia.svg">
        <img style="transform: scale(0.9);" title="TED" src="/img/logos/ted_bw.svg" />
        <img title="Heinrich Böll Stiftung" src="/img/logos/heinrich_boell_stiftung_bw.svg" />
        <img style="transform: scale(1.2) translateY(-5%);" title="Robert Bosch Stiftung" src="/img/logos/bosch.svg">
    </div>
</section>

<hr>

<section id="projects" class="category">
    <h1>Projects</h1>
    <p>
        For the past 10 years I’ve been developing projects and programs that promote openness, develop civic
        tech and help to build feminist futures.
    </p>
    <div class="card-holder" data-category="projects">
        {% for post in site.categories.projects %}
        {% if post.featured %}
        {% include card.html %}
        {% endif %}
        {% endfor %}
    </div>
</section>

<section id="column" class="category">
    <h1>Column</h1>
    <p>I'm writing a monthly column for MIT Technology Review Germany. Here you can find my most recent texts:
    </p>
    <div class="card-holder" data-category="column">
        {% for post in site.categories.column %}
        {% if post.featured %}
        {% include card.html %}
        {% endif %}
        {% endfor %}
    </div>
</section>

<section id="talks" class="category">
    <h1>Talks</h1>
    <p>From Beijing to San Francisco, I've travelled the world to speak at conferences. My most recent talks deal
        with speculations about the future. I maintain <a href="/talks">a complete list</a>, but you can find some of
        the highlights here:
    </p>
    <div class="card-holder" data-category="talks">
        {% for post in site.categories.talks %}
        {% if post.featured %}
        {% include card.html %}
        {% endif %}
        {% endfor %}
    </div>
</section>

<section id="articles" class="category">
    <h1>Published</h1>
    <p>
        My work has been published by Wired, Zeit Online, Süddeutsche Zeitung &
        Frankfurter Allgemeine Zeitung and others.
        In 2019 I was the Editor in Chief of Ding magazine.
    </p>
    <div class="card-holder tall-cards" data-category="articles">
        {% for post in site.categories.articles %}
        {% if post.featured %}
        {% include card.html %}
        {% endif %}
        {% endfor %}
    </div>
</section>

<script>
    // Save and restore `scrollLeft`.
    window.onpageshow = (event) => {
        document.querySelectorAll(".card-holder").forEach((cardHolder) => {
            var key = cardHolder.dataset.category + "-scrollLeft"

            cardHolder.scrollLeft = localStorage.getItem(key)

            // Save scrollLeft.
            cardHolder.onscroll = (event) => {
                localStorage.setItem(key, cardHolder.scrollLeft)
            }
        })
    }
    document.querySelectorAll(".card-holder").forEach((cardHolder) => {
        // Scroll cards into view.
        cardHolder.querySelectorAll('.card').forEach((card) => {
            card.onclick = (event) => {
                var targetOffset = card.offsetLeft - cardHolder.childNodes[1].offsetLeft
                var currentOffset = cardHolder.scrollLeft

                var rect = card.getBoundingClientRect()

                if (0 <= rect.left && rect.right <= (window.innerWidth || document.documentElement.clientWidth)) {
                    return true
                }

                cardHolder.scrollTo({
                    top: 0,
                    left: targetOffset,
                    behavior: "smooth"
                })

                return false
            }
        })
    })
</script>