Hugos Shortcodes

Hugos Shortcodes

Bootstrap tables

{{< bootstrap-table table_class="table table-striped table-hover" thead_class="table-theme" >}}
| Restart settings/Exit causes  | no | always | on-success | on-failure | on-abnormal | on-abort | on-watchdog |
|:------------------------------|:--:|:------:|:----------:|:----------:|:-----------:|:--------:|:-----------:|
| Clean exit code or signal     |    |   X    |      X     |            |             |          |             |
| Unclean exit code             |    |   X    |            |      X     |             |          |             |
| Unclean signal                |    |   X    |            |      X     |      X      |    X     |             |
| Timeout                       |    |   X    |            |      X     |      X      |          |             |
| Watchdog                      |    |   X    |            |      X     |      X      |          |      X      |
{{< /bootstrap-table >}}
Tag Name Purpose Sample
v Protocol version v=DMARC1
pct Percentage of messages subjected to filtering pct=20
ruf Reporting URI for forensic reports ruf=mailto:authfail@example.com
rua Reporting URI of aggregate reports rua=mailto:aggrep@example.com
p Policy for organizational domain p=quarantine
sp Policy for subdomains sp=reject
adkim Alignment mode for DKIM adkim=s/adkim=r
aspf Alignment mode for SPF aspf=r/aspf=s

My mark shorcode

Lorem Ipsum is simply dummy text {{< mark >}} <p>of the printing and typesetting</p> {{< /mark >}} industry. Lorem Ipsum...

Lorem Ipsum is simply dummy text <p>of the printing and typesetting</p> industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Bootstrap alerts

alert-success

