---
layout: default
id: thanks
permalink: /thanks/
title: Thanks - Open Source used in this site
---

<article>
    <div class="page-header">
        <div class="wrapper">
            <div class="col-md-10 col-lg-7 mx-auto">
                <h1 class="h5 text-white">Thank you.</h1>
            </div>
        </div>
    </div>

    <div class="wrapper-full bg-light">
        <div class="wrapper my-6 py-4">
            <div class="col-md-10 col-lg-7 mx-auto">
                <h3 class="h4 font-weight-400 mb-4">
                    Hundreds of thousands of open source projects are used across Microsoft's
                    products and services, many contributed to by Microsoft engineers and teams
                    along the way.
                </h3>
                <p>
                    Thousands of projects power this simple website alone. Thanks to all of
                    the participants of these communities for building great technology together.
                </p>
            </div>
        </div>
    </div>


    <div class="wrapper py-6 my-6">
        <h3 class="h3">Powering this site</h3>
    </div>
    
    <div class="wrapper py-6 my-6">
        <div class="d-sm-flex flex-wrap">
            {% for featured in site.data.dependencies %}
            {% for project in featured.featured %}
            <div 
                class="col-12 col-sm-6 col-md-4 col-lg-3 pr-sm-3 pr-lg-4 mb-6">
                {% if project.repo %}
                <p><a 
                    href="{{ project.repo }}" 
                    target="_blank" 
                    rel= "noopener"
                    class="link-arrow-external mt-3">{{ project.title }}</a></p>
                {% else %}
                <p class="mt-3">{{ project.title }}</p>
                {% endif %}
                {% if project.description %}
                <p>{{ project.description }}</p>
                {% endif %}
            </div>
            {% endfor %}
            {% endfor %}
        </div>
    </div>

    <hr class="wrapper" />

    <div class="wrapper py-6 my-6">
        <h3 class="h3">Web dependencies</h3>
    </div>

    <div class="wrapper py-6 my-6">
        <div class="d-sm-flex flex-wrap">

            {% for components in site.data.dependencies %}
            {% for project in components.components %}
            <div 
                class="col-12 col-sm-6 col-md-4 col-lg-3 pr-sm-3 pr-lg-4 mb-6">
                {% if project.repo %}
                <p><a 
                    href="{{ project.repo }}" 
                    target="_blank" 
                    rel= "noopener"
                    class="link-arrow-external mt-3">{{ project.title }}</a></p>
                {% else %}
                <p class="mt-3">{{ project.title }}</p>
                {% endif %}
                {% if project.description %}
                <p>{{ project.description }}</p>
                {% endif %}
            </div>
            {% endfor %}
            {% endfor %}

        </div>
    </div>

    <hr class="wrapper" />

    <div class="wrapper py-6 my-6">
        <h3 class="h3">Development and build dependencies</h3>
    </div>

    <div class="wrapper py-6 my-6">
        <div class="d-sm-flex flex-wrap">

            {% for dependencies in site.data.dependencies %}
            {% for project in dependencies.dependencies %}
            <div 
                class="col-12 col-sm-6 col-md-4 col-lg-3 pr-sm-3 pr-lg-4 mb-6">
                {% if project.repo %}
                <p><a 
                    href="{{ project.repo }}" 
                    target="_blank"
                    rel= "noopener"
                    class="link-arrow-external mt-3">{{ project.title }}</a></p>
                {% else %}
                <p class="mt-3">{{ project.title }}</p>
                {% endif %}
                {% if project.description %}
                <p>{{ project.description }}</p>
                {% endif %}
            </div>
            {% endfor %}
            {% endfor %}


        </div>
    </div>


</article>