<?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 / {{path}}</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>
                / {{path}}
            </h1>
            <dl id="navigation">
                <dd>
                    <a href="/">
                        <img alt="Main"
                             src="/graphic/blasta.svg"/>
                    </a>
                </dd>
                {% if jabber_id %}
                    <dd>
                        <a href="/save">Add</a>
                    </dd>
                    <dd>
                        <a href="/jid">Public</a>
                    </dd>
                    <dd>
                        <a href="/private">Private</a>
                    </dd>
                    <dd>
                        <a href="/read">Read</a>
                    </dd>
                {% endif %}
                <dd>
                    <a href="/search{% if jabber_id %}/jid/{{jabber_id}}{% endif %}">Search</a>
                </dd>
                <dd>
                    <a href="/popular">Popular</a>
                </dd>
                <dd>
                    <a href="/recent">Recent</a>
                </dd>
                <dd>
                    {% if jabber_id %}
                        <a href="/disconnect">Disconnect</a>
                    {% else %}
                        <a href="/connect">Connect</a>
                    {% endif %}
                </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>
                    » {{message}}
                </p>
                <h3>
                    {{description}}
                </h3>
                <h4>
                    Send a message to {{name}}
                </h4>
                <form action="/message"
                      id="message"
                      method="post">
                    <input id="jid"
                           type="hidden"
                           name="jid"
                           value="{{jid}}" />
                    <textarea cols="70"
                              id="body"
                              name="body"
                              placeholder="Enter a message (required)."
                              rows="15">Greetings, {{name}}!
{% if ask %}
Please send to me your authorization to view your bookmarks.
{% elif invite %}
I want to invite you to join to Blasta, a social bookmarks service for XMPP.

You can use your own XMPP account to connect, and you can also run your own Blasta instance.

Source code: https://git.xmpp-it.net/sch/Blasta

Visit {{origin}}{% endif %}

Kind regards,
{{alias}}</textarea>
                    <br/>
                    <input type="submit" value="Send"/>
                </form>
                <p>
                    You can also communicate with {{name}}, directly from your
                    desktop or mobile client, by clicking on the Jabber ID
                    ({{jid}}) of {{name}}.
                </p>
                <p>
                    Click the Jabber ID of {{name}} to
                    {% if ask %}
                        ask
                        <a href="xmpp:{{jid}}?message;subject=This is a request for authorization;body=Greetings, {{name}}!%0D%0A%0D%0APlease send to me your authorization to view your bookmarks.">
                        {{jid}}</a>
                        to view this directory.
                    {% elif invite %}
                        invite
                        <a href="xmpp:{{jid}}?message;subject=This is an invitation to Blasta;body=Greetings, {{name}}!%0D%0A%0D%0AI want to invite you to join to Blasta, a social bookmarks service for XMPP.%0D%0A%0D%0AYou can use your own XMPP account to connect, and you can also run your own Blasta instance.%0D%0A%0D%0ASource code: https://git.xmpp-it.net/sch/Blasta%0D%0A%0D%0AVisit {{origin}}%0D%0A%0D%0AKind regards,%0D%0A{{alias}}">
                        {{jid}}</a>
                        to Blasta.
                    {% endif %}
                </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>