{{< bs-alert class="alert alert-success" header="Well done!" >}}
**Aww yeah**, you successfully read this important alert message. [This example](https://myblulinux.com/#) text is going to ```run a bit longer so that you``` can see how spacing within an alert works with this kind of content.

---

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
{{< /bs-alert >}}

alert-primary

{{< bs-alert class="alert alert-primary" header="Well done!" >}}
**Aww yeah**, you successfully read this important alert message. [This example](https://myblulinux.com/#) text is going to ```run a bit longer so that you``` can see how spacing within an alert works with this kind of content.

---

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
{{< /bs-alert >}}

alert-danger

{{< bs-alert class="alert alert-danger" header="Well done!" >}}
**Aww yeah**, you successfully read this important alert message. [This example](https://myblulinux.com/#) text is going to ```run a bit longer so that you``` can see how spacing within an alert works with this kind of content.

---

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
{{< /bs-alert >}}

alert-warning

{{< bs-alert class="alert alert-warning" header="Well done!" >}}
**Aww yeah**, you successfully read this important alert message. [This example](https://myblulinux.com/#) text is going to ```run a bit longer so that you``` can see how spacing within an alert works with this kind of content.

---

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
{{< /bs-alert >}}

alert-info

{{< bs-alert class="alert alert-info" header="Well done!" >}}
**Aww yeah**, you successfully read this important alert message. [This example](https://myblulinux.com/#) text is going to ```run a bit longer so that you``` can see how spacing within an alert works with this kind of content.

---

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
{{< /bs-alert >}}

alert-light

{{< bs-alert class="alert alert-light" header="Well done!" >}}
**Aww yeah**, you successfully read this important alert message. [This example](https://myblulinux.com/#) text is going to ```run a bit longer so that you``` can see how spacing within an alert works with this kind of content.

---

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
{{< /bs-alert >}}

alert-dark

{{< bs-alert class="alert alert-dark" header="Well done!" >}}
**Aww yeah**, you successfully read this important alert message. [This example](https://myblulinux.com/#) text is going to ```run a bit longer so that you``` can see how spacing within an alert works with this kind of content.

---

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
{{< /bs-alert >}}

alert-secondary

{{< bs-alert class="alert alert-secondary" header="Well done!" >}}
**Aww yeah**, you successfully read this important alert message. [This example](https://myblulinux.com/#) text is going to ```run a bit longer so that you``` can see how spacing within an alert works with this kind of content.

---

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
{{< /bs-alert >}}

Syntax highlight with title and icon image in bootstrap card

{{< file-content title="PHP" >}}
```php
<?php
phpinfo(INFO_VARIABLES);
?>
```
{{< /file-content >}}

PHP
<?php
phpinfo(INFO_VARIABLES);
?>
file content
{{< file-content icon-image="fa-light fa-file-pen" title="/etc/rsyslog.conf" >}}
```
#  Default rules for rsyslog.
#
#                       For more information see rsyslog.conf(5) and /etc/rsyslog.conf

*.*       @@1.1.1.1:514
*.*       @@192.168.122.235
cron.*    @@192.168.122.237:514
```
{{< /file-content >}}

/etc/rsyslog.conf
#  Default rules for rsyslog.
#
#                       For more information see rsyslog.conf(5) and /etc/rsyslog.conf

*.*       @@1.1.1.1:514
*.*       @@192.168.122.235
cron.*    @@192.168.122.237:514
terminal
{{< file-content icon-image="fa-regular fa-square-terminal" title="/etc/rc-local/echo.sh " >}}
```bash
#! /bin/bash

echo "Hello World"
```
{{< /file-content >}}

/etc/rc-local/echo.sh
#! /bin/bash

echo "Hello World"
more icons
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22.
Some text
1. <i class="fa-solid fa-file-pen"></i>              2. <i class="fa-regular fa-file-pen"></i>          3. <i class="fa-light fa-file-pen"></i>
4. <i class="fa-duotone fa-file-pen"></i>            5. <i class="fa-thin fa-file-pen"></i>             6. <i class="fa-solid fa-code"></i>
7. <i class="fa-regular fa-code"></i>                8. <i class="fa-light fa-code"></i>                9. <i class="fa-duotone fa-code"></i>
10. <i class="fa-thin fa-code"></i>                  11. <i class="fa-brands fa-python"></i>            12. <i class="fa-brands fa-php"></i>
13. <i class="fa-solid fa-terminal"></i>             14. <i class="fa-regular fa-terminal"></i>         15. <i class="fa-light fa-terminal"></i>
16. <i class="fa-duotone fa-terminal"></i>           17. <i class="fa-thin fa-terminal"></i>            18. <i class="fa-solid fa-square-terminal"></i>
19. <i class="fa-regular fa-square-terminal"></i>    20. <i class="fa-light fa-square-terminal"></i>    21. <i class="fa-duotone fa-square-terminal"></i>
22. <i class="fa-thin fa-square-terminal"></i>

Syntax highlight with title

{{% mojtitletohighliht title="/etc/nginx/sites-enabled/example.com.ssl" %}}
```nginx
server {

        listen   443;
        server_name example.org;
}
```
/etc/nginx/sites-enabled/example.com.ssl
server {

        listen   443;
        server_name example.org;
}
{{% mojtitletohighliht title="PHP" %}}
```php
<?php
phpinfo(INFO_VARIABLES);
?>
```
PHP
<?php
phpinfo(INFO_VARIABLES);
?>

Syntas highlight with title and icon image

general file

{{% mojtitletohighliht icon-image="fas fa-file-alt" title="/etc/nginx/sites-enabled/example.com.ssl" %}}
```nginx
server {

        listen   443;
        server_name example.org;
}
```
/etc/nginx/sites-enabled/example.com.ssl
server {

        listen   443;
        server_name example.org;
}

python

{{% mojtitletohighliht icon-image="fab fa-python" title="/etc/python/script.py" %}}
```python3
dict = {'x': 1, 'y': 2}                       # Dictionary example

dict.keys()                                   # Coll. of keys that reflects changes.
dict.values()                                 # Coll. of values that reflects changes.
dict.items()                                  # Coll. of key-value tuples that reflects ch
```
/etc/python/script.py
dict = {'x': 1, 'y': 2}                       # Dictionary example

dict.keys()                                   # Coll. of keys that reflects changes.
dict.values()                                 # Coll. of values that reflects changes.
dict.items()                                  # Coll. of key-value tuples that reflects ch

Terminal

{{% mojtitletohighliht icon-image="fas fa-terminal" title="/etc/rc-local/echo.sh" %}}
```bash
#! /bin/bash

echo "Hello World"
```
/etc/rc-local/echo.sh
#! /bin/bash

echo "Hello World"

PHP

{{% mojtitletohighliht icon-image="fab fa-php" title="PHP" %}}
```php
<?php
phpinfo(INFO_VARIABLES);
?>
```
PHP
<?php
phpinfo(INFO_VARIABLES);
?>

HTML

{{% mojtitletohighliht icon-image="fas fa-code" title="HTML" %}}
```html
<link rel="stylesheet" href="{{ "css/bootstrap-table.css" | absURL }}">
<title>
```
HTML
<link rel="stylesheet" href="{{ "css/bootstrap-table.css" | absURL }}">
<title>

CSS/CSS3

{{% mojtitletohighliht icon-image="fab fa-css3" title="CSS" %}}
```css3
div {
  width: 300px;
  border: 15px solid green;
  padding: 50px;
  margin: 20px;
}
```
CSS
div {
  width: 300px;
  border: 15px solid green;
  padding: 50px;
  margin: 20px;
}

SSL/TLS

{{% mojtitletohighliht icon-image="fab fa-expeditedssl" title="SSL" %}}
```nginx
server {

        listen   443;
        server_name example.org;
}
```
SSL
server {

        listen   443;
        server_name example.org;
}

MyStar style

{{% mojanote2 subclass="mystar" myheader="My Header" %}}
My text in [markdown](https://cs.wikipedia.org/wiki/Markdown) with <code>code example</code>
{{% /mojanote2 %}}

My Header
My text in markdown with code example

{{% mojanote2 subclass="mystar" %}}
My text in [markdown](https://cs.wikipedia.org/wiki/Markdown) with <code>code example</code>
{{% /mojanote2 %}}

My text in markdown with code example

MyInfo style

{{% mojanote2 subclass="myinfo" myheader="My Header" %}}
My text in [markdown](https://cs.wikipedia.org/wiki/Markdown) with <code>code example</code>
{{% /mojanote2 %}}

My Header
My text in markdown with code example

{{% mojanote2 subclass="myinfo" %}}
My text in [markdown](https://cs.wikipedia.org/wiki/Markdown) with <code>code example</code>
{{% /mojanote2 %}}

My text in markdown with code example

MyWarning style

{{% mojanote2 subclass="mywarning" myheader="My Header" %}}
My text in [markdown](https://cs.wikipedia.org/wiki/Markdown) with <code>code example</code>
{{% /mojanote2 %}}

My Header
My text in markdown with code example

{{% mojanote2 subclass="mywarning" %}}
My text in [markdown](https://cs.wikipedia.org/wiki/Markdown) with <code>code example</code>
{{% /mojanote2 %}}

My text in markdown with code example

MyUnreleased style

{{% mojanote2 subclass="myunreleased" myheader="My Header" %}}
My text in [markdown](https://cs.wikipedia.org/wiki/Markdown) with <code>code example</code>
{{% /mojanote2 %}}

My Header
My text in markdown with code example

{{% mojanote2 subclass="myunreleased" %}}
My text in [markdown](https://cs.wikipedia.org/wiki/Markdown) with <code>code example</code>
{{% /mojanote2 %}}

My text in markdown with code example

Modals

{{< modal-button name="modal01" class="btn-bp5 btn-primary btn-lg btn-block" button-text="button text" modal-title="Moj modal title" sticky="YES" >}}

**Hola Hola** _laska vola_
{{< /modal-button >}}

SUBSCRIBE FOR NEW ARTICLES

@
comments powered by Disqus