<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='img/3dgeo.ico') }}">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
        <link href="{{ url_for('static', filename='styles/style.css') }}" rel= "stylesheet">
        <link href="{{ url_for('static', filename='styles/jquery.json-viewer.css') }}" rel= "stylesheet">
        <title>pytreedb-Contact</title>
    </head>
    <body class="d-flex flex-column">
        <nav id="navbar" class="navbar navbar-expand-lg navbar-light justify-content-end fixed-top">
            <div class="container-fluid">
                <div class="navbar-brand">
                    <a target="_blank" rel="noopener noreferrer" href="https://www.geog.uni-heidelberg.de/3dgeo/index.html" style="padding-right: 10px; text-decoration: none">
                        <img src="{{ url_for('static', filename='img/3dgeo_logo.jpg') }}" alt="3DGEO" height="30" class="d-inline-block align-text-middle">
                    </a>
                    <a target="_blank" rel="noopener noreferrer" href="https://www.ifgg.kit.edu/" style="padding-right: 10px; text-decoration: none">
                        <img src="{{ url_for('static', filename='img/IFGG_short_fat3.png') }}" alt="IFGG" height="30" class="d-inline-block align-text-middle"/>
                    </a>
                    <a href="/">
                        <img src="{{ url_for('static', filename='img/pytreedb_logo_low.png') }}" alt="pytreedb" height="30" class="d-inline-block align-text-middle"/>
                    </a>
                </div>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#hamburgerContent" aria-controls="hamburgerContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse justify-content-end flex-grow-0" id="hamburgerContent">
                    <div class="navbar-nav text-end">
                        <a class="nav-item nav-link" href="/" >HOME</a>
                        <a class="nav-item nav-link" href="/about">ABOUT</a>
                        <a class="nav-item nav-link" aria-current="page" href="#">CONTACT</a>
                        <!-- <div class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="langDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                EN
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="langDropdown">
                                <li><a class="dropdown-item" href="#">Deutsch</a></li>
                                <li><a class="dropdown-item" href="#">English</a></li>
                            </ul>
                        </div> -->
                    </div>
                </div>  
            </div>
        </nav>

        <section>
            <div class="container">
                <div style="width: 80%;margin: 0 auto;">
                    <h1 class="pageTitle">Contact</h1>
                    <p>Prof. Dr. Bernhard Höfle</p>
                    <p><a class="inPLink" href="mailto: hoefle@uni-heidelberg.de">hoefle@uni-heidelberg.de</a></p>
                </div>
            </div>
        </section>

        <footer class="mt-auto">
            <div class="container">
                <div class="row"
                    style="padding: 50px;color: #fff; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium;">
                    <div style="border: dotted #fff; border-width: 0 1px 0 0;" class="col-8">
                        <div id="pytreedbLogo" style="font-size: xx-large; padding: 50px 0 50px 0; color: #fff;">
                            <img src="{{ url_for('static', filename='img/pytreedb_logo_low_w.png') }}" height="100px" alt="pytreedb"/>
                        </div>
                        <div style="font-size: small; padding-bottom: 50px; padding-right: 50px; color: #ddd;">
                            Funded by the Deutsche Forschungsgemeinschaft (DFG, German Research Foundation) in the frame of the
                            project SYSSIFOSS – 411263134 / 2019-2022.
                        </div>
                    </div>
                    <div style="padding-left: 70px;" class="col-4">
                        <h4 style="margin: 20px 0;">Links</h4>
                        <a target="_blank" class="links"
                            href="https://www.geog.uni-heidelberg.de/gis/SYSSIFOSS_en.html">SYSSIFOSS Project</a>
                        <a target="_blank" class="links" href="http://k1z.blog.uni-heidelberg.de/?s=syssifoss">GIScience News
                            Blog</a>
                        <a target="_blank" class="links"
                            href="https://www.researchgate.net/project/SYSSIFOSS-Synthetic-structural-remote-sensing-data-for-improved-forest-inventory-models">Research
                            Gate</a>
                        <a id="twitter-link" target="_blank" href="https://twitter.com/search?q=syssifoss&amp;src=typed_query">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-twitter"
                                viewBox="0 0 16 16" style="margin-left: 5px;" width="20" height="20">
                                <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
                            </svg></a>
                    </div>
                </div>
            </div>
        </footer>

        <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
    </body>
</html>
