neptune/core/templates/base.html

{% load static %}
{% load has_plan %}

<!DOCTYPE html>
<html lang="en-GB">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Pathogen - {{ request.path_info }}</title>
    <link rel="shortcut icon" href="{%  static 'favicon.ico' %}">
    <link rel="manifest" href="{% static 'manifest.webmanifest' %}">
    <link rel="stylesheet" href="{% static 'css/bulma.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/bulma-tooltip.min.css' %}">
    <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css">
    <link rel="stylesheet" href="{% static 'css/bulma-slider.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/bulma-calendar.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/bulma-tagsinput.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/bulma-switch.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/gridstack.min.css' %}">
    <script src="{% static 'js/bulma-calendar.min.js' %}" integrity="sha384-DThNif0xGXbopX7+PE+UabkuClfI/zELNhaVqoGLutaWB76dyMw0vIQBGmUxSfVQ" crossorigin="anonymous"></script>
    <script src="{% static 'js/bulma-slider.min.js' %}" integrity="sha384-wbyps8iLG8QzJE02viYc/27BtT5HSa11+b5V7QPR1/huVuA8f4LRTNGc82qAIeIZ" crossorigin="anonymous"></script>
    <script defer src="{% static 'js/htmx.min.js' %}" integrity="sha384-cZuAZ+ZbwkNRnrKi05G/fjBX+azI9DNOkNYysZ0I/X5ZFgsmMiBXgDZof30F5ofc" crossorigin="anonymous"></script>
    <script defer src="{% static 'js/remove-me.js' %}" integrity="sha384-6fHcFNoQ8QEI3ZDgw9Z/A6Brk64gF7AnFbLgdrumo8/kBbsKQ/wo7wPegj5WkzuG" crossorigin="anonymous"></script>
    <script defer src="{% static 'js/hyperscript.min.js' %}" integrity="sha384-6GYN8BDHOJkkru6zcpGOUa//1mn+5iZ/MyT6mq34WFIpuOeLF52kSi721q0SsYF9" crossorigin="anonymous"></script>
    <script src="{% static 'js/bulma-tagsinput.min.js' %}" integrity="sha384-GmnKCsPJIPPZbNVXpkGRmKdxOa0PQLnOM/hQLIHvMRERySuyvFqKGc76iHTGUY+d" crossorigin="anonymous"></script>
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'js/gridstack-all.js' %}"></script>
    <script>
      document.addEventListener("restore-scroll", function(event) {
          var scrollpos = localStorage.getItem('scrollpos');
          if (scrollpos) {
            window.scrollTo(0, scrollpos)
          };
      });

      document.addEventListener("htmx:beforeSwap", function(event) {
        localStorage.setItem('scrollpos', window.scrollY);

      });
    </script>
    <script>
      document.addEventListener('DOMContentLoaded', () => {

        // Get all "navbar-burger" elements
        const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
      
        // Add a click event on each of them
        $navbarBurgers.forEach( el => {
          el.addEventListener('click', () => {
      
            // Get the target from the "data-target" attribute
            const target = el.dataset.target;
            const $target = document.getElementById(target);
      
            // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
            el.classList.toggle('is-active');
            $target.classList.toggle('is-active');
      
          });
        });
      
      });
    </script>
    <style>
      .icon { border-bottom: 0px !important;}
      .wrap {
        /* white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap; */
        word-wrap: break-word;
      }
      .nowrap-parent {
        white-space: nowrap;
      }
      .nowrap-child {
        display: inline-block;
      }
      .slider-output {
        width: 4rem !important;
      }
      .htmx-indicator{
        opacity:0;
        transition: opacity 500ms ease-in;
      }
      .htmx-request .htmx-indicator{
        opacity:1
      }
      .htmx-request.htmx-indicator{
        opacity:1
      }
      .dropdown-content {
        height: 20em;
        overflow: auto;
      }
      table.relays-table tr:nth-of-type(2n) td {
        border-bottom: 3px solid grey;
      }

      .tooltiptext {
        visibility: hidden;
        background-color: black;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
      }

      .rounded-tooltip:hover .tooltiptext {
        visibility: visible;
      }
      .ui-move {
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
        background-position-x: 50%;
        background-position-y: 50%;
        background-repeat: no-repeat;
        bottom: 10px;
        box-sizing: border-box;
        color: rgb(74, 74, 74);
        cursor: se-resize;
        display: none;
        filter: none;
        font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 0.1px;
        font-weight: 400;
        height: 20px;
        line-height: 0.15px;
        position: absolute;
        left: 10px;
        text-rendering: optimizelegibility;
        touch-action: none;
        transform: matrix(0.707107, -0.707107, 0.707107, 0.707107, 0, 0);
        user-select: none;
        width: 20px;
        z-index: 100
      }
      .grid-stack-item-content:hover .ui-move {
        display: block;
        color: red;
      }
    </style>
  </head>
  <body>

    <nav class="navbar" role="navigation" aria-label="main navigation">
      <div class="navbar-brand">
        <a class="navbar-item" href="{% url 'home' %}">
          <img src="{% static 'logo.svg' %}" width="112" height="28" alt="logo">
        </a>
    
        <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="bar">
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
        </a>
      </div>
    
      <div id="bar" class="navbar-menu">
        <div class="navbar-start">
          <a class="navbar-item" href="{% url 'home' %}">
            Search
          </a>
          {% if user.is_authenticated %}
            <a class="navbar-item" href="{% url 'billing' %}">
              Billing
            </a>
          {% endif %}
          {% if user.is_superuser %}
            <div class="navbar-item has-dropdown is-hoverable">
              <a class="navbar-link">
                Threshold
              </a>
      
              <div class="navbar-dropdown">
                <a class="navbar-item" href="{% url 'threshold_irc_overview' %}">
                  IRC
                </a>
                <a class="navbar-item" href="#">
                  Discord
                </a>
              </div>
            </div>
          {% endif %}

          {% if perms.core.use_insights %}
            <a class="navbar-item" href="{% url 'insights' %}">
              Insights
            </a>
          {% endif %}
          <a class="navbar-item add-button">
            Install
          </a>
        </div>
    
        <div class="navbar-end">
          <div class="navbar-item">
            <div class="buttons">
              {% if not user.is_authenticated %}
                <a class="button is-info" href="{% url 'signup' %}">
                  <strong>Sign up</strong>
                </a>
                <a class="button is-light" href="{% url 'login' %}">
                  Log in
                </a>
              {% endif %}

              {% if user.is_authenticated %}
                <a class="button is-dark" href="{% url 'logout' %}">Logout</a>
              {% endif %}


            </div>
          </div>
        </div>
      </div>
    </nav>
    <script>
      let deferredPrompt;
      const addBtn = document.querySelector('.add-button');
      addBtn.style.display = 'none';
      window.addEventListener('beforeinstallprompt', (e) => {
        // Prevent Chrome 67 and earlier from automatically showing the prompt
        e.preventDefault();
        // Stash the event so it can be triggered later.
        deferredPrompt = e;
        // Update UI to notify the user they can add to home screen
        addBtn.style.display = 'block';

        addBtn.addEventListener('click', (e) => {
          // hide our user interface that shows our A2HS button
          addBtn.style.display = 'none';
          // Show the prompt
          deferredPrompt.prompt();
          // Wait for the user to respond to the prompt
          deferredPrompt.userChoice.then((choiceResult) => {
              if (choiceResult.outcome === 'accepted') {
                console.log('User accepted the A2HS prompt');
              } else {
                console.log('User dismissed the A2HS prompt');
              }
              deferredPrompt = null;
            });
        });
      });
    </script>
    {% block outer_content %}
    {% endblock %}
    <section class="section">
      <div class="container">
        {% block content %}
        {% endblock %}
      </div>
    </section>
  </body>
