Use IoT Observatory logo for data sources and favicon

pedasi/templates/base.html

@@ -8,6 +8,9 @@
 
     <title>PEDASI</title>
 
+    {% load static %}
+    <link rel="shortcut icon" href="{% static 'img/favicon.ico' %}" type="image/vnd.microsoft.icon"/>
+
     {% bootstrap_css %}
 
     <!-- Font Awesome - https://fontawesome.com -->
@@ -27,8 +30,6 @@
           integrity="sha384-5C8TGNupopdjruopVTTrVJacBbWqxHK9eis5DB+DYE6RfqIJapdLBRUdaZBTq7mE"
           crossorigin="anonymous">
 
-
-    {% load static %}
     <link rel="stylesheet" href="{% static 'css/pedasi.css' %}">
 
     {% block extra_head %}

profiles/templates/index.html

@@ -33,8 +33,9 @@
                            class="no-hover" role="button">
 
                             <div class="card rounded-0 h-100">
-                                <img src="https://via.placeholder.com/100x50"
-                                     class="card-img-top rounded-0">
+                                <img src="{% static 'img/IoT_observatory.png' %}"
+                                     class="card-img-top rounded-0 mt-4 mx-auto d-block"
+                                     style="width: 150px;">
 
                                 <div class="card-body d-flex flex-column pb-2">
                                     <h5 class="card-title">{{ application.name }}</h5>
@@ -70,8 +71,9 @@
                            class="no-hover" role="button">
 
                             <div class="card rounded-0 h-100">
-                                <img src="https://via.placeholder.com/100x50"
-                                     class="card-img-top rounded-0">
+                                <img src="{% static 'img/IoT_observatory.png' %}"
+                                     class="card-img-top rounded-0 mt-4 mx-auto d-block"
+                                     style="width: 150px;">
 
                                 <div class="card-body d-flex flex-column pb-2">
                                     <h5 class="card-title">{{ datasource.name }}</h5>