<body id="home">
<h1 data-augmented-ui="tl-clip bl-clip none">Antares</h1>
+ <div class="row">
+ <div class="col" id="notifications"></div>
+ </div>
<div class="row">
<div class="col">
<p>Welcome to <b>Antares</b>, a free-to-play browser based strategy game.</p>
<div class="row">
<div class="col pane" data-augmented-ui="tl-clip tr-2-clip-x br-2-clip-y bl-clip-x border">
<h3 data-augmented-ui="tl-clip bl-clip none">Signup</h3>
- <form hx-post="/accounts">
+ <form hx-post="/accounts" hx-target="#notifications">
<div>
<label>Username:</label>
<input type="text" name="username">
<div class="row">
<div class="col pane" style="margin-top: 2rem; " data-augmented-ui="tl-clip tr-2-clip-x br-2-clip-y bl-clip-x border">
<h3 data-augmented-ui="tl-clip bl-clip none">Login</h3>
- <form hx-post="/login">
+ <form hx-post="/login" hx-target="#notifications">
<div>
<label>Username:</label>
<input type="text" name="username">