brutaldon-interfaccia-web-m.../brutaldon/templates/base.html

{% load static %}

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{% block title %}brutaldon{% endblock %}</title>
    {% if not fullbrutalism %}
        <link rel="stylesheet"
              href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.0/css/bulma.min.css">
        <link rel="stylesheet"
              href="https://cdn.jsdelivr.net/npm/fork-awesome@1.0.11/css/fork-awesome.min.css"
              integrity="sha256-MGU/JUq/40CFrfxjXb5pZjpoZmxiP2KuICN5ElLFNd8="
              crossorigin="anonymous">
        <link rel="stylesheet" href="{% static "css/brutaldon.css" %}">
    {% else %}
        <link rel="stylesheet" href="{% static "css/fullbrutalism.css" %}" >
    {% endif %}
    <link rel="icon" href="{% static "images/brutaldon.png" %}" type="image/png">
  </head>
  <body>
      {% block navbar %}
      <nav class="navbar" role="navigation" aria-label="main navigation">
          <div class="navbar-brand">
              <a class="navbar-item">
                  <img src="{% static "images/brutaldon.png" %}" 
                       width="32" height="32" alt="Brutaldon">
              </a>
              <a role="button" class="navbar-burger" aria-label="menu"
                 aria-expanded="false" data-target="navMenu">
                  <span aria-hidden="true"></span>
                  <span aria-hidden="true"></span>
                  <span aria-hidden="true"></span>
              </a>              <!-- navbar items, navbar burger... -->
          </div>
          <div class="navbar-menu" id="navMenu">
              <!-- navbar start, navbar end -->
              <div class="navbar-start">
                  <a href="{% url "home" %}" class="navbar-item">Home</a>
                  <a class="navbar-item" href="{% url "note" %}">Notifications</a>
                  <a class="navbar-item" href="{% url "local" %}">Local</a>
                  <a class="navbar-item" href="{% url "fed" %}">Federated</a>
              </div>
              <div class="navbar-end" >
                  <a class="navbar-item" href="{% url "settings" %}">Settings</a>
                  <a class="navbar-item" href="{% url "logout" %}">Log out</a>
              </div>
          </div>
      </nav>
      {% endblock %}
  <section class="section">
    <div class="container">
      {% block content %} 
      <h1 class="title">
         Title
      </h1>
      <p class="subtitle">
        Brutaldon is totally a thing.
      </p>
      {% endblock %}
    </div>
  </section>
  {% if not fullbrutalism %}
      <script type="application/javascript">
document.addEventListener('DOMContentLoaded', function () {

    // Get all "navbar-burger" elements
    var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);

    // Check if there are any navbar burgers
    if ($navbarBurgers.length > 0) {

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

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

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

            });
        });
    }

});
      </script>
  {% endif %}

  </body>
</html>
Fix up static links in base template 2018-05-13 18:18:09 +02:00			`{% load static %}`

Log in to an instance and display a home timeline. Only supports single user, lots of display elements not supported yet. But it actually has something to show. Actually display a home timeline. Still only single user, doesn't correctly handle boosts, CWs, and probably a lot of other things. 2018-04-24 00:16:22 +02:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<meta charset="utf-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1">`
			`<title>{% block title %}brutaldon{% endblock %}</title>`
Add FULLBRUTALISM mode (stylesheet resembling NCSA Mosaic). Also, add new logo. 2018-04-25 15:31:55 +02:00			`{% if not fullbrutalism %}`
			`<link rel="stylesheet"`
			`href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.0/css/bulma.min.css">`
			`<link rel="stylesheet"`
			`href="https://cdn.jsdelivr.net/npm/fork-awesome@1.0.11/css/fork-awesome.min.css"`
			`integrity="sha256-MGU/JUq/40CFrfxjXb5pZjpoZmxiP2KuICN5ElLFNd8="`
			`crossorigin="anonymous">`
Fix up static links in base template 2018-05-13 18:18:09 +02:00			`<link rel="stylesheet" href="{% static "css/brutaldon.css" %}">`
Add FULLBRUTALISM mode (stylesheet resembling NCSA Mosaic). Also, add new logo. 2018-04-25 15:31:55 +02:00			`{% else %}`
Fix up static links in base template 2018-05-13 18:18:09 +02:00			`<link rel="stylesheet" href="{% static "css/fullbrutalism.css" %}" >`
Add FULLBRUTALISM mode (stylesheet resembling NCSA Mosaic). Also, add new logo. 2018-04-25 15:31:55 +02:00			`{% endif %}`
Fix up static links in base template 2018-05-13 18:18:09 +02:00			`<link rel="icon" href="{% static "images/brutaldon.png" %}" type="image/png">`
Log in to an instance and display a home timeline. Only supports single user, lots of display elements not supported yet. But it actually has something to show. Actually display a home timeline. Still only single user, doesn't correctly handle boosts, CWs, and probably a lot of other things. 2018-04-24 00:16:22 +02:00			`</head>`
			`<body>`
