<script>
    import Header from '$lib/navigation/header.svelte'
    import Nav from '$lib/navigation/nav.svelte'
    const title = "Versions"   

    let web_ver = "Unknown", srv_ver = "Unknown", dbm_ver = "Unknown"

</script>
 
 <Header {title} />
 
  <img src="/images/logo/wide_logo.svg" alt="Logo">

  <p>Web-app Version<br>{web_ver}</p>
  <p>API Server Version<br>{srv_ver}</p>
  <p>DBManager Version<br>{dbm_ver}</p>

 <Nav />

<style>
    img {
        width: 50%;
        max-width: 250px;
        margin-top: 55px;
        margin-bottom: 85px;
    }
</style>