User:Lbattich/Library of Babel Generator - Revision history

Lbattich: /* code */

2015-07-10T18:58:43Z

code

← Older revision		Revision as of 20:58, 10 July 2015
Line 39:		Line 39:

	==code==		==code==

			[[User:Lbattich/Library of Babel Generator/Library of Babel Generator - Code \| all the code]]

	=== Main Page ===		=== Main Page ===

Lbattich: /* code */

2015-07-10T18:55:36Z

code

Show changes

Lbattich: /* some images */

2015-07-10T18:45:23Z

some images

← Older revision		Revision as of 20:45, 10 July 2015
Line 12:		Line 12:

	=== some images ===		=== some images ===
			Previous test version:
			[[File:Babel1.png]]


			Current (final) version:
			[[File:Babel-screenshot.png]]

	~~[[File:Babel1.png]]~~

			little screenshot of pdf:
	[[File:Babel2.png]]		[[File:Babel2.png]]

Lbattich at 15:36, 9 June 2015

2015-06-09T15:36:12Z

← Older revision		Revision as of 17:36, 9 June 2015
Line 6:		Line 6:

	To create a PDF from Javascript alone, I've used [http://parall.ax/products/jspdf jsPDF]. Unfortunately though, jsPDF does not have a lot of styling possibilities. There are other tools that can be added to work together with jsPDF for better styling, like [https://github.com/platdesign/fpdf fdpf] for instance, but for my purposes I haven't explored this so much.		To create a PDF from Javascript alone, I've used [http://parall.ax/products/jspdf jsPDF]. Unfortunately though, jsPDF does not have a lot of styling possibilities. There are other tools that can be added to work together with jsPDF for better styling, like [https://github.com/platdesign/fpdf fdpf] for instance, but for my purposes I haven't explored this so much.

			'''What could be done/added:'''
			* secretly add a word or phrase in some page of the book. Preferably a prhase pciked out randomly from a list, and added randomly to a page. (not all books will have this. Say, it could be only books downloaded on an odd/even second)
			* Make a better, nicely designed start page: I don't need to show a preview. Just have a BIG button saying "Get your volume now" or smthing, and the information text (see Background below).

	=== some images ===		=== some images ===

Lbattich at 15:22, 9 June 2015

2015-06-09T15:22:26Z

← Older revision		Revision as of 17:22, 9 June 2015
Line 3:		Line 3:
	The aim is create a webpage where the USER can generate a custom-made brand new VOLUME of the Borges' Library of Babel (complete with its 410 pages of charater permutations...)		The aim is create a webpage where the USER can generate a custom-made brand new VOLUME of the Borges' Library of Babel (complete with its 410 pages of charater permutations...)

	* '''[http://lucasbattich.com/babel/~~babel-pdf.shtml~~ TEST SITE] go on have a try!!'''		* '''[http://lucasbattich.com/babel/ TEST SITE] go on have a try!!'''

	To create a PDF from Javascript alone, I've used [http://parall.ax/products/jspdf jsPDF]. Unfortunately though, jsPDF does not have a lot of styling possibilities. There are other tools that can be added to work together with jsPDF for better styling, like [https://github.com/platdesign/fpdf fdpf] for instance, but for my purposes I haven't explored this so much.		To create a PDF from Javascript alone, I've used [http://parall.ax/products/jspdf jsPDF]. Unfortunately though, jsPDF does not have a lot of styling possibilities. There are other tools that can be added to work together with jsPDF for better styling, like [https://github.com/platdesign/fpdf fdpf] for instance, but for my purposes I haven't explored this so much.

Lbattich: /* Background */

2015-06-09T15:20:15Z

Background

