TYPOGRAPHY

This page is dedicated to showcasing various examples of typography code that are actively used on the LinuxConfig.org website. It is designed as a practical resource for content creators, developers, and designers involved in constructing and styling articles for our platform.

In this tutorial you will learn:

Insert Item
Insert Item

Software Requirements and Linux Command Line Conventions
Category	Requirements, Conventions or Software Version Used
System	required system
Software	software here
Other	other here
Conventions	# – requires given linux commands to be executed with root privileges either directly as a root user or by use of `sudo` command $ – requires given linux commands to be executed as a regular non-privileged user

Title

Just some arbitrary paragraph text for a ls command to show long listing example:

$ ls -l

Boxes

INSTALLATION TIPS
Ensure all dependencies are resolved before compiling from source to avoid common errors

[textbox title="installation tips" type="warning"]Ensure all dependencies are resolved before compiling from source to avoid common errors[/textbox]

UPDATED COMPLETED
Your Linux system has been successfully updated. Restart the machine to apply all changes.

[textbox title="updated completed" type="success"]Your Linux system has been successfully updated. Restart the machine to apply all changes.[/textbox]

SECURITY ALERT
Update your system immediately to patch critical security vulnerabilities discovered in the kernel.

[textbox title="security alert" type="danger"]Update your system immediately to patch critical security vulnerabilities discovered in the kernel.[/textbox]

Images

Step-by-Step Guide to Extracting Files from an RPM Package Archive

Ordered Lists

NOTE: Do not use nested <ol> or <ul> for any of the ordered lists below.

Steps

Step title: Please insert here step introduction text
```
Step code here
```
Insert here text to explain the above example
Step title: Please insert here step introduction text
```
Step code here
```
Insert here text to explain the above example

<ol class="steps">
    <li><strong>Step title</strong>: Please insert here step introduction text
        <pre>Step code here</pre>
        Insert here text to explain the above example
    </li>
    <li><strong>Step title</strong>: Please insert here step introduction text
        <pre>Step code here</pre>
        Insert here text to explain the above example
    </li>
</ol>

Methods

Method title: Please insert here Method introduction text
```
example code here
```
Insert here text to explain the above Method
Method title: Please insert here Method introduction text
```
example code here
```
Insert here text to explain the above Method

<ol class="methods">
    <li><strong>Method title</strong>: Please insert here Method introduction text
        <pre>example code here</pre>
        Insert here text to explain the above Method
    </li>
    <li><strong>Method title</strong>: Please insert here Method introduction text
        <pre>example code here</pre>
        Insert here text to explain the above Method
    </li>
</ol>

Examples

Example title: Please insert here Example introduction text
```
Example code here
```
Insert here text to explain the above example
Example title: Please insert here Example introduction text
```
Example code here
```
Insert here text to explain the above example

<ol class="examples">
    <li><strong>Example title</strong>: Please insert here Example introduction text
        <pre>Example code here</pre>
        Insert here text to explain the above example
    </li>
    <li><strong>Example title</strong>: Please insert here Example introduction text
        <pre>Example code here</pre>
        Insert here text to explain the above example
    </li>
</ol>

Code Examples

Note: for the code to display correctly you need to assign “scripting” or “programming” article tag. Change class to your preferred programming language.

Bash

#!/bin/bash
echo "hello world"

<pre class="language-bash line-numbers"><code>#!/bin/bash
echo "hello world"</code></pre>

Python

#!/usr/bin/env python3
# This is a simple Python script that prints "Hello, World!".

print("Hello, World!")

<pre class="language-bash line-numbers"><code>#!/usr/bin/env python3
# This is a simple Python script that prints "Hello, World!".

print("Hello, World!")</code></pre>

C++

// hello.cpp - A simple C++ program to display "Hello, World!"

#include <iostream>

int main() {
    std::cout << "Hello, World!" << std::endl;
    return 0;
}

<pre class="language-cpp line-numbers"><code>// hello.cpp - A simple C++ program to display "Hello, World!"

#include <iostream>

int main() {
    std::cout << "Hello, World!" << std::endl;
    return 0;
}</code></pre>