<commit_before>---
layout: post
category : docs
tagline: "Example helium post in markdown and html classes"
tags : [jekyll, code, markdown]
img : img2.jpg
img2 : 
img3 : 
author : <NAME>
title2 : 
title3 : 
css: 
js: 
bgcolor: 
keywords: html, css, markdown, jekyll, docs, jekyllthemes, theme
canonical: https://fullit.github.io

---
{% include JB/setup %}

{:.bg-primary}
Test paragraph with **bg-primary** custom class.

{:.bg-success}
Test paragraph with **bg-success** custom class.

{:.bg-info}
Test paragraph with **bg-info** custom class.

{:.bg-warning}
Test paragraph with **bg-warning** custom class.
<!--more-->
**Test Bold**

*Test coursive*

A divider: `----`


----

This is \*\*not\*\* in bold.

* This
* is
* a list

> This is quoted

1. with
1. numbers

[This is a link](https://antoniotrento.github.io)

----

**Default**. Text paragraph basic color

{:.text-primary}
**.text-primary**: Text paragraph using Primary color
{:.text-success}
**.text-success**: Text paragraph using Success color
{:.text-info}
**.text-info**: Text paragraph using Info Color
{:.text-warning}
**.text-warning**: Text paragraph using Warning color
{:.text-danger}
**.text-danger**: Text paragraph using Danger color

----

# Heading h1
## Heading h2
### Heading h3
#### Heading h4
##### Heading h5
###### Heading h6

{:.sub-title}
#### Subtitle h class using `{:.sub-title}`

----

{:.lead}
**A large paragraph** using `{:.lead}`: But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system
**Regular Paragraph**: But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system
{:.text-sm}
**Small Paragraph** using `{:.text-sm}`: But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system
{:.text-xs}
**Extra Small Paragraph** using `{:.text-xs}`: But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system

----

# Alerts

{:.sub-title}
#### in markdown cannot guarantee it work well


If are you looking to html version explore [Labels Alerts]({{ BASE_PATH/labels-alerts }}) and [Components]({{ BASE_PATH/components }})


{:.massage-box .alert-success}
**Test Message alert success** 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt a in, ullam.

{:.massage-box .alert-info}
**Test Message alert info** 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt a in, ullam.

{:.massage-box .alert-danger}
**Test Message alert danger** 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt a in, ullam.

{:.massage-box .alert-warning}
**Test Message alert warning** 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt a in, ullam.

----

{:.sub-title}
#### in markdown

```
{:.massage-box .alert-success}
**Test Message alert success** 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt a in, ullam.

{:.massage-box .alert-info}
**Test Message alert info** 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt a in, ullam.

{:.massage-box .alert-danger}
**Test Message alert danger** 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt a in, ullam.

{:.massage-box .alert-warning}
**Test Message alert warning** 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt a in, ullam.
```
----

# Labels

{:.sub-title}
#### in markdown cannot guarantee it work well


{:.label .label-default-filled}
Default

{:.label .label-success-filled}
Success

{:.label .label-info-filled}
Info

{:.label .label-warning-filled}
Warning

{:.label .label-danger-filled} 
Danger

----

{:.sub-title}
#### in markdown

```
{:.label .label-default-filled}
Default

{:.label .label-success-filled}
Success

{:.label .label-info-filled}
Info

{:.label .label-warning-filled}
Warning

{:.label .label-danger-filled} 
Danger
```
----

# Class nesting samples
```
*   list item

*   list item {.classA}
    {.classB}
{.classC}
```


`{.some-class .proposed-syntax}`
A paragraph of text.

vs

```
<p class="some-class" markdown="1">
  A paragraph of text.
</p>
```


When you compare the code for tables, the ability to add a class via markdown attributes makes a world of difference:

{.table .table-striped}


Some | Basic | Table 
-----|-------|------
a    | b     | c
d    | e     | f



```
{.table .table-striped}
Some | Basic | Table 
-----|-------|------
a    | b     | c
d    | e     | f
```

----

# Copy sample:

# A Study In Scarlet

## PART I.

(Being a reprint from the reminiscences of <NAME>, M.D., late of the Army 
Medical Department.)

1.  ### Mr. <NAME>

    In the year 1878 I took my degree of Doctor of Medicine of the 
    University of London, and proceeded to Netley to go through 
    the course prescribed for surgeons in the army. Having completed 
    my studies there, I was duly attached to the Fifth Northumberland 
    Fusiliers as Assistant Surgeon. The regiment was stationed in 
    India at the time, and before I could join it, the second [...]

    The campaign brought honours and promotion to many, but for me 
    it had nothing but misfortune and disaster. I was removed from my 
    brigade and attached to the Berkshires, with whom I served at 
    the fatal battle of Maiwand. There I was struck on the [...]            {.randomClass}

2.  ### More content

    Worn with pain, and weak from the prolonged hardships which 
    I had undergone, I was removed, with a great train of wounded 
    sufferers, to the base hospital at Peshawar. Here I rallied, and had 
    already improved so far as to be able to walk about the [...]
p.s. I tend to agree on the adding classes/IDs to every possible element to be overkill.
<commit_msg>Update 2017-10-08-markdown-examples.md<commit_after>---
layout: post
category : docs
tagline: "Example helium post in markdown and html classes"
tags : [jekyll, code, markdown]
img : img2.jpg
img2 : 
img3 : 
author : <NAME>
title2 : 
title3 : 
css: 
js: 
bgcolor: 
keywords: html, css, markdown, jekyll, docs, jekyllthemes, theme
canonical: https://fullit.github.io

---
{% include JB/setup %}

{:.bg-primary}
Test paragraph with **bg-primary** custom class.

{:.bg-success}
Test paragraph with **bg-success** custom class.

{:.bg-info}
Test paragraph with **bg-info** custom class.

{:.bg-warning}
Test paragraph with **bg-warning** custom class.
<!--more-->
**Test Bold**

*Test coursive*

A divider: `----`


----

This is \*\*not\*\* in bold.

* This
* is
* a list

> This is quoted

1. with
1. numbers

[This is a link](https://antoniotrento.github.io)

----

**Default**. Text paragraph basic color

{:.text-primary}
**.text-primary**: Text paragraph using Primary color
{:.text-success}
**.text-success**: Text paragraph using Success color
{:.text-info}
**.text-info**: Text paragraph using Info Color
{:.text-warning}
**.text-warning**: Text paragraph using Warning color
{:.text-danger}
**.text-danger**: Text paragraph using Danger color

----

# Heading h1
## Heading h2
### Heading h3
#### Heading h4
##### Heading h5
###### Heading h6

{:.sub-title}
#### Subtitle h class using `{:.sub-title}`

----

{:.lead}
**A large paragraph** using `{:.lead}`: But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system
**Regular Paragraph**: But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system
{:.text-sm}
**Small Paragraph** using `{:.text-sm}`: But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system
{:.text-xs}
**Extra Small Paragraph** using `{:.text-xs}`: But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system

----

# Alerts

{:.sub-title}
#### in markdown cannot guarantee it work well


If are you looking to html version explore [Labels Alerts]({{ BASE_PATH/labels-alerts }}) and [Components]({{ BASE_PATH/components }})


{:.massage-box .alert-success}
**Test Message alert success** 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt a in, ullam.

{:.massage-box .alert-info}
**Test Message alert info** 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt a in, ullam.

{:.massage-box .alert-danger}
**Test Message alert danger** 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt a in, ullam.

{:.massage-box .alert-warning}
**Test Message alert warning** 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt a in, ullam.

----

{:.sub-title}
#### in markdown

```
{:.massage-box .alert-success}
**Test Message alert success** 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt a in, ullam.

{:.massage-box .alert-info}
**Test Message alert info** 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt a in, ullam.

{:.massage-box .alert-danger}
**Test Message alert danger** 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt a in, ullam.

{:.massage-box .alert-warning}
**Test Message alert warning** 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt a in, ullam.
```
----

# Labels

{:.sub-title}
#### in markdown cannot guarantee it work well


{:.label .label-default-filled}
Default

{:.label .label-success-filled}
Success

{:.label .label-info-filled}
Info

{:.label .label-warning-filled}
Warning

{:.label .label-danger-filled} 
Danger

----

{:.sub-title}
#### in markdown

```
{:.label .label-default-filled}
Default

{:.label .label-success-filled}
Success

{:.label .label-info-filled}
Info

{:.label .label-warning-filled}
Warning

{:.label .label-danger-filled} 
Danger
```
----

# Class nesting samples
```
*   list item

*   list item {.classA}
    {.classB}
{.classC}
```


`{.some-class .proposed-syntax}`
A paragraph of text.

vs

```
<p class="some-class" markdown="1">
  A paragraph of text.
</p>
```
## Tables

When you compare the code for tables, the ability to add a class via markdown attributes makes a world of difference:


Some | Basic | Table 
-----|-------|------
a    | b     | c
d    | e     | f

{:.sub-title}
#### in markdown


```
{.table .table-striped}
Some | Basic | Table 
-----|-------|------
a    | b     | c
d    | e     | f
```

----

{:.sub-title}
# Copy Sample


# A Study In Scarlet

## PART I.

(Being a reprint from the reminiscences of <NAME>, M.D., late of the Army 
Medical Department.)

1.  ### Mr. <NAME>

    In the year 1878 I took my degree of Doctor of Medicine of the 
    University of London, and proceeded to Netley to go through 
    the course prescribed for surgeons in the army. Having completed 
    my studies there, I was duly attached to the Fifth Northumberland 
    Fusiliers as Assistant Surgeon. The regiment was stationed in 
    India at the time, and before I could join it, the second [...]

    The campaign brought honours and promotion to many, but for me 
    it had nothing but misfortune and disaster. I was removed from my 
    brigade and attached to the Berkshires, with whom I served at 
    the fatal battle of Maiwand. There I was struck on the [...]            {.randomClass}

2.  ### More content

    Worn with pain, and weak from the prolonged hardships which 
    I had undergone, I was removed, with a great train of wounded 
    sufferers, to the base hospital at Peshawar. Here I rallied, and had 
    already improved so far as to be able to walk about the [...]
p.s. I tend to agree on the adding classes/IDs to every possible element to be overkill.

{'fraction_non_alphanumeric': 0.13039478086316494, 'fraction_numerical': 0.004014720642355303, 'mean_word_length': 3.3543335761107063, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 17, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 32, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '241584', 'n_tokens_mistral': 4089, 'n_tokens_neox': 3815, 'n_words': 1560}