many changes

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);
+
+

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;
+}