diff --git a/public/css/main.css b/public/css/main.css
index ccb4454df65abff19b068cbfd16559fdfda21dc6..b38409b963c0e8ff345051c1564ea26bde0252d6 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -96,6 +96,7 @@ a:visited {
     background-color: #cc3124;
     border-color: thistle; /*set the color you want here*/
     width: 180px;
+    margin: 10px;
 }
 .myBtn:hover, .myBtn:focus, .myBtn:active, .myBtn.active, .open>.dropdown-toggle.myBtn {
     color: #fff;
diff --git a/public/index.html b/public/index.html
index ac53fb9e54ea29b188358288b2b04d56c5389aec..5b613b2cb8e0e18a49fa098cd83324d4629097e7 100644
--- a/public/index.html
+++ b/public/index.html
@@ -15,7 +15,8 @@
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
     integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous" />
   <link href="css/main.css" rel="stylesheet" />
-  <link rel="icon" type="image/svg" href="imgs/wind-solid.svg" />
+  <!-- <link rel="icon" type="image/svg" href="imgs/wind-solid.svg" /> -->
+  <script src="https://kit.fontawesome.com/79b3e255a2.js" crossorigin="anonymous"></script>
 </head>
 
 <body>
@@ -63,7 +64,7 @@
           <!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="mr-2" viewBox="0 0 24 24" focusable="false"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg> -->
           <img src="imgs/HFT_logo.svg" class="hftlogo" width="100px" alt="wind" />
           <!-- <img src="imgs/wind-solid.svg" class="windSVG" width="50px" alt="wind"> -->
-          <i class="fas fa-wind"></i>
+          <!-- <i class="fas fa-wind"></i> -->
           <!-- <strong>UrbanVIS</strong> -->
           <h1 id="projectname"></h1>
         </a>
@@ -98,6 +99,10 @@
         </p>
         <p>
           <a href="http://icity.hft-stuttgart.de/" class="btn btn-secondary my-2 myBtn">iCity Project</a>
+          <a href="https://www.mdpi.com/2220-9964/9/11/657" class="btn btn-secondary my-2 myBtn">iCity Publication</a>        
+        </p>
+        <p>
+          
         </p>
       </div>
     </section>
@@ -132,7 +137,7 @@
                 <div class="btn-group">
                   <form action="circularData.html" class="form-signin" method="GET">
                     <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
-                      Explore
+                      <i class="fas fa-search" aria-hidden="false"> </i>  Explore
                     </button>
                   </form>
                 </div>
@@ -165,7 +170,7 @@
                 <div class="btn-group">
                   <form action="Kirchturm1.html" class="form-signin" method="GET">
                     <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
-                      Explore
+                      <i class="fas fa-search" aria-hidden="false"> </i> Explore
                     </button>
                   </form>
                 </div>
@@ -198,7 +203,7 @@
                 <div class="btn-group">
                   <form action="Kirchturm2.html" class="form-signin" method="GET">
                     <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
-                      Explore
+                      <i class="fas fa-search" aria-hidden="false"> </i> Explore
                     </button>
                   </form>
                 </div>
@@ -233,7 +238,7 @@
                 <div class="btn-group">
                   <form action="iStoeck.html" class="form-signin" method="GET">
                     <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
-                      Explore
+                      <i class="fas fa-search" aria-hidden="false"> </i> Explore
                     </button>
                   </form>
                 </div>
@@ -264,7 +269,7 @@
                 <div class="btn-group">
                   <form action="StreamlineParticles.html" class="form-signin" method="GET">
                     <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
-                      Explore
+                      <i class="fas fa-search" aria-hidden="false"> </i> Explore
                     </button>
                   </form>
                 </div>
@@ -293,7 +298,7 @@
                 <div class="btn-group">
                   <form action="StreamlinesMultipart.html" class="form-signin" method="GET">
                     <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
-                      Explore
+                      <i class="fas fa-search" aria-hidden="false"> </i> Explore
                     </button>
                   </form>
                 </div>
@@ -330,7 +335,7 @@
                 <div class="btn-group">
                   <form action="iStoeckHMGeoJSON.html" class="form-signin" method="GET">
                     <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
-                      Explore
+                      <i class="fas fa-search" aria-hidden="false"> </i> Explore
                     </button>
                   </form>
                 </div>
@@ -360,7 +365,7 @@
                 <div class="btn-group">
                   <form action="iStoeckStreams.html" class="form-signin" method="GET">
                     <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
-                      Explore
+                      <i class="fas fa-search" aria-hidden="false"> </i>  Explore
                     </button>
                   </form>
                 </div>
@@ -389,7 +394,7 @@
                 <div class="btn-group">
                   <form action="iStoeckHexgrid_2m.html" class="form-signin" method="GET">
                     <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
-                      Explore
+                      <i class="fas fa-search" aria-hidden="false"> </i>  Explore
                     </button>
                   </form>
                 </div>
@@ -426,7 +431,7 @@
                 <div class="btn-group">
                   <form action="iStoeckHM.html" class="form-signin" method="GET">
                     <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
-                      Explore
+                      <i class="fas fa-search" aria-hidden="false"> </i>   Explore
                     </button>
                   </form>
                 </div>
@@ -457,7 +462,7 @@
                 <div class="btn-group">
                   <form action="EssenPC.html" class="form-signin" method="GET">
                     <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
-                      Explore
+                      <i class="fas fa-search" aria-hidden="false"> </i>   Explore
                     </button>
                   </form>
                 </div>