Public lab dependency chart (publiclab#424)

* New Navbar added with the logo of PublicLab * Changes in Navbar * Set the size of The Logo-Image in Navbar section * fix the navbar in dark mode * Public dependency chart added at the bottom of the page * Public dependency chart added at the bottom of the page * Chart added * Chart added * set the dependency chart width * convert the dependency chart .png to webp * set the filename * image file renamed and removed removed png file from the commit and renamed the webp file to dependency chart
TildaDares · Apr 28, 2021 · 9b6bcf3 · 9b6bcf3
1 parent 2bb9cb5
commit 9b6bcf3
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/examples/demo.css b/examples/demo.css
@@ -104,6 +104,17 @@ nav ul ul li a {
 }
 /* Navbar ends  */
 
+/* dependency chart */
+#dependency-div{
+    text-align: center;
+}
+
+.dependency-chart{
+    border-radius: 8px;
+    width: 100%;
+}
+
+
 #forkMe-ribbon {
     width: 10px;
     height: 10px;

diff --git a/images/dependency-chart.webp b/images/dependency-chart.webp
diff --git a/index.html b/index.html
@@ -320,6 +320,12 @@ <h2 class="contributors-head" id="contributer">Contributors</h2>
         <div class="well contributors"><div id="spinner-icon" style="text-align: center;"><i class="fa fa-spinner fa-spin"></i></div><p class="usernames"></p><hr /><p class="avatars text-center"></p></div>
       </div>
 
+      <!-- Dependency chart  -->
+      <div id="dependency-div">
+      <img  class="dependency-chart" src="./images/dependency-chart.webp" alt="dependency-chart">
+    </div>
+    <!-- Dependency chart end -->
+
 	  <div class="row" id="connectwithus">
 		<h2 class="text-center d-block">Connect with us</h2>
 		<!-- <p>You can connect with us on any of these platforms:</p> -->