</html>
Properly indent all templates 2 years ago			`{% load static %}`
Implement handling callbacks 2 years ago			`{% load has_plan %}`

Create page templates 2 years ago			`<!DOCTYPE html>`
Properly indent all templates 2 years ago			`<html lang="en-GB">`
			`<head>`
Create page templates 2 years ago			`<meta charset="utf-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1">`
Begin implementing Drilldown plan 2 years ago			`<title>Pathogen - {{ request.path_info }}</title>`
Add favicon 2 years ago			`<link rel="shortcut icon" href="{% static 'favicon.ico' %}">`
Implement A2HS functionality 2 years ago			`<link rel="manifest" href="{% static 'manifest.webmanifest' %}">`
Download nearly all resources 2 years ago			`<link rel="stylesheet" href="{% static 'css/bulma.min.css' %}">`
			`<link rel="stylesheet" href="{% static 'css/bulma-tooltip.min.css' %}">`
Begin implementing additional query settings 2 years ago			`<link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css">`
Download nearly all resources 2 years ago			`<link rel="stylesheet" href="{% static 'css/bulma-slider.min.css' %}">`
			`<link rel="stylesheet" href="{% static 'css/bulma-calendar.min.css' %}">`
			`<link rel="stylesheet" href="{% static 'css/bulma-tagsinput.min.css' %}">`
