<?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 / contact</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'/>
</head>
<body>
    <div id="container">
        <div id="header" class="row">
            <h1>
                <img src="/graphic/blasta.svg"/>
                <a href="/">Blasta</a> / contact
            </h1>
            <dl id="navigation">
                <dd>
                    <img src="/graphic/blasta.svg"/>
                </dd>
                {% if jabber_id %}
                    <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>&nbsp; PubSub Bookmarks</h2>
                <p>
                    » Herein contant information.
                </p>
                <h3 id="contact">
                    Contact
                </h3>
                <p>
                    You can reach us by the following means.
                </p>
                {% if contact_mix or contact_muc %}
                    <dl class="h-card">
                        <h4 class="p-name"
                            id="mix">
                            Blasta Community
                        </h4>
                        {% if contact_mix %}
                            <dd>
                                MIX Groupchat
                                <br/>
                                <a class="u-xmpp-mix"
                                   href="xmpp:{{contact_mix}}?join">
                                    {{contact_mix}}</a>
                            </dd>
                        {% endif %}
                        {% if contact_muc %}
                            <dd>
                                MUC Groupchat
                                <br/>
                                <a class="u-xmpp-muc"
                                   href="xmpp:{{contact_muc}}?join">
                                    {{contact_muc}}</a>
                            </dd>
                        {% endif %}
                        {% if contact_irc_channel and contact_irc_server %}
                            <dd>
                                IRC Channel
                                <br/>
                                <a class="u-irc"
                                   href="irc://{{contact_irc_server}}/{{contact_irc_channel}}">
                                    {{contact_irc_channel}}</a>
                                at {{contact_irc_server}}
                            </dd>
                        {% endif %}
                    </dl>
                {% endif %}
                {% if contact_xmpp or contact_email %}
                    <dl class="h-card">
                        <h4 class="p-name"
                            id="jabber">
                            Blasta Contact
                        </h4>
                        {% if contact_xmpp %}
                            <dd>
                                Send a Jabber message
                                <br/>
                                <a class="u-xmpp"
                                   href="xmpp:{{contact_xmpp}}?message">
                                    {{contact_xmpp}}</a>
                            </dd>
                        {% endif %}
                        {% if contact_email %}
                            <dd>
                                Send an Email message
                                <br/>
                                <a class="u-email"
                                   href="mailto:{{contact_email}}?subject=Blasta">
                                    {{contact_email}}</a>
                            </dd>
                        {% endif %}
                    </dl>
                {% endif %}
                <br/>
                <p class="quote bottom">
                    “Be seeing you.”
                    ― Blasta
                </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>