diff --git a/docs/index.md b/docs/index.md index f98c819..6da200b 100644 --- a/docs/index.md +++ b/docs/index.md @@ -30,4 +30,39 @@ Lorem ipsum dolor sit amet, (1) consectetur adipiscing elit. 2. :woman_raising_hand: I'm an annotation as well! [Subscribe to our newsletter](#){ .md-button .md-button--primary } -[Send :fontawesome-solid-paper-plane:](#){ .md-button } \ No newline at end of file +[Send :fontawesome-solid-paper-plane:](#){ .md-button } + +``` py title="bubble_sort.py" +def bubble_sort(items): + for i in range(len(items)): + for j in range(len(items) - 1 - i): + if items[j] > items[j + 1]: + items[j], items[j + 1] = items[j + 1], items[j] +``` + +``` yaml +theme: + features: + - content.code.annotate # (1) +``` + +1. :man_raising_hand: I'm a code annotation! I can contain `code`, __formatted + text__, images, ... basically anything that can be written in Markdown. + +``` py linenums="1" +def bubble_sort(items): + for i in range(len(items)): + for j in range(len(items) - 1 - i): + if items[j] > items[j + 1]: + items[j], items[j + 1] = items[j + 1], items[j] +``` + +``` py hl_lines="3-5" +def bubble_sort(items): + for i in range(len(items)): + for j in range(len(items) - 1 - i): + if items[j] > items[j + 1]: + items[j], items[j + 1] = items[j + 1], items[j] +``` +When InlineHilite is enabled, syntax highlighting can be applied to inline code blocks by prefixing them with a shebang, i.e. `#!`, directly followed by the corresponding language shortcode. +The `#!python range()` function is used to generate a sequence of numbers. \ No newline at end of file diff --git a/mkdocs.yml b/mkdocs.yml index e3b1caa..55f918f 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -15,14 +15,13 @@ theme: - navigation.instant - navigation.instant.prefetch - navigation.tracking - - navigation.tabs - - navigation.tabs.sticky - navigation.sections - navigation.path - navigation.top - search.suggest - search.highlight - content.code.copy + - content.code.annotate palette: primary: blue grey accent: light blue