← Older revision		Revision as of 17:20, 9 June 2015
Line 17:		Line 17:
	In Jorge Luis Borges’ famous Library of Babel the universe consists of a vast quantity of books, containing all that can ever be expressed in language.		In Jorge Luis Borges’ famous Library of Babel the universe consists of a vast quantity of books, containing all that can ever be expressed in language.

	{{quotation\|The Library is total and its shelves register all the possible combinations of the twenty-odd orthographical symbols (a number which, though extremely vast, is not infinite): in other words, all that it is given to express, in all languages. Everything. […] Each book is of four hundred and ten pages; each page, of forty lines, each line, of some eighty letters which are black in colour. […] All the books, no matter how diverse they might be, are made up of the same elements: the space, the period, the comma, the twenty-two letters of the alphabet.}}		{{quotation\|The Library is total and its shelves register all the possible combinations of the twenty-odd orthographical symbols (a number which, though extremely vast, is not infinite): in other words, all that it is given to express, in all languages. Everything. […] '''Each book is of four hundred and ten pages; each page, of forty lines, each line, of some eighty letters which are black in colour.''' […] All the books, no matter how diverse they might be, are made up of '''the same elements: the space, the period, the comma, the twenty-two letters of the alphabet.'''}}

	This webpage generates an example of how one full volume in this Library would look like, by combining the 25 characters in a quasi-random order, resulting in a unique book on each run.		This webpage generates an example of how one full volume in this Library would look like, by combining the 25 characters in a quasi-random order, resulting in a unique book on each run.

Lbattich at 15:18, 9 June 2015

2015-06-09T15:18:10Z

