diff options
| -rw-r--r-- | pydis_site/static/css/home/index.css | 19 | ||||
| -rw-r--r-- | pydis_site/templates/home/index.html | 25 |
2 files changed, 18 insertions, 26 deletions
diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css index a90a60d7..4c36031b 100644 --- a/pydis_site/static/css/home/index.css +++ b/pydis_site/static/css/home/index.css @@ -71,15 +71,6 @@ span.repo-language-dot.javascript { } @media screen and (min-width: 1088px) { - .column.is-half, .column.is-half-tablet { - flex: none; - width: 50%; - } - - .columns:not(.is-desktop) { - display: flex; - } - .video-container iframe { height: calc(42vw * 0.5625); max-height: 371px; @@ -88,18 +79,10 @@ span.repo-language-dot.javascript { } @media screen and (max-width: 1087px) { - .column.is-half, .column.is-half-tablet { - flex: none; - width: 100%; - } - - .columns:not(.is-desktop) { - display: block; - } - .video-container iframe { height: calc(92vw * 0.5625); max-height: none; max-width: none; } } + diff --git a/pydis_site/templates/home/index.html b/pydis_site/templates/home/index.html index 205e92ff..2174b149 100644 --- a/pydis_site/templates/home/index.html +++ b/pydis_site/templates/home/index.html @@ -15,8 +15,8 @@ <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 @@ -40,7 +40,7 @@ </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 +50,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 +84,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 %} + |