{% extends "base.html" %}
{% block title %}The Museum Archive{% endblock %}

{% block content %}
<article>
  <h1>The Museum Archive</h1>
  <p class="sub">A perfectly ordinary page, standing in for a real site.</p>

  <p>
    This page knows nothing about SPARQL, knowledge graphs or language models. It
    registered one Flask blueprint and added one <code>&lt;script&gt;</code> tag —
    that is the entire integration.
  </p>
  <p>
    The chat bubble in the corner talks only to <em>this</em> server. The QRAKEN
    client key and the provider key never reach the browser, so there is no CORS
    to configure and nothing to leak.
  </p>
  <p class="hint">
    This is <b>bubble</b> mode: a launcher that opens a floating panel, for pages
    that have their own content. See <a href="{{ url_for('inline') }}">inline mode</a>
    for a page that is only the chatbot.
  </p>
</article>
{% endblock %}

{% block widget %}
<!-- The whole front-end integration, bubble mode: -->
<div id="qraken-chat"></div>
<script src="/qraken/widget.js" data-base="/qraken" data-display="bubble" defer></script>
{% endblock %}