← Older revision		Revision as of 17:18, 9 June 2015
Line 3:		Line 3:
	The aim is create a webpage where the USER can generate a custom-made brand new VOLUME of the Borges' Library of Babel (complete with its 410 pages of charater permutations...)		The aim is create a webpage where the USER can generate a custom-made brand new VOLUME of the Borges' Library of Babel (complete with its 410 pages of charater permutations...)

	* [http://lucasbattich.com/babel/babel-pdf.shtml TEST SITE] go on have a try!!		* '''[http://lucasbattich.com/babel/babel-pdf.shtml TEST SITE] go on have a try!!'''

			To create a PDF from Javascript alone, I've used [http://parall.ax/products/jspdf jsPDF]. Unfortunately though, jsPDF does not have a lot of styling possibilities. There are other tools that can be added to work together with jsPDF for better styling, like [https://github.com/platdesign/fpdf fdpf] for instance, but for my purposes I haven't explored this so much.

	=== some images ===		=== some images ===

			[[File:Babel1.png]]

			[[File:Babel2.png]]

	== Background==		== Background==

			In Jorge Luis Borges’ famous Library of Babel the universe consists of a vast quantity of books, containing all that can ever be expressed in language.

			{{quotation\|The Library is total and its shelves register all the possible combinations of the twenty-odd orthographical symbols (a number which, though extremely vast, is not infinite): in other words, all that it is given to express, in all languages. Everything. […] Each book is of four hundred and ten pages; each page, of forty lines, each line, of some eighty letters which are black in colour. […] All the books, no matter how diverse they might be, are made up of the same elements: the space, the period, the comma, the twenty-two letters of the alphabet.}}

			This webpage generates an example of how one full volume in this Library would look like, by combining the 25 characters in a quasi-random order, resulting in a unique book on each run.

			The resulting volume is ultimately constrained by the web-browser algorithmic logic, which can be seen as a human limitation, (“Man, the imperfect librarian,”) a flawed attempt to mimic the divine combinations with the hope of chancing among the meaning to the universe, answers to eternal questions of humanity, “the catalogue of catalogues,” or our life’s vindication:
			{{quotation\|A blasphemous sect suggested that the searches should cease and that all should juggle letters and symbols until they constructed, by an improbable gift of chance, these canonical books.}}

			===Note on alphabet===

			Borges provides no clear information on which twenty-two letters he had in mind. Perhaps it is a reference to the number of letters of the Hebrew language, so dear to him as student of the Kabbalah, but in this case the inclusion of the period and comma is problematic. I have chosen to use the Classical Latin Alphabet (composed of 23 letters), minus the Y, which was a late addition, and does not figure in Old Latin. This remains a conjectural and idiosyncratic choice nevertheless.

	==code==		==code==

Lbattich at 15:05, 9 June 2015

2015-06-09T15:05:46Z

← Older revision		Revision as of 17:05, 9 June 2015
Line 17:		Line 17:
	<!DOCTYPE html>		<!DOCTYPE html>

	~~<!--~~
	_
	~~\| \|_ _ ___ __ _ ___~~
	~~\| \| \| \| \|/ __/ _` / __\|~~
	~~\| \| \|_\| \| (_\| (_\| \__ \~~
	~~\|_\|\__,_\|\___\__,_\|___/~~

	~~_ _ _ _ _~~
	~~\| \|__ __ _\| \|_\| \|_(_) ___\| \|__~~
	~~\| '_ \ / _` \| __\| __\| \|/ __\| '_ \~~
	~~\| \|_) \| (_\| \| \|_\| \|_\| \| (__\| \| \| \|~~
	~~\|_.__/ \__,_\|\__\|\__\|_\|\___\|_\| \|_\|~~



	~~Library of Babel~~
	~~Volume generator~~
	~~Lucas Battich~~
	~~-->~~

	<html>		<html>
Line 116:		Line 97:
	<source lang="JavaScript">		<source lang="JavaScript">
	window.onload=generate();		window.onload=generate();
	var myip = '<!--#echo var="REMOTE_ADDR"-->';		var myip = '<!--#echo var="REMOTE_ADDR"-->';

	function generate() {		function generate() {
	var x=document.getElementById("output")		var x=document.getElementById("output")
	var page = "";		var page = "";
	for( var i=0; i < 40; i++ )		for( var i=0; i < 40; i++ )
	page += makeline() + "\n" + "\n";		page += makeline() + "\n" + "\n";
	x.innerHTML = page;		x.innerHTML = page;
	return page;		return page;
	}		}

			function makeline() {
			var line = "";
			var string = "ABCDEFGHIJKLMNOPQRSTVZ .,";
			for( var i=0; i < 80; i++ ) {
			line += string.charAt(Math.floor(Math.random() * string.length));
			}
			return line;
			}

	~~function makeline() {~~		function savepdf() {
	~~var line = "";~~		var vol = Math.floor(Math.pow(10,16)*Math.random());
	~~var string = "ABCDEFGHIJKLMNOPQRSTVZ .,";~~		var doc = new jsPDF("p", "mm", "a4");
	~~for( var i=0; i < 80; i++ ) {~~
	~~line += string.charAt(Math.floor(Math.random() * string.length));~~
	}
	~~return line;~~
	}

	function savepdf() {
	var vol = Math.floor(Math.pow(10,16)*Math.random());
	var doc = new jsPDF("p", "mm", "a4");

	doc.setProperties({		doc.setProperties({
	title: 'Library of Babel Volume #' + vol,		title: 'Library of Babel Volume #' + vol,
	subject: 'Library of Babel Volume',		subject: 'Library of Babel Volume',
	author: 'Lucas Battich & User with IP ' + myip,		author: 'Lucas Battich & User with IP ' + myip,
	keywords: 'generated, library, babel',		keywords: 'generated, library, babel',
	creator: 'Unknown'		creator: 'Unknown'
	});		});
	doc.setDrawColor(0);		doc.setDrawColor(0);
	doc.setFillColor(200);		doc.setFillColor(200);
	doc.rect(0, 0, 210, 297, 'F');		doc.rect(0, 0, 210, 297, 'F');
	doc.setLineWidth(0.8);		doc.setLineWidth(0.8);
	doc.rect(25, 25, 160, 247); //x1, y1, w, h		doc.rect(25, 25, 160, 247); //x1, y1, w, h
	doc.setLineWidth(0.3);		doc.setLineWidth(0.3);
	doc.rect(26.5, 26.5, 157, 244);		doc.rect(26.5, 26.5, 157, 244);
	doc.rect(28, 28, 154, 241);		doc.rect(28, 28, 154, 241);
	doc.setFont('times');		doc.setFont('times');
	doc.setFontSize(19);		doc.setFontSize(19);
	doc.text(37, 50, "Library of Babel Volume No. " + vol);		doc.text(37, 50, "Library of Babel Volume No. " + vol);
	doc.setFontSize(15);		doc.setFontSize(15);
	doc.text(37, 70, "Retrieved on " + day()+ "\n" + "From IP " + myip);		doc.text(37, 70, "Retrieved on " + day()+ "\n" + "From IP " + myip);
	doc.setFontSize(8);		doc.setFontSize(8);
	for( var i=0; i < 410; i++ ) {		for( var i=0; i < 410; i++ ) {
	doc.addPage();		doc.addPage();
	doc.text(32, 25, generate());		doc.text(32, 25, generate());
	}		}
	doc.save('Library of Babel Volume #' + vol + '.pdf')		doc.save('Library of Babel Volume #' + vol + '.pdf')
	}		}

	function day() {		function day() {
	var today = new Date();		var today = new Date();
	var localdate = today.toString();		var localdate = today.toString();
			return localdate
			}
	</source>		</source>

Lbattich: Created page with "== What is this == The aim is create a webpage where the USER can generate a custom-made brand new VOLUME of the Borges' Library of Babel (complete with its 410 pages of char..."

2015-06-09T15:04:31Z

Created page with "== What is this == The aim is create a webpage where the USER can generate a custom-made brand new VOLUME of the Borges' Library of Babel (complete with its 410 pages of char..."

New page

== What is this ==

The aim is create a webpage where the USER can generate a custom-made brand new VOLUME of the Borges' Library of Babel (complete with its 410 pages of charater permutations...)

* [http://lucasbattich.com/babel/babel-pdf.shtml TEST SITE] go on have a try!!

=== some images ===

== Background==

==code==

'''HTML & CSS'''

<source lang="html4strict">
<!DOCTYPE html>



<html>
<head>
<meta name="author" content="Lucas Battich">
<meta name="description" content="Library of Babel Volume Generator by Lucas Battich">
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<script src="http://code.jquery.com/jquery-1.11.2.js"></script>
<script type="text/javascript" src="js/jspdf.js"></script>
<script type="text/javascript" src="js/FileSaver.js"></script>
<script type="text/javascript" src="js/standard_fonts_metrics.js"></script>
<title>The Library of Babel Book Page - Lucas Battich</title>

<style type="text/css">
body{
margin:20px;
font-size: 11px;
font-family:"arial";
background-color: Gray;
}
h1{font-size: 2em;}
#heading{
color:white;
width:400px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
#menu{
position:absolute;
top:100px;
width:150px;
height:150px;
}
table {
position:absolute;
width:60%;
height:80%;
top:10%;
left:20%;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
td {
height: 100%;
width: 100%;
padding: 5%;
text-align: center;
vertical-align: middle;
}
textarea{
font-size: 0.9em;
font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
text-align:justify;
}

</style>
</head>
<body>

<div id="heading">
<h1>Library of Babel Volume Generator</h1>
<p>by Lucas Battich</p>
<p>online pdf encription via <a href="http://parall.ax/products/jspdf" target="_blank">jsPDF</a></p>
</div>

<div id="menu">
<button onclick="generate()">Generate Page</button>
<button onclick="savepdf()">Generate PDF Volume</button>
</div>
<table><td>
<p id="ip"></p>
<textarea id="output" rows="80" cols="100"></textarea>
</table>
</body>
</html>
</source>

'''JavaScript'''
<source lang="JavaScript">
window.onload=generate();
var myip = '';

function generate() {
var x=document.getElementById("output")
var page = "";
for( var i=0; i < 40; i++ )
page += makeline() + "\n" + "\n";
x.innerHTML = page;
return page;
}

function makeline() {
var line = "";
var string = "ABCDEFGHIJKLMNOPQRSTVZ .,";
for( var i=0; i < 80; i++ ) {
line += string.charAt(Math.floor(Math.random() * string.length));
}
return line;
}

function savepdf() {
var vol = Math.floor(Math.pow(10,16)*Math.random());
var doc = new jsPDF("p", "mm", "a4");

doc.setProperties({
title: 'Library of Babel Volume #' + vol,
subject: 'Library of Babel Volume',
author: 'Lucas Battich & User with IP ' + myip,
keywords: 'generated, library, babel',
creator: 'Unknown'
});
doc.setDrawColor(0);
doc.setFillColor(200);
doc.rect(0, 0, 210, 297, 'F');
doc.setLineWidth(0.8);
doc.rect(25, 25, 160, 247); //x1, y1, w, h
doc.setLineWidth(0.3);
doc.rect(26.5, 26.5, 157, 244);
doc.rect(28, 28, 154, 241);
doc.setFont('times');
doc.setFontSize(19);
doc.text(37, 50, "Library of Babel Volume No. " + vol);
doc.setFontSize(15);
doc.text(37, 70, "Retrieved on " + day()+ "\n" + "From IP " + myip);
doc.setFontSize(8);
for( var i=0; i < 410; i++ ) {
doc.addPage();
doc.text(32, 25, generate());
}
doc.save('Library of Babel Volume #' + vol + '.pdf')
}

function day() {
var today = new Date();
var localdate = today.toString();

</source>