{% extends "base.html" %}
{% block title %}Extension{% endblock %}
{% block content %}
<h1>Extension: save a page to the CRM</h1>

<p>Drag the button to your bookmarks bar, then click it on a company website, a
LinkedIn company page or a LinkedIn profile. Hermit CRM reads the page and opens a
filled-in new-company or new-contact form.</p>

<p><a class="bookmarklet" href="{{ bookmarklet }}">Add to Hermit CRM</a>
<span class="small">&larr; drag me</span></p>

<h2>Or paste a URL</h2>
<form method="get" action="/extension/new" class="record-form">
  <label>Company website, LinkedIn company page or profile
    <input type="text" name="url" value="" placeholder="acme.example.com" autofocus>
  </label>
  <button type="submit">Read the page</button>
</form>

<details class="more-box">
  <summary>The bookmark will not drag? Copy the code instead</summary>
  <p class="small">Dragging always works. If your browser strips the bookmark, copy
  the code below into a new bookmark by hand.</p>
  <pre class="bookmarklet-code"><code>{{ bookmarklet }}</code></pre>
</details>

<h2>What it reads</h2>
<ul class="small">
  <li><b>A company page</b>: the website, its LinkedIn page, the country, an
  employee-count hint and a one-line description, from the page's own metadata
  (your machine fetches it directly).</li>
  <li><b>A LinkedIn profile</b> you are logged in to: the name, current role,
  company, location, and the email when <em>Contact info</em> is open. It is read in
  your own tab: nothing is fetched and nothing goes to LinkedIn.</li>
</ul>
<p class="small">Nothing is saved until you press <em>Create</em> on the form, and
nothing is sent anywhere but this Hermit CRM. <a href="/help/extension">More in Help</a></p>
<p class="small">The bookmark points at <code>{{ base }}</code>. Take it again if you
took it before (the old one read profiles logged out) or if you later run
<code>serve</code> on another host or port.</p>
{% endblock %}