aboutsummaryrefslogtreecommitdiffstats
path: root/pydis_site/templates/home/index.html
blob: bccea71a34f11567cd8701b6b48c9348e2cf1223 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
{% extends 'base/base.html' %}
{% load static %}

{% block title %}Home{% endblock %}
{% block head %}
  <link rel="stylesheet" href="{% static "css/home/index.css" %}">
{% endblock %}

{% block content %}
  {% include "base/navbar.html" %}

  <section class="section">

    {# Who are we? #}
    <div class="container is-spaced">
      <h1 class="is-size-1">Who are we?</h1>
      <br>
      <div class="columns">
        <div class="column is-half">
          <p>
            We're a large community focused around the Python programming language.
            We believe anyone can learn to code, and are very dedicated to helping
            novice developers take their first steps into the world of programming. We also
            attract a lot of expert developers who are seeking friendships, collaborators,
            or to hone their craft by teaching and getting involved with the community.

            <br/><br/>

            We organise regular community events such as code jams, open-source hackathons,
            seasonal events and community challenges. Through our sponsorships, and with
            the help from donations, many of our events even have prizes to win!

            <br/><br/>

            You can find help with most Python-related problems in one of our help channels.
            Our staff of over 50 dedicated expert Helpers, are available around the clock
            in every timezone. Whether you're looking to learn the language or working on a
            complex project, we've got someone who can help you if you get stuck.
          </p>
        </div>

        {# Intro video #}
        <div class="column is-half video-container">
          <iframe src="https://www.youtube.com/embed/DIBXg8Qh7bA" frameborder="0"
                  allow="accelerometer; encrypted-media; gyroscope; picture-in-picture"
                  allowfullscreen></iframe>
        </div>
      </div>

      {# Projects #}
      <h1 class="is-size-1">Projects</h1>
      <br>
      <div class="columns is-multiline">

        {# Display projects from HomeView.repos #}
        {% for repo in repo_data %}
          <div class="column is-one-third">
            <div class="card has-equal-height github-card">
              <div class="card-content">
                <div class="repo-headline">
                  <i class="fab fa-github"></i>
                  <a href="https://github.com/{{ repo.repo_name }}"> <strong>{{ repo.repo_name }}</strong></a>
                </div>
                <div>
                  {{ repo.description }}
                  <br><br>
                  </span><span class="repo-language-dot {{ repo.language | lower }}"></span> {{ repo.language }}
                  <span id="repo-footer-item"><i class="fas fa-star"></i> {{ repo.stargazers }}</span>
                  <span id="repo-footer-item"><i class="fas fa-code-branch"></i> {{ repo.forks }}</span>
                </div>
              </div>
            </div>
          </div>
        {% endfor %}

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

  {# Sponsors #}
  <section class="section-sp hero is-light">
    <div id="sponsors-hero" class="hero-body">
      <div class="container">
        <h1 class="title is-6 has-text-grey">
          Sponsors
        </h1>
        <a href="https://linode.com"><img src="{% static "images/sponsors/linode.png" %}" alt="Linode"/></a>
        <a href="https://jetbrains.com"><img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains"/></a>
        <a href="https://adafruit.com"><img src="{% static "images/sponsors/adafruit.png" %}" alt="Adafruit"/></a>
      </div>
    </div>
  </section>

{% endblock %}