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>