<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="color-scheme" content="dark light" />
    <title>Blasta / connect</title>
    <link rel="shortcut icon" href="/graphic/blasta.svg"/>
    <link rel='icon' type='image/svg+xml' href='/graphic/blasta.svg'/>
    <link rel='stylesheet' type='text/css' media='screen' href='/stylesheet/stylesheet.css'/>
    <script src="/script/regulator.js" />
</head>
<body>
    <div id="container">
        <div id="header" class="row">
            <h1>
                <img src="/graphic/blasta.svg"/>
                &nbsp;
                <a href="/">
                    Blasta
                </a>
                / connect
            </h1>
            <dl id="navigation">
                <dd>
                    <a href="/">
                        <img alt="Main"
                             src="/graphic/blasta.svg"/>
                    </a>
                </dd>
                <dd>
                    <a href="/search">Search</a>
                </dd>
                <dd>
                    <a href="/popular">Popular</a>
                </dd>
                <dd>
                    <a href="/recent">Recent</a>
                </dd>
                <dd>
                    <b>Connect</b>
                </dd>
            </dl>
        </div>
        <div id="main" class="row">
            <div id="content">
                <h2>
                    <img alt="💡" src="/graphic/xmpp.svg" width="18" height="18"/>
                    &nbsp;
                    PubSub bookmarks
                </h2>
                <p>
                    » Connecting with XMPP.
                </p>
                <h3>
                    Connect to XMPP
                </h3>
                <form method="post" action="/">
                    <label for="jabber_id">Jabber ID:</label>
                    <input type="email" id="jabber_id" name="jabber_id"
                           placeholder="Enter your Jabber ID." autofocus=""
                           required="" />
                    <label for="password">Password:</label>
                    <input type="password" id="password" name="password"
                           placeholder="Enter your password." required="" />
                    <input class="submit" type="submit" value="Connect"/>
                    <!-- input type="checkbox" id="remember" name="remember" checked="checked"/>
                    <label for="remember">Remember</label -->
                </form>
                <p>
                    Connect to Blasta with your XMPP account or
                    <a href="/register">register</a> for an account.
                </p>
            </div>
        </div>
        <div id="footer" class="row">
            <dl>
                <dd>
                    <img src="/graphic/blasta.svg" alt="logo"/>
                    <a href="/">blasta</a>
                </dd>
                <dd>
                    <a href="/help/about">about</a>
                </dd>
                <dd>
                    <a href="/help/about/xmpp">xmpp</a>
                </dd>
                <dd>
                    <a href="/help/about/xmpp/pubsub">pubsub</a>
                </dd>
                <dd>
                    <a href="{{journal}}">journal</a>
                </dd>
                <dd>
                    <a href="/help">help</a>
                </dd>
                <dd>
                    <a href="/help/policy">policy</a>
                </dd>
                <dd>
                    <a href="/help/feeds">rss</a>
                </dd>
                <dd>
                    <a href="/contact">contact</a>
                </dd>
            </dl>
        </div>
    </div>
</body>
</html>