Improve data security by mandating token search 2 years ago			`<link rel="stylesheet" href="{% static 'css/bulma-switch.min.css' %}">`
Make search page layout draggable 2 years ago			`<link rel="stylesheet" href="{% static 'css/gridstack.min.css' %}">`
Undefer some JS 2 years ago			`<script src="{% static 'js/bulma-calendar.min.js' %}" integrity="sha384-DThNif0xGXbopX7+PE+UabkuClfI/zELNhaVqoGLutaWB76dyMw0vIQBGmUxSfVQ" crossorigin="anonymous"></script>`
			`<script src="{% static 'js/bulma-slider.min.js' %}" integrity="sha384-wbyps8iLG8QzJE02viYc/27BtT5HSa11+b5V7QPR1/huVuA8f4LRTNGc82qAIeIZ" crossorigin="anonymous"></script>`
Defer all JS resources 2 years ago			`<script defer src="{% static 'js/htmx.min.js' %}" integrity="sha384-cZuAZ+ZbwkNRnrKi05G/fjBX+azI9DNOkNYysZ0I/X5ZFgsmMiBXgDZof30F5ofc" crossorigin="anonymous"></script>`
			`<script defer src="{% static 'js/remove-me.js' %}" integrity="sha384-6fHcFNoQ8QEI3ZDgw9Z/A6Brk64gF7AnFbLgdrumo8/kBbsKQ/wo7wPegj5WkzuG" crossorigin="anonymous"></script>`
			`<script defer src="{% static 'js/hyperscript.min.js' %}" integrity="sha384-6GYN8BDHOJkkru6zcpGOUa//1mn+5iZ/MyT6mq34WFIpuOeLF52kSi721q0SsYF9" crossorigin="anonymous"></script>`
Undefer some JS 2 years ago			`<script src="{% static 'js/bulma-tagsinput.min.js' %}" integrity="sha384-GmnKCsPJIPPZbNVXpkGRmKdxOa0PQLnOM/hQLIHvMRERySuyvFqKGc76iHTGUY+d" crossorigin="anonymous"></script>`
Implement toggleable table fields 2 years ago			`<script src="{% static 'js/jquery.min.js' %}"></script>`
Make search page layout draggable 2 years ago			`<script src="{% static 'js/gridstack-all.js' %}"></script>`
Implement toggleable table fields 2 years ago			`<script>`
			`document.addEventListener("restore-scroll", function(event) {`
			`var scrollpos = localStorage.getItem('scrollpos');`
			`if (scrollpos) {`
			`window.scrollTo(0, scrollpos)`
			`};`
			`});`

			`document.addEventListener("htmx:beforeSwap", function(event) {`
			`localStorage.setItem('scrollpos', window.scrollY);`

			`});`
			`</script>`
Begin implementing Bulma 2 years ago			`<script>`
			`document.addEventListener('DOMContentLoaded', () => {`
