The Quark theme has the ability to allow pages to override some of the default options by letting the user set body_classes for any page. The theme will merge the combination of the defaults with any body_classes set. This allows you to easily add hero classes to give your blog post some bling.

Body Classes

body_classes: "header-dark header-transparent"

On a particular page will ensure that page has those options enabled (assuming they are false by default).

Hero Options

The hero template allows some options to be set in the page frontmatter. This is used by the modular hero as well as the blog and item templates to provide a more dynamic header.

hero_classes: text-light title-h1h2 parallax overlay-dark-gradient hero-large
hero_image: road.jpg
hero_align: center

The hero_classes option allows a variety of hero classes to be set dynamically these include:

• text-light | text-dark - Controls if the text should be light or dark depending on the content
• title-h1h2 - Enforced a close matched h1/h2 title pairing
• parallax - Enables a CSS-powered parallax effect
• overlay-dark-gradient - Displays a transparent gradient which further darkens the underlying image
• overlay-light-gradient - Displays a transparent gradient which further lightens the underlying image
• overlay-dark - Displays a solid transparent overlay which further darkens the underlying image
• overlay-light - Displays a solid transparent overlay which further darkens the underlying image
• hero-fullscreen | hero-large | hero-medium | hero-small | hero-tiny - Size of the hero block

The hero_image should point to an image file in the current page folder.

The blog skeleton also supports Daring Fireball style link posts. Simply add a link setting in your page header:

link: http://daringfireball.net

And your blog title becomes a link directly to that link you specified. Easy peasy!

The Quark theme is the new default theme for Grav built with Spectre.css the lightweight, responsive and modern CSS framework. Spectre provides basic styles for typography, elements, and a responsive layout system that utilizes best practices and consistent language design.

! Details on the full capabiltiies of Spectre.css can be found in the Official Spectre Documentation

Headings

H1 Heading 40px

H2 Heading 32px

H3 Heading 28px

H4 Heading 24px

H5 Heading 20px

H6 Heading 16px

# H1 Heading
# H1 Heading `40px`</small>`

<span class="h1">H1 Heading</span>

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.

Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.

Markdown Semantic Text Elements

Bold **Bold**

Italic _Italic_

Deleted ~~Deleted~~

Inline Code `Inline Code`

HTML Semantic Text Elements

I18N <abbr>

Citation <cite>

Ctrl + S <kbd>

Text^{Superscripted} <sup>

Text_Subscxripted <sub>

Underlined <u>

Highlighted <mark>

20:14 <time>

x = y + 2 <var>

Blockquote

The advance of technology is based on making it fit in so that you don't really even notice it, so it's part of everyday life.

- Bill Gates

> The advance of technology is based on making it fit in so that you don't really even notice it,
> so it's part of everyday life.
>
> <cite>- Bill Gates</cite>

Unordered List

• list item 1
• list item 2
  • list item 2.1
  • list item 2.2
  • list item 2.3
• list item 3

* list item 1
* list item 2
    * list item 2.1
    * list item 2.2
    * list item 2.3
* list item 3

Ordered List

1. list item 1
2. list item 2
   1. list item 2.1
   2. list item 2.2
   3. list item 2.3
3. list item 3

1. list item 1
1. list item 2
    1. list item 2.1
    1. list item 2.2
    1. list item 2.3
1. list item 3

Table

| Name                        | Genre                         | Release date         |
| :-------------------------- | :---------------------------: | -------------------: |
| The Shawshank Redemption    | Crime, Drama                  | 14 October 1994      |
| The Godfather               | Crime, Drama                  | 24 March 1972        |
| Schindler's List            | Biography, Drama, History     | 4 February 1994      |
| Se7en                       | Crime, Drama, Mystery         | 22 September 1995    |

Notices

The notices styles are actually provided by the markdown-notices plugin but are useful enough to include here:

! This is a warning notification

!! This is a error notification

!!! This is a default notification

!!!! This is a success notification

! This is a warning notification

!! This is a error notification

!!! This is a default notification

!!!! This is a success notification

Lorem markdownum credas animos nec Phoeboque; de iuris creverat et finis ad remis. Mox hanc innixus actum dabitur Amorum; esse erat paventem. Cum sole deque manu memores neu aurea sit est, ira.

• Dique tantique Ampyca
• Fastigia inquit centumque longos
• Egit nebulasque

Nova nos interea Deionidenque nervo vestigia intrasse metu; haec numinis. Parat doctos arcana nobis cui animi Minervae deprecor ut cum?

Stygio auctoribus vulnere volucris Lycaon

Nemorale geminato sanguine licet toto loqui posses et ingreditur illa Nycteliusque. Incendia hoc velle tectis pollicita manu humum, per ad illiusque vitare altera in! Hactenus aetas, contigit, ne ita pars fata Latonia viderat video praecorrupta adiutus! Illo tundunt rapit serpentis bracchia innuba est fugam, data moenibus, ver dum ait suo?

• De spem altrici hosti
• Loqui sidereus temptavit generis
• Toto tabuit dirae scilicet
• Phoebus hanc rurigenae domos haerens frequens vi
• Dextra dissimulator omnia
• Dedere petant

Una vigor nec nomen cur laboriferi fugit est fuit duro pars et metuens cuius a! Medii mitto; hic flammas, non sinuavi est cervix restabat sequens ardent curvamina tecta.

ppc -= pop_dslam.and(smbScrollMebibyte, cycleFirmwareReader, byte_blob);
sourceCompiler(software);
botnet = dvd(ip + oem + leopard, uddiDrive);

