<div class="col-sm-12 jumbotron">
<div class="col-sm-6"> <img style="height: 256px;" src="images/logo.svg"> </div>
<div class="col-sm-6">
<div class="main-title"><h1>WickedDocs</h1></div>
<p>Transforms Markdown into beautiful PDFs.</p>
<p><small>See examples below.</small></p>
</div>
</div>
<p>
<center>
<p><a href="download.html" role="button" class="btn btn-success btn-primary btn-lg" aria-label="Left Align">
<span class="glyphicon glyphicon-download" aria-hidden="true"></span> Download
</a></p>
</center>
</p>
<!-- http://oli.zilla.org.uk/2013/01/20/if-only-you-knew-plain-text.html -->
<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container marketing">
<!-- START THE FEATURETTES -->
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7 col-md-push-5">
<h2 class="featurette-heading">Content, Style and Formatting.<span class="text-muted">Edit independently, preview combined.</span></h2>
<p>
Word processors combine the content, style and formatting all in to one file. But perhaps you want to re-use the content but format it differently
in different documents. Or consistently style a collection of documents as part of a coorporate branding and be able to update this style simply.
Word processor document templates can help with this, but often these are not used well and aren't straight forward to use correctly for this goal.
<p>
During editing and for storage, it would be ideal to keep the content seperately but be able to preview how it will combine with a given style
and formatting. And when the document is ready to be shared externally, to be able to export it to PDF with the given style and formatting.
This is precisely what WickedDocs allows you to do.
<p>
What can it be used for? There are so many uses. If you are a software developer, it could be used for generating the PDF manual which comes with the software. You would put the markdown in revision control, edit it with the GUI tool, and add a build step to run the command-line tool to generate the PDFs when doing builds. If you are running a business that processes orders, you may need to dynamically generate PDF invoices against a customer database on a server. Using the commands available on the server to process plain text, a template of the markdown for the invoice can be populated and piped to WickedDocs along with the formatting template to have a unique PDF output all from a script.
</p>
</div>
<div class="col-md-5 col-md-pull-7">
<img class="featurette-image img-responsive center-block" src="images/main-ui.png" alt="WickedDocs GUI image">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">First featurette heading. <span class="text-muted">It'll blow your mind.</span></h2>
<p>
Orthogonal content, style and formatting. <explain orthogonal concept> Edit and preview the combined 3 together. They are saved seperately.
Content is the text and the text roles. Style is the way to draw the content according to these text roles. And the formatting/template is how to decorate the page with headers and footers, the spacing/margins of the page and number of columns etc.
</p>
<p>
Why use Markdown? It is simple, safe and widely used. In future versions of WickedDocs support for similar and varients of Markdown will be supported based on demand.
</p>
<p>
Why would you want to use plain-text? It works great together with version control software as well as with command line text processing tools. This makes it easy to integrate in to many production environments where using a propriatary way to format text would otherwise be painful.
</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive center-block" src="images/c2_plaintext.png" alt="Plain-text editing image">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7 col-md-push-5">
<h2 class="featurette-heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></h2>
<p>
WickedDocs comes with a command-line based tool which converts a markdown file and templates in to a PDF file.
Why use WickedDocs? It has both a GUI tool to make editing Markdown and previewing the output immediately so easy, as well as a command-line component for integrating it in to build systems and various production environments.
</p>
<p>
The GUI tool includes features to live preview how the PDF output will appear as well as tools to help you create beautiful designs, such as harmonious color schemes using the built-in color scheme selector.
</p>
<p>
What platforms are supported? Windows, Linux and MacOSX.
</p>
</div>
<div class="col-md-5 col-md-pull-7">
<img class="featurette-image img-responsive center-block" src="images/palette-editor.png" alt="Makefile integration image">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Checkmate.</span></h2>
<p>
In a nutshell, WickedDocs takes Markdown formatted plain-text files and turns them in to beautiful PDF documents.
</p>
<p>
What makes WickedDocs PDFs so beautiful? WickedDocs makes it simple to create and edit templates which define the page headers and footers and watermarks etc and seperates this from the actual content which is in the markdown formatted file.
</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive center-block" src="images/as-pdf.png" alt="PDF output example">
</div>
</div>
<!-- /END THE FEATURETTES -->
</div><!-- /.container -->
<p>
<center>
<p><a href="download.html" role="button" class="btn btn-success btn-primary btn-lg" aria-label="Left Align">
<span class="glyphicon glyphicon-download" aria-hidden="true"></span> Download
</a></p>
</center>
</p>
