---
import Layout from "../layouts/Layout.astro";
import Card from "../components/Card.astro";
---

<Layout title="VEL-Connect">
  <main>
    <h1><span class="text-gradient">VEL</span>-Connect</h1>
    <div>
      <form>
        <label>Username<input id="username" /></label>
        <label>Password<input id="password" type="password" /></label>
        <button>Log in</button>
      </form>
      <button>Log out</button>
    </div>
    <p></p>

    <h4>Devices</h4>
    <ul></ul>
    <h4>Profiles</h4>
    <ul></ul>
  </main>
</Layout>

<style>
  .text-gradient {
    background-image: linear-gradient(45deg, var(--accent), white 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
</style>
