Using our images

_layouts/index.html

@@ -31,21 +31,21 @@ layout: default
 
         <div class="index-flex">
           <div class="index-box">
-            <img src="https://www.elixir-europe.org/sites/default/files/images/events.jpg" alt="Events image" />
+            <img src="{{ site.baseurl }}/assets/buttons/index_events.jpg" alt="Events image" />
             <div class="index-box-caption">
               <a href="{{ site.baseurl }}/events/">Events</a>
             </div>
           </div>
 
           <div class="index-box">
-            <img src="https://www.elixir-europe.org/sites/default/files/images/vacancies.jpg" alt="Job vacancies image" />
+            <img src="{{ site.baseurl }}/assets/buttons/index_jobs.jpg" alt="Job vacancies image" />
             <div class="index-box-caption">
               <a href="{{ site.baseurl }}/about-node/vacancies">Job vacancies</a>
             </div>
           </div>
 
           <div class="index-box">
-            <img src="https://www.elixir-europe.org/sites/default/files/images/get-involved.jpg" alt="Flyer image" />
+            <img src="{{ site.baseurl }}/assets/buttons/index_flyer.jpg" alt="Flyer image" />
             <div class="index-box-caption">
               <a href="https://webdav-r3lab.uni.lu/public/elixir/website/pdf/ELIXIR-LU_Flyer_VF.pdf">Download flyer</a>
             </div>