get-involved.php

<?php
    require_once __DIR__.'/_backend/preload.php';

    $page['title'] = 'Get Involved with elementary OS';
    $page['theme-color'] = '#3E4E54';

    $page['styles'] = array(
        'https://fonts.googleapis.com/css?family=Marck+Script',
        'styles/get-involved.css'
    );

    include $template['header'];
    include $template['alert'];
?>
<section class="hero">
    <div class="grid">
        <div class="two-thirds">
            <h1>Be a Part of Something Bigger</h1>
            <p>Everything that we make is 100% open source and developed collaboratively by people from all over the world. Even if you're not a programmer, you can get involved and make a difference.</p>
        </div>
    </div>
    <div class="grid">
        <div class="whole" id="sections-menu">
            <a class="button flat suggested-action" href="#funding">Funding</a>
            <a class="button flat suggested-action" href="#translations">Translations</a>
            <a class="button flat suggested-action" href="#support">Support</a>
            <a class="button flat suggested-action" href="#web-development">Web</a>
            <a class="button flat suggested-action" href="#desktop-development">Desktop</a>
            <a class="button flat suggested-action" href="#design">Design</a>
        </div>
    </div>
</section>

<section id="funding" class="grey">
    <div class="grid">
        <div class="two-thirds">
            <h2>Funding</h2>
            <p class="text-center">With the help of our users and fans, we've been able to grow from a small group of passionate volunteers into a tiny but sustainable company. Every little bit of support helps us improve elementary OS and tackle even more ambitious problems.</p>
        </div>
    </div>

<?php if (event_active('indiegogo appcenter 2/7')) { ?>
     <div class="grid">
         <div class="two-thirds">
             <h2>Indiegogo</h2>
             <p class="text-center">We’re currently crowdfunding AppCenter for everyone on Indiegogo. By backing us there, you'll be helping us pay for our remote team to get together in person with developers from our community for a week long sprint in Denver, Colorado.</p>
             <a class="button flat" href="https://igg.me/at/appcenter-for-everyone" target="_blank" rel="noopener">Back AppCenter for everyone</a>
         </div>
     </div>
 <?php } ?>

    <div class="grid">
        <div class="half">
            <i class="fab fa-github" title="GitHub Sponsors"></i>
            <p>Directly fund elementary and get a badge on your GitHub profile to show your support. GitHub Sponsors doesn't charge any fees, so it's a great way to make your contribution go farther.</p>
            <a class="button flat suggested-action" href="https://github.com/sponsors/elementary" target="_blank" rel="noopener">Sponsor on GitHub</a>
        </div>
        <div class="half">
            <img class="logo" alt="Patreon" title="Patreon" src="images/get-involved/patreon.svg">
            <p>Patreon works like an ongoing crowdfunding campaign. Choose an amount to contribute each month to help us reach our goals. Plus, earn exclusive rewards and read exclusive content early.</p>
            <a class="button flat" href="https://www.patreon.com/elementary" target="_blank" rel="noopener">Back on Patreon</a>
        </div>
    </div>

    <div class="grid">
        <div class="third">
            <i class="fab fa-paypal"></i>
            <p>Easily use a debit card, credit card, or PayPal account. You can choose a one-time payment or set up recurring payments.</p>
            <form action="https://www.paypal.com/cgi-bin/webscr" id="paypalform" method="post" target="_top">
            <input type="hidden" name="cmd" value="_s-xclick">
            <input type="hidden" name="hosted_button_id" value="LG382EHQVTDYN">
            <input type="submit" value="Use PayPal" name="submit" title="PayPal - The safer, easier way to pay online!" class="button flat">
            <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
            </form>
        </div>
        <div class="third">
            <img class="logo" alt="Liberapay" src="images/get-involved/liberapay_logo_black.svg">
            <p>Set up a recurring contribution through Liberapay, the open source and non-profit funding platform.</p>
            <a class="button flat" title="Liberapay" href="https://liberapay.com/elementary/" target="_blank" rel="noopener">Contribute with Liberapay</a>
        </div>
    </div>
</section>

<section id="translations">
    <div class="grid">
        <div class="whole">
            <h2>Translations</h2>
        </div>
        <div class="half">
            <p>elementary OS is created and used by people from all around the World; help us make the experience even better by translating it into more languages.</p>
            <p>Both elementary OS and our website are openly translated using an online platform called Weblate. <a href="https://docs.elementary.io/contributor-guide/localization/translations" class="read-more">Learn More</a></p>

            <div class="actions">
                <a class="button flat" href="https://matrix.to/#/%23elementary-l10n%3Amatrix.org" target="_blank" rel="noopener">Join Chat</a>
                <a class="button flat suggested-action" href="https://l10n.elementary.io/projects/" target="_blank" rel="noopener">Suggest Translations</a>
            </div>
        </div>
        <div class="half">
            <img src="images/get-involved/translations.svg" alt="World map">
        </div>
    </div>
</section>