Add navbar to top of main template Also, add stub functions to views to make all the links and reverse routes work. 2018-04-25 01:20:22 +02:00			`{% block navbar %}`
Add FULLBRUTALISM mode (stylesheet resembling NCSA Mosaic). Also, add new logo. 2018-04-25 15:31:55 +02:00			`<nav class="navbar" role="navigation" aria-label="main navigation">`
Add navbar to top of main template Also, add stub functions to views to make all the links and reverse routes work. 2018-04-25 01:20:22 +02:00			`<div class="navbar-brand">`
			`<a class="navbar-item">`
Fix up static links in base template 2018-05-13 18:18:09 +02:00			`<img src="{% static "images/brutaldon.png" %}"`
Add navbar to top of main template Also, add stub functions to views to make all the links and reverse routes work. 2018-04-25 01:20:22 +02:00			`width="32" height="32" alt="Brutaldon">`
			`</a>`
Convert the navbar menu into a dropdown on mobile This may break browsers that support css media types but not javascript. This set appears to include dillo, evergreen browsers with js turned off. One thought on how to fix this is to set is-active on the menu by default, don't include the burger. Add the burger from javascript and remove is-active from the menu. 2018-05-23 15:18:23 +02:00			`<a role="button" class="navbar-burger" aria-label="menu"`
			`aria-expanded="false" data-target="navMenu">`
			`<span aria-hidden="true"></span>`
			`<span aria-hidden="true"></span>`
			`<span aria-hidden="true"></span>`
			`</a> <!-- navbar items, navbar burger... -->`
Add navbar to top of main template Also, add stub functions to views to make all the links and reverse routes work. 2018-04-25 01:20:22 +02:00			`</div>`
Convert the navbar menu into a dropdown on mobile This may break browsers that support css media types but not javascript. This set appears to include dillo, evergreen browsers with js turned off. One thought on how to fix this is to set is-active on the menu by default, don't include the burger. Add the burger from javascript and remove is-active from the menu. 2018-05-23 15:18:23 +02:00			`<div class="navbar-menu" id="navMenu">`
Add navbar to top of main template Also, add stub functions to views to make all the links and reverse routes work. 2018-04-25 01:20:22 +02:00			`<!-- navbar start, navbar end -->`
			`<div class="navbar-start">`
			`<a href="{% url "home" %}" class="navbar-item">Home</a>`
			`<a class="navbar-item" href="{% url "note" %}">Notifications</a>`
			`<a class="navbar-item" href="{% url "local" %}">Local</a>`
			`<a class="navbar-item" href="{% url "fed" %}">Federated</a>`
			`</div>`
			`<div class="navbar-end" >`
Add a settings page, controlling whether FULLBRUTALISM is used 2018-04-25 22:45:46 +02:00			`<a class="navbar-item" href="{% url "settings" %}">Settings</a>`
Add navbar to top of main template Also, add stub functions to views to make all the links and reverse routes work. 2018-04-25 01:20:22 +02:00			`<a class="navbar-item" href="{% url "logout" %}">Log out</a>`
			`</div>`
			`</div>`
			`</nav>`
			`{% endblock %}`
Log in to an instance and display a home timeline. Only supports single user, lots of display elements not supported yet. But it actually has something to show. Actually display a home timeline. Still only single user, doesn't correctly handle boosts, CWs, and probably a lot of other things. 2018-04-24 00:16:22 +02:00			`<section class="section">`
			`<div class="container">`
			`{% block content %}`
			`<h1 class="title">`
			`Title`
			`</h1>`
			`<p class="subtitle">`
Display boosts correctly 2018-04-24 15:12:13 +02:00			`Brutaldon is totally a thing.`
Log in to an instance and display a home timeline. Only supports single user, lots of display elements not supported yet. But it actually has something to show. Actually display a home timeline. Still only single user, doesn't correctly handle boosts, CWs, and probably a lot of other things. 2018-04-24 00:16:22 +02:00			`</p>`
			`{% endblock %}`
			`</div>`
			`</section>`
Convert the navbar menu into a dropdown on mobile This may break browsers that support css media types but not javascript. This set appears to include dillo, evergreen browsers with js turned off. One thought on how to fix this is to set is-active on the menu by default, don't include the burger. Add the burger from javascript and remove is-active from the menu. 2018-05-23 15:18:23 +02:00			`{% if not fullbrutalism %}`
			`<script type="application/javascript">`
			`document.addEventListener('DOMContentLoaded', function () {`

			`// Get all "navbar-burger" elements`
			`var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);`

			`// Check if there are any navbar burgers`
			`if ($navbarBurgers.length > 0) {`

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

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

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

			`});`
			`});`
			`}`

			`});`
			`</script>`
			`{% endif %}`

Log in to an instance and display a home timeline. Only supports single user, lots of display elements not supported yet. But it actually has something to show. Actually display a home timeline. Still only single user, doesn't correctly handle boosts, CWs, and probably a lot of other things. 2018-04-24 00:16:22 +02:00			`</body>`
			`</html>`