3.2 #blog.postContent Blog Post Content

Toggle example guides Toggle HTML markup

The HTML content of a blog post is generated from AsciiDoc or Markdown and the styling currently supports the following features:

  • Headings h1-h4
  • Standard Text
  • Links
  • Italic / Bold
  • Blockquotes
  • Code Snippets
  • Lists (unordered / ordered)
  • Images
Example

Monstra gurgite leto

Nomine Lycias volvitur scilicet et ambitiosus non

Lorem markdownum praevia? Heu nec! Ita ubi praefractam radiantia visu praecordia, ulla parva, in haec semesaque et nisi, ab forte.

Cibo peto procumbit corripit summa proles nihil teneris, et quod dei loquentis est sidera crinem? In bella par, et ad habebat respondet dixit ignis, soceri fugatas/mentis/Oetaeis.html inpune an ramo ferarum quod! Moras latet temptamenta verba adesse praeter latuit amari et sibi artus per Pleuron videbor, vel per erat. Membra precantia ille, furibundus tangi sic: qui Herculis.

Mediaque lacrimans domum verruntur omnibus. Cuspis et et maternaque rapi, sex fidas ope feroci, testis furiali, ira, orba! Et tremor Calydonius timor, quae lecte levis est metuunt exul deo nec.

Cum dolos in aliquem regem inplevere

Tibi suos corripit trepidoque vestis reges non et facit. Aequoris male meritorum det lapsum.

var minimize_twain_bar = 4;
if (link_spreadsheet_midi(dvd_copy_fragmentation, wep + 670097 + document(
      databaseMatrix, compact_wpa_storage, openglSystrayGbps))) {
  exploit_utility += floatingTrackball.aiffRj(interpreter,
          computing_keyboard_title * twitterMashupEthics, 4 +
          goldenFramework);
}
pciIrqPage += record(typefaceAdc, logic_www, 85) - printer;
bloatware_cps += token(bmp.threading_abend(4, petabyte, vlbUrlFifo));
wheel_installer_troubleshooting(1, it(sprite), wizard);

Patareaque facundus intravit

Tegeaea ubi factum suspendit somnus, barbarus gerit, a ossa trahens busto aptumque tectis mens pompas, puer. Spretarumque suae sed Arcadiae est exsistere rabie scelus illi virgineos inprudens pondus, integer.

  • Iuno ut patrio de levare lympha iam
  • Festisque ferunt liquida longis tamen Iuppiter obstitit
  • Moenia tantum
  • Vitiato letifera in ait iuvenale tangeris dextraque
  • Prius pari conlocat pennas remorum ab deberi
  • Diu pyram ingrato discite

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Sustinet materna

Recepit sub undas; pudorem dei, de dixerat coniugis, victrices Chironis. More haec adsere resistere litora declivis haud, ianua calido pronuba; arvo visa, se sudor sceptro. Ore saxum cernes lupos omnes ope: et faciemque oculis genitoris.

  1. Tyria sumpserat Olenos regem fusca intellectumque vellent
  2. Protinus sine trepidantibus dicit senili imitantia antra
  3. Rhexenore abesse corporibus
  4. Anus dictis
  5. Una quod

Ecce cum: nec Iovi nymphis amplectens post profundum venite imago, dicit per tollens. Inter fuit mitto aut.

Markup
<section class="module module__blog">
  <div class="module__content">
    <h1>Monstra gurgite leto</h1>
    <h2>Nomine Lycias volvitur scilicet et ambitiosus non</h2>
    <p>Lorem markdownum praevia? Heu nec! Ita ubi praefractam <a href="http://culpae.net/tamen-vivere.aspx">radiantia</a> visu praecordia, ulla parva, in haec semesaque et nisi, ab forte.</p>
    <blockquote>
        <p>Cibo peto procumbit corripit summa <a href="http://adspicit-moras.io/">proles</a> nihil teneris, et quod dei loquentis est sidera crinem? In bella par, et ad habebat respondet dixit ignis, soceri <code>fugatas/mentis/Oetaeis.html</code> inpune an ramo ferarum quod! Moras latet temptamenta verba adesse praeter latuit amari et sibi artus per Pleuron videbor, vel per erat. Membra precantia ille, furibundus tangi sic: qui Herculis.</p>
    </blockquote>
    <p>Mediaque <a href="http://spinanunc.com/pondus">lacrimans</a> domum verruntur omnibus. Cuspis et et maternaque rapi, sex fidas ope feroci, testis furiali, ira, orba! Et tremor Calydonius timor, quae lecte levis est metuunt exul deo nec.</p>
    <h2>Cum dolos in aliquem regem inplevere</h2>
    <p>Tibi suos corripit trepidoque vestis reges non et facit. Aequoris <em>male meritorum det</em> lapsum.</p>
    <pre><code>var minimize_twain_bar = 4;
if (link_spreadsheet_midi(dvd_copy_fragmentation, wep + 670097 + document(
      databaseMatrix, compact_wpa_storage, openglSystrayGbps))) {
  exploit_utility += floatingTrackball.aiffRj(interpreter,
          computing_keyboard_title * twitterMashupEthics, 4 +
          goldenFramework);
}
pciIrqPage += record(typefaceAdc, logic_www, 85) - printer;
bloatware_cps += token(bmp.threading_abend(4, petabyte, vlbUrlFifo));
wheel_installer_troubleshooting(1, it(sprite), wizard);
</code></pre>
    <h3>Patareaque facundus intravit</h2>
    <p>Tegeaea ubi factum suspendit somnus, barbarus gerit, a ossa trahens busto <em>aptumque</em> tectis mens pompas, puer. Spretarumque suae <a href="http://orbis.org/amplexaquequoque.html">sed Arcadiae</a> est exsistere rabie scelus illi virgineos inprudens pondus, integer.</p>
    <ul>
        <li>Iuno ut patrio de levare lympha iam</li>
        <li>Festisque ferunt liquida longis tamen Iuppiter obstitit</li>
        <li>Moenia tantum</li>
        <li>Vitiato letifera in ait iuvenale tangeris dextraque</li>
        <li>Prius pari conlocat pennas remorum ab deberi</li>
        <li>Diu pyram ingrato discite</li>
    </ul>
    <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
    <img src="demo-images/illustration-01.png">
    <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
    <h3>Sustinet materna</h2>
    <p>Recepit sub undas; <em>pudorem dei</em>, de <em>dixerat coniugis</em>, victrices Chironis. More haec adsere resistere litora declivis haud, ianua calido pronuba; arvo visa, se sudor <em>sceptro</em>. Ore saxum cernes lupos omnes ope: et faciemque oculis genitoris.</p>
    <ol>
        <li>Tyria sumpserat Olenos regem fusca intellectumque vellent</li>
        <li>Protinus sine trepidantibus dicit senili imitantia antra</li>
        <li>Rhexenore abesse corporibus</li>
        <li>Anus dictis</li>
        <li>Una quod</li>
    </ol>
    <p>Ecce cum: nec Iovi nymphis amplectens post profundum venite imago, dicit per tollens. Inter fuit mitto aut.</p>
  </div>
</section>
Source: scss/components/blog/_blog.scss, line 218