<section id="support" class="grey">
    <div class="grid">
        <div class="two-thirds">
            <h2>Support</h2>
            <p></p>
        </div>
        <div class="half">
            <h3>Question &amp; Answer</h3>
            <p>We use GitHub Discussions for community Q&A. Anyone can create an account to start asking and answering.</p>
            <a class="button flat" href="https://github.com/orgs/elementary/discussions?discussions_q=category:Q%26A+sort:date_created">New Questions</a>
            <a class="button flat suggested-action" href="https://github.com/orgs/elementary/discussions?discussions_q=category:Q%26A++is:unanswered">Unanswered Questions</a>
        </div>
        <div class="half">
            <h3>Documentation</h3>
            <p>elementary provides basic documentation for both users and developers. All of our documentation is written in Markdown and hosted on GitHub, so submitting a change or a new section is a piece of cake.</p>
            <a class="button flat" href="https://github.com/elementary/website/blob/master/docs/learning-the-basics.md" target="_blank" rel="noopener">Learning the Basics Guide</a>
            <a class="button flat" href="https://github.com/elementary/docs" target="_blank" rel="noopener">Developer Docs</a>
        </div>
    </div>
</section>

<section id="web-development">
    <div class="web-browser">
        <div id="toolbar">
            <img src="images/get-involved/browser-left.svg">
            <div id="search-bar"></div>
            <img src="images/icons/actions/symbolic/window-maximize-symbolic.svg">
        </div>
        <h2>Web Development</h2>
        <p>Our website is built using HTML, CSS, PHP, and JavaScript. We're always looking for people experienced in those areas who would like to contribute and make it even better.</p>
        <a class="button flat" href="https://github.com/elementary/website/issues" target="_blank" rel="noopener">Report a Website Issue</a>
        <a class="button flat suggested-action" href="https://github.com/elementary/website" target="_blank" rel="noopener">Fork the Website on GitHub</a>
    </div>
</section>

<section id="desktop-development" class="grey">
    <div class="grid">
        <div class="two-thirds">
            <h2>Desktop Development</h2>
            <p>Our desktop environment and all its apps are built using Vala, GTK, Granite, and a number of other open libraries. We host all of our code and do all development on GitHub. If you've never developed for elementary OS before, we recommend you check out our Developer guide.</p>
            <a class="button flat" href="https://docs.elementary.io/develop/" target="_blank" rel="noopener">Developer Guide</a>
            <a class="button flat suggested-action" href="https://github.com/elementary" target="_blank" rel="noopener">Browse Code</a>
        </div>
    </div>
    <div class="grid">
        <div class="third">
            <h3>Report issues</h3>
            <p>Help out by tracking down issues and reporting them. Or help by confirming, clarifying, and cleaning up existing issues.</p>
            <a class="button flat" href="https://docs.elementary.io/contributor-guide/feedback/reporting-issues">Read the Guide</a>
        </div>
        <div class="third">
            <h3>Fix issues</h3>
            <p>Contribute to elementary OS by fixing issues, improving functionality or implementing new features. <a class="read-more" href="https://docs.elementary.io/contributor-guide" target="_blank" rel="noopener">Learn More</a></p>
            <a class="button flat" href="https://github.com/search?utf8=%E2%9C%93&q=is%3Aopen+is%3Aissue+user%3Aelementary+label%3A%22bitesize%22&type=" target="_blank" rel="noopener">Bitesize Issues</a>
        </div>
        <div class="third">
            <h3>Create apps</h3>
            <p>Improve the overall elementary OS ecosystem and earn money by creating great new apps for AppCenter.</p>
            <a class="button flat" href="https://developer.elementary.io/" target="_blank" rel="noopener">Publish on AppCenter</a>
        </div>
    </div>
</section>

<section id="design">
    <div class="grid">
        <div class="two-thirds">
            <h2>Design</h2>
            <p class="text-center">Our design team turns ideas into clear issue reports and deliverable assets. Before diving in, it's recommended to read about our design workflow. <a class="read-more" href="/docs/code/reference#proposing-design-changes" target="_blank" rel="noopener">Learn More</a></p>
        </div>
    </div>
    <div class="design-links">
        <div>
            <img src="images/get-involved/bugs.svg">
            <p>Our design team tracks “Needs Design” issues in GitHub. These might need further design discussion, wireframes, or deliverable assets.</p>
            <a class="button flat suggested-action" href="https://github.com/search?utf8=%E2%9C%93&q=is%3Aopen+is%3Aissue+user%3Aelementary+label%3A%22Needs+Design%22" target="_blank" rel="noopener">See ‘Needs Design’ Issues</a>
        </div>
        <div>
            <img src="images/get-involved/stylesheet.svg">
            <p>elementary OS uses a system stylesheet written in CSS. It defines how the interface—like buttons, toolbars, and menus—is displayed.</p>
            <a class="button flat" href="https://github.com/elementary/stylesheet" target="_blank" rel="noopener">View Stylesheet</a>
        </div>
        <div>
            <img src="images/get-involved/icons.svg">
            <p>elementary OS comes with a set of vector icons that are used across all default apps and are made available to third-party apps.</p>
            <a class="button flat" href="https://github.com/elementary/icons" target="_blank" rel="noopener">Browse Icons</a>
        </div>
    </div>
</section>

<?php
    include $template['footer'];
?>