Release

In this tutorial, we will learn how to display content like GitHub project releases

Table of Contents

Basic Releases

A basic releases layout with two columns: on left the versions, and on right the changelog content.

Example of Asciidoc document. See source text
[https://raw.github.com/llaville/asciidoc-bootstrap-backend/master/examples/releases.asciidoc]
.

We used additional css rules added to themes/2/flatly/user.css to give such design.

span.medium { font-size: 1.4em; }

.title .label-warning, .title .label-success {
    padding: 10px;
}

.timeline > .title {
    padding: 20px 20px;
    text-align: right;
    margin: 0;
}
.timeline > .content {
    padding: 20px 20px;
    border-left: 3px solid #EEE;
}

Result with flatly theme

Enter the following command:

$ asciidoc -b bootstrap -a bsver=2 -a theme=flatly -a jumbotron-fullwidth /path/to/document/releases.asciidoc

And here are the final result that you should get.

Figure 1. My Releases with flatly theme