Motivation

BEAUTIFUL PDFS Methods

We're really bad a LaTeX using Software Stack

WEB FRAMEWORKS
The project started with the realization that, while LaTeX is a favorite tool ReLaxed consists of few lines of code binding together other software. It
in the techical community to make documents that look good, it actually uses chokidar to watch the le system. when a le is changed, several
makes it very dif cult to make documents that look good. Maybe it is time javascript libraries are used to compile SCSS, Pug, Markdown, and diagram
for the Next Big Thing ? What about web technologies ? les into an HTML page which is then printed to a PDF le by a headless
instance of Chromium (via puppeteer), as represented below.

Development environment
The technical community tends to prefer mark-up languages (Markdown, LaTeX) to mainstream In addition to the software, the user can take advantage of code editors
documents editor such as MS Of ce. this is because markup is more adapted to the quick generation like Atom of VS-Code to enjoy project management, highlighting of the
of documents with consistent style. However, Markdown has structure limitations (title / sections / sources' Pug and SCSS code, integrated terminal and PDF viewer (with
paragraphs) and LaTeX is only fun when it works. We present ReLaXed, a new PDF edition system auto-refresh), etc.
relying on web technologies for fast, reliable PDF generation from languages such as Pug, HTML, or
(S)CSS. Relaxed also features support for Markdown, LaTeX-style mathematical tables, equations, Distribution
plots generation, diagram drawing, and possibly much more. The sources is hosted on Github and the software can be installed using
the popular package manager npm. At the writing time of this poster the
global installation will unfortunately fail on some systems and a local
Making a presentation with LaTeX. This grossly exagerated graphic shows that most of the time installation in a foder of the user's choice is advised.
spent in the communication of scienti c result is actually allocated to reading the LaTeX companion.

Web technologies have never looked so good.

Beautiful CSS frameworks produce clean and modern documents.
JS libraries for pretty much anything: plotting, code highlighting, math...
About us
Millions of people (and growing) know how to use these.
Shorthand languages like Pug are nally making HTML/CSS fun. We are a highly motivated
Web browsers can reliably print documents to PDF on any platform. and close-knit team of one,
We wrote ReLaXed is an attempt at nding the most comfortable way to looking for other people to
leverage this for desktop PDF creation. join the project. Get in Zulko
Creator. NOT a front-end specialist
Peggy McPugface
Lead dev
Essie S. Hess
Frontend specialist
Matteo
Placeholder

touch on Github ! Zulko started the project after failing to

change a LaTeX title slide. Now he uses
Peggy is an imaginary ReLaXed team
member who rocks at Node.js and will
Essie is a sought-after frontend expert
who will develop best practices for easy
Matteo was invited to the imaginary team
because we needed four team members to
ReLaXed for all his presentations. help the project get a proper code base. PDF document styling via Pug/SCSS ll this section. We accept anyone !

All pictures above are from the Semantic UI docs, under the MIT licence

Results highlighted as, unfortunately, the popular commodo consequat. Duis aute irure dolor in
syntax highlighting highlight.js does not reprehenderit in voluptate velit esse cillum
support the Pug language. dolore eu fugiat nulla pariatur. Excepteur sint
We spent a few nights putting together
occaecat cupidatat non proident, qui of cia
ReLaXed, as a proof of concept that editing PDF The rest of this section will be Lorem Ipsum as it Javascript-powered le rendering with ReLaXed. Every time a le with a recognized extension is
deserunt mollit anim id est laborum
documents using web technologies can actually is starting to be late here. If you want to learn
modi ed, it is processed by ReLaXed and fed to Google Chromium for rendering of an image le
which can then be integrated in the nal document via the Pug sources. The modi cation of any le
be fun. For now we can say for sure that more visit our Github :) Lorem ipsum dolor sit amet, consectetur (including the rendered image les) triggers a full build of an .htm le via Node.js. The .htm le is
ReLaXed is very nice for editing simple adipiscing elit, sed do eiusmod tempor fed to Chromium and printed as the nal PDF document
documents like letters, and really cool for incididunt ut labore et dolore magna aliqua. Ut
making slideshows (we are using it on a daily enim ad minim veniam, quis nostrud
basis). It takes more time however to make exercitation ullamco laboris nisi ut aliquip ex ea
nely-crafted documents but the results are commodo consequat. Duis aute irure dolor in
generally very satifactory. Making gures by reprehenderit in voluptate velit esse cillum
hand is quite fast once we start to know the API dolore eu fugiat nulla pariatur. Excepteur sint Sources [Lushnikov, 2017] Lushnikov and
of Chart.JS or Vegalite. occaecat cupidatat non proident, sunt in culpa contributors Puppeteer, the Headless
A totally subjective comparison of the three major documents qui of cia deserunt mollit anim id est laborum Chrome Node API,
In this section we showcase two pointless [Lukic, 2016] Lukic and contributors The
editors out there. sed do eiusmod tempor incididunt ut labore et https://github.com/GoogleChrome, 2017 .
gures and a code snippet of how to make slides Semantic UI CSS framework,
dolore magna aliqua. Ut enim ad minim veniam. [Zulko, 2018] Zulko and soon others
with ReLaXed. The gures are oating in order Lorem ipsum dolor sit amet, consectetur https://semantic-ui.com/, 2016 .
A Chart.JS plot. Admitedly, there is no reason for this plot to be ReLaXed, Create PDF documents using web
to make them integrate with the four-column adipiscing elit, sed do eiusmod tempor [Downie, 2015] Downie and contributors
here. As an aside, when you use ChartJS, beware that the
text. It's not necessarily the best choice, but .slide technologies ,
resulting image is not vectorial and will appear pixelated at high incididunt ut labore et dolore magna aliqua. Ut Chart.js, Simple, clean and engaging charts
again this not a real poster, more like a style resolution (e.g. on a poster. Make sure to set the chart's .header I'm the title! https://github.com/RelaxedJS, 2018 .
enim ad minim veniam, quis nostrud for designers and developers,
options.devicePixelRatio very high. p I am a paragraph
exploration. Note that the code is not syntax exercitation ullamco laboris nisi ut aliquip ex ea http://www.chartjs.org/, 2015 .