User:Clàudia/t4pp-fancy-book: Difference between revisions

From XPUB & Lens-Based wiki
 
Line 16: Line 16:
<li> Open the Terminal </li>
<li> Open the Terminal </li>
<li> Get the content from a website </li>
<li> Get the content from a website </li>
wget http://anjagroten.com/
<span style="background-color:#adc5ed"> wget http://anjagroten.com/ </span>
<li> Using Pandoc, change the format from html to markdown </li>
<li> Using Pandoc, change the format from html to markdown </li>
pandoc document.html -f html -t markdown -s -o document.md
<span style="background-color:#adc5ed"> pandoc document.html -f html -t markdown -s -o document.md </span>
<li> Change some characters for <b>< span class='a'> WHATEVER YOU WANT TO REPLACE THE CHARACTER FOR </span></b> </li>
<li> Change some characters for <b>< span class='a'> WHATEVER YOU WANT TO REPLACE THE CHARACTER FOR </span></b> </li>
sed "s/a/< span class='a'> @ <\/span>/g" document.md > document1.md
<span style="background-color:#adc5ed"> sed "s/a/< span class='a'> @ <\/span>/g" document.md > document1.md
sed "s/e/< span class='e'> { <\/span>/g" document1.md > document2.md
sed "s/e/< span class='e'> { <\/span>/g" document1.md > document2.md
sed "s/k/< span class='k'> * <\/span>/g" document2.md > document3.md
sed "s/k/< span class='k'> * <\/span>/g" document2.md > document3.md
sed "s/r/< span class='r'> ??? <\/span>/g" document3.md > document4.md
sed "s/r/< span class='r'> ??? <\/span>/g" document3.md > document4.md </span>
<li> Using Pandoc, convert the document from markdown to html</li>
<li> Using Pandoc, convert the document from markdown to html</li>
pandoc document4.md -f markdown -t html -s -o document4.html
<span style="background-color:#adc5ed"> pandoc document4.md -f markdown -t html -s -o document4.html </span>
<li> Create a css style sheet editing the class you have insert into span</li>
<li> Create a css style sheet editing the class you have insert into span</li>
touch style.css
<span style="background-color:#adc5ed"> touch style.css
echo ".a{color-background:red; color: white; font-size:30pt; font-family:Helvetica;}" >> style.css
echo ".a{color-background:red; color: white; font-size:30pt; font-family:Helvetica;}" >> style.css </span>
<li> To finish, using Weasyprint, convert the document from html to pdf, inserting the style.css </li>
<li> To finish, using Weasyprint, convert the document from html to pdf, inserting the style.css </li>
weasyprint document4.html -s style.css final-document.pdf
<span style="background-color:#adc5ed"> weasyprint document4.html -s style.css final-document.pdf </span>


</ul>
</ul>


</div>
</div>

Latest revision as of 18:00, 7 November 2016

Fancy book

This is an experimental publication made with content gathered on the Internet. The exercise was to transform content from the web into a pdf file. We decided to make an experiment and create a different composition in each page, changing some characters of the content for other characters: bigger and with a different font and background colour.

The following website has been used as content: http://anjagroten.com/

Page of the book I
Page of the book II
Page of the book III

FULL PDF FILE

Recipie

  • Open the Terminal
  • Get the content from a website
  • wget http://anjagroten.com/
  • Using Pandoc, change the format from html to markdown
  • pandoc document.html -f html -t markdown -s -o document.md
  • Change some characters for < span class='a'> WHATEVER YOU WANT TO REPLACE THE CHARACTER FOR
  • sed "s/a/< span class='a'> @ <\/span>/g" document.md > document1.md sed "s/e/< span class='e'> { <\/span>/g" document1.md > document2.md sed "s/k/< span class='k'> * <\/span>/g" document2.md > document3.md sed "s/r/< span class='r'> ??? <\/span>/g" document3.md > document4.md
  • Using Pandoc, convert the document from markdown to html
  • pandoc document4.md -f markdown -t html -s -o document4.html
  • Create a css style sheet editing the class you have insert into span
  • touch style.css echo ".a{color-background:red; color: white; font-size:30pt; font-family:Helvetica;}" >> style.css
  • To finish, using Weasyprint, convert the document from html to pdf, inserting the style.css
  • weasyprint document4.html -s style.css final-document.pdf