resources.html

---
layout: default
title: Resources
permalink: resources/
body-class: resources
background-class: resources-background
redirect_from: /support/
---
{% assign resources = site.resources | sort: 'order' %}

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1>Resources</h1>

    <p class="lead">Explore educational courses, get your questions answered, and join the discussion with other PyTorch developers.</p>
  </div>
</div>

<div class="main-content-wrapper">
  <div class="main-content">
    <div class="container">
      <div class="row resources">

        {% for resource in resources %}
          {% assign card_title = resource.title | split: ' ' %}

          {% if resource.show-pytorch-logo == true %}
            {% assign resource_class = "pytorch-resource" %}
          {% else %}
            {% assign resource_class = resource.class %}
          {% endif %}

        <div class="col-md-4">
          <div class="card resource-card {{ resource_class }}">
            <!-- Cards with the pytorch-resource class also have a pytorch-discuss class.
              These two classes along with the discuss class allow us to stylize the second word in the card header so that it features orange text.
             -->
            {% if resource.class == "pytorch-resource" %}
            <a href="{{ resource.link }}" class="pytorch-discuss" target="_blank">
              <div class="card-body">
                <h4>{{ card_title[0] }}<span class="discuss">{{ card_title[1] }}</span></h4>
            {% else %}
            <a href="{{ resource.link }}" target="_blank">
              <div class="card-body">
                <h4>{{ resource.title }}</h4>
            {% endif %}
                <p class="card-summary">{{ resource.summary }}</p>
                </div>
              </a>
            </div>
          </div>
        {% endfor %}
        </div>
      </div>
    </div>
  </div>
</div>