Lucien Cartier-Tilet
d645e29ce5
The old dark mode is dropped and replaced with nord. Light and black themes were also rebased on the Nord theme. Code blocks now appear the same way my terminal windows appear in my Linux configuration, emulating a side titlebar.
93 lines
2.7 KiB
Dart
93 lines
2.7 KiB
Dart
import 'dart:html'
|
|
show DivElement, Element, querySelector, querySelectorAll, window;
|
|
|
|
import './navbar.dart' show makeNavbar;
|
|
|
|
const image_header = '/img/icon.webp';
|
|
|
|
Future<void> makeDecorativeButtonsOrgSrc() async {
|
|
for (var pre in querySelectorAll('.org-src-container')) {
|
|
pre
|
|
..append(Element.div()..attributes['class'] = 'closeButton')
|
|
..append(Element.div()..attributes['class'] = 'minButton')
|
|
..append(Element.div()..attributes['class'] = 'maxButton')
|
|
..append(Element.div()..attributes['class'] = 'floatButton');
|
|
}
|
|
}
|
|
|
|
Future<Element> makeHeader() async {
|
|
var header = Element.tag('header');
|
|
header
|
|
..append(Element.img()
|
|
..attributes['src'] = image_header
|
|
..attributes['alt'] = 'Logo'
|
|
..attributes['height'] = '150px'
|
|
..attributes['width'] = '150px')
|
|
..append(querySelector('h1')!);
|
|
final subt = header.querySelector('.subtitle');
|
|
if (subt != null) {
|
|
header.append(subt);
|
|
}
|
|
return header;
|
|
}
|
|
|
|
Future<void> wrapTables() async {
|
|
for (var table in querySelectorAll('table')) {
|
|
var largetable = DivElement()..className = 'largetable';
|
|
table.before(largetable);
|
|
largetable.children.add(table);
|
|
}
|
|
}
|
|
|
|
// All images that are not nested inside a link will be linkified to themselves.
|
|
Future<void> linkifyImg() async {
|
|
querySelectorAll('img').forEach((img) {
|
|
if (img.parent!.tagName == 'P') {
|
|
final link = Element.a()..attributes['href'] = img.attributes['src']!;
|
|
img.insertAdjacentElement('beforeBegin', link);
|
|
link.append(img);
|
|
}
|
|
});
|
|
}
|
|
|
|
Future<void> reorganizeHtml() async {
|
|
final ls = window.localStorage;
|
|
final lastUpdate = '20201221';
|
|
if (ls['last-update'] != lastUpdate) {
|
|
ls['last-update'] = lastUpdate;
|
|
window.location.reload();
|
|
}
|
|
|
|
// Make navbar
|
|
final navbar = await makeNavbar();
|
|
|
|
// Make header
|
|
final header = await makeHeader();
|
|
|
|
// Add decorative divs to source block wrappers
|
|
await makeDecorativeButtonsOrgSrc();
|
|
|
|
// wrap tables in container for better SCSS display
|
|
await wrapTables();
|
|
|
|
// Make images not linking somewhere link to themselves
|
|
await linkifyImg();
|
|
|
|
// Add navbar to page
|
|
querySelector('body')!.insertAdjacentElement('afterBegin', navbar);
|
|
|
|
// Add headet to page
|
|
querySelector('#content')!.insertAdjacentElement('beforeBegin', header);
|
|
|
|
// Add correct class to TOC
|
|
final toc = (querySelector('#table-of-contents') ??
|
|
(Element.div()
|
|
..attributes['id'] = 'table-of-contents'
|
|
..innerText = 'Table of Contents Unavailable'))
|
|
..classes.add('dropdown');
|
|
navbar.querySelector('#toc-drop')!.append(toc);
|
|
|
|
// Remove all <br> tags from HTML
|
|
querySelectorAll('br').forEach((br) => br.remove());
|
|
}
|