Skip to content

Commit dfe9164

Browse files
committed
uso de syntax highlighting de pandoc
1 parent b8a919f commit dfe9164

14 files changed

+4514
-4715
lines changed

Makefile

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,15 @@ EPUB_TITLE = 'Fundamentos de jQuery'
33
HTML_TITLE = 'Libro gratuito de jQuery en español - Fundamentos de jQuery'
44

55
all:
6-
7-
@@echo "Generando HTML"
8-
@@pandoc -s -S -N --toc --section-divs --template ./pandoc/html.template -T ${HTML_TITLE} --variable=date:${DATE} ./libro/markdown/cap01-bienvenido.markdown ./libro/markdown/cap02-conceptos-basicos-javascript.markdown ./libro/markdown/cap03-conceptos-basicos-jquery.markdown ./libro/markdown/cap04-nucleo-jquery.markdown ./libro/markdown/cap05-eventos.markdown ./libro/markdown/cap06-efectos.markdown ./libro/markdown/cap07-ajax.markdown ./libro/markdown/cap08-extensiones.markdown ./libro/markdown/cap09-mejoras-rendimiento.markdown ./libro/markdown/cap10-organizacion-codigo.markdown ./libro/markdown/cap11-eventos-personalizados.markdown ./libro/markdown/licencia.markdown -o ./libro/html/index.html
9-
@@echo "HTML generado"
10-
11-
@@echo "Generando EPUB"
12-
@@pandoc -S --epub-metadata=./pandoc/epub.metadata.xml --epub-stylesheet=./pandoc/epub.styles.css --variable=title:${EPUB_TITLE} ./libro/markdown/cap01-bienvenido.markdown ./libro/markdown/cap02-conceptos-basicos-javascript.markdown ./libro/markdown/cap03-conceptos-basicos-jquery.markdown ./libro/markdown/cap04-nucleo-jquery.markdown ./libro/markdown/cap05-eventos.markdown ./libro/markdown/cap06-efectos.markdown ./libro/markdown/cap07-ajax.markdown ./libro/markdown/cap08-extensiones.markdown ./libro/markdown/cap09-mejoras-rendimiento.markdown ./libro/markdown/cap10-organizacion-codigo.markdown ./libro/markdown/cap11-eventos-personalizados.markdown ./libro/markdown/licencia.markdown -o ./libro/epub/Fundamentos_de_jQuery.epub
13-
@@echo "EPUB generado"
14-
15-
@@cd libro/html/; echo "Entrando en libro/html/ para generar PDF"; \
16-
markdown2pdf -N --toc --xetex --template ../../pandoc/latex.template --variable=date:${DATE} ../markdown/cap01-bienvenido.markdown ../markdown/cap02-conceptos-basicos-javascript.markdown ../markdown/cap03-conceptos-basicos-jquery.markdown ../markdown/cap04-nucleo-jquery.markdown ../markdown/cap05-eventos.markdown ../markdown/cap06-efectos.markdown ../markdown/cap07-ajax.markdown ../markdown/cap08-extensiones.markdown ../markdown/cap09-mejoras-rendimiento.markdown ../markdown/cap10-organizacion-codigo.markdown ../markdown/cap11-eventos-personalizados.markdown -o ../pdf/Fundamentos_de_jQuery.pdf
17-
@@echo "PDF generado"
6+
7+
@@echo "Generando HTML"
8+
@@pandoc -s -S -N --toc --section-divs --highlight-style=tango --template ./pandoc/html.template -T ${HTML_TITLE} --variable=date:${DATE} ./libro/markdown/cap01-bienvenido.markdown ./libro/markdown/cap02-conceptos-basicos-javascript.markdown ./libro/markdown/cap03-conceptos-basicos-jquery.markdown ./libro/markdown/cap04-nucleo-jquery.markdown ./libro/markdown/cap05-eventos.markdown ./libro/markdown/cap06-efectos.markdown ./libro/markdown/cap07-ajax.markdown ./libro/markdown/cap08-extensiones.markdown ./libro/markdown/cap09-mejoras-rendimiento.markdown ./libro/markdown/cap10-organizacion-codigo.markdown ./libro/markdown/cap11-eventos-personalizados.markdown ./libro/markdown/licencia.markdown -o ./libro/html/index.html
9+
@@echo "HTML generado"
10+
11+
@@echo "Generando EPUB"
12+
@@pandoc -S --epub-metadata=./pandoc/epub.metadata.xml --epub-stylesheet=./pandoc/epub.styles.css --variable=title:${EPUB_TITLE} ./libro/markdown/cap01-bienvenido.markdown ./libro/markdown/cap02-conceptos-basicos-javascript.markdown ./libro/markdown/cap03-conceptos-basicos-jquery.markdown ./libro/markdown/cap04-nucleo-jquery.markdown ./libro/markdown/cap05-eventos.markdown ./libro/markdown/cap06-efectos.markdown ./libro/markdown/cap07-ajax.markdown ./libro/markdown/cap08-extensiones.markdown ./libro/markdown/cap09-mejoras-rendimiento.markdown ./libro/markdown/cap10-organizacion-codigo.markdown ./libro/markdown/cap11-eventos-personalizados.markdown ./libro/markdown/licencia.markdown -o ./libro/epub/Fundamentos_de_jQuery.epub
13+
@@echo "EPUB generado"
14+
15+
@@cd libro/html/; echo "Entrando en libro/html/ para generar PDF"; \
16+
markdown2pdf -N --toc --xetex --template ../../pandoc/latex.template --variable=date:${DATE} ../markdown/cap01-bienvenido.markdown ../markdown/cap02-conceptos-basicos-javascript.markdown ../markdown/cap03-conceptos-basicos-jquery.markdown ../markdown/cap04-nucleo-jquery.markdown ../markdown/cap05-eventos.markdown ../markdown/cap06-efectos.markdown ../markdown/cap07-ajax.markdown ../markdown/cap08-extensiones.markdown ../markdown/cap09-mejoras-rendimiento.markdown ../markdown/cap10-organizacion-codigo.markdown ../markdown/cap11-eventos-personalizados.markdown -o ../pdf/Fundamentos_de_jQuery.pdf
17+
@@echo "PDF generado"

