index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>Top</title>
        <link rel="icon" href="/favicon.ico?v=2">
      
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
        <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/jszip/dist/jszip.min.js"></script>

        <link href="styles/viewerzip.css?i=1" rel="stylesheet" crossorigin="anonymous">
        <script src="scripts/config_search.js?i=1"></script>
        <script  src="scripts/library.js?i=1"></script>
        <script  src="scripts/handlers.js?i=73"></script>
        <script  src="scripts/entries_library.js?i=1"></script>
        <script src="scripts/project.js?i=1"></script>

    </head>
<body style="padding-bottom: 6em;">

<div id="projectNavbar">
</div>

<div class="container">

  <div id="statusLine">
  </div>

  <div id="helpPlace" style="display: none;">
      <p>
      This is offline search. It might sound unbelievable, even absurd, but it is true. This search, once initialized from JSON data, is totally offline.
      </p>
      <p>
      I always liked "awesome lists", or reddit megathreads. These are community-driven collections of resources—programs, tools, or knowledge—compiled manually or semi-automatically.
      </p>
      <p>
      The idea behind the Offline Search Initiative is to create similar curated lists, but tailored for domains and channels. This approach could simplify access to focused content without relying on intensive, online search infrastructure. It does, surely has it's downsides.
      </p>
      <div id="version">
      </div>
  </div>

  <span id="progressBarElement">
  </span>
  
  <span id="listData">
  </span>

  <div id="pagination">
  </div>
</div>


<!--
Unfortunately, no one can be told what the Matrix is. You have to see it for yourself.
-->


<footer id="footer" class="text-center text-lg-start bg-body-tertiary text-muted fixed-bottom">
  <div id="footerLine" class="text-center p-1" style="background-color: rgba(0, 0, 0, 0);">
  </div>

  <div class="text-center p-1" style="background-color: rgba(0, 0, 0, 0);">
      <span style="white-space: nowrap;">
      Links repository
      <a href="https://github.com/rumca-js/Internet-Places-Database">Internet-Places-Database</a>.
      </span>
      
      <span style="white-space: nowrap;">
      Captured by 
      <a href="https://github.com/rumca-js/Django-link-archive">Django-link-archive</a>.
      </span>
  </div>
</footer>

    </body>
</html>