many changes

html/static/esquemadorg.js

@@ -0,0 +1,271 @@
+// Adapted from:
+//
+// esquemadorg.js
+//
+// m3.2010 Daniel Clemente Laboreo. http://www.danielclemente.com/
+//
+// Initially based on org-info-jq from Sebastian Rose (2009): http://github.com/SebastianRose/org-info-js/blob/master/org-info-jq.js
+//
+// Released under the GNU General Public License version 3
+// see: http://www.gnu.org/licenses/
+//
+
+
+var HOW_TO_HIDE = 'hide';
+
+function isHideable(div_obj) {
+    try {
+		// Ignore for TOC since it is handled differently
+		if (div_obj.id == "text-table-of-contents") return false;
+        if (div_obj.id == "table-of-contents") return false;
+		// No point in hiding top level
+		if (div_obj.classList.contains("outline-2")) return false;
+		if (div_obj.classList.contains("outline-text-2")) return false;
+    } catch (e) {
+        console.log(div_obj)
+        console.log(e)
+    }
+
+    return true
+}
+
+function scrollSmoothlyToObj(obj,id) {
+	// This line comes from:	*** Anchor Slider by Cedric Dugas	*** Http://www.position-absolute.com *** Thanks!
+	$("html:not(:animated),body:not(:animated)").animate({ scrollTop: obj.offset().top}, 1100, function() {
+		window.location.hash = id;
+	});
+}
+
+function focusSection(id_anchor){
+	// anchor: the id (text, without '#') of the h2/h3/h4/h5/h6/h7 which is to be made visible (together with its parents). The page will also scroll to focus that section
+
+	var anchor1='#'+id_anchor;
+	var anchor2='*[id=' + id_anchor + ']'; // this is equivalent to $("#id"), which strangely seems not to work
+	var obj_anchor=$(anchor2);
+
+	// Remove any other highlighted section which was the target of a previous link.
+	// It does nothing if it's the first click
+	$("div.orgjq-targeted").removeClass("orgjq-targeted");
+	// Now highlight the target section and its parents. You may Use .css("background","orange") to test
+	obj_anchor.parents("div.orgjq-contracted").addClass("orgjq-targeted");
+	// Expand its parents so that the target section is connected to the root of the tree
+	obj_anchor.parents("div.orgjq-contracted").each(
+		function() {
+			$(this).removeClass("orgjq-contracted").addClass("orgjq-expanded");
+			$(this).children("div").show();
+		}
+	);
+	// move the browser focus to that section
+	scrollSmoothlyToObj(obj_anchor,anchor1);
+}
+
+
+function hideForOrg_whenclicked(div_obj) {
+    if (!isHideable(div_obj[0])) return;
+
+	div_obj.parent().removeClass("orgjq-expanded").addClass("orgjq-contracted");
+	if(HOW_TO_HIDE=='hide'){
+		div_obj.nextAll().hide("fast"); // "normal" es más lento
+		div_obj.hide();
+	} else if(HOW_TO_HIDE=='shrink'){
+		//div_obj.css("zoom","0.25");
+		// div_obj.nextAll().css("zoom","0.25");
+		div_obj.css("font-size","50%");
+		div_obj.nextAll().css("font-size","50%");
+	} else if(HOW_TO_HIDE=='opacity'){
+		div_obj.css("opacity","0.5");
+		div_obj.nextAll().css("opacity","0.5");
+	} else if(HOW_TO_HIDE=='scrollbar'){
+		div_obj.parent().css({"height":"100px","overflow-y":"auto","opacity":"0.3"});
+	} else {
+		console.error("Not impl.");
+	}
+	
+}
+function showForOrg_whenclicked(div_obj) {
+	div_obj.parent().removeClass("orgjq-contracted").addClass("orgjq-expanded");
+	if(HOW_TO_HIDE=='hide'){
+		div_obj.parents().show("normal");
+		div_obj.nextAll().show("normal");div_obj.show();
+	} else if(HOW_TO_HIDE=='shrink'){
+		//div_obj.css("zoom","1");
+		// div_obj.nextAll().css("zoom","1");
+		div_obj.css("font-size","100%");
+		div_obj.nextAll().css("font-size","100%");
+	} else if(HOW_TO_HIDE=='opacity'){
+		div_obj.css("opacity","1");
+		div_obj.nextAll().css("opacity","1");
+	} else if(HOW_TO_HIDE=='scrollbar'){
+		div_obj.parents().css({"height":"auto","min-height":"100px","overflow-y":"inherit","opacity":"1"});
+	} else {
+		console.error("Not impl.");
+	}
+}
+function toggleForOrg_whenclicked(div_obj) {
+	if(div_obj.parent().hasClass("orgjq-expanded"))
+		hideForOrg_whenclicked(div_obj);
+	else
+		showForOrg_whenclicked(div_obj);
+}
+
+// faster methods than calling the individual methods in a loop
+function close_all_sections() {
+	//$('.orgjq-expanded').removeClass("orgjq-expanded").addClass("orgjq-contracted");
+
+	for(var i=2;i<=7;++i) {
+        let divs = $(".outline-text-"+i)
+        divs.each(idx => {
+            if (isHideable(divs[idx])) {
+                $("#" + divs[idx].id).parent().removeClass("orgjs-expanded").addClass("orgjq-contracted");
+                $("#" + divs[idx].id).hide()
+            }
+        })
+	}
+
+	// inside the h2 headers, all (now unseen) headers are also contracted
+	for(var i=2;i<=7;++i) {
+		$("h"+i).each(
+			function(){
+                if (isHideable($(this).parent()[0])) {
+				    $(this).parent().removeClass("orgjq-expanded").addClass("orgjq-contracted");
+				    $(this).next("div").nextAll().hide();$(this).next("div").hide();
+                }
+			});
+	}
+
+}
+function open_all_sections() {
+	$('div#content .orgjq-contracted').not("#table-of-contents").removeClass("orgjq-contracted").addClass("orgjq-expanded");
+	$('div#content').find(":hidden").not("#table-of-contents div").show();
+}
+
+function disable_global_outlining() {
+	// not really used anymore
+
+	// affect only the main (first level) sections
+	var org= $("div#table-of-contents, div#content>div[id^='outline-container-']");
+	//test: org.css({border: "2px solid red"});
+
+	// show everything (all sections, …)
+	org.find(":hidden").show();
+
+	// remove classes and thus colors
+	$(".orgjq-contracted").removeClass("orgjq-contracted");
+	$(".orgjq-expanded").removeClass("orgjq-expanded");
+	$(".orgjq-targeted").removeClass("orgjq-targeted");
+
+	// headers are not clickable
+	org.find("h1,h2,h3,h4,h5,h6,h7").css({cursor: "default"}).unbind("click");
+	// links to sections no longer highlight the target
+	$("a[href^='#']").unbind('click');
+	// hide expand link
+	$("div#outline-container-1 >h2 >a.expandAll").remove();
+
+
+	// information
+	alert("He cambiado al estilo tradicional: todo seguido. Si quieres volver a usar el esquemado con cabeceras clicables, recarga la página");
+}
+
+function enable_global_outlining() {
+	// Called once e.g. the first time the page is loaded
+
+	// handle the click event for each header
+	for(var i=2;i<=7;++i) {
+		$("h"+i).each(
+			function(){
+				$(this).css({cursor: "pointer"});
+				$(this).bind('click', function(){ toggleForOrg_whenclicked( $(this).parent().children("div").eq(0) ); });
+			});
+	}
+
+	/*
+	// add link to deactive outlining. I wanted 2 links, „expand all“ and „contract all“, but the second one isn't of much use (and reloading the page does the same)
+	// otros posibles nombres: "(expandir completamente)"
+	var expAll_link = $( document.createElement('a') ).text("(ver todo seguido, sin esquemado)").addClass("expandAll").click(disable_global_outlining);
+	$( $("div.outline-2")[0] ).find(">h2") .append(expAll_link);
+	*/
+
+
+	/*
+	// start with contracted TOC and headers   ← m5.2017: disabled because it has a huge penalty towards Google (hidden content won't be indexed)
+
+	if(HOW_TO_HIDE=='hide'){
+		$("#text-table-of-contents").hide();
+	} else {
+		console.error("Not impl.");
+	}
+	for(var i=2;i<=7;++i) {
+		$(".outline-text-"+i).parent().addClass("orgjq-contracted");
+		if(HOW_TO_HIDE=='hide'){
+			/////		 $(".outline-text-"+i).hide();
+			$(".outline-text-"+i).hide();
+		} else if(HOW_TO_HIDE=='scrollbar'){
+			//$(".outline-text-"+i).css({"height":"100px","overflow-y":"auto","opacity":"0.3"});
+			// $(".outline-text-"+i).parent().css({"height":"100px","overflow-y":"auto","opacity":"0.3"});
+			// console.error("nada");
+		} else {
+			console.error("Not impl.");
+		}
+	}
+
+	// inside the h2 headers, all (now unseen) headers are also contracted
+	for(var i=2;i<=7;++i) {
+		$("h"+i).each(
+			function(){
+				$(this).parent().removeClass("orgjq-expanded").addClass("orgjq-contracted");
+				if(HOW_TO_HIDE=='hide'){
+					$(this).next("div").nextAll().hide();$(this).next("div").hide();
+				} else if(HOW_TO_HIDE=='scrollbar'){
+					// $(this).next("div").nextAll().css({"height":"100px","overflow-y":"auto","opacity":"0.3"});
+					$(this).next("div").nextAll().css({"height":"100px","overflow-y":"auto","opacity":"0.3"});
+					// console.error("nada2.");
+				} else {
+					console.error("Not impl.");
+				}
+
+			});
+	}
+	*/
+
+	// alternatively: mark everything as open
+	for(var i=2;i<=7;++i) {
+		$("h"+i).each(
+			function(){
+				$(this).parent().removeClass("orgjq-contracted").addClass("orgjq-expanded");
+			});
+	}
+	// except TOC
+	$("div#table-of-contents").removeClass("orgjq-expanded").addClass("orgjq-contracted");
+
+
+
+	// If provided #fragment in URL, we must locate and open the corresponding header and its parents
+	var url = document.location.toString();
+	if (url.match('#')) { // the URL contains an anchor
+		var id_anchor = url.split('#')[1];
+		focusSection(id_anchor);
+	}
+
+
+	// internal links to anchors, e.g. <a href="#sec2">, should also expand the destination section before scrolling there
+	//Test:	  $("a[href^='#']").css("border","2px dotted red");
+	$("a[href^='#']").each(function(){
+		var caller=this;
+		$(caller).click(function (event) {
+			var href=$(caller).attr("href");
+			var id_href=href.substr(1);
+			focusSection(id_href);
+			return false;
+		});
+
+	});
+
+	// the page is now ready to be used
+
+}
+
+// Code starts here
+
+$(document).ready(enable_global_outlining);
+
+