libro/html/css/style.css

Lines changed: 80 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,104 +1,140 @@
11
body {
2-
width:60%;
3-
font-family:Georgia, serif;
4-
margin:20px auto;
2+
width: 60%;
3+
font-family: Georgia, serif;
4+
margin: 20px auto;
55
}
66

77
a {
8-
color:#ce242a;
8+
color: #ce242a;
9+
-webkit-transition: color 0.3s ease-out;
10+
-moz-transition: color 0.3s ease-out;
11+
-ms-transition: color 0.3s ease-out;
12+
-o-transition: color 0.3s ease-out;
13+
transition: color 0.3s ease-out;
914
}
1015

1116
a:visited {
12-
color:#9f2826;
17+
color: #9f2826;
1318
}
1419

15-
h1,h2,h3,h4 {
16-
font-family:Helvetica,Arial, sans-serif;
20+
a:hover {
21+
color: #570100;
22+
}
23+
24+
h1, h2, h3, h4 {
25+
font-family: Helvetica, Arial, sans-serif;
1726
}
1827

1928
hr {
20-
color: #ccc;
21-
margin:50px 0;
22-
border-bottom:1px solid #CCC;
23-
border-top:0;
29+
color: #ccc;
30+
margin: 50px 0;
31+
border-bottom: 1px solid #CCC;
32+
border-top: 0;
2433
}
2534

2635
p {
27-
line-height:1.4em;
36+
line-height: 1.4em;
2837
}
2938

3039
#titlepage {
31-
border-bottom:1px solid #CCC;
32-
margin-bottom:30px;
33-
padding-bottom:15px;
40+
border-bottom: 1px solid #CCC;
41+
margin-bottom: 30px;
42+
padding-bottom: 15px;
3443
}
3544

3645
h1.title {
37-
font-size:250%;
46+
font-size: 250%;
3847
}
3948

4049
h1.maintitle {
41-
float:left;
50+
float: left;
4251
}
4352

