diff options
Diffstat (limited to 'pydis_site/templates/home/index.html')
| -rw-r--r-- | pydis_site/templates/home/index.html | 49 |
1 files changed, 28 insertions, 21 deletions
diff --git a/pydis_site/templates/home/index.html b/pydis_site/templates/home/index.html index 205e92ff..0fa2f67c 100644 --- a/pydis_site/templates/home/index.html +++ b/pydis_site/templates/home/index.html @@ -15,32 +15,30 @@ <div class="container is-spaced"> <h1 class="is-size-1">Who are we?</h1> <br> - <div class="columns"> - <div class="column is-half"> + <div class="columns is-desktop"> + <div class="column is-half-desktop"> <p> We're a large community focused around the Python programming language. - We believe anyone can learn programming, and are very dedicated to helping - novice developers take their first steps into the world of code. We also + 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 looking to hone their craft by teaching and getting involved in the community. - - <br/><br/> - - We organise regular community events like code jams, open source hackathons, - seasonal events and community challenges. Through our sponsorships and with - help from donations, we are even able to award prizes to the winners of our events. - - <br/><br/> - + and who wish to hone their craft by teaching and getting involved in the community. + </p> + <p> + We organise regular community events such as code jams, open-source hackathons, + seasonal events, and community challenges. Through our sponsorships and donations, + many of our events even have prizes to win! + </p> + <p> You can find help with most Python-related problems in one of our help channels. - Our staff of nearly 50 dedicated expert Helpers are available around the clock + 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"> + <div class="column is-half-desktop video-container"> <iframe src="https://www.youtube.com/embed/DIBXg8Qh7bA" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> @@ -50,11 +48,11 @@ {# Projects #} <h1 class="is-size-1">Projects</h1> <br> - <div class="columns is-multiline"> + <div class="columns is-multiline is-tablet"> {# Display projects from HomeView.repos #} {% for repo in repo_data %} - <div class="column is-one-third"> + <div class="column is-one-third-desktop is-half-tablet"> <div class="card has-equal-height github-card"> <div class="card-content"> <div class="repo-headline"> @@ -84,11 +82,20 @@ <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 class="columns is-mobile is-multiline"> + <a href="https://linode.com" class="column is-narrow"> + <img src="{% static "images/sponsors/linode.png" %}" alt="Linode"/> + </a> + <a href="https://jetbrains.com" class="column is-narrow"> + <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains"/> + </a> + <a href="https://adafruit.com" class="column is-narrow"> + <img src="{% static "images/sponsors/adafruit.png" %}" alt="Adafruit"/> + </a> + </div> </div> </div> </section> {% endblock %} + |