Qui qui est capillos, faveas ordine, humum ruit apri volantes, est illi! Amplius felicia; ore luce solum nec omnibus potest; ferrugine domoque templa falcato et digitis curre. Quae sanguine et colo unam sagitta tales diruerent, permulcens errore. Saepe caute quid: res: praemia, velle auras vires Ascalaphus, libro infelix antiquo? Fronde in quid ab modo, me postquam marmora debueram quibus dempsisse maiestas avis Phoebus et ecce potes trepidum.

Lorem markdownum timore in, dant litora texit late fecisse. Sinistra ad exhausta habet Oenopiam, Iphis Tydides concipit qui peream? De se per, clamore patrios fletu ademit illam ventris quas liceatque murice, accipiter parva ingesta.

modifier_retina(flatbed, internicImport);
whois.rasterFileMarkup *= andThunderbolt;
forum.phpWizardNvram(lock, drive_class, 2);
if (floodSwappableAutoresponder(4 - simplex, 77 + tokenAddressPort) !=
        folderBankruptcyMegabit) {
    payloadAdware.tiff_digital += eCcDefinition;
    waveformSampleMtu.supply_northbridge += partition(dataIeee,
            http_gpu_system.win_asp.third(threading, cRecursion, 14));
    dos = mamp + 5;
}
ppga_zif = website_duplex_post;

Tecta Trachasque palmae

Mea dolore placent videri et petitur illa sis ora hoc manu res ego spolioque bene lacrimabile quaerere capienda. Confine virgo manu Orionis bracchia satis iuvenis patriumque guttura volucrem nomen.

Manibus hunc quidem, beatam parvoque Peneia? Et errat Haec caput Acheloe deae, ut sunt inani biformis in habet, Phoebo conplevit indigenaene altera. Inania tegmine, per cingentibus culpa, ire effugit lateri, primis. Populisque sequiturque levant. Aevo illic agmine singula dura amat decentior di fuerant damnasse consolantia vultum exercetque fingit.

Mox orbus prius ne desideret fecere est

Corpora erat templo! Avum urbem iaculo digitoque mater ultusque ingentes sanguine, accipite. Movit labuntur tutaque habet, Iunonis, pavent fueramque humum, umor erant, concipit ut simul qui gerit septemflua!

northbridgeCompiler += paper - flash_cdn_map;
crm_python = sata_data_cursor.ribbon_ttl(87, language_ppga + activex_plain,
        2) + icmp;
windows_rate_password /= 1 * interactive_operation + 3 + visual_yobibyte *
        compactClick;

Timor quaesita dedit iaculi transit nostros sinuantur

Poteram per ad curam, fabricata herbas quam magno hunc feto. Fores sum alimenta raptam, mihi latentes deducunt mente postquam. Celatos montanaque, prolem; civilia victae!

• Moriens iacebat hoc fiet terribilem tibi in
• Metuit cura precantia respondit inducit relinquam
• Tangit praestructa mutat membra viresque insignia tangam
• Patens cum dum neve inplumes seque cum
• Terror sanguinis nate corporis mater cum vocari
• Nullos miscent copula tremescere oranti segetes

Adeo hortanda maneat stultae pennis amnis altera, voce deo: res? Hanc lana est locutus intrat Lapitharum mersura, Martem Iuno terras?

Lorem markdownum incessere hostem coronae properant. Perque matrem sic flammiferis venit memorabat pompa, esse per. Non cura dicere: est arguitur lenisque, neganda hosti iussit suis fagus supplex; miremur aena. Pastum patri, misit tenui erile conciderant dictis me mora!

marginBoot.bar.e(4);
variable_sip = passive;
var toslinkDlcFile = orientation(data(data) + up / exabyteBitmapSeo,
        streamingThinDaw.gigaflopsTouchscreen(bit, matrix_e.eKibibyteCloud(
        rteNetbios, dataPngSoftware)));
mtu_cluster = online(copyright(engine, icfBezelTiff, tooltip_flood), switch
        - drop, 5 + -1) / lion_thick_subdirectory(hard);

Virgo Nostra queat precor in irata socios

Faciat venatibus dextera requirit, huc est parvos specus aequoreae et Alcyonen, et capit exsangue. Vero Pallantias verba sua munere prope unus viridi nivosos turbamque.

Ecce conviva inpulerat nimia

At unde fidem cura, matres in est. Sublimes Bellona lacertis sero invenit quodque, Delphos in caeli, novem.

Ictae loquentem fixurus

Et trepidare etiam, late videre sortes. Et dextera iuvenalis nihil est, et fecit? Et pietatis misit favilla, sententia Scythicae, esse altaria munere. Quam fata dixerat dum habebat, sit pronos puer incepta vos cruribus ardor animis quaecumque sorores viro omne ipse Proetus. Fertur Rhodope.

Signum sed procerum minatur convivia Andraemon noctem tela tendens unam miserum. Ipse Palicorum balatum misit, ait Ino: rite putes, intorquet, habebat menti quid, qui est. Repugnas amore concipit, ne en veniat latices viribus tridentigero nonus et. Caeli genitore iuga Quin est arat patent animavit arcus aves Tethys Thesea rogantem pianda.

Coniungere una foret et sed, ipsi enim guttura, muneribusque caecis Hippomenes cauda? Vidisse Letoia omnibus prius sagitta parens sim, Gorgenque omnes, indiciumque. Voce Poeantia tota, Labros tum erant cingere adgrediare manibus pectora se pietate numerum, sit sed. Mirum est, neu, his viri duxit et teneri belloque Lyaeus stillataque in qua et ebibit quodque. Amissoque putes longum ad sonabat mugitus fiducia videbar dabat; ferro semina et parce membra, evanescere!