Theology (h1)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.

Eschatology

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.

Curabitur dignissim accumsan rutrum.

Animals (h1)

Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu.

Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

Feline (h2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.

Cat (h3)

Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum.

Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc.

Tiger (h3)

Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt.

Lists

Ordered list

First item, yo
Second item, dawg
Third item, what what?!
Fourth item, fo sheezy my neezy
Fifth item, nested!

List with subtitles

First item, yo
Second item, dawg
Third item, what what?!
Fourth item, fo sheezy my neezy
Fifth item, nested!
- So la ti do
- Ba-da-bing!
- Ba-da-boom!

Whaaat, a checklist??

Table

Title 1	Title 2	Title 3	Title 4
lorem	lorem ipsum	lorem ipsum dolor	lorem ipsum dolor sit
lorem ipsum dolor sit	lorem ipsum dolor sit	lorem ipsum dolor sit	lorem ipsum dolor sit
lorem ipsum dolor sit	lorem ipsum dolor sit	lorem ipsum dolor sit	lorem ipsum dolor sit
lorem ipsum dolor sit	lorem ipsum dolor sit	lorem ipsum dolor sit	lorem ipsum dolor sit

Images or Gifs example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.

Video YouTube

Tabs example

tab1: Installation

Tab 1 content — can contain markdown, images, code, etc.

tab2: Settings

Tab 2 content — everything is set up normally.

Details example

Here’s the expanded content — it may have Markdown, code, lists, etc.

Alerts

Success

Congratulations! Your theme is working.

Danger

Danger! Do not remove this example

Warning

Warning! This is just an example

Charts example

Socials networks links

. github . rubygems .

Blockcodes

An article with various blocks of highlighted code snippets.

HTML code using crase ` ` `

<html>
  <head> </head>
  <body>
    <p>Hello, World!</p>
  </body>
</html>

Ruby code using crase ` ` `

include Enumerable

module Foo
  class Bar
    LIPSUM = "lorem ipsum dolor sit"

    attr_reader :layout

    def initialize
      @layout = Layout.new
    end

    # instance method
    def profile
      measure_time do
        compile layout
        layout.render_with Bar::LIPSUM
      end
    rescue ArgumentError
      false
    end
  end
end

# Execute code
Foo::Bar.new.profile

Sass code using crase ` ` `

@import "base"

.card
  display: inline-block
  margin: 0
  padding: 0

  &:hover
    color: #ab45ef;

Block raw

{% assign foo = page.foo | bar: 'baz' %}
{{ foo }}

HTML using { % highlight % } with numbers

1
2
3
4
5
6
7
8
9
<html>
  <head>
    <meta charset="utf-8" />
    <title>Hello World</title>
  </head>
  <body>
    <p>Hello, World!</p>
  </body>
</html>

Rust using { % highlight % } with numbers and marking lines

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
// main.rs

use std::collections::HashMap;

fn main() {

  let workflow: HashMap<&str, HashMap<&str, Vec<&str>>> = HashMap::from([
    (
      "My Main Tech Stack",
      HashMap::from([
        ("Languages", vec!["Rust", "Python", "Shell Script"]),
        ("Frontend", vec!["HTML", "CSS", "SASS", "Bootstrap", "Jekyll"]),
        ("Database", vec!["PostGreSQL", "MySQL"]),
        ("Tools", vec!["VSCode", "Vim", "JetBrains IDEs", "Git"]),
        ("OS", vec!["Linux", "Windows"]),
      ]),
    ),
  ]);

  let yt_link: &str = "https://www.youtube.com/c/williamcanin";

  println!("Hello, World!");
  println!("My name is William, and I am a programming and hacking enthusiast.");

  for (key, value) in &workflow {
    println!("{}:", key);
    for (inner_key, inner_value) in value {
        println!("  {}: {:?}", inner_key, inner_value);
    }
  }

  println!("YouTube::> {}", yt_link);

}