{% extends "_base.html" %}
{% load i18n %}
{% load static %}
{% block title %}Labelbase{% endblock %}
{% block nav_home %}active{% endblock %}

{% block content %}

  <div class="p-3 pb-md-4 mx-auto text-center">
    <h1 style="padding-top: 1.6em; padding-bottom: 0.9em; ">
      <img src="{% static 'Labelbase_blackheader.png' %}">
    </h1>
    <h2 class="display-8 fw-bold text-muted" style="padding-bottom: 0.9em;">Finally, all your labels in one place.</h2>

    <p class="lb-header mx-auto text-center fs-5 text-muted">Labelbase is a label management service for Bitcoin transactions and addresses.</p>
    <p class="lb-header mx-auto text-center fs-5 text-muted">Labelbase provides features for adding labels, importing and exporting labels, and offers a public API for integration with wallets and existing workflows.<br>
      This ensures that you always have access to the most up-to-date information.</p>
    <p class="lb-header mx-auto text-center fs-5 text-muted"> Labelbase supports BIP-329, a format for unifying label data.</p>
  </div>




  <main class="lb-header mx-auto text-center">

      <div class="row row-cols-1 row-cols-md-3 mb-3 text-center">

        <div class="col">
          <div class="mb-4">
            <img  src="{% static 'utxo_source.png' %}"
                  class="card-img-top"
                  style="padding: 0.25em;">

            <div class="card-body">
              <p style="font-weight: 700;">Do you know where that coin came from? No?!</p><p><a href="https://en.bitcoin.it/wiki/Privacy">Learn more</a></p>
                <!-- Instead of "learn more" change to "why is this important?" -->
            </div>
          </div>
        </div>

        <div class="col">
          <div class="mb-4">
            <img src="/static/API_who.png"
              class="card-img-top"
              alt="..."
              style="padding: 0.25em;">

            <div class="card-body">
              <p style="font-weight: 700;">Who sends data to Labelbase?<br>&nbsp;</p><p><a href="#">Supported wallets</a></p>
              <!--button type="button" class="w-100 btn btn-lg btn-outline-primary">Sign up for free</button-->
            </div>
          </div>
        </div>

        <div class="col">
          <div class="mb-4">
            <img src="/static/Choices.png"
              class="card-img-top"
              alt="..."
              style="padding: 0.25em;">

            <div class="card-body">
              <p style="font-weight: 700;">Seamless interoperability based on BIP-329</p><p><a href="/interoperational">Learn more</a></p>

            </div>
          </div>
        </div>
      </div>

      <!--

        <div class="col">
          <div class="card mb-4 rounded-3 shadow-sm border-primary">
            <img src="/static/Handshake.png"
              class="card-img-top"
              alt="..."
              style="padding: 0.25em; padding-bottom: 1em;">
            <div class="card-body">
              <p>&nbsp;</p>
              <a href="{{ reg_url }}" type="button" class="w-100 btn btn-lg btn-primary">Get started</a>
            </div>
          </div>
        </div>
      </div>
      -->






    </main>
    <main class="lb-header mx-auto text-center">

      <div class="row row-cols-1 row-cols-md-3 mb-3 text-center">

        <div class="col">
          <div class="mb-4">
            <img src="/static/Encryption.png"
              class="card-img-top"
              alt="..."
              style="padding: 0.25em;">

            <div class="card-body">
              <p style="font-weight: 700;">Your labels are encrypted.<br>&nbsp;</p><p><a href="/encryption">Learn more</a></p>

            </div>
          </div>
        </div>

        <div class="col">
          <div class="mb-4">
            <img src="/static/FAQ.png"
              class="card-img-top"
              alt="..."
              style="padding: 0.25em;">
            <div class="card-body">
              <p style="font-weight: 700;">Need more answers?<br>&nbsp;</p><p><a href="/knowledge-base/">View the Knowledge Base</a></p>
            </div>
          </div>
        </div>


        <div class="col">
          <div class="mb-4">
            <img src="/static/API_usage.png"
              class="card-img-top"
              alt="..."
              style="padding: 0.25em;">

            <div class="card-body">
              <p style="font-weight: 700;">How to send data to Labelbase?<br>&nbsp;</p><p><a href="/api-reference/">API Reference</a></p>
            </div>
          </div>
        </div>

      </div>

      {% if request.user.is_authenticated %}
      {% else %}

      <div class="text-center mt-5">
        <p class="lb-header mx-auto text-center fs-5 text-muted">
            Ready to take control of your Bitcoin labels?<br><br>
            <!--
             Sign up for Labelbase today and experience seamless label management, enhanced privacy, and simplified workflows.
             -->
            Get started with Labelbase today and experience seamless label management, enhanced privacy, and simplified workflows.<br><br>
        </p>
        <a href="{{ reg_url }}" type="button" class="btn btn-lg btn-primary" style="margin-bottom:2rem;">Get started</a>

      </div>
      {% endif %}
      </main>

      <!-- start feature list -->
      <div class="container px-4 py-5  " id="icon-grid">
        <h3 class="pb-2 border-bottom">What can you do with Labelbase?</h3>
        <!-- What can you do with Labelbase? -->

        <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4 py-5">

          <div class="col d-flex align-items-start">
            <div>
              <h4 class="fw-bold mb-0 fs-4 text-body-emphasis ">Store your labels</h4>
              <p>Labelbase provides a secure storage service for all your BIP-329 labels, ensuring easy retrieval and management.</p>
            </div>
          </div>

          <div class="col d-flex align-items-start">
            <div>
              <h4 class="fw-bold mb-0 fs-4 text-body-emphasis">Protect your labels</h4>
              <p>Employing robust encryption, Labelbase safeguards your labels, ensuring the confidentiality and security of your sensitive data.</p>
            </div>
          </div>


          <div class="col d-flex align-items-start">
            <div>
              <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Sync your labels</h3>
              <p>Labelbase seamlessly synchronizes your Bitcoin labels across multiple platforms and services, ensuring consistent access and management.</p>
            </div>
          </div>

          <div class="col d-flex align-items-start">
            <div>
              <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Import your labels</h3>
              <p>Efficiently import and integrate label data from various wallet export formats into Labelbase, streamlining the process of label management.</p>
            </div>
          </div>

          <div class="col d-flex align-items-start">
            <div>
              <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Export your labels</h3>
              <p>Labelbase allows you to export your Bitcoin labels in the BIP-329 format, facilitating smooth integration into different wallets and systems.</p>
            </div>
          </div>

          <div class="col d-flex align-items-start">
            <div>
              <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Encrypt your labels</h3>
              <p>Labelbase enables you to export your Bitcoin labels in the BIP-329 format, encrypted using a passphrase, as a 7z archive for offline storage or secure transfer.</p>
            </div>
          </div>

          <div class="col d-flex align-items-start">
            <div>
              <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Access your labels anywhere</h3>
              <p>Enjoy the convenience of accessing your Bitcoin labels from any location, ensuring seamless management and organization.</p>
            </div>
          </div>

          <div class="col d-flex align-items-start">
            <div>
              <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Stay organized</h3>
              <p>Labelbase simplifies label management, enabling you to stay organized and in control of your Bitcoin transactions and associated data.</p>
            </div>
          </div>

          <div class="col d-flex align-items-start">
              <div>
                <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Extend Labeling</h3>
                <p>Effortlessly expand your labeling capabilities by loading transactions and extending label inputs and outputs.</p>
              </div>
          </div>

          <div class="col d-flex align-items-start">
            <div>
              <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Seamless label editing</h3>
              <p>Effortlessly modify and edit your Bitcoin transaction labels within Labelbase, empowering you to refine and update information as needed.</p>
            </div>
          </div>

          <div class="col d-flex align-items-start">
            <div>
                <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">High-Performance Optimization</h3>
                <p>Effortlessly handle large label sets, with rapid access and convenient shortcuts. Labelbase is meticulously optimized for peak performance, guaranteeing a seamless and efficient label management experience without compromising speed or functionality.</p>
            </div>
        </div>

          <div class="col d-flex align-items-start">
            <div>
              <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Fix & merge your labels</h3>
              <p>Easily rectify any discrepancies or merge duplicate labels within Labelbase, ensuring accurate and streamlined Bitcoin transaction management.</p>
            </div>
          </div>

        <div class="col d-flex align-items-start">
            <div>
                <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Privacy First</h3>
                <p>With a strong emphasis on data security and user confidentiality, Labelbase prioritizes privacy as a core feature, ensuring the utmost protection of your sensitive label and transaction data.</p>
            </div>
        </div>

        <div class="col d-flex align-items-start">
            <div>
                <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Mobile First</h3>
                <p>Enjoy seamless label management on the go with Labelbase's mobile-first approach, enabling users to access and manage their Bitcoin labels conveniently from their smartphones and tablets.</p>
            </div>
        </div>

        <div class="col d-flex align-items-start">
            <div>
                <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Self-Hosted</h3>
                <p>Empower full control over your label management system with Labelbase's self-hosted option, allowing users to host their label management service on their preferred servers for enhanced customization and security.</p>
            </div>
        </div>

        <div class="col d-flex align-items-start">
            <div>
                <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Attachments</h3>
                <p>Enhance your labels with attachments. Attach images and files directly to your labels, streamlining your documentation workflow and enriching the data associated with each label.</p>
            </div>
        </div>
        
        <div class="col d-flex align-items-start">
            <div>
                <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Automated Output Management</h3>
                <p>We utilize Electrum servers to automatically update your spendable outputs. Labelbase keeps the state of your spendable outputs up to date, helping you keep track of your labels and funds.</p>
            </div>
        </div>

        <div class="col d-flex align-items-start">
            <div>
                <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Automated Fiat Currency Evaluation</h3>
                <p>Labelbase converts the value of your spendable outputs to fiat currency, assisting you in keeping track of your portfolio value measured in your chosen currency. </p>
            </div>
        </div>

        <div class="col d-flex align-items-start">
            <div>
                <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">BIP-329 Extended Fields</h3>
                <p>Full support for BIP-329 additional fields including transaction height, timestamp, fees, values, exchange rates, and derivation paths. Enrich your labels with comprehensive transaction metadata.</p>
            </div>
        </div>

        <div class="col d-flex align-items-start">
            <div>
                <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Currency Sync Tool</h3>
                <p>Seamlessly synchronize between legacy currency annotations in label text and structured FMV fields. Automatically detect and resolve conflicts to maintain data consistency across formats.</p>
            </div>
        </div>

        <div class="col d-flex align-items-start">
            <div>
                <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Bulk Auto-Fill Missing Data</h3>
                <p>Automatically bulk populate transaction metadata from OutputStat records. Fill block heights, timestamps, and values for your outputs with one click, saving time and ensuring accuracy.</p>
            </div>
        </div>

        <div class="col d-flex align-items-start">
            <div>
                <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">One-Click BIP-329 Field Population</h3>
                <p>Automatically populate transaction metadata like block height, timestamp, and value directly from OutputStat records. View missing fields at a glance and fill them with a single click from the output details page.</p>
            </div>
        </div>


        <div class="col d-flex align-items-start">
            <div>
                <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Fee Health Monitoring</h3>
                <p>Instantly visualize the cost-effectiveness of spending your UTXOs. Labelbase calculates and displays fee health status for each spendable output, color-coded to show if transaction fees would consume a healthy percentage of the output value.</p>
            </div>
        </div>
        <div class="col d-flex align-items-start">
            <div>
                <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">UTXO Fee Efficiency Visualization</h3>
                <p>Visualize the cost-effectiveness of spending your UTXOs with color-coded treemaps. See at a glance which outputs have healthy fee-to-value ratios and which would be expensive to spend, helping you make informed decisions about consolidation and transaction planning.</p>
            </div>
        </div>

        <div class="col d-flex align-items-start">
            <div>
                <h3 class="fw-bold mb-0 fs-4 text-body-emphasis"><br> <br> </h3>
                <p>.. and much more.</p>
            </div>
        </div>


        </div>
     </div>


     <!-- end feature list -->

{% if request.user.is_authenticated %}
{% else %}
     <div class="text-center mt-5">
       <p class="lb-header mx-auto text-center fs-5 text-muted">
         Ready to optimize your Bitcoin labeling for optimal efficiency?
      <br><br>
      Discover the power of streamlined label management with Labelbase.
      <br><br>
      Join Labelbase now and unlock the full potential of your Bitcoin experience!


       </p>
       <a href="{{ reg_url }}" type="button" class="btn btn-lg btn-primary" style="margin-bottom:6rem;">Get started</a>



      <br><br>

      Built with support from <a href="https://opensats.org/blog/bitcoin-grants-july-2023">OpenSats</a>.
      <br><br>
     </div>

{% endif %}
     <!-- Add: What people are saying -->

     <!-- Add:

     Our supporters:
     Special Thanks! <3 to OpenSats !

     Thank you for your support!


      -->

{% endblock %}