Fix navbar on mobile 2 years ago
Begin implementing Bulma 2 years ago			`// Get all "navbar-burger" elements`
			`const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);`

			`// Add a click event on each of them`
			`$navbarBurgers.forEach( el => {`
			`el.addEventListener('click', () => {`

			`// Get the target from the "data-target" attribute`
			`const target = el.dataset.target;`
			`const $target = document.getElementById(target);`

			`// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"`
			`el.classList.toggle('is-active');`
			`$target.classList.toggle('is-active');`

			`});`
			`});`

			`});`
			`</script>`
Reformat templates 2 years ago			`<style>`
			`.icon { border-bottom: 0px !important;}`
Properly wrap message elements 2 years ago			`.wrap {`
Begin implementing context modal 2 years ago			`/* white-space: pre-wrap;`
Fix msg wrap and default most fields to hidden 2 years ago			`white-space: -moz-pre-wrap;`
			`white-space: -pre-wrap;`
Begin implementing context modal 2 years ago			`white-space: -o-pre-wrap; */`
Fix msg wrap and default most fields to hidden 2 years ago			`word-wrap: break-word;`
Properly wrap message elements 2 years ago			`}`
Use the alternative nowrap helper for options alignment 2 years ago			`.nowrap-parent {`
			`white-space: nowrap;`
			`}`
			`.nowrap-child {`
			`display: inline-block;`
			`}`
Begin implementing additional query settings 2 years ago			`.slider-output {`
			`width: 4rem !important;`
			`}`
Show loading indicator 2 years ago			`.htmx-indicator{`
			`opacity:0;`
			`transition: opacity 500ms ease-in;`
			`}`
			`.htmx-request .htmx-indicator{`
Theme network page headers and add active network status 2 years ago			`opacity:1`
Show loading indicator 2 years ago			`}`
			`.htmx-request.htmx-indicator{`
Theme network page headers and add active network status 2 years ago			`opacity:1`
Show loading indicator 2 years ago			`}`
Implement toggleable table fields 2 years ago			`.dropdown-content {`
			`height: 20em;`
			`overflow: auto;`
			`}`
Make relays table more compact with two rows per entry 2 years ago			`table.relays-table tr:nth-of-type(2n) td {`
			`border-bottom: 3px solid grey;`
			`}`
Theme network page headers and add active network status 2 years ago
Add tooltips to disabled elements 2 years ago			`.tooltiptext {`
			`visibility: hidden;`
			`background-color: black;`
			`color: #fff;`
			`text-align: center;`
			`padding: 5px 0;`
			`border-radius: 6px;`
			`position: absolute;`
			`z-index: 1;`
			`}`

			`.rounded-tooltip:hover .tooltiptext {`
			`visibility: visible;`
			`}`
Make search page layout draggable 2 years ago			`.ui-move {`
			background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
			`background-position-x: 50%;`
			`background-position-y: 50%;`
			`background-repeat: no-repeat;`
			`bottom: 10px;`
			`box-sizing: border-box;`
			`color: rgb(74, 74, 74);`
			`cursor: se-resize;`
			`display: none;`
			`filter: none;`
			`font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;`
			`font-size: 0.1px;`
			`font-weight: 400;`
			`height: 20px;`
			`line-height: 0.15px;`
			`position: absolute;`
			`left: 10px;`
			`text-rendering: optimizelegibility;`
			`touch-action: none;`
			`transform: matrix(0.707107, -0.707107, 0.707107, 0.707107, 0, 0);`
			`user-select: none;`
			`width: 20px;`
			`z-index: 100`
			`}`
			`.grid-stack-item-content:hover .ui-move {`
			`display: block;`
			`color: red;`
			`}`
Reformat templates 2 years ago			`</style>`
Properly indent all templates 2 years ago			`</head>`
			`<body>`
Begin implementing Bulma 2 years ago
			`<nav class="navbar" role="navigation" aria-label="main navigation">`
			`<div class="navbar-brand">`
			`<a class="navbar-item" href="{% url 'home' %}">`
			`<img src="{% static 'logo.svg' %}" width="112" height="28" alt="logo">`
			`</a>`

			`<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="bar">`
			`<span aria-hidden="true"></span>`
			`<span aria-hidden="true"></span>`
			`<span aria-hidden="true"></span>`
			`</a>`
			`</div>`

			`<div id="bar" class="navbar-menu">`
			`<div class="navbar-start">`
			`<a class="navbar-item" href="{% url 'home' %}">`
