content/_index.html

---
title: Twitter Open Source
custom_css: index.scss
---

<!-- #OurPhilosophy -->

<div class="section grey" id="philosophy">
    <div class="container">
        <div id="philosophy-text">
            <h1 class="small-title center-text mega-margin">#OurPhilosophy</h1>
            <p class="center-text mega-margin">For anything to grow, you need three things:</p>
        </div>
    </div>
    <div class="small-container" id="emoji-cards">
        <div class="emoji-card">
            <img src="assets/fire.svg" alt="Fire emoji" class="emoji-img center-margin large-margin">
            <h1 class="center-text medium-margin">Heat</h1>
            <p class="center-text">Heat means work.<br/>Upstream contributions, bug fixes, designs, docs--the rigorous work that drives the community.</p>
        </div>

        <div class="emoji-card">
            <img src="assets/sun.svg" alt="Sun emoji" class="emoji-img center-margin large-margin">
            <h1 class="center-text medium-margin">Light</h1>
            <p class="center-text">Light means visibility. <br/>For the projects, contributions, opportunities, challenges, and people that impact the community.</p>
        </div>

        <div class="emoji-card">
            <img src="assets/heart.svg" alt="Pride heart emoji" class="emoji-img center-margin large-margin">
            <h1 class="center-text medium-margin">Love</h1>
            <p class="center-text">Love means culture and support.<br/>Why we care. How we work. Actions that grow the community.</p>
        </div>

    </div>
</div>

<!-- Explore Projects -->

<div class="section" id="explore-projects">
    <div class="container">
        <div class="explore-text">
            <h1 class="small-title mega-margin">Explore Projects</h1>
            <p class="mega-margin">Twitter has been built on open source since the beginning. Openness is part of our DNA. The projects you see here were born at Twitter, and patches are always welcome!</p>
            <a href="/projects/" class="Button Button--primary Button--large">View All Projects</a>
        </div>
    </div>
</div>

<!-- Follow Us @TwitterOSS -->

<div class="grey section" id="follow-us">
    <div class="container">
        <div class="center-text" id="open-source-text">
            <h1 class="small-title mega-margin open-source-title">Follow Us <a target="_blank"
                    rel="noopener" href="https://twitter.com/TwitterOSS">@TwitterOSS</a></h1>
        </div>
        <div id="open-source-timeline" class="timeline-cell">
            <a class="twitter-timeline" data-height="500" href="https://twitter.com/TwitterOSS?ref_src=twsrc%5Etfw">Tweets by TwitterOSS</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
        </div>
    </div>
</div>

<!-- Join the Flock -->

<div class="section" id="career">
    <div class="container">
        <div id="career-text" class="same-mega-margin">
            <h1 class="small-title mega-margin career-title">Join the Flock</h1>
            <p class="mega-margin">We are always on the lookout for innovative and creative individuals who are passionate about building a platform where all voices can be heard.</p>
            <a href="https://careers.twitter.com" class="Button Button--secondary Button--large">View All Careers</a>
        </div>
        <div class="timeline-cell">
            <a class="twitter-timeline" data-height="500" href="https://twitter.com/TwitterCareers?ref_src=twsrc%5Etfw">Tweets by TwitterCareers</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
        </div>
    </div>
</div>