html/static/fonts.css

@@ -0,0 +1,205 @@
+@font-face {
+    font-family: Libre Baskerville;
+    src: url('fonts/LibreBaskerville-Regular.ttf');
+}
+
+@font-face {
+    font-family: Cambria;
+    src: url('fonts/Cambria.ttf');
+}
+
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-weight: 200;
+    font-style: normal;
+    src: url('fonts/SourceSansPro-ExtraLight.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-weight: 200;
+    font-style: italic;
+    src: url('fonts/SourceSansPro-ExtraLightItalic.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-weight: 300;
+    font-style: normal;
+    src: url('fonts/SourceSansPro-Light.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-weight: 300;
+    font-style: italic;
+    src: url('fonts/SourceSansPro-LightItalic.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-weight: 400;
+    font-style: normal;
+    src: url('fonts/SourceSansPro-Regular.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-weight: 400;
+    font-style: italic;
+    src: url('fonts/SourceSansPro-RegularItalic.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-weight: 600;
+    font-style: normal;
+    src: url('fonts/SourceSansPro-Semibold.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-weight: 600;
+    font-style: italic;
+    src: url('fonts/SourceSansPro-SemiboldItalic.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-weight: 700;
+    font-style: normal;
+    src: url('fonts/SourceSansPro-Bold.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-weight: 700;
+    font-style: italic;
+    src: url('fonts/SourceSansPro-BoldItalic.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-weight: 900;
+    font-style: normal;
+    src: url('fonts/SourceSansPro-Black.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-weight: 900;
+    font-style: italic;
+    src: url('fonts/SourceSansPro-BlackItalic.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+
+
+@font-face {
+    font-family: 'Source Serif Pro';
+    font-weight: 200;
+    font-style: normal;
+    src: url('fonts/SourceSerifPro-ExtraLight.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Serif Pro';
+    font-weight: 200;
+    font-style: italic;
+    src: url('fonts/SourceSerifPro-ExtraLightItalic.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Serif Pro';
+    font-weight: 300;
+    font-style: normal;
+    src: url('fonts/SourceSerifPro-Light.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Serif Pro';
+    font-weight: 300;
+    font-style: italic;
+    src: url('fonts/SourceSerifPro-LightItalic.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Serif Pro';
+    font-weight: 400;
+    font-style: normal;
+    src: url('fonts/SourceSerifPro-Regular.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Serif Pro';
+    font-weight: 400;
+    font-style: italic;
+    src: url('fonts/SourceSerifPro-Italic.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Serif Pro';
+    font-weight: 600;
+    font-style: normal;
+    src: url('fonts/SourceSerifPro-Semibold.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Serif Pro';
+    font-weight: 600;
+    font-style: italic;
+    src: url('fonts/SourceSerifPro-SemiboldItalic.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Serif Pro';
+    font-weight: 700;
+    font-style: normal;
+    src: url('fonts/SourceSerifPro-Bold.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Serif Pro';
+    font-weight: 700;
+    font-style: italic;
+    src: url('fonts/SourceSerifPro-BoldItalic.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Serif Pro';
+    font-weight: 900;
+    font-style: normal;
+    src: url('fonts/SourceSerifPro-Black.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}
+@font-face {
+    font-family: 'Source Serif Pro';
+    font-weight: 900;
+    font-style: italic;
+    src: url('fonts/SourceSerifPro-BlackItalic.ttf') format('truetype');
+    font-display: swap;
+    unicode-range: U+0020-007E, U+00A0-00FF, U+2010, U+2013-2014, U+2018-2019, U+201C-201D, U+2212;
+}

html/static/fonts/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2014 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe Systems Incorporated in the United States and/or other countries.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.