Mastodon/brutaldon-interfaccia-web-minimale
2
0
Fork 0
mirror of https://github.com/jfmcbrayer/brutaldon synced 2024-12-23 21:51:43 +01:00
Code Issues Releases Wiki Activity
db1ed32490
brutaldon-interfaccia-web-m.../brutaldon/templates/base.html

187 lines
6.8 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 %}
Use your avatar for the favicon: tell multiple accounts apart in tabs
2018-07-18 19:45:04 +02:00
{% if own_acct %}
<link rel="icon" href="{{ own_acct.avatar_static }}">
{% else %}
<link rel="icon" href="{% static "images/brutaldon.png" %}" type="image/png">
{% 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
</head>
Fix navbar to top (mostly useful for mobile)
2018-08-08 18:59:57 +02:00
<body class="has-navbar-fixed-top">
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 %}
Some improvements to the menu Not quite what I want -- I want it to stay across the top on mobile with only icons.
2018-08-18 00:26:19 +02:00
<nav class="navbar is-fixed-top is-light" role="navigation"
Fix navbar to top (mostly useful for mobile)
2018-08-08 18:59:57 +02:00
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 }}"
Round the user avatar a bit if it's used as the brand image
2018-08-08 18:52:10 +02:00
class="image is-32x32 avatar"
Add user icon to various pages to identify which account you're using
2018-07-18 19:33:16 +02:00
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>
Improve handling of not-logged-in users
2018-08-22 15:21:09 +02:00
{% if request.session.instance %}
{% if request.session.username or request.session.access_token %}
<div class="navbar-menu is-active" id="navMenu">
<!-- navbar start, navbar end -->
<div class="navbar-start">
<a href="{% url "home" %}" class="navbar-item">
<span class="fa fa-home"></span>
<span>&nbsp; Home</span>
</a>
<a class="navbar-item" href="{% url "note" %}">
<span class="fa fa-bell-o"></span>
<span >&nbsp; Notifications</span>
</a>
<a class="navbar-item" href="{% url "local" %}">
<span class="fa fa-community"></span>
<span >&nbsp; Local</span>
</a>
<a class="navbar-item" href="{% url "fed" %}">
<span class="fa fa-globe"></span>
<span >&nbsp;Federated</span>
</a>
<a class="navbar-item" href="{% url "toot" %}">
<span class="fa fa-edit"> </span>
<span >&nbsp; New Toot</span>
</a>
<a class="navbar-item" href="{% url "search" %}">
<span class="fa fa-search"> </span>
<span >&nbsp; Search</span>
</a>
</div>
<div class="navbar-end" >
<a class="navbar-item" href="{% url "settings" %}">
<span class="fa fa-gear"></span>
<span >&nbsp;Settings</span>
</a>
<a class="navbar-item" href="{% url "logout" %}">
<span class="fa fa-power-off"></span>
<span >&nbsp;Log out</span>
</a>
</div>
</div>
{% endif %}
{% 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
</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