Browse code

Migración de la documentación a un nuevo repositorio

NikaZhenya authored on 07/10/2018 14:19:07
Showing 64 changed files
1 1
deleted file mode 100644
... ...
@@ -1,812 +0,0 @@
1
-/**************************************************/
2
-/******************* RESETEADOR *******************/
3
-/**************************************************/
4
-
5
-/* http://meyerweb.com/eric/tools/css/reset/ v2.0 */
6
-
7
-html, body, div, span, applet, object, iframe,
8
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
9
-a, abbr, acronym, address, big, cite, code,
10
-del, dfn, em, img, ins, kbd, q, s, samp,
11
-small, strike, strong, sub, sup, tt, var,
12
-b, u, i, center,
13
-dl, dt, dd, ol, ul, li,
14
-fieldset, form, label, legend,
15
-table, caption, tbody, tfoot, thead, tr, th, td,
16
-article, aside, canvas, details, embed,
17
-figure, figcaption, footer, header, hgroup,
18
-menu, nav, output, ruby, section, summary,
19
-time, mark, audio, video {
20
-    margin: 0;
21
-    padding: 0;
22
-    border: 0;
23
-    font-size: 100%;
24
-    font: inherit;
25
-    vertical-align: baseline;
26
-}
27
-
28
-/* Old browsers / Para viejos exploradores */
29
-
30
-article, aside, details, figcaption, figure,
31
-footer, header, hgroup, menu, nav, section {
32
-    display: block;
33
-}
34
-
35
-body {
36
-    line-height: 1.5;
37
-}
38
-
39
-ol, ul {
40
-    list-style: none;
41
-}
42
-
43
-blockquote, q {
44
-    quotes: none;
45
-}
46
-
47
-blockquote:before, blockquote:after,
48
-q:before, q:after {
49
-    content: '';
50
-    content: none;
51
-}
52
-
53
-table {
54
-    border-collapse: collapse;
55
-    border-spacing: 0;
56
-}
57
-
58
-/**************************************************/
59
-
60
-/* Fuentes */
61
-
62
-@font-face {
63
-    font-family: "Bitter Regular";
64
-    src: url(../ttf/bitter-regular.ttf);
65
-}
66
-
67
-@font-face {
68
-    font-family: "Bitter Italic";
69
-    src: url(../ttf/bitter-italic.ttf);
70
-}
71
-
72
-@font-face {
73
-    font-family: "Bitter Bold";
74
-    src: url(../ttf/bitter-bold.ttf);
75
-}
76
-
77
-@font-face {
78
-    font-family: "Bitter BoldItalic";
79
-    src: url(../ttf/bitter-bolditalic.ttf);
80
-}
81
-
82
-/* Body / Cuerpo */
83
-
84
-@media screen and (min-width: 769px) {
85
-    body {
86
-        margin: 5em;
87
-    }
88
-    
89
-    .no-margin, .sin-margen {
90
-        margin: -5em;
91
-    }
92
-}
93
-
94
-@media screen and (max-width: 768px) {
95
-    body {
96
-        margin: 4em;
97
-    }
98
-    
99
-    .no-margin, .sin-margen {
100
-        margin: -4em;
101
-    }
102
-}
103
-
104
-@media screen and (max-width: 640px) {
105
-    body {
106
-        margin: 3em;
107
-    }
108
-    
109
-    .no-margin, .sin-margen {
110
-        margin: -3em;
111
-    }
112
-}
113
-
114
-@media screen and (max-width: 480px) {
115
-    body {
116
-        margin: 2em;
117
-    }
118
-    
119
-    .no-margin, .sin-margen {
120
-        margin: -2em;
121
-    }
122
-}
123
-
124
-@media screen and (max-width: 320px) {
125
-    body {
126
-        margin: 1em;
127
-    }
128
-    
129
-    .no-margin, .sin-margen {
130
-        margin: -1em;
131
-    }
132
-}
133
-
134
-@media amzn-mobi, amzn-kf8 {    /* For Kindle because it generates a lot of margin / Para Kindle porque genera mucho margen */
135
-    body {
136
-        margin: 0;
137
-    }
138
-
139
-    .no-margin, .sin-margen {
140
-        margin: 0;
141
-    }
142
-}
143
-
144
-/* Sections / Secciones */
145
-
146
-section + section {
147
-    margin-top: 10em;
148
-}
149
-
150
-/* Headers / Encabezados */
151
-
152
-h1, h2, h3, h4, h5, h6 {
153
-    font-family: "Bitter Regular", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
154
-    margin-bottom: 1em;
155
-    text-align: left;
156
-    font-size: 1em;
157
-    -moz-hyphens: none !important;
158
-    -webkit-hyphens: none !important;
159
-    -o-hyphens: none !important;
160
-    -ms-hyphens: none !important;
161
-    hyphens: none !important;
162
-}
163
-
164
-h2, h3, h4, h5, h6 {
165
-    margin-top: 2em;
166
-}
167
-
168
-h4, h5, h6 {
169
-    text-align: right;
170
-}
171
-
172
-h1 {
173
-    margin-bottom: 6em;
174
-}
175
-
176
-h3, h5 {
177
-    font-family: "Bitter Italic", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
178
-    font-style: italic;
179
-}
180
-
181
-h6 {
182
-    font-family: "Bitter Bold", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
183
-    font-weight: bold;
184
-}
185
-
186
-h1.title, h1.titulo {
187
-    margin-top: 4em;
188
-    margin-bottom: 0;
189
-    font-size: 2em;
190
-}
191
-
192
-h2.subtitle, h2.subtitulo {
193
-    margin-top: .5em;
194
-    margin-bottom: 3em;
195
-    font-size: 1.25em;
196
-}
197
-
198
-/* Paragraphs / Párrafos */
199
-
200
-p, blockquote, li, figcaption, details, aside {
201
-    font-family: "Bitter Regular", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
202
-    font-size: 1em;
203
-    text-align: justify;
204
-    line-height: 1.5em;
205
-    -moz-hyphens: auto;
206
-    -webkit-hyphens: auto;
207
-    -o-hyphens: auto;
208
-    -ms-hyphens: auto;
209
-    hyphens: auto;
210
-}
211
-
212
-p + p {
213
-    text-indent: 1.5em;
214
-}
215
-
216
-blockquote {
217
-    font-size: .9em;
218
-    margin: 1em 1.5em;
219
-}
220
-
221
-blockquote + blockquote {
222
-    text-indent: 1.5em;
223
-    margin-top: -1em;
224
-}
225
-
226
-blockquote, blockquote > * {
227
-    line-height: 1.65;
228
-}
229
-
230
-.justified, .justificado {
231
-    text-align: justify !important;
232
-}
233
-
234
-.right, .derecha {
235
-    text-indent: 0;
236
-    text-align: right !important;
237
-}
238
-
239
-.left, .izquierda {
240
-    text-align: left !important;
241
-}
242
-
243
-.centered, .centrado {
244
-    text-indent: 0;
245
-    text-align: center !important;
246
-}
247
-
248
-.hanging, .frances {
249
-    margin-left: 1.5em;
250
-    text-indent: -1.5em;
251
-    text-align: left !important;
252
-}
253
-
254
-* + .hanging, * + .frances {
255
-    margin-top: 1em;
256
-}
257
-
258
-.hanging + .hanging, .frances + .frances {
259
-    margin-top: 0;
260
-    text-indent: -1.5em;
261
-}
262
-
263
-.indent, .sangria {
264
-    text-indent: 1.5em;
265
-}
266
-
267
-.no-indent, .sin-sangria {
268
-    text-indent: 0;
269
-}
270
-
271
-.no-hyphens, .sin-separacion {
272
-    -moz-hyphens: none !important;
273
-    -webkit-hyphens: none !important;
274
-    -o-hyphens: none !important;
275
-    -ms-hyphens: none !important;
276
-    hyphens: none !important;
277
-}
278
-
279
-.invisible {
280
-    visibility: hidden;
281
-}
282
-
283
-.hidden, .oculto {
284
-    display: none;
285
-}
286
-
287
-.block, .bloque {
288
-    display: block;
289
-}
290
-
291
-/* Font effects / Efectos en las fuentes */
292
-
293
-i, em {
294
-    font-family: "Bitter Italic", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
295
-    font-style: italic;
296
-}
297
-
298
-b, strong {
299
-    font-family: "Bitter Bold", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
300
-    font-weight: bold;
301
-}
302
-
303
-i > b, b > i,
304
-em > strong, strong > em,
305
-i > strong, strong > i,
306
-em > b, b > em {
307
-    font-family: "Bitter BoldItalic", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
308
-}
309
-
310
-.initial, .capitular {
311
-    float: left;
312
-    font-size: 3em;
313
-    margin-top: .15em;
314
-    padding-right: .1em;
315
-}
316
-
317
-.uppercase, .versal {
318
-    text-transform: uppercase;
319
-}
320
-
321
-.normal, .redonda {
322
-    font-variant: none;
323
-}
324
-
325
-.smallcap-light, .versalita-ligera {
326
-    font-variant: small-caps;
327
-    -moz-hyphens: auto;
328
-    -webkit-hyphens: auto;
329
-    -o-hyphens: auto;
330
-    -ms-hyphens: auto;
331
-    hyphens: auto;
332
-}
333
-
334
-.smallcap, .versalita {
335
-    text-transform: lowercase;
336
-    font-variant: small-caps;
337
-    -moz-hyphens: auto;
338
-    -webkit-hyphens: auto;
339
-    -o-hyphens: auto;
340
-    -ms-hyphens: auto;
341
-    hyphens: auto;
342
-}
343
-
344
-.underline, .subrayado {
345
-    text-decoration: underline black;
346
-}
347
-
348
-.auto-width, .anchura-auto {
349
-    display: block;
350
-    width: auto;
351
-    margin-left: auto;
352
-    margin-right: auto;
353
-}
354
-
355
-@media not amzn-mobi, not amzn-kf8 {    /* For any device except Kindle / Para cualquier dispositivo excepto Kindle */
356
-    .auto-width, .anchura-auto {
357
-        max-width: 100%;
358
-    }
359
-}
360
-
361
-/* Links / Enlaces */
362
-
363
-a, a:link, a:visited {
364
-    text-decoration: none;
365
-}
366
-
367
-/* Lists / Listas */
368
-
369
-ol, ul {
370
-    margin: 1em 1em 1em 2.5em;
371
-    padding: 0;
372
-}
373
-
374
-ol {
375
-    list-style-type: decimal;
376
-}
377
-
378
-ul {
379
-    list-style-type: disc;
380
-}
381
-
382
-ol ol, ol ul,
383
-ul ol, ul ul {
384
-    margin: 0 1em;
385
-}
386
-
387
-ol p, ul p {
388
-    margin-left: .5em;
389
-}
390
-
391
-ul.dash, ul.en-dash, ul.em-dash {
392
-    list-style-type: none;
393
-}
394
-
395
-ul.dash > li:before, ul.en-dash > li:before, ul.em-dash > li:before {
396
-    display: block;
397
-    width: 1.5em;
398
-    text-align: right;
399
-    padding: 0 .5em 0 0;
400
-    margin: 0 0 -1.25em -2em;
401
-}
402
-
403
-ul.dash > li:before {
404
-    content: "-";
405
-}
406
-
407
-ul.en-dash > li:before {
408
-    content: "–";
409
-}
410
-
411
-ul.em-dash > li:before {
412
-    content: "—";
413
-}
414
-
415
-li.no-count {
416
-    list-style-type: none;
417
-}
418
-
419
-li.no-count:before {
420
-    content: none !important;
421
-}
422
-
423
-.li-manual {
424
-	list-style-type: none;
425
-}
426
-
427
-.li-manual > li > p:first-child > span:first-of-type:not(.versalita) {
428
-	display: block;
429
-	margin-left: -1.5em;
430
-	margin-bottom: -1.25em;
431
-}
432
-
433
-li > .li-manual {
434
-    margin: 0 0 0 1.5em;
435
-}
436
-
437
-/* Images / Imágenes */
438
-
439
-img {    /* It helps if the source doesn't exist / Ayuda a detectarlos si no existe el recurso */
440
-    color: #0000EE;
441
-    width: 100%;
442
-}
443
-
444
-figure {
445
-    margin: 2em auto;
446
-}
447
-
448
-figcaption {
449
-    font-family: "Bitter Regular", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
450
-    margin-top: .5em;
451
-    font-size: .9em;
452
-}
453
-
454
-figure + figure {
455
-    margin-top: 0;
456
-}
457
-
458
-p + img {
459
-    margin-left: -1.5em;
460
-    margin-top: 2em;
461
-    margin-bottom: 2em;
462
-}
463
-
464
-.caption, .leyenda {
465
-    font-size: .9em;
466
-    margin-top: -1.5em;
467
-    margin-bottom: 2em;
468
-}
469
-
470
-.caption + img, .leyenda + img {
471
-    margin-top: 0;
472
-}
473
-
474
-img + .caption, img + .leyenda {
475
-    margin-top: .5em;
476
-}
477
-
478
-.caption + p, .leyenda + p {
479
-    text-indent: 0;
480
-}
481
-
482
-p > img {
483
-    display: inline;
484
-    height: 1.5em;
485
-    width: auto;
486
-}
487
-
488
-/* Superscript and subscripts / Superíndices y subíndices */
489
-
490
-sup, sub {
491
-    font-size: .75em;
492
-    vertical-align: super;
493
-}
494
-
495
-sub {
496
-    vertical-align: sub;
497
-}
498
-
499
-/* Code / Código (inspirados en https://codepen.io/elomatreb/pen/hbgxp)*/
500
-
501
-code {
502
-    font-family: "Courier New", Courier, monospace;
503
-    background-color: #fff;
504
-    padding: .125em .5em;
505
-    border: 1px solid #ddd;
506
-    border-radius: .25em;
507
-}
508
-
509
-pre {
510
-    width: 90%;
511
-    font-family: "Courier New", Courier, monospace;
512
-    background-color: #fff;
513
-    margin: 2em auto;
514
-    padding: .5em;
515
-    line-height: 1.5;
516
-    border-radius: .25em;
517
-    box-shadow: .1em .1em .5em rgba(0,0,0,.45);
518
-    white-space: unset;
519
-}
520
-
521
-pre * {
522
-    color: #555;
523
-}
524
-
525
-pre code {
526
-    display: block;
527
-    margin: 0;
528
-    padding: 0;
529
-    background-color: inherit;
530
-    border: none;
531
-    border-radius: 0;
532
-}
533
-
534
-pre code:before {
535
-    width: 1.5em;
536
-    display: inline-block;
537
-    padding: 0 .5em;
538
-    margin-right: .5em;
539
-    color: #888;
540
-}
541
-
542
-@media not amzn-mobi, not amzn-kf8 {    /* For any device except Kindle / Para cualquier dispositivo excepto Kindle */
543
-    pre {
544
-        counter-reset: line;
545
-        overflow: scroll;
546
-    }
547
-
548
-    pre code:before {
549
-        counter-increment: line;
550
-        content: counter(line);
551
-    }
552
-
553
-    pre code {
554
-        white-space: pre;
555
-    }
556
-}
557
-
558
-@media amzn-mobi, amzn-kf8 {    /* Only for Kindle / Solo para Kindle */
559
-    pre code:before {
560
-        content: "•";
561
-    }
562
-}
563
-
564
-/* Glosses / Glosas */
565
-
566
-section.gloss, body.gloss, section.glosa, body.glosa {   /* El estilo ha de ponerse en el contenedor de los párrafos y en el span de la glosa */
567
-    margin-right: 7em;
568
-}
569
-
570
-span.gloss, span.glosa {
571
-    width: 6em;         /* No son 7 porque se resta uno del margen añadido a continuación */ 
572
-    margin-right: -8em; /* No son -7 porque se añade 1 de margen */
573
-    float: right;
574
-    text-indent: 0;
575
-    text-align: left;
576
-    font-size: .75em;
577
-}
578
-
579
-/* Poetry / Poesía: <p class="poetry">Verse 1<br />verse 2<br />verse 3.</p>*/
580
-
581
-.poetry, .poesia {
582
-    margin: 1em 1.5em;
583
-    text-indent: 0;
584
-    -moz-hyphens: none;
585
-    -webkit-hyphens: none;
586
-    -o-hyphens: none;
587
-    -ms-hyphens: none;
588
-    hyphens: none;
589
-}
590
-
591
-/* Screenwriting / Guiones */
592
-
593
-.mono, 
594
-section.script *, section.guion * {
595
-    font-family: "Courier New", Courier, monospace;
596
-}
597
-
598
-section.script *, section.guion * {
599
-    font-size: 1em;
600
-    font-style: normal;
601
-    font-weight: normal;
602
-    font-variant: normal;
603
-    margin: 0;
604
-    padding: 0;
605
-    text-indent: 0;
606
-    text-align: left;
607
-    -moz-hyphens: none !important;
608
-    -webkit-hyphens: none !important;
609
-    -o-hyphens: none !important;
610
-    -ms-hyphens: none !important;
611
-    hyphens: none !important;
612
-}
613
-
614
-section.script ol, section.guion ol,
615
-section.script ul, section.guion ul {
616
-    margin: 1em 2em;
617
-}
618
-
619
-section.script h2, section.guion h2,
620
-section.script h3, section.guion h3,
621
-section.script blockquote, section.guion blockquote {
622
-    width: 60%;
623
-    margin-left: 3em;
624
-}
625
-
626
-section.script h1, section.guion h1 {
627
-    text-transform: uppercase;
628
-    margin-bottom: 1em;
629
-}
630
-
631
-section.script h2, section.guion h2 {
632
-    margin-top: 1em;
633
-    padding-left: 6em;
634
-    text-transform: uppercase;
635
-}
636
-
637
-section.script h3, section.guion h3 {
638
-    padding-left: 3em;
639
-}
640
-
641
-section.script > p, section.guion > p {
642
-    margin-top: 1em;
643
-}
644
-
645
-section.script blockquote + blockquote > p, 
646
-section.guion blockquote + blockquote > p {
647
-    text-indent: 1.5em;
648
-}
649
-
650
-/* Special contents / Contenidos especiales */
651
-
652
-.title, .titulo {
653
-    margin-top: 3em;
654
-    margin-left: 0;
655
-    font-size: 2em;
656
-}
657
-
658
-.subtitle, .subtitulo {
659
-    margin-top: -1.25em;
660
-    margin-bottom: 3em;
661
-    margin-left: 0;
662
-}
663
-
664
-.author, .autor {
665
-    width: 250px; /* Avoids 100% width in author image / Se añade a la imagen del autor para que no abarque el 100% */
666
-}
667
-
668
-.contributor + p, .contribuidor + p {
669
-    text-indent: 0;
670
-}
671
-
672
-h1 + .contributor, h1 + .contribuidor {
673
-    margin-top: -6em !important;
674
-    margin-bottom: 6em;
675
-}
676
-
677
-.copyright, .legal * {
678
-    text-indent: 0;
679
-}
680
-
681
-.epigraph, .epigrafe {
682
-    font-size: .9em;
683
-    text-align: right;
684
-    line-height: 1.65em;
685
-    margin-left: 40%;
686
-}
687
-
688
-body > .epigraph:first-child, body > .epigrafe:first-child {
689
-    margin-top: 3em;
690
-}
691
-
692
-.epigraph + p, .epigrafe + p {
693
-    margin-top: 2em;
694
-    text-indent: 0;
695
-}
696
-
697
-.epigraph + .epigraph, .epigrafe + .epigrafe {
698
-    margin-top: .5em;
699
-}
700
-
701
-.vertical-space1, .espacio-arriba1 {
702
-    margin-top: 1em !important;
703
-}
704
-
705
-.vertical-space2, .espacio-arriba2 {
706
-    margin-top: 2em !important;
707
-}
708
-
709
-.vertical-space3, .espacio-arriba3 {
710
-    margin-top: 3em !important;
711
-}
712
-
713
-.space, .espacio {
714
-    white-space: pre-wrap;
715
-}
716
-
717
-/* Footnotes / Notas al pie */
718
-
719
-.n-note-sup {
720
-    font-style: normal;
721
-    font-weight: normal;
722
-}
723
-
724
-.n-note-hr {
725
-    margin-top: 2em;
726
-    width: 25%;
727
-    margin-left: 0;
728
-    border: 1px solid blue;
729
-    background-color: blue;
730
-}
731
-
732
-.n-note-a {
733
-    display: block;
734
-    margin-left: -3em;
735
-    margin-bottom: -1.375em;
736
-}
737
-
738
-.n-note-sup:before, .n-note-a:before {
739
-    content: "[";
740
-    color: #0000EE;
741
-}
742
-
743
-.n-note-sup:after, .n-note-a:after {
744
-    content: "]";
745
-    color: #0000EE;
746
-}
747
-
748
-.n-note-p, .n-note-p2 {
749
-    margin-left: 3em;
750
-    font-size: .9em;
751
-    text-indent: 0;
752
-}
753
-
754
-* + .n-note-p {
755
-    margin-top: 1em;
756
-    text-indent: 0;
757
-}
758
-
759
-.n-note-p2 {
760
-    margin-top: 0;
761
-    text-indent: 1.5em;
762
-}
763
-
764
-/* Indexes / Índices analíticos */
765
-
766
-.i-item-section p {
767
-    margin-top: .5em !important;
768
-}
769
-
770
-.i-item-div > h2:first-child, .i-item-div-single > h2:first-child {
771
-    margin-top: 0;
772
-}
773
-
774
-@media screen and (min-width:768px) {
775
-    @media not amzn-mobi, not-amzn-kf8 {    /* For any device except Kindle / Para cualquier dispositivo excepto Kindle */
776
-        .i-item-div {
777
-            column-count: 2;
778
-            column-gap: 2em;
779
-            column-rule: solid 1px lightgray;
780
-        }
781
-    }
782
-}
783
-
784
-.i-item-a:before {
785
-    content: "[";
786
-    color: #0000EE;
787
-}
788
-
789
-.i-item-a:after {
790
-    content: "]";
791
-    color: #0000EE;
792
-}
793
-
794
-/* For print / Para impresión */
795
-
796
-@media print {
797
-    section {
798
-        page-break-before: always;
799
-    }
800
-
801
-    section:first-of-type {
802
-        page-break-before: avoid;
803
-    }
804
-
805
-    section > h1:first-child {
806
-        padding-top: 5em !important;
807
-    }
808
-}
809
-
810
-/* Styles for this edition / Estilos de esta edición */
811
-
812
-/* ADD HERE CUSTOM STYLES / AGREGAR ESTILOS PERSONALIZADOS */
813 0
deleted file mode 100644
... ...
@@ -1,523 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="es">
3
-    <head>
4
-        <title>Pecas: herramientas editoriales</title>
5
-        <meta charset="utf-8" />
6
-        <meta name="application-name" content="Pecas">
7
-        <meta name="description" content="Conjunto de scripts que agilizan varios de los procesos del quehacer editorial. ">
8
-        <meta name="keywords" content="nika,zhenya,pecas,epub,ebook,publishing,libros,pandoc,ghostscript,tesseract,latex,context,jats,pdf-document,pdf-generation,tex,automation,markdown,html,xhtml,mobi">
9
-        <link type="text/css" rel="stylesheet" href="../css/styles.css">
10
-        <!--        
11
-        <link rel="shortcut icon" href="favicon.ico">
12
-         -->
13
-        <script type="text/javascript" src="../js/piwik.js"></script>
14
-    </head>
15
-    <body>
16
-        <header>
17
-            <h1><a href="../index.html">Pecas</a></h1>
18
-            <p>Conjunto de <i>scripts</i> que agilizan varios de los procesos del quehacer editorial.</p>
19
-            <nav>
20
-                <h3>Generales</h3>
21
-                <p><a href="flujo_general.html">Flujo de trabajo general</a></p>
22
-                <p><a href="flujo_digitization.html">Flujo de trabajo para la digitalización</a></p>
23
-                <p><a href="flujo_epub.html">Flujo de trabajo para <span class="versalita">EPUB</span></a></p>
24
-                <p><a href="problemas.html">Solución de problemas / <span class="versalita">FAQ</span></a></p>
25
-                <h3>Documentación</h3>
26
-                <p><a href="herramientas.html">Herramientas</a></p>
27
-                <p><a href="md.html">Markdown</a></p>
28
-                <p><a href="css.html"><span class="versalita">CSS</span></a></p>
29
-                <p><a href="yaml.html"><span class="versalita">YAML</span></a></p>
30
-                <p><a href="js.html">JavaScript</a></p>
31
-            </nav>
32
-            <nav class="espacio-arriba1">
33
-                <h3>Repositorios</h3>
34
-                <p><a href="https://github.com/NikaZhenya/pecas" target="_blank">GitHub</a></p>
35
-                <p><a href="https://gitlab.com/NikaZhenya/pecas" target="_blank">GitLab</a></p>
36
-                <p><a href="http://git.cliteratu.re/pecas/" target="_blank">GitList</a></p>
37
-            </nav>
38
-            <nav class="espacio-arriba1">
39
-                <h3>Contacto</h3>
40
-                <p><a href="mailto:nika.zhenya@cliteratu.re" target="_blank">nika.zhenya@cliteratu.re</a></p>
41
-                <p><a href="https://twitter.com/_perroTuerto" target="_blank">@_perroTuerto</a></p>
42
-            </nav>
43
-        </header>
44
-        <section>
45
-            <h1 id="css">CSS</h1>
46
-            <p>Pecas incluye una hoja de estilos por defecto si es que no se desea importar una externa. Esta hoja contiene los siguientes estilos.</p>
47
-            <h2 id="estilos" class="oculto">Estilos</h2>
48
-            <h3 id="justificado-justified">.justificado / .justified</h3>
49
-            <div class="example">
50
-                <div>
51
-                    <div>
52
-                        <pre class="markdown">
53
-                            <code class="code-line-1">## Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-2">   Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.justificado}</code><code class="code-line-3"></code><code class="code-line-4">## Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-5">   Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.justified}</code>
54
-                        </pre>
55
-                    </div>
56
-                    <div>
57
-                        <pre class="html">
58
-                            <code class="code-line-1">&lt;h2 id="lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-maecenas-ac-lacus-viverra-scelerisque-nisl-non-pretium-turpis" class="justificado"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.    Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/h2&gt;</code><code class="code-line-2">&lt;h2 id="lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-maecenas-ac-lacus-viverra-scelerisque-nisl-non-pretium-turpis_2" class="justified"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.    Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/h2&gt;</code>
59
-                        </pre>
60
-                    </div>
61
-                </div>
62
-                <div>
63
-                    <h2 id="lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-maecenas-ac-lacus-viverra-scelerisque-nisl-non-pretium-turpis" class="justificado">Lorem ipsum dolor sit amet, consectetur adipiscing elit.    Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</h2>
64
-                    <h2 id="lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-maecenas-ac-lacus-viverra-scelerisque-nisl-non-pretium-turpis_2" class="justified">Lorem ipsum dolor sit amet, consectetur adipiscing elit.    Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</h2>
65
-                </div>
66
-            </div>
67
-            <h3 id="derecha-right">.derecha / .right</h3>
68
-            <div class="example">
69
-                <div>
70
-                    <div>
71
-                        <pre class="markdown">
72
-                            <code class="code-line-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-2">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.derecha}</code><code class="code-line-3"></code><code class="code-line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-5">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.right}</code>
73
-                        </pre>
74
-                    </div>
75
-                    <div>
76
-                        <pre class="html">
77
-                            <code class="code-line-1">&lt;p class="derecha"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-2">&lt;p class="right"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code>
78
-                        </pre>
79
-                    </div>
80
-                </div>
81
-                <div>
82
-                    <p class="derecha">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
83
-                    <p class="right">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
84
-                </div>
85
-            </div>
86
-            <h3 id="izquierda-left">.izquierda / .left</h3>
87
-            <div class="example">
88
-                <div>
89
-                    <div>
90
-                        <pre class="markdown">
91
-                            <code class="code-line-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-2">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.izquierda}</code><code class="code-line-3"></code><code class="code-line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-5">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.left}</code>
92
-                        </pre>
93
-                    </div>
94
-                    <div>
95
-                        <pre class="html">
96
-                            <code class="code-line-1">&lt;p class="izquierda"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-2">&lt;p class="left"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code>
97
-                        </pre>
98
-                    </div>
99
-                </div>
100
-                <div>
101
-                    <p class="izquierda">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
102
-                    <p class="left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
103
-                </div>
104
-            </div>
105
-            <h3 id="centrado-centered">.centrado / .centered</h3>
106
-            <div class="example">
107
-                <div>
108
-                    <div>
109
-                        <pre class="markdown">
110
-                            <code class="code-line-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-2">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.centrado}</code><code class="code-line-3"></code><code class="code-line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-5">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.centered}</code>
111
-                        </pre>
112
-                    </div>
113
-                    <div>
114
-                        <pre class="html">
115
-                            <code class="code-line-1">&lt;p class="centrado"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-2">&lt;p class="centered"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code>
116
-                        </pre>
117
-                    </div>
118
-                </div>
119
-                <div>
120
-                    <p class="centrado">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
121
-                    <p class="centered">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
122
-                </div>
123
-            </div>
124
-            <h3 id="frances-hanging">.frances / .hanging</h3>
125
-            <div class="example">
126
-                <div>
127
-                    <div>
128
-                        <pre class="markdown">
129
-                            <code class="code-line-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-2">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.frances}</code><code class="code-line-3"></code><code class="code-line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-5">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.hanging}</code>
130
-                        </pre>
131
-                    </div>
132
-                    <div>
133
-                        <pre class="html">
134
-                            <code class="code-line-1">&lt;p class="frances"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-2">&lt;p class="hanging"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code>
135
-                        </pre>
136
-                    </div>
137
-                </div>
138
-                <div>
139
-                    <p class="frances">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
140
-                    <p class="hanging">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
141
-                </div>
142
-            </div>
143
-            <h3 id="sangria-y-sinsangria">.sangria y .sin-sangria</h3>
144
-            <div class="example">
145
-                <div>
146
-                    <div>
147
-                        <pre class="markdown">
148
-                            <code class="code-line-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-2">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.sangria}</code><code class="code-line-3"></code><code class="code-line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-5">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.sin-sangria}</code>
149
-                        </pre>
150
-                    </div>
151
-                    <div>
152
-                        <pre class="html">
153
-                            <code class="code-line-1">&lt;p class="sangria"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-2">&lt;p class="sin-sangria"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code>
154
-                        </pre>
155
-                    </div>
156
-                </div>
157
-                <div>
158
-                    <p class="sangria">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
159
-                    <p class="sin-sangria">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
160
-                </div>
161
-            </div>
162
-            <h3 id="indent-y-noindent">.indent y .no-indent</h3>
163
-            <blockquote>
164
-                <p>OJO: es el mismo a .sangria y .sin-sangria.</p>
165
-            </blockquote>
166
-            <div class="example">
167
-                <div>
168
-                    <div>
169
-                        <pre class="markdown">
170
-                            <code class="code-line-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-2">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.indent}</code><code class="code-line-3"></code><code class="code-line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-5">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.no-indent}</code>
171
-                        </pre>
172
-                    </div>
173
-                    <div>
174
-                        <pre class="html">
175
-                            <code class="code-line-1">&lt;p class="indent"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-2">&lt;p class="no-indent"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code>
176
-                        </pre>
177
-                    </div>
178
-                </div>
179
-                <div>
180
-                    <p class="indent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
181
-                    <p class="no-indent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
182
-                </div>
183
-            </div>
184
-            <h3 id="oculto-hidden-e-invisible">.oculto / .hidden e .invisible</h3>
185
-            <div class="example">
186
-                <div>
187
-                    <div>
188
-                        <pre class="markdown">
189
-                            <code class="code-line-1">El oculto no deja espacios. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-2">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.oculto}</code><code class="code-line-3"></code><code class="code-line-4">El invisible deja espacios. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-5">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.invisible}</code><code class="code-line-6"></code><code class="code-line-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-8">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</code><code class="code-line-9"></code><code class="code-line-10">El hidden no deja espacios. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-11">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.hidden}</code>
190
-                        </pre>
191
-                    </div>
192
-                    <div>
193
-                        <pre class="html">
194
-                            <code class="code-line-1">&lt;p class="oculto"&gt;El oculto no deja espacios. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-2">&lt;p class="invisible"&gt;El invisible deja espacios. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-3">&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-4">&lt;p class="hidden"&gt;El hidden no deja espacios. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code>
195
-                        </pre>
196
-                    </div>
197
-                </div>
198
-                <div>
199
-                    <p class="oculto">El oculto no deja espacios. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
200
-                    <p class="invisible">El invisible deja espacios. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
201
-                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
202
-                    <p class="hidden">El hidden no deja espacios. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
203
-                </div>
204
-            </div>
205
-            <h3 id="capitular">.capitular</h3>
206
-            <div class="example">
207
-                <div>
208
-                    <div>
209
-                        <pre class="markdown">
210
-                            <code class="code-line-1">[L]{.capitular}orem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-2">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. ipsum</code><code class="code-line-3">dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra,</code><code class="code-line-4">scelerisque nisl non, pretium turpis.</code>
211
-                        </pre>
212
-                    </div>
213
-                    <div>
214
-                        <pre class="html">
215
-                            <code class="code-line-1">&lt;p&gt;&lt;span class="capitular"&gt;L&lt;/span&gt;orem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code>
216
-                        </pre>
217
-                    </div>
218
-                </div>
219
-                <div>
220
-                    <p><span class="capitular">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
221
-                </div>
222
-            </div>
223
-            <h3 id="versal-uppercase">.versal / .uppercase</h3>
224
-            <div class="example">
225
-                <div>
226
-                    <div>
227
-                        <pre class="markdown">
228
-                            <code class="code-line-1">[Lorem]{.versal} ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-2">[Maecenas]{.uppercase} ac lacus viverra, scelerisque nisl non, pretium turpis.</code>
229
-                        </pre>
230
-                    </div>
231
-                    <div>
232
-                        <pre class="html">
233
-                            <code class="code-line-1">&lt;p&gt;&lt;span class="versal"&gt;Lorem&lt;/span&gt; ipsum dolor sit amet, consectetur adipiscing elit. &lt;span class="uppercase"&gt;Maecenas&lt;/span&gt; ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code>
234
-                        </pre>
235
-                    </div>
236
-                </div>
237
-                <div>
238
-                    <p><span class="versal">Lorem</span> ipsum dolor sit amet, consectetur adipiscing elit. <span class="uppercase">Maecenas</span> ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
239
-                </div>
240
-            </div>
241
-            <h3 id="versalitaligera-smallcaplight">.versalita-ligera / .smallcap-light</h3>
242
-            <div class="example">
243
-                <div>
244
-                    <div>
245
-                        <pre class="markdown">
246
-                            <code class="code-line-1">[Lorem]{.versalita-ligera} ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-2">[Maecenas]{.smallcap-light} ac lacus viverra, scelerisque nisl non, pretium turpis.</code>
247
-                        </pre>
248
-                    </div>
249
-                    <div>
250
-                        <pre class="html">
251
-                            <code class="code-line-1">&lt;p&gt;&lt;span class="versalita-ligera"&gt;Lorem&lt;/span&gt; ipsum dolor sit amet, consectetur adipiscing elit. &lt;span class="smallcap-light"&gt;Maecenas&lt;/span&gt; ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code>
252
-                        </pre>
253
-                    </div>
254
-                </div>
255
-                <div>
256
-                    <p><span class="versalita-ligera">Lorem</span> ipsum dolor sit amet, consectetur adipiscing elit. <span class="smallcap-light">Maecenas</span> ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
257
-                </div>
258
-            </div>
259
-            <h3 id="versalita-smallcap">.versalita / .smallcap</h3>
260
-            <div class="example">
261
-                <div>
262
-                    <div>
263
-                        <pre class="markdown">
264
-                            <code class="code-line-1">[Lorem]{.versalita} ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-2">[Maecenas]{.smallcap} ac lacus viverra, scelerisque nisl non, pretium turpis.</code>
265
-                        </pre>
266
-                    </div>
267
-                    <div>
268
-                        <pre class="html">
269
-                            <code class="code-line-1">&lt;p&gt;&lt;span class="versalita"&gt;Lorem&lt;/span&gt; ipsum dolor sit amet, consectetur adipiscing elit. &lt;span class="smallcap"&gt;Maecenas&lt;/span&gt; ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code>
270
-                        </pre>
271
-                    </div>
272
-                </div>
273
-                <div>
274
-                    <p><span class="versalita">Lorem</span> ipsum dolor sit amet, consectetur adipiscing elit. <span class="smallcap">Maecenas</span> ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
275
-                </div>
276
-            </div>
277
-            <h3 id="subrayado-underline">.subrayado / .underline</h3>
278
-            <div class="example">
279
-                <div>
280
-                    <div>
281
-                        <pre class="markdown">
282
-                            <code class="code-line-1">[Lorem]{.subrayado} ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-2">[Maecenas ac lacus viverra]{.underline}, scelerisque nisl non, pretium turpis.</code>
283
-                        </pre>
284
-                    </div>
285
-                    <div>
286
-                        <pre class="html">
287
-                            <code class="code-line-1">&lt;p&gt;&lt;span class="subrayado"&gt;Lorem&lt;/span&gt; ipsum dolor sit amet, consectetur adipiscing elit. &lt;span class="underline"&gt;Maecenas ac lacus viverra&lt;/span&gt;, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code>
288
-                        </pre>
289
-                    </div>
290
-                </div>
291
-                <div>
292
-                    <p><span class="subrayado">Lorem</span> ipsum dolor sit amet, consectetur adipiscing elit. <span class="underline">Maecenas ac lacus viverra</span>, scelerisque nisl non, pretium turpis.</p>
293
-                </div>
294
-            </div>
295
-            <h3 id="mono">.mono</h3>
296
-            <div class="example">
297
-                <div>
298
-                    <div>
299
-                        <pre class="markdown">
300
-                            <code class="code-line-1">[Lorem]{.mono} ipsum dolor sit amet, consectetur adipiscing elit.</code>
301
-                        </pre>
302
-                    </div>
303
-                    <div>
304
-                        <pre class="html">
305
-                            <code class="code-line-1">&lt;p&gt;&lt;span class="mono"&gt;Lorem&lt;/span&gt; ipsum dolor sit amet, consectetur adipiscing elit.&lt;/p&gt;</code>
306
-                        </pre>
307
-                    </div>
308
-                </div>
309
-                <div>
310
-                    <p><span class="mono">Lorem</span> ipsum dolor sit amet, consectetur adipiscing elit.</p>
311
-                </div>
312
-            </div>
313
-            <h3 id="anchuraauto-autowidth">.anchura-auto / .auto-width</h3>
314
-            <div class="example">
315
-                <div>
316
-                    <div>
317
-                        <pre class="markdown">
318
-                            <code class="code-line-1">![Imagen con pie de foto.](../img/gnu.svg){.anchura-auto}</code><code class="code-line-2"></code><code class="code-line-3">![](../img/tux.svg){.auto-width}</code>
319
-                        </pre>
320
-                    </div>
321
-                    <div>
322
-                        <pre class="html">
323
-                            <code class="code-line-1">&lt;figure&gt;</code><code class="code-line-2">    &lt;img class="anchura-auto" src="../img/gnu.svg" alt="Imagen con pie de foto."&gt;</code><code class="code-line-3">    &lt;figcaption&gt;Imagen con pie de foto.&lt;/figcaption&gt;</code><code class="code-line-4">&lt;/figure&gt;</code><code class="code-line-5">&lt;img class="auto-width" src="../img/tux.svg"&gt;</code>
324
-                        </pre>
325
-                    </div>
326
-                </div>
327
-                <div>
328
-                    <figure>
329
-                        <img class="anchura-auto" src="../img/gnu.svg" alt="Imagen con pie de foto."/>
330
-                        <figcaption>
331
-                            Imagen con pie de foto.
332
-                        </figcaption>
333
-                    </figure>
334
-                    <img class="auto-width" src="../img/tux.svg"/>
335
-                </div>
336
-            </div>
337
-            <h3 id="glosa-gloss">.glosa / .gloss</h3>
338
-            <div class="example">
339
-                <div>
340
-                    <div>
341
-                        <pre class="markdown">
342
-                            <code class="code-line-1">&lt;section class="glosa gloss"&gt;</code><code class="code-line-2">&lt;!-- Cualquiera de las dos clases --&gt;</code><code class="code-line-3"></code><code class="code-line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-5">[Maecenas ac lacus viverra.]{.glosa}</code><code class="code-line-6"></code><code class="code-line-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-8">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</code><code class="code-line-9">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-10">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</code><code class="code-line-11">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-12">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</code><code class="code-line-13">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-14">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</code><code class="code-line-15"></code><code class="code-line-16">[Lorem ipsum.]{.gloss}</code><code class="code-line-17">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</code><code class="code-line-18">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-19">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</code><code class="code-line-20">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-21"></code><code class="code-line-22">&lt;/section&gt;</code>
343
-                        </pre>
344
-                    </div>
345
-                    <div>
346
-                        <pre class="html">
347
-                            <code class="code-line-1">&lt;section class="glosa gloss"&gt;</code><code class="code-line-2">    &lt;p class="glosa"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. &lt;span class="glosa"&gt;Maecenas ac lacus viverra.&lt;/span&gt;&lt;/p&gt;</code><code class="code-line-3">    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-4">    &lt;p&gt;&lt;span class="gloss"&gt;Lorem ipsum.&lt;/span&gt; Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/p&gt;</code><code class="code-line-5">&lt;/section&gt;</code>
348
-                        </pre>
349
-                    </div>
350
-                </div>
351
-                <div>
352
-                    <section class="glosa gloss">
353
-                        <p class="glosa">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <span class="glosa">Maecenas ac lacus viverra.</span></p>
354
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
355
-                        <p><span class="gloss">Lorem ipsum.</span> Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
356
-                    </section>
357
-                </div>
358
-            </div>
359
-            <h3 id="epigrafe-epigraph">.epigrafe / .epigraph</h3>
360
-            <div class="example">
361
-                <div>
362
-                    <div>
363
-                        <pre class="markdown">
364
-                            <code class="code-line-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-2">Maecenas ac lacus viverra, scelerisque nisl non. \</code><code class="code-line-3">++Pretium turpis++. {.epigrafe}</code><code class="code-line-4"></code><code class="code-line-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-6">Maecenas ac lacus viverra, scelerisque nisl non. &lt;br/&gt; ++Pretium turpis++. {.epigraph}</code>
365
-                        </pre>
366
-                    </div>
367
-                    <div>
368
-                        <pre class="html">
369
-                            <code class="code-line-1">&lt;p class="epigrafe"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non. &lt;br/&gt; &lt;span class="smallcap-light"&gt;Pretium turpis&lt;/span&gt;.&lt;/p&gt;</code><code class="code-line-2">&lt;p class="epigraph"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non. &lt;br/&gt; &lt;span class="smallcap-light"&gt;Pretium turpis&lt;/span&gt;.&lt;/p&gt;</code>
370
-                        </pre>
371
-                    </div>
372
-                </div>
373
-                <div>
374
-                    <p class="epigrafe">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non. <br/> <span class="smallcap-light">Pretium turpis</span>.</p>
375
-                    <p class="epigraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non. <br/> <span class="smallcap-light">Pretium turpis</span>.</p>
376
-                </div>
377
-            </div>
378
-            <h3 id="poesia-poetry">.poesia / .poetry</h3>
379
-            <div class="example">
380
-                <div>
381
-                    <div>
382
-                        <pre class="markdown">
383
-                            <code class="code-line-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-2">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</code><code class="code-line-3"></code><code class="code-line-4">Lorem ipsum dolor \</code><code class="code-line-5">sit amet, \</code><code class="code-line-6">consectetur adipiscing \</code><code class="code-line-7">elit. {.poesia}</code><code class="code-line-8"></code><code class="code-line-9">Maecenas ac &lt;br/&gt; lacus viverra, &lt;br/&gt; scelerisque nisl non, &lt;br/&gt; pretium turpis. {.poetry}</code>
384
-                        </pre>
385
-                    </div>
386
-                    <div>
387
-                        <pre class="html">
388
-                            <code class="code-line-1">&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-2">&lt;p class="poesia"&gt;Lorem ipsum dolor &lt;br&gt; sit amet, &lt;br&gt; consectetur adipiscing &lt;br&gt; elit.&lt;/p&gt;</code><code class="code-line-3">&lt;p class="poetry"&gt;Maecenas ac &lt;br&gt; lacus viverra, &lt;br&gt; scelerisque nisl non, &lt;br&gt; pretium turpis.&lt;/p&gt;</code>
389
-                        </pre>
390
-                    </div>
391
-                </div>
392
-                <div>
393
-                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
394
-                    <p class="poesia">Lorem ipsum dolor <br/> sit amet, <br/> consectetur adipiscing <br/> elit.</p>
395
-                    <p class="poetry">Maecenas ac <br/> lacus viverra, <br/> scelerisque nisl non, <br/> pretium turpis.</p>
396
-                </div>
397
-            </div>
398
-            <h3 id="espacioarriba1-verticalspace1-espacioarriba2-verticalspace2-y-espacioarriba3-verticalspace3">.espacio-arriba1 / .vertical-space1, .espacio-arriba2 / .vertical-space2 y .espacio-arriba3 / .vertical-space3</h3>
399
-            <div class="example">
400
-                <div>
401
-                    <div>
402
-                        <pre class="markdown">
403
-                            <code class="code-line-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-2">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</code><code class="code-line-3"></code><code class="code-line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-5">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.espacio-arriba1}</code><code class="code-line-6"></code><code class="code-line-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-8">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</code><code class="code-line-9"></code><code class="code-line-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-11">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.espacio-arriba2}</code><code class="code-line-12"></code><code class="code-line-13">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-14">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</code><code class="code-line-15"></code><code class="code-line-16">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-17">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.espacio-arriba3}</code><code class="code-line-18"></code><code class="code-line-19">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-20">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</code><code class="code-line-21"></code><code class="code-line-22">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-23">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.vertical-space1}</code><code class="code-line-24"></code><code class="code-line-25">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-26">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</code><code class="code-line-27"></code><code class="code-line-28">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-29">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.vertical-space2}</code><code class="code-line-30"></code><code class="code-line-31">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-32">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</code><code class="code-line-33"></code><code class="code-line-34">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-35">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis. {.vertical-space3}</code><code class="code-line-36"></code><code class="code-line-37">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-38">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</code>
404
-                        </pre>
405
-                    </div>
406
-                    <div>
407
-                        <pre class="html">
408
-                            <code class="code-line-1">&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-2">&lt;p class="espacio-arriba1"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-3">&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-4">&lt;p class="espacio-arriba2"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-5">&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-6">&lt;p class="espacio-arriba3"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-7">&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-8">&lt;p class="vertical-space1"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-9">&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-10">&lt;p class="vertical-space2"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-11">&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-12">&lt;p class="vertical-space3"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code><code class="code-line-13">&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.&lt;/p&gt;</code>
409
-                        </pre>
410
-                    </div>
411
-                </div>
412
-                <div>
413
-                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
414
-                    <p class="espacio-arriba1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
415
-                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
416
-                    <p class="espacio-arriba2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
417
-                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
418
-                    <p class="espacio-arriba3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
419
-                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
420
-                    <p class="vertical-space1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
421
-                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
422
-                    <p class="vertical-space2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
423
-                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
424
-                    <p class="vertical-space3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
425
-                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
426
-                </div>
427
-            </div>
428
-            <h3 id="script-guion">.script / .guion</h3>
429
-            <div class="example">
430
-                <div>
431
-                    <div>
432
-                        <pre class="markdown">
433
-                            <code class="code-line-1">&lt;section class="script guion"&gt;</code><code class="code-line-2">&lt;!-- Cualquiera de las dos clases --&gt;</code><code class="code-line-3"></code><code class="code-line-4"># 1 Escena - Ejemplo</code><code class="code-line-5"></code><code class="code-line-6">Acción. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-7">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</code><code class="code-line-8"></code><code class="code-line-9">## Personaje</code><code class="code-line-10"></code><code class="code-line-11">### (Paréntesis)</code><code class="code-line-12"></code><code class="code-line-13">&gt; Diálogo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-14"></code><code class="code-line-15">&gt; Diálogo. Maecenas ac lacus viverra, scelerisque nisl non, pretium</code><code class="code-line-16">&gt; turpis.</code><code class="code-line-17"></code><code class="code-line-18">&lt;/section&gt;</code>
434
-                        </pre>
435
-                    </div>
436
-                    <div>
437
-                        <pre class="html">
438
-                            <code class="code-line-1">&lt;section class="script"&gt;</code><code class="code-line-2"></code><code class="code-line-3"># 1 Escena - Ejemplo</code><code class="code-line-4"></code><code class="code-line-5">Acción. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-6">Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</code><code class="code-line-7"></code><code class="code-line-8">## Personaje</code><code class="code-line-9"></code><code class="code-line-10">### (Paréntesis)</code><code class="code-line-11"></code><code class="code-line-12">&gt; Diálogo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</code><code class="code-line-13"></code><code class="code-line-14">&gt; Diálogo. Maecenas ac lacus viverra, scelerisque nisl non, pretium</code><code class="code-line-15">&gt; turpis.</code><code class="code-line-16"></code><code class="code-line-17">&lt;/section&gt;</code>
439
-                        </pre>
440
-                    </div>
441
-                </div>
442
-                <div>
443
-                    <section class="script">
444
-                        <h1 id="escena-ejemplo">1 Escena - Ejemplo</h1>
445
-                        <p>Acción. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
446
-                        <h2 id="personaje">Personaje</h2>
447
-                        <h3 id="parentesis">(Paréntesis)</h3>
448
-                        <blockquote>
449
-                            <p>Diálogo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
450
-                        </blockquote>
451
-                        <blockquote>
452
-                            <p>Diálogo. Maecenas ac lacus viverra, scelerisque nisl non, pretium turpis.</p>
453
-                        </blockquote>
454
-                    </section>
455
-                </div>
456
-            </div>
457
-        </section>
458
-        <footer>
459
-            <nav class="espacio-arriba1">
460
-                <h3>Repositorios</h3>
461
-                <p><a href="https://github.com/NikaZhenya/pecas" target="_blank">GitHub</a></p>
462
-                <p><a href="https://gitlab.com/NikaZhenya/pecas" target="_blank">GitLab</a></p>
463
-                <p><a href="http://git.cliteratu.re/pecas/" target="_blank">GitList</a></p>
464
-            </nav>
465
-            <nav class="espacio-arriba1">
466
-                <h3>Contacto</h3>
467
-                <p><a href="mailto:nika.zhenya@cliteratu.re" target="_blank">nika.zhenya@cliteratu.re</a></p>
468
-                <p><a href="https://twitter.com/_perroTuerto" target="_blank">@_perroTuerto</a></p>
469
-            </nav>
470
-            <p class="centrado espacio-arriba1">Pecas es <i>software</i> libre bajo licencia <a href="https://gnu.org/licenses/gpl.html" target="_blank">GPLv3+</a>.</p>
471
-            <p class="centrado espacio-arriba1">Dona para unos tacos con <a href="https://etherscan.io/address/0x39b0bf0cf86776060450aba23d1a6b47f5570486" target="_blank"><span class="versalita">ETH</span></a>.</p>
472
-            <p class="centrado">Dona para unas croquetas con <a href="https://dogechain.info/address/DMbxM4nPLVbzTALv5n8G16TTzK4WDUhC7G" target="_blank"><span class="versalita">DOGE</span></a>.</p>
473
-            <p class="centrado">Dona para unas cervezas con <a href="https://www.paypal.me/perrotuerto" target="_blank">PayPal</a>.</p>
474
-            <p class="centrado espacio-arriba1">Taller de Edición Digital: <a target="_blank" href="https://ted.cliteratu.re/">ted.cliteratu.re</a>.</p>
475
-            <p class="centrado"><i>Edición digital como metodología para una edición global</i>: <a target="_blank" href="https://ed.cliteratu.re/">ed.cliteratu.re</a>.</p>
476
-            <p class="centrado">Sitio personal: <a target="_blank" href="https://xxx.cliteratu.re/">xxx.cliteratu.re</a>.</p>
477
-        </footer>
478
-        <style>
479
-        body {margin:0;}
480
-        body > * {float:left;}
481
-        body > section {width:calc(75% - 10em);margin:5em;}
482
-        header {width:calc(25% - 5em);margin-top: 5em;padding:2.5em;background-color:black;color:white;border-radius:0 .5em .5em 0;}
483
-        header h1 {margin:0; font-size: 2em;}
484
-        header h1 + p {margin-top:1em!important;}
485
-        header h3 {margin-top:1em;}
486
-        header a {color: white;}
487
-        header p, footer nav {text-align:left;}
488
-        header p + p, footer p + p {text-indent:0;}
489
-        header nav > p:before {content:"> ";}
490
-        h2:before {content: "> ";}
491
-        div.example h2:before {content: none;}
492
-        div.example:after {display:block;width:100%;content:"Estilo por defecto";margin-top:-1.5em;text-align:center;font-size:.75em;}
493
-        div.example > div {clear:both;}
494
-        div.example > div:last-child {width:94.5%;margin:2em auto;padding:.5em;box-shadow: .1em .1em .5em rgba(0,0,0,.45);}
495
-        div.example > div > div {float:left;width:50%;}
496
-        div.example > div > div:before {display:block;width:100%;margin-bottom:-1em;text-align:center;font-size:.75em;}
497
-        div.example > div > div:first-child:before {content:"Escritura en Markdown";}
498
-        div.example > div > div:last-child:before {content:"Resultado en HTML";}
499
-        div.example + div.example {border-top: 1px dashed black;margin-top:1.5em;padding-top:1.5em;}
500
-        footer {border-top: 1px dashed black; width:calc(100% - 2em); margin: 1em;}
501
-        footer > nav {display:none;}
502
-        footer nav > * {display:inline;}
503
-        footer nav > p:before {content:"> ";}
504
-        footer nav > p:not(:first-of-type):before {content:"| ";}
505
-        @media screen and (max-width: 768px) {
506
-        body > * {float:none;}
507
-        body > section {width:calc(100% - 5em);margin:2.5em;}
508
-        header {width:calc(100% - 5em);margin-top:0;border-radius:0;}
509
-        header > p:first-of-type {display:inline;}
510
-        header > nav:not(:first-of-type) {display:none;}
511
-        header nav > * {display:inline;}
512
-        header nav > p:before {content:"| ";}
513
-        header h3 + p:before {content: none;}
514
-        header h3:before {content:"\a\a";white-space: pre;}
515
-        header h3:first-of-type:before {content:"\a";}
516
-        header h3:after {content: " > ";}
517
-        div.example > div, div.example > div > div {float:none;width:100%;}
518
-        footer {word-wrap: break-word;}
519
-        footer > nav {display:block;text-align:center;}
520
-        }
521
-        </style>
522
-    </body>
523
-</html>
524 0
deleted file mode 100644
... ...
@@ -1,113 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="es">
3
-    <head>
4
-        <title>Pecas: herramientas editoriales</title>
5
-        <meta charset="utf-8" />
6
-        <meta name="application-name" content="Pecas">
7
-        <meta name="description" content="Conjunto de scripts que agilizan varios de los procesos del quehacer editorial. ">