Mastodon/brutaldon-interfaccia-web-minimale
2
0
Fork 0
mirror of https://github.com/jfmcbrayer/brutaldon synced 2024-12-24 14:30:52 +01:00
Code Issues Releases Wiki Activity
3fd36fa640
brutaldon-interfaccia-web-m.../brutaldon/templates/base.html

155 lines
5.2 KiB
HTML
Raw Normal View History

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">
Add user icon to various pages to identify which account you're using
2018-07-18 19:33:16 +02:00
<title>
{% block title %}
{% if own_acct %}
brutaldon ({{ own_acct.username }})
{% else %}
brutaldon
{% endif %}
{% 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"
Serve assets locally
2018-06-13 16:17:15 +02:00
href="{% static 'css/bulma.min.css' %}">
Add FULLBRUTALISM mode (stylesheet resembling NCSA Mosaic). Also, add new logo.
2018-04-25 15:31:55 +02:00
<link rel="stylesheet"
Serve assets locally
2018-06-13 16:17:15 +02:00
href="{% static 'css/fork-awesome.min.css' %}">
Fix up static links in base template
2018-05-13 18:18:09 +02:00
<link rel="stylesheet" href="{% static "css/brutaldon.css" %}">
In js-supporting browsers, use ctrl-enter to submit toots This pulls in our first external javascript dependency! And thus a yarn.lock.
2018-06-12 14:35:23 +02:00
{% block page_scripts %}
{% endblock %}
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">
Link brand to home (useful on mobile)
2018-05-23 16:07:15 +02:00
<a class="navbar-item" href="{% url "home" %}">
Add user icon to various pages to identify which account you're using
2018-07-18 19:33:16 +02:00
{% if own_acct %}
<img src="{{ own_acct.avatar_static }}"
class="image is-32x32"
alt="Brutaldon ({{ own_acct.username }})">
{% else %}
<img src="{% static "images/brutaldon.png" %}"
class="image is-32x32" alt="Brutaldon">
{% endif %}
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>
</div>
Fix issue of mobile without javascript not having a menu
2018-05-23 15:52:15 +02:00
<div class="navbar-menu is-active" 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>
Complete searching feature for brutaldon
2018-06-09 19:49:04 +02:00
<a class="navbar-item" href="{% url "search" %}">
<span class="fa fa-search"><span class="is-hidden">Search</span></span>
</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
</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>
Fill in about and privacy pages
2018-05-27 19:43:20 +02:00
<footer class="footer">
<div class="level">
<div class="level-left">
<a class="level-item is-size-7" href="{% url "about" %}">
About
</a>
Add source link to footer
2018-06-02 00:46:44 +02:00
<a class="level-item is-size-7" href="https://github.com/jfmcbrayer/brutaldon">
Source
</a>
Fill in about and privacy pages
2018-05-27 19:43:20 +02:00
</div>
<div class="level-right">
Add some banners to fullbrutalism footer
2018-06-12 18:25:37 +02:00
{% if fullbrutalism %}
<img class="level-item" src="{% static '/images/lynx.gif' %}"
alt="Lynx Now!">
<img class="level-item" src="{% static '/images/now9.gif' %}"
alt="Netscape Now!">
{% endif %}
Fill in about and privacy pages
2018-05-27 19:43:20 +02:00
<a class="level-item is-size-7" href="{% url "privacy" %}">
Privacy
</a>
</div>
</div>
</footer>
Leave the footer on in FULLBRUTALISM mode
2018-06-02 00:42:52 +02:00
{% if not fullbrutalism %}
Fill in about and privacy pages
2018-05-27 19:43:20 +02:00
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
<script type="application/javascript">
document.addEventListener('DOMContentLoaded', function () {
Fix issue of mobile without javascript not having a menu
2018-05-23 15:52:15 +02:00
// Remove is-active from navbar menu
var menu = document.querySelector('#navMenu');
menu.classList.remove('is-active');
// Add the burger
var brand = document.querySelector('.navbar-brand');
var burger = document.createElement('a');
burger.classList.toggle('navbar-burger');
burger.setAttribute("aria-label", "menu");
burger.setAttribute("aria-expanded", "false");
burger.setAttribute("data-target", "navMenu");
for (var index = 0; index < 3; index++)
{
var span = document.createElement('span');
span.setAttribute('aria-hidden', "true");
burger.appendChild(span);
}
brand.appendChild(burger);
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
// 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>
In js-supporting browsers, use ctrl-enter to submit toots This pulls in our first external javascript dependency! And thus a yarn.lock.
2018-06-12 14:35:23 +02:00
{% block page_scripts_inline %}
{% endblock %}
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
{% 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>
Reference in New Issue Copy Permalink