Add about page 2 years ago			`Search`
			`</a>`
Begin implementing Bulma 2 years ago			`{% if user.is_authenticated %}`
			`<a class="navbar-item" href="{% url 'billing' %}">`
			`Billing`
			`</a>`
			`{% endif %}`
Begin work on the management panel 2 years ago			`{% if user.is_superuser %}`
			`<div class="navbar-item has-dropdown is-hoverable">`
			`<a class="navbar-link">`
Remove nested menus 2 years ago			`Threshold`
Begin work on the management panel 2 years ago			`</a>`

			`<div class="navbar-dropdown">`
Remove nested menus 2 years ago			`<a class="navbar-item" href="{% url 'threshold_irc_overview' %}">`
			`IRC`
Begin work on the management panel 2 years ago			`</a>`
			`<a class="navbar-item" href="#">`
Remove nested menus 2 years ago			`Discord`
Begin work on the management panel 2 years ago			`</a>`
			`</div>`
			`</div>`
			`{% endif %}`
Begin implementing Bulma 2 years ago
Fix insights search 2 years ago			`{% if perms.core.use_insights %}`
			`<a class="navbar-item" href="{% url 'insights' %}">`
			`Insights`
			`</a>`
Begin implementing Bulma 2 years ago			`{% endif %}`
Implement A2HS functionality 2 years ago			`<a class="navbar-item add-button">`
			`Install`
			`</a>`
Begin implementing Bulma 2 years ago			`</div>`

			`<div class="navbar-end">`
			`<div class="navbar-item">`
			`<div class="buttons">`
			`{% if not user.is_authenticated %}`
Make it all blue 2 years ago			`<a class="button is-info" href="{% url 'signup' %}">`
Begin implementing Bulma 2 years ago			`<strong>Sign up</strong>`
			`</a>`
			`<a class="button is-light" href="{% url 'login' %}">`
			`Log in`
			`</a>`
			`{% endif %}`

			`{% if user.is_authenticated %}`
			`<a class="button is-dark" href="{% url 'logout' %}">Logout</a>`
			`{% endif %}`


Fix navbar on mobile 2 years ago			`</div>`
Properly indent all templates 2 years ago			`</div>`
Create page templates 2 years ago			`</div>`
Properly indent all templates 2 years ago			`</div>`
Begin implementing Bulma 2 years ago			`</nav>`
Implement A2HS functionality 2 years ago			`<script>`
			`let deferredPrompt;`
			`const addBtn = document.querySelector('.add-button');`
			`addBtn.style.display = 'none';`
			`window.addEventListener('beforeinstallprompt', (e) => {`
			`// Prevent Chrome 67 and earlier from automatically showing the prompt`
			`e.preventDefault();`
			`// Stash the event so it can be triggered later.`
			`deferredPrompt = e;`
			`// Update UI to notify the user they can add to home screen`
			`addBtn.style.display = 'block';`

			`addBtn.addEventListener('click', (e) => {`
			`// hide our user interface that shows our A2HS button`
			`addBtn.style.display = 'none';`
			`// Show the prompt`
			`deferredPrompt.prompt();`
			`// Wait for the user to respond to the prompt`
			`deferredPrompt.userChoice.then((choiceResult) => {`
			`if (choiceResult.outcome === 'accepted') {`
			`console.log('User accepted the A2HS prompt');`
			`} else {`
			`console.log('User dismissed the A2HS prompt');`
			`}`
			`deferredPrompt = null;`
			`});`
			`});`
			`});`
			`</script>`
Make search page layout draggable 2 years ago			`{% block outer_content %}`
			`{% endblock %}`
Begin implementing Bulma 2 years ago			`<section class="section">`
			`<div class="container">`
			`{% block content %}`
			`{% endblock %}`
			`</div>`
Create page templates 2 years ago			`</section>`
Properly indent all templates 2 years ago			`</body>`
Create page templates 2 years ago			`</html>`