diff --git a/public/css/main.css b/public/css/main.css index 9f9fb7c85f63ff66a7413de5a864f65d0708f5d1..6a65d6900880dc4a6bd2117c72cd71dc72c5144a 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -4,7 +4,7 @@ margin-bottom: 0; background-color: #fff; } -@media (min-width: 768px) { +@media (min-width: 1000px) { .jumbotron { padding-top: 6rem; padding-bottom: 6rem; @@ -33,12 +33,12 @@ footer p { } .footer-header-color{ - background-color: #868686; + background-color: #cc3124; } body{ - background-color: #868686;/* thistle; */ + background-color: #cc3124;/* thistle; */ } .bd-placeholder-img { @@ -50,13 +50,23 @@ body{ user-select: none; } -@media (min-width: 768px) { +@media (min-width: 1000px) { .bd-placeholder-img-lg { font-size: 3.5rem; } } +.exploreBtn{ + background-color: #ffffff; + color: #cc3124; + border-color: #cc3124; + +} +.exploreBtn:hover{ + background-color: #cc3124; + color: #fff; +} a { color: black; @@ -74,13 +84,13 @@ a:visited { .myBtn { color: #fff; - background-color: #bd1a1e; + background-color: #cc3124; border-color: thistle; /*set the color you want here*/ width: 180px; } .myBtn:hover, .myBtn:focus, .myBtn:active, .myBtn.active, .open>.dropdown-toggle.myBtn { color: #fff; - background-color: #bd1a1e; + background-color: #cc3124; border-color: thistle; /*set the color you want here*/ } @@ -106,6 +116,7 @@ a.button { .hftlogo{ margin-right : 20px; + /* width: 100px; */ } diff --git a/public/imgs/HFT_logo.svg b/public/imgs/HFT_logo.svg new file mode 100644 index 0000000000000000000000000000000000000000..9b478961420359acb06d381ec6ce6d235c3b0b9a --- /dev/null +++ b/public/imgs/HFT_logo.svg @@ -0,0 +1,184 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 166.2 166.2" style="enable-background:new 0 0 166.2 166.2;" xml:space="preserve"> +<style type="text/css"> + .st0{clip-path:url(#SVGID_2_);} + .st1{fill:#cc3124;opacity:0.8} + .st2{enable-background:new ;} + .st3{fill:#FFFFFF;} +</style> +<g id="Group_1316" transform="translate(-140)"> + <g id="Group_519" transform="translate(140)"> + <g> + <defs> + <rect id="SVGID_1_" width="166.2" height="166.2"/> + </defs> + <clipPath id="SVGID_2_"> + <use xlink:href="#SVGID_1_" style="overflow:visible;"/> + </clipPath> + <g id="Group_518" class="st0"> + <g id="Path_371"> + <path class="st1" d="M-8.3-6.6v180.7h184.9V-6.6H-8.3z"/> + </g> + </g> + </g> + </g> + <g class="st2"> + <path class="st3" d="M157.5,44.6V26.7h1.2V35h11.2v-8.3h1.2v17.9h-1.2v-8.4h-11.2v8.4H157.5z"/> + <path class="st3" d="M180.2,31.3c0.3,0,0.6,0,0.9,0.1c0.3,0.1,0.7,0.2,1.1,0.3c0.4,0.1,0.7,0.3,1.1,0.6s0.6,0.5,0.9,0.9 + s0.5,0.8,0.6,1.3c0.2,0.5,0.2,1.1,0.2,1.8v3.7c0,0.1,0,0.4,0,0.7c0,0.3-0.1,0.6-0.2,1c-0.1,0.4-0.2,0.7-0.4,1.1s-0.5,0.7-0.8,1.1 + c-0.4,0.3-0.8,0.6-1.4,0.8c-0.6,0.2-1.2,0.3-2,0.3c-0.8,0-1.5-0.1-2-0.3c-0.6-0.2-1-0.5-1.4-0.8c-0.4-0.3-0.6-0.7-0.8-1.1 + c-0.2-0.4-0.4-0.8-0.4-1.1c-0.1-0.4-0.2-0.7-0.2-1c0-0.3,0-0.5,0-0.7v-3.7c0-0.7,0.1-1.3,0.3-1.8c0.2-0.5,0.4-0.9,0.7-1.3 + c0.3-0.4,0.6-0.7,0.9-0.9c0.3-0.2,0.7-0.4,1.1-0.6c0.4-0.1,0.7-0.2,1.1-0.3C179.6,31.4,179.9,31.3,180.2,31.3z M180.2,32.6 + c-0.3,0-0.7,0.1-1.1,0.2c-0.4,0.1-0.8,0.3-1.2,0.6c-0.4,0.3-0.7,0.6-1,1.1c-0.3,0.5-0.4,1.1-0.4,1.8v3.7c0,0.1,0,0.3,0,0.5 + c0,0.2,0.1,0.5,0.1,0.8c0.1,0.3,0.2,0.6,0.3,0.9c0.2,0.3,0.4,0.6,0.6,0.8c0.3,0.2,0.6,0.4,1,0.6c0.4,0.2,0.9,0.2,1.5,0.2 + c0.6,0,1.1-0.1,1.5-0.2c0.4-0.2,0.8-0.4,1-0.6c0.3-0.2,0.5-0.5,0.6-0.8c0.1-0.3,0.3-0.6,0.3-0.9c0.1-0.3,0.1-0.5,0.1-0.8 + c0-0.2,0-0.4,0-0.5v-3.7c0-0.5-0.1-0.9-0.2-1.3c-0.1-0.4-0.3-0.7-0.5-1c-0.2-0.3-0.4-0.5-0.7-0.7c-0.3-0.2-0.5-0.3-0.8-0.4 + c-0.3-0.1-0.5-0.2-0.8-0.2C180.6,32.6,180.4,32.6,180.2,32.6z"/> + <path class="st3" d="M196.8,32.9h-3.7c-0.1,0-0.2,0-0.4,0c-0.2,0-0.4,0-0.7,0.1c-0.3,0.1-0.5,0.2-0.8,0.3 + c-0.3,0.1-0.5,0.3-0.8,0.6c-0.2,0.2-0.4,0.6-0.6,0.9c-0.2,0.4-0.2,0.8-0.2,1.4v4.3c0,0.2,0,0.3,0,0.6c0,0.2,0,0.4,0.1,0.7 + s0.1,0.5,0.2,0.7c0.1,0.2,0.2,0.4,0.4,0.6c0.2,0.2,0.4,0.3,0.7,0.4c0.3,0.1,0.6,0.2,1,0.2c0.2,0,0.4,0,0.7,0 + c0.2,0,0.5-0.1,0.8-0.1c0.3-0.1,0.5-0.1,0.8-0.2c0.3-0.1,0.5-0.1,0.7-0.2c0.6-0.2,1.1-0.4,1.7-0.6l0.4,1.1 + c-0.6,0.2-1.2,0.4-1.8,0.6c-0.3,0.1-0.5,0.2-0.8,0.2c-0.3,0.1-0.6,0.1-0.8,0.2c-0.3,0.1-0.6,0.1-0.8,0.1c-0.3,0-0.5,0.1-0.8,0.1 + c-0.6,0-1.1-0.1-1.5-0.2c-0.4-0.2-0.8-0.4-1-0.6c-0.3-0.3-0.5-0.5-0.6-0.9c-0.2-0.3-0.3-0.6-0.3-1c-0.1-0.3-0.1-0.6-0.1-0.9 + c0-0.3,0-0.6,0-0.8v-4.3c0-0.8,0.1-1.4,0.3-1.9c0.2-0.5,0.5-0.9,0.8-1.3c0.3-0.3,0.7-0.6,1-0.8c0.4-0.2,0.7-0.3,1.1-0.4 + c0.3-0.1,0.6-0.1,0.9-0.1c0.3,0,0.4,0,0.5,0h3.7V32.9z"/> + <path class="st3" d="M200.5,44.6V26.7h1.2V33c0.2-0.1,0.5-0.2,0.7-0.3c0.3-0.1,0.5-0.2,0.8-0.3c0.3-0.1,0.5-0.2,0.7-0.3 + c0.2-0.1,0.4-0.2,0.5-0.2c0.3-0.1,0.5-0.2,0.7-0.2c0.2-0.1,0.4-0.1,0.6-0.2c0.2,0,0.4-0.1,0.5-0.1c0.2,0,0.3,0,0.5,0 + c0.6,0,1.2,0.1,1.6,0.4c0.4,0.3,0.7,0.6,1,1c0.2,0.4,0.4,0.8,0.5,1.3c0.1,0.4,0.1,0.8,0.1,1.2v9.4h-1.2v-9.4c0-0.2,0-0.5-0.1-0.8 + c-0.1-0.3-0.2-0.6-0.3-0.9c-0.1-0.3-0.3-0.5-0.6-0.7c-0.3-0.2-0.6-0.3-1-0.3c-0.5,0-1.2,0.1-1.9,0.4c-0.2,0.1-0.4,0.2-0.7,0.3 + c-0.3,0.1-0.6,0.2-0.9,0.4c-0.3,0.1-0.6,0.3-0.9,0.4s-0.5,0.2-0.7,0.3v10.3H200.5z"/> + <path class="st3" d="M213.6,42.6c0.2,0.1,0.4,0.2,0.7,0.3c0.3,0.1,0.6,0.3,1,0.4c0.4,0.1,0.8,0.2,1.2,0.3c0.5,0.1,1,0.1,1.5,0.1 + c0.6,0,1.2-0.1,1.6-0.2c0.5-0.1,0.8-0.3,1.1-0.5c0.3-0.2,0.5-0.5,0.6-0.8c0.1-0.3,0.2-0.7,0.2-1.1c0-0.4-0.1-0.7-0.2-0.9 + c-0.1-0.3-0.3-0.5-0.6-0.7s-0.6-0.4-1-0.5c-0.4-0.2-1-0.3-1.6-0.4c-0.9-0.2-1.6-0.5-2.2-0.7c-0.6-0.2-1-0.5-1.4-0.8 + c-0.3-0.3-0.6-0.6-0.7-1c-0.1-0.4-0.2-0.8-0.2-1.3c0-1.1,0.4-2,1.1-2.6c0.7-0.6,1.8-0.9,3.1-0.9c1,0,1.9,0.1,2.6,0.2 + c0.7,0.1,1.2,0.3,1.6,0.4l-0.4,1.1c-0.2-0.1-0.5-0.1-0.7-0.2c-0.2-0.1-0.5-0.1-0.8-0.2c-0.3-0.1-0.6-0.1-1-0.1c-0.4,0-0.8,0-1.3,0 + c-1,0-1.8,0.2-2.3,0.6c-0.5,0.4-0.7,1-0.7,1.8c0,0.4,0.1,0.7,0.2,0.9c0.1,0.2,0.3,0.5,0.6,0.7c0.3,0.2,0.6,0.4,1.1,0.5 + c0.5,0.2,1,0.3,1.7,0.5c0.8,0.2,1.5,0.4,2.1,0.6c0.6,0.2,1,0.4,1.4,0.7c0.3,0.3,0.6,0.6,0.7,1c0.2,0.4,0.2,0.9,0.2,1.4 + c0,1.2-0.4,2.1-1.2,2.7c-0.8,0.6-2,1-3.6,1c-0.6,0-1.2,0-1.7-0.1s-1-0.2-1.4-0.3c-0.4-0.1-0.8-0.3-1.1-0.4 + c-0.3-0.1-0.5-0.3-0.7-0.4L213.6,42.6z"/> + <path class="st3" d="M233.9,32.9h-3.7c-0.1,0-0.2,0-0.4,0c-0.2,0-0.4,0-0.7,0.1c-0.3,0.1-0.5,0.2-0.8,0.3 + c-0.3,0.1-0.5,0.3-0.8,0.6c-0.2,0.2-0.4,0.6-0.6,0.9c-0.2,0.4-0.2,0.8-0.2,1.4v4.3c0,0.2,0,0.3,0,0.6c0,0.2,0,0.4,0.1,0.7 + s0.1,0.5,0.2,0.7c0.1,0.2,0.2,0.4,0.4,0.6c0.2,0.2,0.4,0.3,0.7,0.4c0.3,0.1,0.6,0.2,1,0.2c0.2,0,0.4,0,0.7,0 + c0.2,0,0.5-0.1,0.8-0.1c0.3-0.1,0.5-0.1,0.8-0.2c0.3-0.1,0.5-0.1,0.7-0.2c0.6-0.2,1.1-0.4,1.7-0.6l0.4,1.1 + c-0.6,0.2-1.2,0.4-1.8,0.6c-0.3,0.1-0.5,0.2-0.8,0.2c-0.3,0.1-0.6,0.1-0.8,0.2c-0.3,0.1-0.6,0.1-0.8,0.1c-0.3,0-0.5,0.1-0.8,0.1 + c-0.6,0-1.1-0.1-1.5-0.2c-0.4-0.2-0.8-0.4-1-0.6c-0.3-0.3-0.5-0.5-0.6-0.9c-0.2-0.3-0.3-0.6-0.3-1c-0.1-0.3-0.1-0.6-0.1-0.9 + c0-0.3,0-0.6,0-0.8v-4.3c0-0.8,0.1-1.4,0.3-1.9c0.2-0.5,0.5-0.9,0.8-1.3c0.3-0.3,0.7-0.6,1-0.8c0.4-0.2,0.7-0.3,1.1-0.4 + c0.3-0.1,0.6-0.1,0.9-0.1c0.3,0,0.4,0,0.5,0h3.7V32.9z"/> + <path class="st3" d="M237.6,44.6V26.7h1.2V33c0.2-0.1,0.5-0.2,0.7-0.3c0.3-0.1,0.5-0.2,0.8-0.3c0.3-0.1,0.5-0.2,0.7-0.3 + c0.2-0.1,0.4-0.2,0.5-0.2c0.3-0.1,0.5-0.2,0.7-0.2c0.2-0.1,0.4-0.1,0.6-0.2c0.2,0,0.4-0.1,0.5-0.1c0.2,0,0.3,0,0.5,0 + c0.6,0,1.2,0.1,1.6,0.4c0.4,0.3,0.7,0.6,1,1c0.2,0.4,0.4,0.8,0.5,1.3c0.1,0.4,0.1,0.8,0.1,1.2v9.4H246v-9.4c0-0.2,0-0.5-0.1-0.8 + c-0.1-0.3-0.2-0.6-0.3-0.9c-0.1-0.3-0.3-0.5-0.6-0.7c-0.3-0.2-0.6-0.3-1-0.3c-0.5,0-1.2,0.1-1.9,0.4c-0.2,0.1-0.4,0.2-0.7,0.3 + c-0.3,0.1-0.6,0.2-0.9,0.4c-0.3,0.1-0.6,0.3-0.9,0.4s-0.5,0.2-0.7,0.3v10.3H237.6z"/> + <path class="st3" d="M252.8,31.6v9.4c0,0.2,0,0.5,0.1,0.8c0.1,0.3,0.2,0.6,0.3,0.9s0.3,0.5,0.6,0.7c0.3,0.2,0.6,0.3,1,0.3 + c0.5,0,1.2-0.1,1.9-0.4c0.2-0.1,0.4-0.2,0.7-0.3c0.3-0.1,0.6-0.2,0.9-0.4c0.3-0.1,0.6-0.3,0.9-0.4c0.3-0.1,0.5-0.2,0.7-0.3V31.6 + h1.2v13h-1.2v-1.3c-0.2,0.1-0.5,0.2-0.8,0.3c-0.3,0.1-0.5,0.2-0.8,0.3c-0.3,0.1-0.5,0.2-0.7,0.3c-0.2,0.1-0.4,0.2-0.5,0.2 + c-0.3,0.1-0.5,0.2-0.7,0.2c-0.2,0.1-0.4,0.1-0.6,0.2c-0.2,0-0.4,0.1-0.5,0.1c-0.2,0-0.3,0-0.5,0c-0.6,0-1.2-0.1-1.6-0.4 + c-0.4-0.3-0.7-0.6-1-1c-0.2-0.4-0.4-0.8-0.5-1.3c-0.1-0.4-0.1-0.8-0.1-1.2v-9.4H252.8z"/> + <path class="st3" d="M266.8,26.7v17.9h-1.2V26.7H266.8z"/> + <path class="st3" d="M280.6,43.8c-0.3,0.1-0.7,0.2-1.1,0.4c-0.4,0.1-0.8,0.3-1.3,0.4c-0.4,0.1-0.9,0.2-1.4,0.3 + c-0.5,0.1-1,0.1-1.6,0.1c-0.7,0-1.3-0.1-1.8-0.3c-0.6-0.2-1-0.5-1.4-0.9c-0.4-0.4-0.7-0.9-0.9-1.6c-0.2-0.6-0.3-1.4-0.3-2.2v-3.3 + c0-0.9,0.1-1.6,0.4-2.3c0.2-0.7,0.6-1.2,1-1.7c0.4-0.5,1-0.8,1.6-1c0.6-0.2,1.4-0.3,2.1-0.3c0.8,0,1.5,0.1,2.1,0.4 + c0.6,0.3,1.1,0.6,1.5,1.1c0.4,0.5,0.7,1,0.9,1.6c0.2,0.6,0.3,1.3,0.3,2.1v2.2H272v1.1c0,0.7,0.1,1.2,0.2,1.7 + c0.2,0.5,0.4,0.9,0.7,1.2c0.3,0.3,0.6,0.5,1,0.7c0.4,0.1,0.9,0.2,1.4,0.2c0.5,0,1,0,1.4-0.1c0.5-0.1,0.9-0.2,1.4-0.3 + s0.8-0.2,1.2-0.4c0.4-0.1,0.7-0.2,0.9-0.3L280.6,43.8z M272,37.5h7.4v-1.1c0-1.3-0.3-2.3-0.8-3c-0.6-0.7-1.5-1.1-2.7-1.1 + c-0.6,0-1.2,0.1-1.7,0.2c-0.5,0.2-0.9,0.4-1.2,0.7c-0.3,0.3-0.6,0.8-0.8,1.3c-0.2,0.5-0.3,1.2-0.3,1.9V37.5z"/> + </g> + <g class="st2"> + <path class="st3" d="M156.2,58h1.9v-0.6c0-0.6,0.1-1.1,0.2-1.6s0.4-1,0.7-1.3c0.3-0.4,0.7-0.7,1.2-0.9s1.1-0.3,1.8-0.3 + c0.5,0,0.9,0,1.2,0.1c0.3,0.1,0.6,0.2,0.8,0.3l-0.7,1.9c-0.2-0.1-0.4-0.1-0.6-0.2c-0.2,0-0.4-0.1-0.7-0.1c-0.6,0-1,0.2-1.3,0.5 + c-0.3,0.4-0.5,0.9-0.5,1.6V58h2.5v2.1h-2.5V71H158V60.1h-1.9V58z"/> + <path class="st3" d="M175.9,71h-2.2v-1.1l-1.9,0.7c-0.1,0.1-0.3,0.1-0.5,0.2c-0.2,0.1-0.4,0.1-0.7,0.2s-0.5,0.1-0.8,0.2 + c-0.3,0-0.6,0.1-0.9,0.1c-0.4,0-0.8-0.1-1.3-0.2c-0.4-0.1-0.8-0.4-1.1-0.7c-0.3-0.3-0.6-0.8-0.8-1.3c-0.2-0.6-0.3-1.3-0.3-2.2V58 + h2.2v8.9c0,0.2,0,0.4,0,0.6s0.1,0.5,0.2,0.8c0.1,0.3,0.3,0.5,0.5,0.7c0.2,0.2,0.6,0.3,1,0.3c0.3,0,0.5,0,0.8-0.1 + c0.3-0.1,0.5-0.2,0.8-0.3l2.7-1.1V58h2.2V71z M167.3,55.6v-2.5h2.3v2.5H167.3z M171.9,55.6v-2.5h2.3v2.5H171.9z"/> + <path class="st3" d="M184.6,57.7c0.3,0,0.7,0,0.9,0.1c0.3,0.1,0.5,0.2,0.7,0.3c0.2,0.1,0.4,0.2,0.6,0.4l-0.8,2.1 + c-0.1-0.1-0.3-0.2-0.5-0.2c-0.1-0.1-0.3-0.1-0.5-0.2c-0.2-0.1-0.4-0.1-0.6-0.1c-0.2,0-0.4,0-0.6,0.1c-0.2,0.1-0.4,0.2-0.6,0.4 + c-0.2,0.1-0.4,0.3-0.5,0.5c-0.2,0.2-0.3,0.3-0.4,0.5s-0.3,0.3-0.4,0.5V71h-2.2V58h2.2v1.4c0,0,0,0,0.1-0.1 + c0.1-0.1,0.1-0.2,0.3-0.3c0.1-0.1,0.2-0.3,0.4-0.4c0.2-0.1,0.3-0.3,0.5-0.4c0.2-0.1,0.4-0.2,0.6-0.3 + C184.1,57.8,184.4,57.7,184.6,57.7z"/> + <path class="st3" d="M209.6,55.2h-6.7V71h-2.4V55.2h-6.7v-2.1h15.7V55.2z"/> + </g> + <g class="st2"> + <path class="st3" d="M220.8,70.2c-0.4,0.1-0.8,0.2-1.2,0.4c-0.4,0.1-0.8,0.2-1.3,0.3c-0.5,0.1-0.9,0.2-1.4,0.3 + c-0.5,0.1-1,0.1-1.6,0.1c-0.6,0-1.3-0.1-1.9-0.3c-0.6-0.2-1.1-0.5-1.6-0.9c-0.5-0.4-0.9-1-1.2-1.7c-0.3-0.7-0.4-1.6-0.4-2.7v-2.1 + c0-0.8,0.1-1.6,0.3-2.3c0.2-0.7,0.6-1.3,1-1.9c0.5-0.5,1-0.9,1.7-1.2c0.7-0.3,1.5-0.4,2.5-0.4c0.7,0,1.3,0.1,1.8,0.2 + c0.5,0.1,1,0.3,1.3,0.6c0.4,0.3,0.7,0.6,1,0.9c0.3,0.3,0.5,0.7,0.6,1.1c0.2,0.4,0.3,0.8,0.3,1.3c0.1,0.4,0.1,0.9,0.1,1.3v2.3h-8.5 + v0.6c0,0.6,0.1,1.1,0.2,1.5c0.1,0.4,0.3,0.7,0.6,1c0.3,0.3,0.6,0.4,0.9,0.6c0.3,0.1,0.7,0.2,1.1,0.2c0.5,0,0.9,0,1.4-0.1 + c0.5-0.1,0.9-0.2,1.3-0.3c0.4-0.1,0.8-0.2,1.2-0.3c0.4-0.1,0.7-0.2,1-0.3L220.8,70.2z M212.4,63.6h6.3c0-0.6,0-1.2-0.1-1.7 + c-0.1-0.5-0.2-0.9-0.4-1.3c-0.2-0.4-0.5-0.6-0.9-0.8c-0.4-0.2-0.9-0.3-1.5-0.3c-0.6,0-1.1,0.1-1.5,0.3c-0.4,0.2-0.8,0.4-1,0.7 + s-0.5,0.7-0.6,1.1c-0.1,0.4-0.2,0.9-0.2,1.5V63.6z"/> + <path class="st3" d="M232.7,60h-3.3c-0.5,0-1,0.1-1.4,0.2c-0.4,0.1-0.7,0.3-0.9,0.5s-0.4,0.4-0.6,0.7c-0.1,0.2-0.2,0.5-0.3,0.7 + c-0.1,0.2-0.1,0.5-0.1,0.7c0,0.2,0,0.4,0,0.5v3.7c0,0.4,0.1,0.8,0.2,1.1c0.1,0.3,0.2,0.6,0.4,0.7s0.4,0.3,0.6,0.4 + c0.2,0.1,0.5,0.1,0.7,0.1c0.4,0,0.8,0,1.2-0.1c0.5-0.1,0.9-0.2,1.3-0.3c0.4-0.1,0.9-0.2,1.2-0.3c0.4-0.1,0.7-0.2,0.9-0.3 + c0.1,0.4,0.2,0.7,0.2,1c0.1,0.2,0.1,0.5,0.2,0.7s0.1,0.3,0.1,0.3c-0.4,0.1-0.8,0.3-1.2,0.4c-0.4,0.1-0.8,0.3-1.3,0.4 + c-0.4,0.1-0.9,0.2-1.4,0.2c-0.5,0.1-1.1,0.1-1.7,0.1c-0.4,0-0.9-0.1-1.3-0.2c-0.4-0.1-0.8-0.4-1.2-0.7c-0.4-0.3-0.6-0.8-0.9-1.4 + c-0.2-0.6-0.3-1.3-0.3-2.2v-3.6c0-0.7,0.1-1.4,0.2-1.9c0.2-0.5,0.4-1,0.7-1.4c0.3-0.4,0.6-0.7,1-1c0.4-0.2,0.8-0.4,1.2-0.6 + c0.4-0.1,0.8-0.2,1.3-0.3c0.4-0.1,0.8-0.1,1.2-0.1h3.3V60z"/> + <path class="st3" d="M236.4,53.1h2.2v6l1.9-0.7c0.1-0.1,0.3-0.1,0.5-0.2c0.2-0.1,0.4-0.1,0.6-0.2c0.2-0.1,0.5-0.1,0.8-0.2 + c0.3,0,0.6-0.1,1-0.1c0.4,0,0.8,0.1,1.3,0.2c0.4,0.1,0.8,0.4,1.1,0.7c0.3,0.3,0.6,0.8,0.8,1.3c0.2,0.6,0.3,1.3,0.3,2.2V71h-2.2 + v-8.9c0-0.2,0-0.4,0-0.6c0-0.3-0.1-0.5-0.2-0.8c-0.1-0.3-0.3-0.5-0.5-0.7c-0.2-0.2-0.6-0.3-1-0.3c-0.3,0-0.5,0-0.8,0.1 + c-0.3,0.1-0.5,0.2-0.7,0.2l-2.8,1.1V71h-2.2V53.1z"/> + <path class="st3" d="M250.8,58h2.1v1.1l1.9-0.7c0.1,0,0.3-0.1,0.5-0.2c0.2-0.1,0.4-0.2,0.7-0.2c0.3-0.1,0.5-0.1,0.9-0.2 + c0.3-0.1,0.6-0.1,1-0.1c0.4,0,0.8,0.1,1.3,0.2c0.4,0.1,0.8,0.4,1.1,0.7c0.3,0.3,0.6,0.8,0.8,1.3c0.2,0.6,0.3,1.3,0.3,2.2V71h-2.2 + v-8.9c0-0.2,0-0.4,0-0.6c0-0.3-0.1-0.5-0.2-0.8c-0.1-0.3-0.3-0.5-0.5-0.7c-0.2-0.2-0.6-0.3-1-0.3c-0.3,0-0.5,0-0.8,0.1 + c-0.3,0.1-0.5,0.2-0.7,0.2l-2.8,1.1V71h-2.2V58z"/> + <path class="st3" d="M267.5,56h-2.2v-2.2h2.2V56z M267.5,71h-2.2V58h2.2V71z"/> + <path class="st3" d="M271.4,71V53.1h2.2v10.5l6-5.5h2.8l-5.7,5.3l5.7,7.6h-2.7l-4.6-6.2l-1.5,1.4V71H271.4z"/> + </g> + <g class="st2"> + <path class="st3" d="M158,93.1c0.4,0.3,0.9,0.5,1.4,0.7c0.4,0.2,1,0.3,1.6,0.5c0.6,0.1,1.3,0.2,2,0.2c1.1,0,2-0.2,2.6-0.5 + c0.6-0.3,0.9-0.9,0.9-1.8c0-0.4-0.1-0.7-0.2-0.9c-0.1-0.2-0.3-0.4-0.6-0.6c-0.3-0.1-0.6-0.3-1.1-0.4c-0.5-0.1-1-0.2-1.7-0.4 + c-1.1-0.3-2.1-0.5-2.8-0.8c-0.8-0.3-1.4-0.6-1.9-1c-0.5-0.4-0.9-0.9-1.1-1.5c-0.2-0.6-0.3-1.4-0.3-2.3c0-0.9,0.1-1.7,0.4-2.4 + c0.3-0.7,0.7-1.2,1.3-1.6c0.5-0.4,1.2-0.7,2-0.9c0.8-0.2,1.7-0.3,2.6-0.3c0.7,0,1.3,0,1.9,0.1c0.6,0.1,1.2,0.1,1.7,0.2 + c0.5,0.1,1,0.2,1.4,0.3c0.4,0.1,0.8,0.2,1,0.3l-1,3c-0.3-0.1-0.6-0.2-1-0.3c-0.4-0.1-0.8-0.2-1.2-0.3c-0.4-0.1-0.9-0.2-1.3-0.2 + c-0.5-0.1-0.9-0.1-1.4-0.1c-0.5,0-0.9,0-1.3,0.1c-0.4,0.1-0.6,0.2-0.9,0.4c-0.2,0.2-0.4,0.4-0.5,0.6c-0.1,0.3-0.2,0.6-0.2,0.9 + c0,0.4,0.1,0.6,0.2,0.9c0.1,0.2,0.3,0.4,0.6,0.6c0.3,0.2,0.6,0.3,1.1,0.4c0.4,0.1,1,0.3,1.7,0.4c0.7,0.2,1.4,0.3,2,0.5 + c0.6,0.2,1.1,0.3,1.6,0.5s0.9,0.4,1.2,0.7c0.3,0.3,0.6,0.6,0.8,0.9c0.2,0.4,0.4,0.8,0.5,1.3c0.1,0.5,0.2,1,0.2,1.7 + c0,1-0.2,1.8-0.5,2.5c-0.3,0.7-0.8,1.3-1.4,1.7c-0.6,0.4-1.3,0.7-2.2,0.9c-0.9,0.2-1.9,0.3-3,0.3c-0.5,0-0.9,0-1.4-0.1 + c-0.4-0.1-0.9-0.1-1.3-0.2c-0.4-0.1-0.8-0.2-1.1-0.3c-0.4-0.1-0.7-0.2-1-0.4c-0.7-0.3-1.3-0.6-1.9-1L158,93.1z"/> + <path class="st3" d="M176.1,79.9v4.5h2.7v3h-2.7v5.8c0,0.6,0.1,1,0.3,1.2c0.2,0.2,0.5,0.3,1,0.3c0.1,0,0.3,0,0.4,0 + c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.2-0.1,0.3-0.1c0.1,0,0.2-0.1,0.2-0.1l0.9,2.8c-0.1,0-0.2,0.1-0.3,0.2c-0.1,0.1-0.3,0.1-0.5,0.2 + c-0.2,0.1-0.4,0.1-0.7,0.1c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0-1.4-0.1-2-0.3c-0.5-0.2-1-0.5-1.3-0.9c-0.3-0.4-0.6-0.9-0.7-1.4 + c-0.1-0.6-0.2-1.2-0.2-1.9v-5.8h-1.5v-3h1.5v-3.5L176.1,79.9z"/> + <path class="st3" d="M192.6,97.4h-3.1v-0.9c-0.2,0.1-0.3,0.2-0.5,0.2c-0.2,0.1-0.3,0.1-0.5,0.2c-0.2,0.1-0.3,0.1-0.5,0.2 + c-0.1,0-0.3,0.1-0.5,0.2c-0.2,0.1-0.4,0.1-0.6,0.2c-0.2,0.1-0.5,0.1-0.8,0.1c-0.3,0-0.6,0.1-0.9,0.1c-0.4,0-0.8-0.1-1.3-0.2 + c-0.4-0.1-0.8-0.4-1.2-0.7c-0.4-0.3-0.6-0.8-0.9-1.3c-0.2-0.6-0.3-1.3-0.3-2.2v-8.9h3.2V93c0,0.3,0,0.6,0.1,0.8 + c0,0.2,0.1,0.4,0.2,0.6c0.1,0.2,0.2,0.3,0.4,0.4c0.2,0.1,0.4,0.1,0.7,0.1c0.2,0,0.3,0,0.5-0.1c0.2-0.1,0.4-0.1,0.7-0.2 + c0.2-0.1,0.4-0.1,0.7-0.2c0.2-0.1,0.5-0.2,0.7-0.3c0.2-0.1,0.5-0.2,0.7-0.3v-9.4h3.2V97.4z"/> + <path class="st3" d="M199.2,79.9v4.5h2.7v3h-2.7v5.8c0,0.6,0.1,1,0.3,1.2c0.2,0.2,0.5,0.3,1,0.3c0.1,0,0.3,0,0.4,0 + c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.2-0.1,0.3-0.1c0.1,0,0.2-0.1,0.2-0.1l0.9,2.8c-0.1,0-0.2,0.1-0.3,0.2c-0.1,0.1-0.3,0.1-0.5,0.2 + c-0.2,0.1-0.4,0.1-0.7,0.1c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0-1.4-0.1-2-0.3c-0.5-0.2-1-0.5-1.3-0.9c-0.3-0.4-0.6-0.9-0.7-1.4 + c-0.1-0.6-0.2-1.2-0.2-1.9v-5.8h-1.5v-3h1.5v-3.5L199.2,79.9z"/> + <path class="st3" d="M207.9,79.9v4.5h2.7v3h-2.7v5.8c0,0.6,0.1,1,0.3,1.2c0.2,0.2,0.5,0.3,1,0.3c0.1,0,0.3,0,0.4,0 + c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.2-0.1,0.3-0.1c0.1,0,0.2-0.1,0.2-0.1l0.9,2.8c-0.1,0-0.2,0.1-0.3,0.2c-0.1,0.1-0.3,0.1-0.5,0.2 + c-0.2,0.1-0.4,0.1-0.7,0.1c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0-1.4-0.1-2-0.3c-0.5-0.2-1-0.5-1.3-0.9c-0.3-0.4-0.6-0.9-0.7-1.4 + c-0.1-0.6-0.2-1.2-0.2-1.9v-5.8h-1.5v-3h1.5v-3.5L207.9,79.9z"/> + <path class="st3" d="M218.3,99.7c0.5,0,0.9-0.1,1.2-0.2c0.3-0.1,0.6-0.3,0.8-0.6c0.2-0.2,0.4-0.5,0.5-0.8c0.1-0.3,0.1-0.6,0.1-1 + v-0.8l-0.6,0.3c-0.4,0.2-0.8,0.3-1.2,0.5c-0.5,0.2-1,0.2-1.6,0.2c-0.7,0-1.3-0.1-1.8-0.3c-0.5-0.2-0.9-0.5-1.3-0.8 + c-0.3-0.3-0.6-0.7-0.8-1.1c-0.2-0.4-0.3-0.8-0.4-1.1c-0.1-0.4-0.2-0.7-0.2-1c0-0.3,0-0.6,0-0.7v-2c0-0.9,0.1-1.7,0.3-2.4 + c0.2-0.7,0.5-1.2,0.8-1.7c0.3-0.4,0.7-0.8,1.1-1c0.4-0.3,0.8-0.5,1.2-0.6c0.4-0.1,0.7-0.2,1-0.2c0.3,0,0.5,0,0.7,0h6v12.3 + c0,0.8-0.1,1.5-0.3,2.2c-0.2,0.7-0.5,1.3-1,1.9c-0.5,0.5-1,1-1.8,1.3c-0.7,0.3-1.6,0.5-2.7,0.5c-0.5,0-0.9,0-1.3-0.1 + c-0.4-0.1-0.8-0.2-1.1-0.3c-0.3-0.1-0.6-0.2-0.9-0.4c-0.3-0.1-0.5-0.3-0.7-0.5c-0.5-0.4-0.9-0.8-1.1-1.2l2.5-1.7 + c0.2,0.2,0.4,0.4,0.6,0.6c0.2,0.2,0.5,0.3,0.8,0.4C217.4,99.7,217.8,99.7,218.3,99.7z M219.3,94.1c0.2-0.1,0.3-0.1,0.5-0.2 + c0.2-0.1,0.3-0.1,0.5-0.2c0.2-0.1,0.4-0.1,0.5-0.2v-6.1h-2.8c0,0-0.1,0-0.2,0c-0.1,0-0.2,0-0.4,0.1c-0.1,0.1-0.3,0.1-0.4,0.3 + c-0.2,0.1-0.3,0.3-0.4,0.4c-0.1,0.2-0.2,0.4-0.3,0.7c-0.1,0.3-0.1,0.6-0.1,1v2.4c0,0.2,0,0.3,0.1,0.6c0,0.2,0.1,0.5,0.3,0.7 + c0.1,0.2,0.3,0.4,0.5,0.6c0.2,0.2,0.5,0.2,0.8,0.2c0.2,0,0.4,0,0.7-0.1C218.7,94.3,219,94.2,219.3,94.1z"/> + <path class="st3" d="M234.8,97.4v-0.9l-2.1,0.9c-0.3,0.1-0.6,0.2-0.9,0.3c-0.3,0.1-0.7,0.1-1,0.1c-0.8,0-1.5-0.1-2-0.4 + c-0.5-0.3-0.9-0.6-1.2-1.1c-0.3-0.5-0.5-1-0.6-1.6c-0.1-0.6-0.2-1.3-0.2-2v-2.2c0-0.9,0.1-1.6,0.3-2.3c0.2-0.6,0.4-1.2,0.7-1.6 + c0.3-0.4,0.6-0.8,1-1.1c0.4-0.3,0.8-0.5,1.1-0.6c0.4-0.1,0.7-0.2,1.1-0.3c0.3,0,0.7-0.1,0.9-0.1h5.9v13H234.8z M231.4,94.8 + c0.3,0,0.6,0,0.8-0.1c0.3-0.1,0.6-0.2,1-0.4l1.6-0.7v-6.3h-2.8c-0.2,0-0.5,0-0.7,0.1c-0.2,0.1-0.4,0.2-0.6,0.4 + c-0.2,0.2-0.3,0.4-0.5,0.8c-0.1,0.3-0.2,0.7-0.2,1.2v2.9c0,0.3,0,0.6,0,0.8c0,0.2,0.1,0.5,0.2,0.6c0.1,0.2,0.2,0.3,0.4,0.4 + C230.9,94.8,231.1,94.8,231.4,94.8z"/> + <path class="st3" d="M241.3,97.4v-13h3.2v0.9c0.1-0.1,0.3-0.3,0.4-0.4c0.2-0.1,0.3-0.3,0.5-0.4c0.2-0.1,0.4-0.2,0.6-0.3 + c0.2-0.1,0.4-0.1,0.7-0.1c0.3,0,0.6,0,0.9,0.1c0.3,0.1,0.6,0.2,0.8,0.3c0.3,0.1,0.5,0.3,0.8,0.5l-0.9,2.5 + c-0.2-0.1-0.4-0.2-0.6-0.3c-0.2-0.1-0.4-0.2-0.5-0.2c-0.2-0.1-0.4-0.1-0.5-0.1c-0.2,0-0.4,0-0.6,0.1c-0.2,0.1-0.4,0.2-0.6,0.3 + c-0.2,0.1-0.4,0.3-0.5,0.5c-0.2,0.2-0.3,0.3-0.4,0.5v9.1H241.3z"/> + <path class="st3" d="M254.1,79.9v4.5h2.7v3h-2.7v5.8c0,0.6,0.1,1,0.3,1.2c0.2,0.2,0.5,0.3,1,0.3c0.1,0,0.3,0,0.4,0 + c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.2-0.1,0.3-0.1c0.1,0,0.2-0.1,0.2-0.1l0.9,2.8c-0.1,0-0.2,0.1-0.3,0.2c-0.1,0.1-0.3,0.1-0.5,0.2 + c-0.2,0.1-0.4,0.1-0.7,0.1c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0-1.4-0.1-2-0.3c-0.5-0.2-1-0.5-1.3-0.9c-0.3-0.4-0.6-0.9-0.7-1.4 + c-0.1-0.6-0.2-1.2-0.2-1.9v-5.8h-1.5v-3h1.5v-3.5L254.1,79.9z"/> + </g> +</g> +</svg> diff --git a/public/index.html b/public/index.html index ab9b754f358ca57dbe10658c5eff84d3e176ce7b..a18c1f58729edd4552f10b0d8007e03e25b7cae0 100644 --- a/public/index.html +++ b/public/index.html @@ -19,13 +19,13 @@ <link href="css/main.css" rel="stylesheet"> <link rel="icon" type="image/svg" href="imgs/wind-solid.svg"> </head> - +<body> <!-- <div id="topbar"> <div id="menu" class="navbar"></div> </div> --> - <div class="content"> + <!-- <div class="content"> --> <!-- <h1 id='projectname'></h1> Projektname kommt aus settings.js, hier nichts einfügen --> @@ -53,12 +53,12 @@ </div> </div> </div> - <div class="navbar navbar-light shadow-sm footer-header-color"> + <div class="navbar navbar-light shadow-lg footer-header-color"> <div class="container d-flex justify-content-between"> <a href="https://www.hft-stuttgart.de" class="navbar-brand d-flex align-items-center"> <!-- <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> --> <!-- <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="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.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> @@ -75,8 +75,8 @@ </header> - - <body> + + <main role="main"> <section class="jumbotron text-center" style="padding-top: 96px;"> <div class="container"> @@ -111,8 +111,8 @@ <div class="row"> - <div class="col-md-4"> - <div class="card mb-4 shadow-sm extension"> + <div class="col-lg-4"> + <div class="card mb-4 shadow-lg extension"> <h5>Wind in Stuttgart, Kernerviertel </h5> <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> --> <img class="thumbimg" src="imgs/thumbnails/Kirchturm_keine_Partikel.jpg" alt=""> @@ -126,7 +126,7 @@ <div class="d-flex justify-content-between align-items-center btnGroupDiv"> <div class="btn-group"> <form action="circularData.html" class="form-signin" method="GET"> - <button type="submit" class="btn btn-sm btn-outline-secondary ">Explore</button> + <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn ">Explore</button> </form> </div> </div> @@ -135,8 +135,8 @@ - <div class="col-md-4"> - <div class="card mb-4 shadow-sm extension"> + <div class="col-lg-4"> + <div class="card mb-4 shadow-lg extension"> <h5>Wind in Stuttgart, Kernerviertel</h5> <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> --> <img class="thumbimg" src="imgs/thumbnails/Kirchturm_Partikel_1.jpg" alt=""> @@ -150,14 +150,14 @@ <div class="d-flex justify-content-between align-items-center btnGroupDiv"> <div class="btn-group"> <form action="Kirchturm1.html" class="form-signin" method="GET"> - <button type="submit" class="btn btn-sm btn-outline-secondary ">Explore</button> + <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn ">Explore</button> </form> </div> </div> </div> </div> - <div class="col-md-4"> - <div class="card mb-4 shadow-sm extension"> + <div class="col-lg-4"> + <div class="card mb-4 shadow-lg extension"> <h5>Wind in Stuttgart, Kernerviertel</h5> <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> --> <img class="thumbimg" src="imgs/thumbnails/Kirchturm_Partikel_2.jpg" alt=""> @@ -171,7 +171,7 @@ <div class="d-flex justify-content-between align-items-center btnGroupDiv"> <div class="btn-group"> <form action="Kirchturm2.html" class="form-signin" method="GET"> - <button type="submit" class="btn btn-sm btn-outline-secondary ">Explore</button> + <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn ">Explore</button> </form> </div> </div> @@ -192,8 +192,8 @@ <div class="container"> <div class="row"> - <div class="col-md-4"> - <div class="card mb-4 shadow-sm extension"> + <div class="col-lg-4"> + <div class="card mb-4 shadow-lg extension"> <h5>Pressure PointCloud (3D Tiles)</h5> <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> --> <img class="thumbimg" src="imgs/thumbnails/PointCloud.jpg" alt=""> @@ -204,7 +204,7 @@ <div class="d-flex justify-content-between align-items-center btnGroupDiv"> <div class="btn-group"> <form action="iStoeck.html" class="form-signin" method="GET"> - <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button> + <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">Explore</button> </form> </div> <!-- <small class="text-muted">9 mins</small> --> @@ -214,8 +214,8 @@ - <div class="col-md-4"> - <div class="card mb-4 shadow-sm extension"> + <div class="col-lg-4"> + <div class="card mb-4 shadow-lg extension"> <h5>Streamlines with particles</h5> <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> --> <img class="thumbimg" src="imgs/thumbnails/StreamlinesMultipart_particles.jpg" alt=""> @@ -227,7 +227,7 @@ <div class="d-flex justify-content-between align-items-center btnGroupDiv"> <div class="btn-group"> <form action="StreamlineParticles.html" class="form-signin" method="GET"> - <button type="submit" class="btn btn-sm btn-outline-secondary ">Explore</button> + <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">Explore</button> </form> </div> </div> @@ -238,8 +238,8 @@ - <div class="col-md-4"> - <div class="card mb-4 shadow-sm extension"> + <div class="col-lg-4"> + <div class="card mb-4 shadow-lg extension"> <h5>Multi-Color/Part Streamlines </h5> <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> --> <img class="thumbimg" src="imgs/thumbnails/StreamlinesMultipart.jpg" alt=""> @@ -250,18 +250,15 @@ <div class="d-flex justify-content-between align-items-center btnGroupDiv"> <div class="btn-group"> <form action="StreamlinesMultipart.html" class="form-signin" method="GET"> - <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button> + <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">Explore</button> </form> </div> </div> - - - - </div> </div> </div> </div> + </div> <!-- END OF : <div class="album py-5 bg-light topDownPadding"> --> <!-- Zeile 3 mit Album --> @@ -271,8 +268,8 @@ <div class="row"> - <div class="col-md-4"> - <div class="card mb-4 shadow-sm extension"> + <div class="col-lg-4"> + <div class="card md-4 shadow-lg extension "> <h5>Hexgrid GeoJSON (5m)</h5> <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> --> <img class="thumbimg" src="imgs/thumbnails/HexGrid5m_PressureMeanGeoJSON.jpg" alt=""> @@ -283,7 +280,7 @@ <div class="d-flex justify-content-between align-items-center btnGroupDiv"> <div class="btn-group"> <form action="iStoeckHMGeoJSON.html" class="form-signin" method="GET"> - <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button> + <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">Explore</button> </form> </div> <!-- <small class="text-muted">9 mins</small> --> @@ -292,8 +289,8 @@ </div> - <div class="col-md-4"> - <div class="card mb-4 shadow-sm extension"> + <div class="col-lg-4"> + <div class="card md-4 shadow-lg extension" > <h5>Streamlines (3D Tiles)</h5> <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> --> <img class="thumbimg" src="imgs/thumbnails/StreamLinesCesiumOverview.jpg" alt=""> @@ -304,7 +301,7 @@ <div class="d-flex justify-content-between align-items-center btnGroupDiv"> <div class="btn-group"> <form action="iStoeckStreams.html" class="form-signin" method="GET"> - <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button> + <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">Explore</button> </form> </div> <!-- <small class="text-muted">9 mins</small> --> @@ -314,8 +311,8 @@ - <div class="col-md-4"> - <div class="card mb-4 shadow-sm extension"> + <div class="col-lg-4"> + <div class="card md-4 shadow-lg extension" > <h5>Hexgrid 3D Tiles (2m)</h5> <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> --> <img class="thumbimg" src="imgs/thumbnails/HexGrid2m_PressureMean3DTiles.jpg" alt=""> @@ -326,7 +323,7 @@ <div class="d-flex justify-content-between align-items-center btnGroupDiv"> <div class="btn-group"> <form action="iStoeckHexgrid_2m.html" class="form-signin" method="GET"> - <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button> + <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">Explore</button> </form> </div> <!-- <small class="text-muted">9 mins</small> --> @@ -344,8 +341,8 @@ <div class="container"> <div class="row"> - <div class="col-md-4"> - <div class="card mb-4 shadow-sm extension"> + <div class="col-lg-4"> + <div class="card md-4 shadow-lg extension"> <h5>Hexgrid 3D Tiles (15m)</h5> <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> --> <img class="thumbimg" src="imgs/thumbnails/HexGrid15m.jpg" alt=""> @@ -356,7 +353,7 @@ <div class="d-flex justify-content-between align-items-center btnGroupDiv"> <div class="btn-group"> <form action="iStoeckHM.html" class="form-signin" method="GET"> - <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button> + <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">Explore</button> </form> </div> <!-- <small class="text-muted">9 mins</small> --> @@ -369,8 +366,8 @@ - <div class="col-md-4"> - <div class="card mb-4 shadow-sm extension"> + <div class="col-lg-4"> + <div class="card md-4 shadow-lg extension"> <h5>WindowDetection on Buildings</h5> <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> --> <img class="thumbimg" src="imgs/thumbnails/EssenPC.jpg" alt=""> @@ -382,7 +379,7 @@ <div class="d-flex justify-content-between align-items-center btnGroupDiv"> <div class="btn-group"> <form action="EssenPC.html" class="form-signin" method="GET"> - <button type="submit" class="btn btn-sm btn-outline-secondary ">Explore</button> + <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">Explore</button> </form> </div> </div> @@ -406,19 +403,20 @@ </div> --> </main> - </body> + <footer class="text-white footer-header-color"> <div class="container"> - <p class="float-right"> - <a href="https://www.hft-stuttgart.de/impressum" target="_blank">Impressum</a> - <a href="https://www.hft-stuttgart.de/datenschutz" target="_blank" style=" - padding-right: 15px; - padding-left: 15px; - ">Datenschutz</a> + <p class="float-right"> <a href="#">Back to top</a> - </p> - <p>urbanVIS is © by Sven Schneider and colaborators at HFT Stuttgart, <span id='year'></span>.</p> + </p> + <p>urbanVIS is © by Sven Schneider and colaborators at HFT Stuttgart, <span id='year'></span>.</p> + </div> + <div class="container"> + <p> + <a href="https://www.hft-stuttgart.de/impressum" target="_blank" style="padding-right: 10px;">Impressum</a> + <a href="https://www.hft-stuttgart.de/datenschutz" target="_blank">Datenschutz</a> + </p> </div> @@ -444,5 +442,5 @@ integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script> - + </body> </html> \ No newline at end of file