brunogirin/dabblet.css

## dabblet.css
/**
 * Two column scrolling content with header and footer
 */

html, body {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

body {
	display: flex;
	flex-direction: row;
}

section {
	display: flex;
	flex-direction: column;
	margin: 0 0.5em;
}

.header, .footer {
	background-color: #eee;
}

.header {
	border-bottom: 1px solid #ccc;
}

.footer {
	border-top: 1px solid #ccc;
}

.content {
	flex-grow: 1;
	overflow: auto;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<section id="left">
<div class="header"><p>Left header</p></div>
<div class="content">
<p>L'année 1866 fut marquée par un événement bizarre, un phénomène
inexpliqué et inexplicable que personne n'a sans doute oublié. Sans
parler des rumeurs qui agitaient les populations des ports et
surexcitaient l'esprit public à l'intérieur des continents les gens de
mer furent particulièrement émus. Les négociants, armateurs, capitaines
de navires, skippers et masters de l'Europe et de l'Amérique, officiers
des marines militaires de tous pays, et, après eux, les gouvernements
des divers États des deux continents, se préoccupèrent de ce fait au
plus haut point.</p>
<p>En effet, depuis quelque temps, plusieurs navires s'étaient rencontrés
sur mer avec « une chose énorme » un objet long, fusiforme, parfoisphos
phorescent, infiniment plus vaste et plus rapide qu'une baleine.</p>
<p>Les faits relatifs à cette apparition, consignés aux divers livres de
bord, s'accordaient assez exactement sur la structure de l'objet ou de
l'être en question, la vitesse inouïe de ses mouvements, la puissance
surprenante de sa locomotion, la vie particulière dont il semblait
doué. Si c'était un cétacé, il surpassait en volume tous ceux que la
science avait classés jusqu'alors. Ni Cuvier, ni Lacépède, ni M.
Dumeril, ni M. de Quatrefages n'eussent admis l'existence d'un tel
monstre -- à moins de l'avoir vu, ce qui s'appelle vu de leurs propres
yeux de savants.</p>
<p>A prendre la moyenne des observations faites à diverses reprises -- en
rejetant les évaluations timides qui assignaient à cet objet une
longueur de deux cents pieds et en repoussant les opinions exagérées
qui le disaient large d'un mille et long de trois -- on pouvait
affirmer, cependant, que cet être phénoménal dépassait de beaucoup
toutes les dimensions admises jusqu'à ce jour par les ichtyologistes --
s'il existait toutefois.</p>
</div>
<div class="footer"><p>Left footer</p></div>
</section>
<section id="right">
<div class="header"><p>Right header</p></div>
<div class="content">
<p>Or, il existait, le fait en lui-même n'était plus niable, et, avec ce
penchant qui pousse au merveilleux la cervelle humaine, on comprendra
l'émotion produite dans le monde entier par cette surnaturelle
apparition. Quant à la rejeter au rang des fables, il fallait y
renoncer.</p>
<p>En effet, le 20 juillet 1866, le steamer <em>Governor-Higginson</em>, de
Calcutta and Burnach steam navigation Company, avait rencontré cette
masse mouvante à cinq milles dans l'est des côtes de l'Australie. Le
capitaine Baker se crut, tout d'abord, en présence d'un écueil inconnu;
il se disposait même à en déterminer la situation exacte, quand deux
colonnes d'eau, projetées par l'inexplicable objet, s'élancèrent en
sifflant à cent cinquante pieds dans l'air. Donc, à moins que cet
écueil ne fût soumis aux expansions intermittentes d'un geyser, le
<em>Governor-Higginson</em> avait affaire bel et bien à quelque mammifère
aquatique, inconnu jusque-là, qui rejetait par ses évents des colonnes
d'eau, mélangées d'air et de vapeur.</p>
<p>Pareil fait fut également observé le 23 juillet de la même année, dans
les mers du Pacifique, par le <em>Cristobal-Colon</em>, de West India and
Pacific steam navigation Company. Donc, ce cétacé extraordinaire
pouvait se transporter d'un endroit à un autre avec une vélocité
surprenante, puisque à trois jours d'intervalle, le
<em>Governor-Higginson</em> et le <em>Cristobal-Colon</em> l'avaient observé en deux
points de la carte séparés par une distance de plus de sept cents
lieues marines. Quinze jours plus tard, à deux mille lieues de là
l'<em>Helveti</em>, de la Compagnie Nationale, et le <em>Shannon</em>, du
Royal-Mail, marchant à contrebord dans cette portion de l'Atlantique
comprise entre les États-Unis et l'Europe, se signalèrent
respectivement le monstre par 42°15' de latitude nord, et 60°35' de
longitude à l'ouest du méridien de Greenwich. Dans cette observation
simultanée, on crut pouvoir évaluer la longueur minimum du mammifère à
plus de trois cent cinquante pieds anglais, puisque le <em>Shannon</em> et
l'<em>Helvetia</em> étaient de dimension inférieure à lui, bien qu'ils
mesurassent cent mètres de l'étrave à l'étambot. Or, les plus vastes
baleines, celles qui fréquentent les parages des îles Aléoutiennes, le
Kulammak et l'Umgullick, n'ont jamais dépassé la longueur de
cinquante-six mètres, -- si même elles l'atteignent.</p>
</div>
<div class="footer"><p>Right footer</p></div>
</section>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Two column scrolling content with header and footer
	*/

	html, body {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	}

	body {
	display: flex;
	flex-direction: row;
	}

	section {
	display: flex;
	flex-direction: column;
	margin: 0 0.5em;
	}

	.header, .footer {
	background-color: #eee;
	}

	.header {
	border-bottom: 1px solid #ccc;
	}

	.footer {
	border-top: 1px solid #ccc;
	}

	.content {
	flex-grow: 1;
	overflow: auto;
	}
	<!-- content to be placed inside <body>…</body> -->
	<section id="left">
	<div class="header"><p>Left header</p></div>
	<div class="content">
	<p>L'année 1866 fut marquée par un événement bizarre, un phénomène
	inexpliqué et inexplicable que personne n'a sans doute oublié. Sans
	parler des rumeurs qui agitaient les populations des ports et
	surexcitaient l'esprit public à l'intérieur des continents les gens de
	mer furent particulièrement émus. Les négociants, armateurs, capitaines
	de navires, skippers et masters de l'Europe et de l'Amérique, officiers
	des marines militaires de tous pays, et, après eux, les gouvernements
	des divers États des deux continents, se préoccupèrent de ce fait au
	plus haut point.</p>
	<p>En effet, depuis quelque temps, plusieurs navires s'étaient rencontrés
	sur mer avec « une chose énorme » un objet long, fusiforme, parfoisphos
	phorescent, infiniment plus vaste et plus rapide qu'une baleine.</p>
	<p>Les faits relatifs à cette apparition, consignés aux divers livres de
	bord, s'accordaient assez exactement sur la structure de l'objet ou de
	l'être en question, la vitesse inouïe de ses mouvements, la puissance
	surprenante de sa locomotion, la vie particulière dont il semblait
	doué. Si c'était un cétacé, il surpassait en volume tous ceux que la
	science avait classés jusqu'alors. Ni Cuvier, ni Lacépède, ni M.
	Dumeril, ni M. de Quatrefages n'eussent admis l'existence d'un tel
	monstre -- à moins de l'avoir vu, ce qui s'appelle vu de leurs propres
	yeux de savants.</p>
	<p>A prendre la moyenne des observations faites à diverses reprises -- en
	rejetant les évaluations timides qui assignaient à cet objet une
	longueur de deux cents pieds et en repoussant les opinions exagérées
	qui le disaient large d'un mille et long de trois -- on pouvait
	affirmer, cependant, que cet être phénoménal dépassait de beaucoup
	toutes les dimensions admises jusqu'à ce jour par les ichtyologistes --
	s'il existait toutefois.</p>
	</div>
	<div class="footer"><p>Left footer</p></div>
	</section>
	<section id="right">
	<div class="header"><p>Right header</p></div>
	<div class="content">
	<p>Or, il existait, le fait en lui-même n'était plus niable, et, avec ce
	penchant qui pousse au merveilleux la cervelle humaine, on comprendra
	l'émotion produite dans le monde entier par cette surnaturelle
	apparition. Quant à la rejeter au rang des fables, il fallait y
	renoncer.</p>
	<p>En effet, le 20 juillet 1866, le steamer <em>Governor-Higginson</em>, de
	Calcutta and Burnach steam navigation Company, avait rencontré cette
	masse mouvante à cinq milles dans l'est des côtes de l'Australie. Le
	capitaine Baker se crut, tout d'abord, en présence d'un écueil inconnu;
	il se disposait même à en déterminer la situation exacte, quand deux
	colonnes d'eau, projetées par l'inexplicable objet, s'élancèrent en
	sifflant à cent cinquante pieds dans l'air. Donc, à moins que cet
	écueil ne fût soumis aux expansions intermittentes d'un geyser, le
	<em>Governor-Higginson</em> avait affaire bel et bien à quelque mammifère
	aquatique, inconnu jusque-là, qui rejetait par ses évents des colonnes
	d'eau, mélangées d'air et de vapeur.</p>
	<p>Pareil fait fut également observé le 23 juillet de la même année, dans
	les mers du Pacifique, par le <em>Cristobal-Colon</em>, de West India and
	Pacific steam navigation Company. Donc, ce cétacé extraordinaire
	pouvait se transporter d'un endroit à un autre avec une vélocité
	surprenante, puisque à trois jours d'intervalle, le
	<em>Governor-Higginson</em> et le <em>Cristobal-Colon</em> l'avaient observé en deux
	points de la carte séparés par une distance de plus de sept cents
	lieues marines. Quinze jours plus tard, à deux mille lieues de là
	l'<em>Helveti</em>, de la Compagnie Nationale, et le <em>Shannon</em>, du
	Royal-Mail, marchant à contrebord dans cette portion de l'Atlantique
	comprise entre les États-Unis et l'Europe, se signalèrent
	respectivement le monstre par 42°15' de latitude nord, et 60°35' de
	longitude à l'ouest du méridien de Greenwich. Dans cette observation
	simultanée, on crut pouvoir évaluer la longueur minimum du mammifère à
	plus de trois cent cinquante pieds anglais, puisque le <em>Shannon</em> et
	l'<em>Helvetia</em> étaient de dimension inférieure à lui, bien qu'ils
	mesurassent cent mètres de l'étrave à l'étambot. Or, les plus vastes
	baleines, celles qui fréquentent les parages des îles Aléoutiennes, le
	Kulammak et l'Umgullick, n'ont jamais dépassé la longueur de
	cinquante-six mètres, -- si même elles l'atteignent.</p>
	</div>
	<div class="footer"><p>Right footer</p></div>
	</section>