69 lines
2.1 KiB
JavaScript
69 lines
2.1 KiB
JavaScript
jQuery(document).ready(function($) {
|
|
|
|
console.log("Hello Les notices");
|
|
|
|
// $('.story-page').each(function(index, el) {
|
|
// $figures = $('figure', this);
|
|
// $(this).addClass("figures-"+$figures.length);
|
|
// });
|
|
|
|
$('.story-page-2 h2, .story-page:not(.story-page-0):not(.story-page-1):not(.story-page-2) h1').each(function(index, el) {
|
|
// console.log("item to typotize",$(this).text());
|
|
var chars = $(this).text().split("");
|
|
// console.log("chars", chars);
|
|
var typotized = "";
|
|
var k = 0;
|
|
for (var j = 0; j < chars.length; j++) {
|
|
// console.log('node '+j+" modulo : "+(j % 6),chars[j]);
|
|
if(! /\s/.test(chars[j]) ){
|
|
k++;
|
|
if ( k % 12 == 0){
|
|
typotized += '<span class="typo-4">'+chars[j]+'</span>';
|
|
continue;
|
|
}
|
|
if ( k % 9 == 0){
|
|
typotized += '<span class="typo-3">'+chars[j]+'</span>';
|
|
continue;
|
|
}
|
|
if ( k % 6 == 0){
|
|
typotized += '<span class="typo-2">'+chars[j]+'</span>';
|
|
continue;
|
|
}
|
|
if ( k % 3 == 0){
|
|
typotized += '<span class="typo-1">'+chars[j]+'</span>';
|
|
continue;
|
|
}
|
|
}
|
|
typotized += chars[j];
|
|
}
|
|
$(this).html(typotized);
|
|
});
|
|
|
|
/*
|
|
// Detect if a flow element is in odd or even paper
|
|
|
|
// var flow = document.webkitGetFlowByName('flow-main');
|
|
// var flow = NamedFlowMap;//();//getFlowByName("flow-main");
|
|
// console.log('flow', window);
|
|
var namedFlow = document.webkitGetNamedFlows()["flow-main"];
|
|
console.log(namedFlow);
|
|
// var regions = namedFlow.getRegions();
|
|
// var content = namedFlow.getContent();
|
|
|
|
setTimeout(function(){
|
|
var region, paper, paperid;
|
|
$(".story-page>h1,.story-page>figure", "#flow-main").each(function(index, el) {
|
|
region = namedFlow.getRegionsByContent(this);
|
|
// paper = $(region).parents('.paper');
|
|
paperid = $(region).parents('.paper').attr('id').match(/page-(\d+)/)[1];
|
|
// console.log(paperid);
|
|
if(paperid % 2 == 0){
|
|
$(this).addClass('paper-odd')
|
|
}else{
|
|
$(this).addClass('paper-even')
|
|
}
|
|
});
|
|
}, 1000);
|
|
*/
|
|
});
|