Castellanizaacióin bbásica completa.

18 files changed, 692 insertions, 0 deletions

diff --git a/articulos/2013-11-10-markdown-notes b/articulos/2013-11-10-markdown-notes
new file mode 100644
index 0000000..e829144
--- /dev/null
+++ b/articulos/2013-11-10-markdown-notes
@@ -0,0 +1,78 @@
+### Sintaxis de markdown
+
+
+#### Ésta sección cubre la sintaxis de Markdown
+
+Párrafos, cabeceras, bloques de cita:
+
+markdown:
+
+	Primer nivel de cabecera
+	====================
+
+	Segundo nivel de cabercera
+	---------------------
+
+	Esto es un simple párrafo.
+	Esto es otra frase insustancial.
+	
+
+	### Tercer nivel de cabecera
+
+	> Esto es un bloque de cita
+	> 
+	> Esto es un segundo párrafo en un bloque de cita
+	>
+	> ## Esto es un H2 en un bloque de cita.
+
+Énfasis de frases 
+
+markdown:
+
+	Algunas de estas palabras *tienen énfasis*.
+	Estas otras _también_ lo están.
+
+	Usa dos asteriscos para un  **énfasis fuerte**.
+	O, si lo prefieres, __usa dos barras bajas__ .
+
+salida:
+
+	<p>Algunas de éstas palabras <em>tienen énfasis</em>.
+	Estas otras<em>también lo están</em>.</p>
+
+	<p>Usa dos astericos para un <strong>énfasis fuerte</strong>.
+	O, si lo prefieres <strong>usa dos barras bajas</strong>.</p>
+
+Enlaces
+
+markdown:
+
+	Esto es un  [enlace de ejemplo](http://example.com/).
+
+
+	Obtengo 10 veces más tráfico de [Google][1] que desde 
+	[Yahoo][2] o [MSN][3].
+
+	[1]: http://google.com/        "Google"
+	[2]: http://search.yahoo.com/  "Yahoo Search"
+	[3]: http://search.msn.com/    "MSN Search"
+
+Imágenes
+
+markdown:
+
+	![alt text](/ruta/a/imagen.jpg "Título")
+
+
+Código
+
+markdown:
+	simplemente anteponga un tabulador o 4 espacios al texto
+	que desee escribir
+
+#### Como lanzarlo
+
+Demo completa, hora de las galletas.
+
+![wallpaper](images/puffytron.jpg "OpenBSD")
+[Wallpaper](images/puffytron.jpg)
diff --git a/articulos/2013-11-27-readme b/articulos/2013-11-27-readme
new file mode 100644
index 0000000..734a393
--- /dev/null
+++ b/articulos/2013-11-27-readme
@@ -0,0 +1,123 @@
+bliper (BLog engine In PERl) v0.2
+=================================
+
+Un script hecho en Perl que recoge todos los ficheros de principal/ como
+ficheros markdown y los recrea como archivos HTML en salida/ .
+También lee y genera páginas individuales que existan en los 
+directorios  paginas / y paginas-b/ .
+
+Requiere: Text-Markdown (http://search.cpan.org/~bobtfish/Text-Markdown-1.000031/)
+
+Los ficheros incluídos son:
+
+
+	.:
+	LEEME
+	LICENSE
+	Makefile
+	README
+	TODO
+	articulos/
+	bin/
+	changelog
+	paginas/
+	paginas-b/
+	plantilla/
+	salida/
+	tree
+	
+	./articulos:
+	2013-11-10-markdown-notes
+	2013-11-27-readme
+	
+	./bin:
+	bliper-blog.pl
+	bliper-create-post.sh
+	bliper-deploy.sh
+	bliper-generate.pl
+	bliper-menu-creation.sh
+	
+	./paginas:
+	about
+	blog.md
+	contact
+	
+	./paginas-b:
+	readme-again
+	
+	./plantilla:
+	article-bottom
+	article-top
+	footer
+	main-bottom
+	main-top
+	page-bottom
+	page-top
+	
+	./salida:
+	colors.css
+	images/
+	style.css
+	
+	./salida/images:
+	puffytron.jpg*
+	sample.png
+
+
+_bin/bliper-blog.pl_
+ Simple script para ver si existen nuevos artículos  en artículos/. De no existir, no se generará un direcotorio "blog".
+
+_bin/bliper-create-post.sh_
+ Usa esto en vez de `touch <fichero>' para sus envíos. Solo prepone `date '+%Y-%m-%d'` al inicio del fichero, es decir, la fecha.
+
+_bin/bliper-deploy.sh_
+es un script que "distribuye" la web. Usa rsync y lo he incluído como una configuración simple. Solo cambia "usuario@host:/ruta/a/la/salida" con la verdadera ruta.
+
+_bin/bliper-generate.pl_
+Es el script principal que interpreta cada post en articulos/ y los recrea como HTML en salida/. También general la página index.html y adjunta todos los enlaces a los envíos
+
+_bin/bliper-menu-creation.sh_
+ Al generarse, se genera un fichero llamado 'tmp'. Entonces, este script reemplaza todas las cadenas "INSERTMENU" en las plantillas con el menu de verdad. Nada pomposo, pero necesitas ejecutar este script antes de distribuir la web para generar los menús para todas las páginas.
+
+_articulos_
+ Los ficheros de este directorio serán enlazados en la página  'blog' . 
+Si no hay artículos, no se generará ninguno
+
+
+_Makefile_
+ Simplemente escribe el comando "make" para generar tu página. Este llama a  bin/bliper-generate.pl y bin/bliper-menu-creation.sh. Si editas bin/blipper-deploy.sh, podrás "subir" tu página con 'make deploy'.  Los posibles comandos a introducir: make, make clean, make deploy.
+
+
+_salida_
+ El directorio donde se genera la web. Edita style.css para tus necesidades de estilo para tu web.
+
+_paginas_
+El directorio donde residen las páginas individuales. Echa un vistazo a los ejemplos introducidos.  
+
+_paginas-b_
+Las páginas donde no serán enlazadas al menú.  Puedes enlazar hacia estas páginas usando markdown.
+
+_plantilla_
+main-top es la sección tope de la página principal.
+main-bottom is es la sección del fondo de la página principal.
+page-top is es una plantilla genérica para la sección tope en cada artículo.
+page-bottom  es una plantilla genérica para la sección del fondo en cada artículo.
+footer es el pié de página de cada página (de cada una de ellas).
+
+Para ver la web de ejemplo, lanza el comando `make` en el directorio 
+principal de Bliper. Esto hará que se llame a
+bin/bliper-generate.pl y bin/bliper-menu-creation.sh. 
+Si necesitas ver el resultado, solo abra
+$BROWSER salida /index.html`, siendo $BROWSER Firefox, Chrome, 
+Lynx, lo que prefieras.
+
+Cuando tu web esté lista, edita `bin/bliper-deploy.sh` según 
+requisitos y lance `make deploy` en el directorio principal de
+Bliper.
+
+También hay soporte para disqus de forma individual para las páginas y 
+artículo. Solo descomente la sección disqus en plantilla/article-bottom y/o
+plantilla/page-bottom para activar disqus en artículos y/o páginas.
+
+[Esto](readme-again.html) es un test de un enlace hacia una página en paginas-b/
+
diff --git a/paginas-b/readme-again b/paginas-b/readme-again
new file mode 100644
index 0000000..0cbb2d2
--- /dev/null
+++ b/paginas-b/readme-again
@@ -0,0 +1,77 @@
+bliper (BLog engine In PERl) v0.2
+=================================
+
+A perl script that reads all posts from main-articles/ as markdown and creates
+them as HTML articles in output/ dir. It also reads and creates individual
+pages based on files that exist in pages/ directory.
+
+Deps: Text-Markdown (http://search.cpan.org/~bobtfish/Text-Markdown-1.000031/)
+
+It also creates a main page as index.html with all links to posts and pages
+generated.
+
+Files included are:
+
+    .
+    |-- LICENSE
+    |-- README
+    |-- TODO
+    |-- bin
+    |   |-- bliper-create-post.sh
+    |   |-- bliper-deploy.sh
+    |   |-- bliper-generate.pl
+    |   `-- bliper-menu-creation.sh
+    |-- main-articles
+    |   |-- 2013-11-07-readme
+    |   `-- 2013-11-10-markdown-notes
+    |-- output
+    |   |-- images
+    |   |   `-- puffytron.jpg
+    |   `-- style.css
+    |-- pages
+    |   |-- about
+    |   `-- contact
+    `-- template
+	|-- footer
+	|-- main-bottom
+	|-- main-top
+	|-- page-bottom
+	`-- page-top
+
+_bin/bliper-create-post.sh_
+	use this instead of `touch <file>` for your posts. It just prepends `date '+%Y-%m-%d'` to the beginning of the filename.
+
+_bin/bliper-deploy.sh_
+	is a script tha "deploys" the website. It's based on rsync and I've
+	included a sample config. Just change "user@host:/path/to/output" with
+	the real one.
+
+_bin/bliper-generate.pl_
+	is the main script that parses every post in input/ and recreates it as
+	HTML in output/. It also creates the index.html page and appends all links
+	to posts.
+
+_bin/bliper-menu-creation.sh_
+	upon generation, a file called 'tmp' gets created. Then, this script
+	replaces all "insertmenu"(in capital) strings in templates with the
+	real menu. Nothing fancy, but you need to run this before deployment or
+	viewing to generate your menus in all pages.
+
+_main-articles_
+	is the directory which serves as the place to create all posts in markdown.
+
+_output_
+	is the directory which all generated pages are placed. Edit the style.css
+	file according to your needs.
+
+_pages_
+	is the directory which produced all new pages (again, sample included).
+
+_template_
+	main-top is the top section of the main page.
+	main-bottom is the bottom section of the main page.
+	page-top is a generic template for the top section of any post page.
+	page-bottom is a generic template for the bottom section of any post page.
+	footer is just the footer appended in all pages.
+
+I've included a demo file in input/markdown-notes. Just run `bliper-generate.pl` in your main directory, `bliper-menu-creation.sh` and `$BROWSER output/index.html` to see the demo. There is also the option to rsync the files to your server with `bliper-deploy.sh`
diff --git a/paginas/about b/paginas/about
new file mode 100644
index 0000000..8d6647a
--- /dev/null
+++ b/paginas/about
@@ -0,0 +1,12 @@
+About
+=====
+
+This is an about demo page.
+
+orem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices orci sit amet diam semper tincidunt. Duis mi augue, egestas in laoreet nec, iaculis vitae libero. Cras at convallis lorem, euismod sagittis mi. Integer lorem elit, pulvinar eget dui a, consectetur posuere quam. Proin eu fringilla mi. Integer tempus, nunc at imperdiet volutpat, augue metus suscipit neque, eu elementum sapien nulla eget quam. Donec et aliquam nunc.
+
+#### H4 header
+
+Nulla tortor dolor, convallis sit amet libero ac, iaculis vulputate libero. Proin convallis sagittis ipsum, nec dictum massa pharetra non. Phasellus congue ligula nec sem lacinia, ac convallis est suscipit. Nam laoreet euismod turpis, placerat condimentum augue condimentum nec. Vestibulum libero sem, lacinia tincidunt cursus id, sollicitudin at nibh. Ut ullamcorper consectetur sollicitudin. Fusce porta enim dapibus leo condimentum, blandit convallis tellus eleifend. Fusce ac orci lacus. Donec accumsan laoreet purus, at venenatis elit. Sed tempus, leo sit amet scelerisque rutrum, enim magna ornare est, quis iaculis tellus lorem eu nibh. Curabitur dapibus, tortor sed tristique imperdiet, ante erat rhoncus tortor, interdum volutpat nibh urna et neque. Phasellus ornare lectus quis nibh semper vulputate.
+
+Cras dictum, urna non condimentum ultrices, velit odio facilisis leo, id tempus neque velit tristique mauris. Aenean mattis lacus nisl, eu molestie libero accumsan in. Duis pulvinar turpis at blandit consequat. Quisque et nibh sit amet enim dignissim facilisis in eget ipsum. Aliquam velit erat, dignissim ut lacus vel, aliquet sagittis lacus. Mauris consectetur tempus nibh vehicula bibendum. Proin sed tellus sapien. Proin lobortis vehicula lobortis. Phasellus ullamcorper quis tortor a laoreet. Curabitur et mi tortor. Etiam interdum enim ut quam auctor, ac ultrices metus tempus. Suspendisse semper dolor vel consequat consectetur. Cras tristique velit sit amet viverra posuere. Curabitur a vehicula justo, eget egestas enim. Mauris sit amet nulla vehicula, tempor velit sit amet, dignissim purus.
diff --git a/paginas/blog.md b/paginas/blog.md
new file mode 100644
index 0000000..2c2365e
--- /dev/null
+++ b/paginas/blog.md
@@ -0,0 +1 @@
+<a class="blogitem" href="2013-11-27-readme.html">2013-11-27-readme</a><br><a class="blogitem" href="2013-11-10-markdown-notes.html">2013-11-10-markdown-notes</a><br>
\ No newline at end of file
diff --git a/paginas/contact b/paginas/contact
new file mode 100644
index 0000000..82184b9
--- /dev/null
+++ b/paginas/contact
@@ -0,0 +1,6 @@
+Contact
+=======
+
+#### H4 header
+
+This is a sample contact page. Nothing to see here, move along.
diff --git a/plantilla/article-bottom b/plantilla/article-bottom
new file mode 100644
index 0000000..1eb2ffc
--- /dev/null
+++ b/plantilla/article-bottom
@@ -0,0 +1,20 @@
+<a href="#start"><p class="upstart">^</p></a>
+</div>		<!-- container end -->
+<!--					uncomment to use disqus. Remember to change <example> to shortname
+<div id="disqus_thread"></div>
+<script type="text/javascript">
+    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
+    var disqus_shortname = '<example>'; // Required - Replace example with your forum shortname
+
+    /* * * DON'T EDIT BELOW THIS LINE * * */
+    (function() {
+        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+    })();
+</script>
+<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+					disqus -->
+<footer>Hecho con vim y generado vía Bliper con Perl.</footer>
+</body>
+</html>
diff --git a/plantilla/article-top b/plantilla/article-top
new file mode 100644
index 0000000..ab3ee9d
--- /dev/null
+++ b/plantilla/article-top
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width">
+	<title>Bliper</title>
+	<link href="style.css" rel="stylesheet" type="text/css" />
+</head>
+<body>
+<div class="header">
+	<a name="start"></a>
+	<a href="index.html"><img class="logo" src="images/sample.png" /></a>
+%INSERTMENU%
+</div>
+<div class="container">		<!-- container begin -->
diff --git a/plantilla/footer b/plantilla/footer
new file mode 100644
index 0000000..ee7c03b
--- /dev/null
+++ b/plantilla/footer
@@ -0,0 +1,3 @@
+<footer>Hecho con vim y generado vía bliper en Perl.</footer>
+</body>
+</html>
diff --git a/plantilla/main-bottom b/plantilla/main-bottom
new file mode 100644
index 0000000..3b96b9e
--- /dev/null
+++ b/plantilla/main-bottom
@@ -0,0 +1 @@
+</div>		<!-- container end -->
diff --git a/plantilla/main-top b/plantilla/main-top
new file mode 100644
index 0000000..7bd8967
--- /dev/null
+++ b/plantilla/main-top
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width">
+	<title>Bliper</title>
+	<link href="style.css" rel="stylesheet" type="text/css" />
+</head>
+<body>
+<div class="header">
+	<a href="index.html"><img class="logo" src="images/sample.png" /></a>
+%INSERTMENU%
+</div>
+<div class="container">		<!-- container begin -->
diff --git a/plantilla/page-bottom b/plantilla/page-bottom
new file mode 100644
index 0000000..e727778
--- /dev/null
+++ b/plantilla/page-bottom
@@ -0,0 +1,20 @@
+<a href="#start"><p class="upstart">^</p></a>
+</div>		<!-- container end -->
+<!--					uncomment to use disqus. Remember to change <example> to shortname
+<div id="disqus_thread"></div>
+<script type="text/javascript">
+    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
+    var disqus_shortname = '<example>'; // Required - Replace example with your forum shortname
+
+    /* * * DON'T EDIT BELOW THIS LINE * * */
+    (function() {
+        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+    })();
+</script>
+<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+					disqus -->
+<footer>Hecho con vim y generado vía bliper in Perl.</footer>
+</body>
+</html>
diff --git a/plantilla/page-top b/plantilla/page-top
new file mode 100644
index 0000000..ab3ee9d
--- /dev/null
+++ b/plantilla/page-top
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width">
+	<title>Bliper</title>
+	<link href="style.css" rel="stylesheet" type="text/css" />
+</head>
+<body>
+<div class="header">
+	<a name="start"></a>
+	<a href="index.html"><img class="logo" src="images/sample.png" /></a>
+%INSERTMENU%
+</div>
+<div class="container">		<!-- container begin -->
diff --git a/salida/colors.css b/salida/colors.css
new file mode 100644
index 0000000..cbe95e0
--- /dev/null
+++ b/salida/colors.css
@@ -0,0 +1,44 @@
+body {
+	background-color: #efefef;
+}
+
+.container {
+	color: #666;
+}
+
+.menu, .menu li a, footer {
+	color: #a7a9ac;
+}
+
+.menu li a:hover, .menu li a.current, a:hover, a, a em, h1, h2, h3, h4, h5 {
+	color: #0091d0;
+}
+
+a:hover {
+	color: #a7a9ac;
+}
+
+a em:hover {
+	color: #000;
+}
+
+code {
+	color: #333;
+	background-color: #e0e0e0;
+}
+
+
+#disqus_thread {
+	color: #e3e3e3;
+}
+
+pre, pre code {
+	color: #333;
+	background-color: #e0e0e0;
+}
+
+@media screen and (max-width: 480px) {
+	a {
+		color: #0091d0;
+	}
+}
diff --git a/salida/images/puffytron.jpg b/salida/images/puffytron.jpg
new file mode 100755
index 0000000..d21053f
--- /dev/null
+++ b/salida/images/puffytron.jpg
diff --git a/salida/images/sample.png b/salida/images/sample.png
new file mode 100644
index 0000000..ccce66f
--- /dev/null
+++ b/salida/images/sample.png
diff --git a/salida/style.css b/salida/style.css
new file mode 100644
index 0000000..b72d064
--- /dev/null
+++ b/salida/style.css
@@ -0,0 +1,212 @@
+@import "colors.css";
+
+html {
+	overflow-y: scroll;
+}
+
+body {
+	font-family: sans-serif;
+	font-size: 1em;
+}
+
+.container {
+	max-width: 680px;
+	margin: 0 auto;
+}
+
+.upstart {
+	clear: both;
+	text-align: right;
+}
+
+/* menu */
+.menu {
+	line-height: 1.5em;
+	text-align: center;
+}
+
+.menu li {
+	display: inline;
+	padding: 0 4px;
+}
+
+.menu li a {
+	text-decoration: none;
+	padding: 0.3em;
+	border-top: 0.5ex solid #a7a9ac;
+	margin-right: 5px;
+	margin-left: -5px;
+}
+
+.menu li a:hover, .menu li a.current {
+	border-top: 0.5ex solid #0091d0;
+}
+
+h1, h2, h3, h4, h5 {
+	font-weight: normal;
+}
+
+h1 {
+	font-size: 1.8em;
+}
+
+h3 {
+	margin-top: 30px;
+}
+
+.latart {
+	text-align: center;
+}
+
+a, a:hover {
+	text-decoration: underline;
+}
+
+a em {
+	font-size: 0.9em;
+}
+
+.previewlink {
+	text-decoration: none;
+	text-align: right;
+	display: block;
+}
+
+.previewlink:hover {
+	text-decoration: underline;
+}
+
+.preview {
+	border: 1px solid #c0c0c0;
+	padding: 5px 20px;
+	position: relative;
+	margin: 0 auto;
+	transition: background-color 400ms linear;
+}
+
+.preview:hover {
+	background: #e3e3e3;
+}
+
+a.indexlink {
+	line-height: 2em;
+}
+
+p {
+	max-width: 680px;
+	white-space: normal;
+	line-height: 1.6em;
+	text-align: justify;
+}
+
+.preview p {
+	margin-top: 0em;
+	margin-bottom: 0em;
+}
+
+.container ul li {
+	/* list-style: none; */
+}
+
+.container ul li:before {
+	/* content: "\2192"; */
+	/* float: left; */
+}
+
+pre {
+	font-family: monospace;
+	border: 1px solid #c0c0c0;
+	padding: 5px;
+	max-width: 680px;
+	word-wrap: break-word;
+	white-space: pre-wrap;
+	overflow-x: auto;
+}
+
+p code, li code {
+	border: 1px solid #c0c0c0;
+	max-width: 680px;
+	padding: 0.3em;
+	margin: 0.3em;
+	word-wrap: break-word;
+	white-space: pre-wrap;
+}
+
+code {
+	font-family: Monaco, Consolas, "Courier New", monospace;
+	font-size: 13px;
+}
+
+.logo {
+	border: none;
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+	margin-bottom: 70px;
+}
+
+img {
+	margin-top: 20px;
+	max-width: 100%;
+	height: auto;
+}
+
+li {
+	line-height: 1.6em;
+	text-align: justify;
+}
+
+hr {
+	width: 300%;
+	margin-left: -40%;
+	margin-top: 40px;
+}
+
+blockquote {
+	margin: 10px 0 10px 50px;
+	padding-left: 15px;
+	border-left: 3px solid #ccc;
+}
+
+footer {
+	max-width: 100%;
+	text-align: center;
+	margin: 2em auto 0 auto;
+	padding-top: 2em;
+	padding-bottom: 3em;
+	border-top: 1px solid #c0c0c0;
+}
+
+#disqus_thread {
+	max-width: 680px;
+	margin: 0 auto;
+}
+
+@media screen and (min-width: 481px) {
+	.menu {
+		margin-left: -30px;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.menu li {
+		display: list-item;
+		margin-left: -40px;
+		list-style: none;
+		text-align: center;
+		padding-top: 10px;
+		text-transform: uppercase;
+	}
+
+	.menu li a {
+		border: none;
+	}
+
+	.menu li a:hover {
+		border: none;
+	}
+
+	a em {
+		font-size: 1em;
+	}
+}
diff --git a/tree b/tree
new file mode 100644
index 0000000..6739aa3
--- /dev/null
+++ b/tree
@@ -0,0 +1,51 @@
+.:
+LEEME
+LICENSE
+Makefile
+README
+TODO
+articulos/
+bin/
+changelog
+paginas/
+paginas-b/
+plantilla/
+salida/
+tree
+
+./articulos:
+2013-11-10-markdown-notes
+2013-11-27-readme
+
+./bin:
+bliper-blog.pl
+bliper-create-post.sh
+bliper-deploy.sh
+bliper-generate.pl
+bliper-menu-creation.sh
+
+./paginas:
+about
+blog.md
+contact
+
+./paginas-b:
+readme-again
+
+./plantilla:
+article-bottom
+article-top
+footer
+main-bottom
+main-top
+page-bottom
+page-top
+
+./salida:
+colors.css
+images/
+style.css
+
+./salida/images:
+puffytron.jpg*
+sample.png