{{!< default}}

<div style="background: url(/banner-bg.jpg) no-repeat center center; background-size: cover; color: #fff" class="jumbotron">
    <h1 class="text-center"><b>Are the courts open?</b></h1>
</div>
<hr></hr>
<h2 class="text-center">What's the <em>QUICKEST</em> way to know if the courts are open?:</br><strong>courts.kaplon.us</strong></h2>
<hr></hr>
<div class="row">
    <div class="col-md-2">
        <img src="pro-shop-device.jpg" alt="courts.kaplon.us internet-enabled hardware device" class="img-thumbnail">
    </div>
    <div class="col-md-10">
        <p class="lead">At each location, we supply an internet-enabled physical switch to update status pages here at courts.kaplon.us>
        <p class="lead">Want to sign on as another courts.kaplon.us location? <a href="mailto:courts@kaplon.us">Email us.</a></p>
        <table class="table lead">
            {{! Make this table dynamic later when DB supports multiple locations. }}
            <th>Here are the currently supported locations:{{! </th><th>Status</th> }}
            <tr><td><a href="https://courts.kaplon.us/tt">Temple Terrace Recreation Center, clay courts</a></td></tr>
        </table>
    </div>
</div>