---
layout: default
---

<section>
    <!-- site title, logo and description -->
    <!-- to update, edit the global site config.yaml -->
    <div class="w-100 m-auto mt-2">
        <div class="d-md-flex justify-center">
            <div class="d-sm-none"><img class="logo" src="{{site.baseurl}}/assets/img/rust-python-logo.svg"
                    alt="RustPython Logo">
            </div>
            <div class="w-md-50 w-lg-25 pl-2">
                <div class="title">{{ site.title }}</div>
                <div class="">
                    <p>
                        {{ site.description }}
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- explainer table + paragraph and links to demos -->
    <!-- to update, edit index.markdown file in the root folder  -->
    <div class="m-auto w-md-50 w-lg-25 mt-2">
        <table class="w-100">
            <tr>
               <td class="valign-center vpad-small">
                    <img class="explainer-icon" src="{{site.baseurl}}/assets/img/python-logo.svg" alt="Python Logo">
                    Python
               </td>
                <td></td><td></td>
            </tr>
            <tr>
                <td class="valign-center vpad-small">
                    ↓
                </td>
                <td></td><td></td>
            </tr>
            <tr>
                <td><div class="padding-small text-center">
                    <!-- inline css to get it to look like one word, despite the padding classes -->
                    <span class="bg-rust rustpy-name text-white" style="padding-right: 1px;">Rust</span
                    ><span class="color-py rustpy-name" style="padding-left: 0;">Python</span>
                </div></td>
                <td class="text-center padding-small">
                    →
                </td>
                <td><div class="valign-center padding-small text-center">Python embedded in Rust apps</div></td>
            </tr>
            <tr>
                <td class="valign-center vpad-small">
                    ↓
                </td>
                <td></td><td></td>
            </tr>
            <tr>
                <td><div class="valign-center vpad-small">
                    <img class="explainer-icon" src="{{site.baseurl}}/assets/img/wasm-logo.svg" alt="WebAssembly Logo">
                    WebAssembly
                </div></td>
                <td class="text-center padding-small">
                    →
                </td>
                <td><div class="valign-center padding-small text-center">Python on the Web</div></td>
            </tr>
        </table>
    </div>
    <div class="mt-md-4 mt-sm-2 w-md-50 m-auto">
        <p class="mt-md-4">
            {{ page.explainer }}
        </p>
    </div>
    <div class="text-md-center">
        <ul class="list-inline">
            {% for demo in page.demo %}
            <li class="float-left pr-1 mt-1"><a rel="noopener" rel="noreferrer" href="{{ demo.url }}"
                    target="_blank">{{ demo.label }}</a></li>
            {% endfor %}
        </ul>
    </div>
</section>

<!-- installation instructions -->
<!-- to update, edit the parameters in the index.markdown file -->
<section>
    <div class="text-center">
        <div class="section-title"> Installation</div>
        {% for install in page.installation %}
        <mark class="code d-table m-auto mt-1"> {{ install.command }} </mark>
        {% endfor %}
        <div class="mt-1"> <small><a rel="noopener" rel="noreferrer" href="{{ page.build-from-source-link }}"
                    target="_blank">OR BUILD FROM SOURCE</a> </small></div>
    </div>
</section>

<!-- goals and why rustpython -->
<!-- to update, edit the parameters in the index.markdown file -->
<section class="bg-light mt-2">
    <div class="w-md-80 m-auto">
        <div class="section-title">Goals</div>
        <div class="d-md-flex ">
            {% for goals in page.goals %}
            <div class="w-md-50 mt-2 goal bg-rust">
                <div class=" text-white p-2">
                    {{ goals.goal }}
                </div>
            </div>
            {% endfor %}
        </div>
        <div class="d-md-flex  mt-2">
            <div class="w-md-50">
                {{ content }}
            </div>
            <div class="w-md-50 mt-2">
                <div class="border w-md-50 float-md-right mt-md-4 p-2">
                    <strong> Featured Posts </strong>
                    <!-- list of posts where category is "featured" -->
                    <ul class="list-unstyled">
                        {%- for post in site.categories.featured limit:3 -%}
                        <li class="mt-1"> <a href="{{ post.url | permalink }}"> {{ post.title | escape }} </a></li>
                        {%- endfor -%}
                    </ul>
                </div>

                <div class="border w-md-50 float-md-right mt-1 mt-md-4 p-2">
                    <strong> Dashboard </strong>
                    <!-- list of posts where category is "featured" -->
                    <ul class="list-unstyled">
                        {%- for dashboard in site.dashboards -%}
                        <li class="mt-1"> <a href="{{ dashboard.url | relative_url }}"> {{ dashboard.title | escape }} </a></li>
                        {%- endfor -%}
                    </ul>
                </div>

            </div>
        </div>
    </div>
</section>

<!-- contributor list -->
<!-- to edit, update _data/contributors.json -->
<section>
    <div class="w-md-80 m-auto">
        <div class="section-title"> Contributors </div>
        <p class="w-80">{{ site.contributor_excerpt}}</p>
        <ul class="list-contributors">
            {% for contributor in site.data.contributors %}
            <li><a rel="noopener" rel="noreferrer" href="https://github.com/{{ contributor.github_username }}"
                    target="_blank">{{ contributor.github_username }}</a></li>
            {% endfor %}
        </ul>
        <div class="d-md-flex">
            <div class="pr-1 mt-1"><small><a href="https://github.com/RustPython/RustPython/graphs/contributors">VIEW
                        MORE</a></small></div>
            <div class="mt-1"><small><a href="https://github.com/RustPython/RustPython/#contributing">HOW TO
                        CONTRIBUTE</a></small></div>
        </div>
    </div>
</section>