4453
h1.maintitle a {
45-
color:#000;
54+
color: #000;
4655
}
4756

4857
h2, h3{
49-
margin: 30px 0 19px 0;
58+
margin: 30px 0 19px 0;
5059
}
5160

5261
.social {
53-
float:right;
54-
margin-top:35px;
62+
float: right;
63+
margin-top: 35px;
5564
}
5665

5766
.social li{
58-
float: left;
59-
list-style: none;
67+
float: left;
68+
list-style: none;
6069
}
6170

6271
dt {
63-
font-family:Helvetica, Arial, sans-serif;
64-
font-weight:700;
72+
font-family: Helvetica, Arial, sans-serif;
73+
font-weight: 700;
6574
}
6675

6776
#TOC li {
68-
color:#ce242a;
77+
color: #ce242a;
78+
padding: 2px 0;
6979
}
7080

7181
.translators .translator {
72-
margin:0 0 15px;
82+
margin: 0 0 15px;
7383
}
7484

7585
.translators .corrections {
76-
font-size:14px;
77-
font-weight:400;
78-
margin:0;
86+
font-size: 14px;
87+
font-weight: 400;
88+
margin: 0;
7989
}
8090

8191
.clear {
82-
clear:both;
92+
clear:both;
8393
}
8494

8595
.translators, blockquote {
86-
background-color:#FE6;
87-
padding:15px;
96+
background-color:#FE6;
97+
padding: 15px;
8898
}
8999

90100
pre {
91-
background:none repeat scroll 0 0 #F1F1F1;
92-
border:1px solid #DDD;
93-
color:#000;
94-
font-size:12px;
95-
overflow:auto;
96-
width:100%;
97-
margin:20px 0;
98-
padding:15px 0 0;
101+
background:none repeat scroll 0 0 #F1F1F1;
102+
border: 1px solid #DDD;
103+
color:#000;
104+
font-size: 12px;
105+
overflow:auto;
106+
width: 100%;
107+
margin: 20px 0;
108+
padding: 10px 0;
99109
}
100110

101111
pre code {
102-
font:13px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
103-
padding:0 0 0 25px;
104-
}
112+
font: 13px Monaco,"Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
113+
padding: 0 0 0 25px;
114+
}
115+
116+
117+
118+
/* Syntax Highlight styles */
119+
120+
/* Loosely based on pygment's tango colors */
121+
table.sourceCode, tr.sourceCode, td.sourceCode, table.sourceCode pre
122+
{ margin: 0; padding: 0; border: 0; vertical-align: baseline; border: none; background-color: #f8f8f8 }
123+
td.nums { text-align: right; padding-right: 5px; padding-left: 5px; background-color: #f0f0f0; }
124+
td.sourceCode { padding-left: 5px; }
125+
code.sourceCode { background-color: #f8f8f8; }
126+
pre.sourceCode { background-color: #f8f8f8; line-height: 125% }
127+
td.nums pre { background-color: #f0f0f0; line-height: 125% }
128+
code.sourceCode span.kw { color: #204a87; font-weight: bold } /* Keyword */
129+
code.sourceCode span.dt { color: #204a87 } /* Keyword.Type */
130+
code.sourceCode span.dv { color: #0000cf } /* Literal.Number.Integer */
131+
code.sourceCode span.bn { color: #0000cf } /* Literal.Number.Hex */
132+
code.sourceCode span.fl { color: #0000cf } /* Literal.Number.Float */
133+
code.sourceCode span.ch { color: #4e9a06 } /* Literal.String.Char */
134+
code.sourceCode span.st { color: #4e9a06 } /* Literal.String */
135+
code.sourceCode span.co { color: #8f5902; font-style: italic } /* Comment */
136+
code.sourceCode span.ot { color: #8f5902 } /* Comment.Preproc */
137+
code.sourceCode span.al { color: #ef2929 } /* Generic.Error */
138+
code.sourceCode span.fu { color: #000000 } /* Name.Function */
139+
code.sourceCode span.re {
140+
code.sourceCode span.er { color: #a40000; } /* Error */

0 commit comments

Comments
 (0)