diff options
| -rw-r--r-- | gemtext2html.awk | 38 | ||||
| -rw-r--r-- | web/static/estilo.css | 62 |
2 files changed, 90 insertions, 10 deletions
diff --git a/gemtext2html.awk b/gemtext2html.awk index c808a40..ce11980 100644 --- a/gemtext2html.awk +++ b/gemtext2html.awk @@ -1,16 +1,21 @@ # gemtext2html # convierte un archivo en gemtext a html de acuerdo a la spec # excepción: enlaces a imagen (jpg, png, gif) se vuelven <img> +# TODO actualizar descripción +# +# importante: solo un {wikilink} (con o sin espacios) por línea # # modo de uso: # awk -f gemtext2html.awk archivo.gmi > archivo.html # BEGIN{ + sitio = "HOLO" # para poder abrir y cerrar <ul>, <pre>, <p>: modo_lista = 0 modo_pre = 0 modo_parrafo = 0 + modo_galeria = 0 en_section = 1 @@ -28,10 +33,10 @@ BEGIN{ } function appendContenido( t ){ - contenido = contenido t + contenido = contenido t "\n" } function appendNav( t ){ - nav = nav t + nav = nav t "\n" } function wikiLink( t ){ @@ -56,10 +61,11 @@ function wikiLink( t ){ NR == 1{ titulo = $0 sub("#[[:blank:]]+","",titulo) #prefijo - print "<title>"titulo"</title>" + print "<title>" sitio " — " titulo "</title>" print "</head>" print "<body>" print "<header>" + print "<p><a href='./index.html'>{" sitio "}</a></p>" print "<h1>"titulo"</h1>" print "</header>" @@ -95,10 +101,15 @@ $0 !~ /^(=>|```|#{1,3} |* |>|[[:blank:]]*$)/{ # líneas de texto (no "especiales modo_parrafo = 0 appendContenido( "</p>" ) } - else if( bloque ) # si lo previo fue header o blockquote - bloque = 0; + else if( modo_galeria ){ + modo_galeria = 0 + appendContenido( "</gallery>" ) + } # else # appendContenido( "<br/>" ) + if( bloque ) # si lo previo fue header o blockquote + bloque = 0; + } else appendContenido( $0 ) @@ -132,7 +143,11 @@ $0 !~ /^(=>|```|#{1,3} |* |>|[[:blank:]]*$)/{ # líneas de texto (no "especiales # si el path es imagen if( match($1, /(png|jpg|gif)$/) ){ # crea imagen <img> - $0="<img src='"$1"' alt='"texto"' loading='lazy'/>" + if( !modo_galeria ){ + appendContenido("<gallery>") + modo_galeria = 1 + } + appendContenido("<img src='"$1"' alt='"texto"' loading='lazy'/>") } # si el path no es imagen else{ @@ -140,14 +155,16 @@ $0 !~ /^(=>|```|#{1,3} |* |>|[[:blank:]]*$)/{ # líneas de texto (no "especiales sub(".gmi$",".html",$1) # crea link <a> - $0="<p><a href='"$1"'>"texto"</a></p>" + appendContenido("<p><a href='"$1"'>"texto"</a></p>") } } else{ # link externo - $0="<p><a href='"$1"' rel=external target=_blank>"texto"</a></p>" + appendContenido("<p><a href='"$1"' rel=external target=_blank>"texto"</a></p>") } } - appendContenido( $0 ) + else{ + appendContenido( $0 ) + } } /^* /{ # lista @@ -263,7 +280,8 @@ END{ print "<p>página actualizada en: " fecha = system( "date -r " FILENAME " --rfc-3339=date" ) print "</p>" - print "<p><a href='./index.html'>inicio</a></p>" + print "<p><a href='./index.html'>{" sitio "}</a></p>" + print "<a href='https://endefensadelsl.org/ppl_es.html' rel=external target=_blank>ppl: licencia de producción de pares</a></p>" print "</footer>" print "</body>" print "</html>" diff --git a/web/static/estilo.css b/web/static/estilo.css new file mode 100644 index 0000000..9f0bd9f --- /dev/null +++ b/web/static/estilo.css @@ -0,0 +1,62 @@ +/* links en el sitio */ +a[href^="./"]{ + text-decoration:none; +} +/* links externos */ +a[rel=external]:after{ + content:"↝"; +} +a{ + color: #363; +} +a:hover{ + background-color: #363; + color: #fff; +} +a:visited{ + color: #773; +} +a:visited:hover{ + background-color: #773; + color: #fff; +} + +body{ + color: #333; + max-width:40em; + margin:0 auto; + font-size:18px; + padding: 1em; +} + +nav,footer,section{ + border-top: 1px dotted; +} +footer{ + font-size: small; + text-align: center; +} + +pre{ + background-color: #ddd; + padding:1em; +} + +gallery{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + justify-content:space-evenly; + align-content:center; +} +img{ + margin:10px; +} + +nav{ + font-size:smaller; +} + +nav li{ + list-style-type:square; +} |