Addressing all comments in volcyy's second review. The tests now mock the API calls so we don't have to actually call the API every time we run tests.

2 files changed, 24 insertions, 20 deletions

diff --git a/pydis_site/static/css/base/base.css b/pydis_site/static/css/base/base.css
index 969511f4..4f656189 100644
--- a/pydis_site/static/css/base/base.css
+++ b/pydis_site/static/css/base/base.css
@@ -1,15 +1,15 @@
 html {
-    overflow:auto;
+    overflow: auto;
 }
 
 body.site {
-  display: flex;
-  min-height: 100vh;
-  flex-direction: column;
+    display: flex;
+    min-height: 100vh;
+    flex-direction: column;
 }
 
 main.site-content {
-  flex: 1;
+    flex: 1;
 }
 
 div.card.has-equal-height {
@@ -19,20 +19,20 @@ div.card.has-equal-height {
 }
 
 #django-logo {
-  padding-bottom: 2px;
-  background: url(https://static.djangoproject.com/img/logos/django-logo-negative.png) no-repeat center;
-  filter: grayscale(1) invert(0.02);
-  background-size: 52px 25.5px;
-  background-position: -1px -2px;
-  color: #00000000;
+    padding-bottom: 2px;
+    background: url(https://static.djangoproject.com/img/logos/django-logo-negative.png) no-repeat center;
+    filter: grayscale(1) invert(0.02);
+    background-size: 52px 25.5px;
+    background-position: -1px -2px;
+    color: #00000000;
 }
 
 #bulma-logo {
-  padding-left: 18px;
-  height: 20px;
-  background: url(https://bulma.io/images/bulma-logo-white.png) no-repeat center;
-  background-size: 60px;
-  color: #00000000;
+    padding-left: 18px;
+    height: 20px;
+    background: url(https://bulma.io/images/bulma-logo-white.png) no-repeat center;
+    background-size: 60px;
+    color: #00000000;
 }
 
 #pydis-text {
diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css
index 9aad02e5..0ad2e6b5 100644
--- a/pydis_site/static/css/home/index.css
+++ b/pydis_site/static/css/home/index.css
@@ -18,7 +18,7 @@
 }
 
 .navbar-item.is-fullsize {
-    padding:0;
+    padding: 0;
 }
 
 .navbar-item.is-fullsize img {
@@ -45,7 +45,7 @@
 .video-container object,
 .video-container embed {
     width: 100%;
-    height: calc(92vw*0.5625);
+    height: calc(92vw * 0.5625);
     margin: 8px auto auto auto;
 }
 
@@ -103,11 +103,13 @@ span.repo-language-dot.css {
         flex: none;
         width: 50%;
     }
+
     .columns:not(.is-desktop) {
         display: flex;
     }
+
     .video-container iframe {
-        height: calc(42vw*0.5625);
+        height: calc(42vw * 0.5625);
         max-height: 371px;
         max-width: 660px;
     }
@@ -118,11 +120,13 @@ span.repo-language-dot.css {
         flex: none;
         width: 100%;
     }
+
     .columns:not(.is-desktop) {
         display: block;
     }
+
     .video-container iframe {
-        height: calc(92vw*0.5625);
+        height: calc(92vw * 0.5625);
         max-height: none;
         max-width: none;
     }