Add fontawesome icons to every timeline event

1 files changed, 23 insertions, 23 deletions

diff --git a/pydis_site/templates/home/timeline.html b/pydis_site/templates/home/timeline.html
index 9c7817e9..fee54d66 100644
--- a/pydis_site/templates/home/timeline.html
+++ b/pydis_site/templates/home/timeline.html
@@ -31,7 +31,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-users"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -65,7 +65,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-users"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -83,7 +83,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-dice"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -102,7 +102,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-user-secret"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -121,7 +121,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-handshake"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -140,7 +140,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-users"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -157,7 +157,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-handshake"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -174,7 +174,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-dice"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -192,7 +192,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-users"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -208,7 +208,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-upload"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -226,7 +226,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-users"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -245,7 +245,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-code"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -262,7 +262,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-scroll"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -279,7 +279,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-users"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -295,7 +295,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-dice"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -318,7 +318,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-question"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -353,7 +353,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-gamepad"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -376,7 +376,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-life-ring"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -393,7 +393,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-handshake"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -410,7 +410,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-chart-bar"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -426,7 +426,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-dice"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -449,7 +449,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-handshake"></i>
             </div>
 
             <div class="cd-timeline__content text-component">
@@ -466,7 +466,7 @@
 
         <div class="cd-timeline__block">
             <div class="cd-timeline__img cd-timeline__img--picture">
-                <img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
+                <i class="fa fa-users"></i>
             </div>
 
             <div class="cd-timeline__content text-component">