Home A - Z Create page
Page Index

An Otter Wiki

Commit b1e7d3

2026-08-31 11:19:34 OtterWiki Demo: inital commit
/dev/null .. embedding.md
@@ 0,0 1,11 @@
+ # Embedding
+
+ ```
+ {{PageIndex
+ |toc=false
+ |toggle=true}}
+ ```
+
+ {{PageIndex
+ |toc=true
+ |toggle=true}}
/dev/null .. embedding/datatable.md
@@ 0,0 1,65 @@
+ # DataTable
+
+ [DataTable Documentation](/-/help/plugins#datatable)
+
+ ## Animals
+
+
+ {{datatable
+ | Animal | Habitat | Diet | Lifespan | Fun Fact |
+ | ------- | ------------------ | ------------------- | --------- | ----------------------------------------------- |
+ | Otter | Rivers, lakes | Fish, crustaceans | 10-25 yrs | Known for sliding on their bellies! |
+ | Eagle | Mountains, forests | Small mammals, fish | 20-30 yrs | Sharpest eyesight of all birds. |
+ | Dolphin | Oceans | Fish, squid | 40-50 yrs | Sleep with one eye open (unihemispheric sleep). |
+ | Sloth | Rainforests | Leaves, fruits | 12-20 yrs | Move slower than a growing grass! |
+ | Penguin | Antarctica | Fish, krill | 20-30 yrs | Can’t fly but are excellent swimmers. |
+ }}
+
+
+ ## Months
+
+ {{datatable
+ |searchable=false
+ |caption=Months
+ |perpage=5
+ |fixedheight=true
+
+ | No | Month | Length |
+ | --:| --------- | ------:|
+ | 1 | January | 31 |
+ | 2 | Feburary | 28 |
+ | 3 | March | 31 |
+ | 4 | April | 30 |
+ | 5 | May | 31 |
+ | 6 | June | 30 |
+ | 7 | July | 31 |
+ | 8 | August | 31 |
+ | 9 | September | 30 |
+ | 10 | October | 31 |
+ | 11 | November | 30 |
+ | 12 | December | 31 |
+ }}
+
+ ```
+ {{datatable
+ |searchable=false
+ |caption=Months
+ |perpage=5
+ |fixedheight=true
+
+ | No | Month | Length |
+ | --:| --------- | ------:|
+ | 1 | January | 31 |
+ | 2 | Feburary | 28 |
+ | 3 | March | 31 |
+ | 4 | April | 30 |
+ | 5 | May | 31 |
+ | 6 | June | 30 |
+ | 7 | July | 31 |
+ | 8 | August | 31 |
+ | 9 | September | 30 |
+ | 10 | October | 31 |
+ | 11 | November | 30 |
+ | 12 | December | 31 |
+ }}
+ ```
/dev/null .. embedding/imageframe.md
@@ 0,0 1,35 @@
+ # ImageFrame
+
+ [ImageFrame Documentation](/-/help/plugins#imageframe)
+
+ ```
+ {{ImageFrame
+ [![](/Embedding/ImageFrame/eagle-owl.png)](/Embedding/ImageFrame/eagle-owl.png)
+ }}
+ ```
+
+ {{ImageFrame
+ [![](/Embedding/ImageFrame/eagle-owl.png)](/Embedding/ImageFrame/eagle-owl.png)
+ }}
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in aliquet nibh. In hac habitasse platea dictumst. Duis et urna vel ligula tempor pharetra. Morbi at malesuada augue. Integer sit amet malesuada mi. Vivamus eu pretium purus. Etiam nec ornare diam. Nunc eget turpis molestie, maximus magna vitae, aliquet justo. Proin consectetur libero a sem tincidunt rhoncus. Donec non leo lacus. Nunc eget enim sit amet metus vestibulum pulvinar eget sed sem. Aenean odio enim, aliquam vitae nunc vel, hendrerit interdum purus. Suspendisse diam ligula, interdum at tellus a, tristique laoreet quam.
+
+
+
+ ## Some options
+
+ ```
+ {{ImageFrame
+ |caption=Eagle-owl
+ |position=left
+ [![](/Embedding/ImageFrame/eagle-owl.png)](/Embedding/ImageFrame/eagle-owl.png)
+ }}
+ ```
+
+ {{ImageFrame
+ |caption=Eagle-owl
+ |position=left
+ [![](/Embedding/ImageFrame/eagle-owl.png)](/Embedding/ImageFrame/eagle-owl.png)
+ }}
+
+ Vivamus maximus sapien quis bibendum bibendum. Integer commodo urna dui, dapibus pellentesque arcu mattis at. Fusce pharetra tortor risus, vitae maximus arcu suscipit et. Mauris aliquam nisi eu mi ornare elementum. Aliquam vitae aliquam leo, eget molestie ante. Vivamus convallis nibh hendrerit maximus condimentum. Nullam enim nunc, iaculis vitae consequat nec, elementum consectetur turpis. Curabitur dapibus vestibulum tristique. Maecenas a nisl at ante malesuada vestibulum. Vivamus interdum justo tellus, non aliquam ante viverra eu.
/dev/null .. embedding/imageframe/eagle-owl.png
/dev/null .. embedding/include.md
@@ 0,0 1,92 @@
+ # Include
+
+ The `include` embedding transcludes the content of another page, or a single
+ section of it, into the current page. See <https://github.com/redimp/otterwiki/issues/547>.
+ All examples below pull from the [[Embedding/Include/Source]] page.
+
+ ---
+
+ ## Include a whole page
+
+ ```
+ {{include|src=/Embedding/Include/Source}}
+ ```
+
+ {{include|src=/Embedding/Include/Source}}
+
+ ---
+
+ ## Include a single section
+
+ Sections are selected by their heading anchor, the same slug used for heading
+ links, independent of the heading level.
+
+ ```
+ {{include|src=/Embedding/Include/Source|section=installation}}
+ ```
+
+ {{include|src=/Embedding/Include/Source|section=installation}}
+
+ ---
+
+ ## Include a section without its heading
+
+ Use `heading=false` to drop the section's own heading line and pull in only its
+ body.
+
+ ```
+ {{include|src=/Embedding/Include/Source|section=subsection|heading=false}}
+ ```
+
+ {{include|src=/Embedding/Include/Source|section=subsection|heading=false}}
+
+ ## Include a section without its sub-sections
+
+ By default child sections are included. With `children=false` only the content
+ directly below the heading is transcluded (the *Details* sub-section is left
+ out here).
+
+ ```
+ {{include|src=/Embedding/Include/Source|section=subsection|children=false}}
+ ```
+
+ {{include|src=/Embedding/Include/Source|section=subsection|children=false}}
+
+ ---
+
+ ## Relative source path
+
+ A `src` that does not start with `/` is resolved relative to the current page,
+ so this page can reach its own sub-pages without spelling out the full path.
+
+ ```
+ {{include|src=Include/Source|section=introduction}}
+ ```
+
+ {{include|src=Include/Source|section=introduction}}
+
+ ---
+
+ ## Reusing a snippet
+
+ A common use is a single-source snippet that is maintained once and reused on
+ many pages.
+
+ ```
+ {{include|src=/Embedding/Include/Snippet}}
+ ```
+
+ {{include|src=/Embedding/Include/Snippet}}
+
+ ---
+
+ ## Error handling
+
+ An unknown page or section reports an error instead of failing silently; a
+ missing section also lists the anchors that are available.
+
+ ```
+ {{include|src=/Embedding/Include/Source|section=does-not-exist}}
+ ```
+
+ {{include|src=/Embedding/Include/Source|section=does-not-exist}}
/dev/null .. embedding/include/snippet.md
@@ 0,0 1,5 @@
+ # Maintenance Note
+
+ > [!NOTE]
+ > This note lives on a single page and is included wherever it is needed.
+ > Update it here once and every page that includes it stays in sync.
/dev/null .. embedding/include/source.md
@@ 0,0 1,27 @@
+ # Source
+
+ This page is the *source* used by the Include examples. Its sections can be
+ transcluded into other pages, individually or as a whole.
+
+ ## Introduction
+
+ Hello universe. This is an introductory paragraph with a short list:
+
+ - reuse content across pages
+ - keep a single source of truth
+ - edit once, update everywhere
+
+ ## Subsection
+
+ Hello world. This subsection has a nested heading of its own.
+
+ ### Details
+
+ These details belong to the subsection and are only pulled in when child
+ sections are included.
+
+ ## Installation
+
+ 1. Download the package
+ 2. Extract the archive
+ 3. Run `make install`
/dev/null .. embedding/infobox.md
@@ 0,0 1,38 @@
+ # InfoBox
+
+
+ [InfoBox Documentation](/-/help/plugins#infobox)
+
+ ````
+ {{InfoBox
+ |caption=Some Caption
+ |Random Key=Value
+ |Answer=42
+ |width=40%
+ |text-align=justify
+ |Homepage=[otterwiki.com](https://otterwiki.com)
+ Lorem _ipsum_ dolor sit **amet**, consectetur
+ adipiscing elit. In in aliquet nibh. In hac habitasse platea dictumst.
+ ```python
+ #!/usr/bin/env python
+ markdown=True
+ ```
+ }}
+ ````
+
+ {{InfoBox
+ |caption=Some Caption
+ |Random Key=Value
+ |Answer=42
+ |width=40%
+ |text-align=justify
+ |Homepage=[otterwiki.com](https://otterwiki.com)
+ Lorem _ipsum_ dolor sit **amet**, consectetur
+ adipiscing elit. In in aliquet nibh. In hac habitasse platea dictumst.
+ ```python
+ #!/usr/bin/env python
+ markdown=True
+ ```
+ }}
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in aliquet nibh. In hac habitasse platea dictumst. Duis et urna vel ligula tempor pharetra. Morbi at malesuada augue. Integer sit amet malesuada mi. Vivamus eu pretium purus. Etiam nec ornare diam. Nunc eget turpis molestie, maximus magna vitae, aliquet justo. Proin consectetur libero a sem tincidunt rhoncus. Donec non leo lacus. Nunc eget enim sit amet metus vestibulum pulvinar eget sed sem. Aenean odio enim, aliquam vitae nunc vel, hendrerit interdum purus. Suspendisse diam ligula, interdum at tellus a, tristique laoreet quam.
/dev/null .. embedding/video.md
@@ 0,0 1,15 @@
+ # Video
+
+ [Video Documentation](/-/help/plugins#video)
+
+ {{Video
+ |width=200px
+ /static/img/otter.mp4
+ }}
+
+ ```
+ {{Video
+ |width=200px
+ /static/img/otter.mp4
+ }}
+ ```
/dev/null .. example.md
@@ 0,0 1,85 @@
+ # Examples
+
+ In markdown paragraphs are seperated by a blank line.
+
+ Without an empty
+ line, a block of
+ words will be rendered
+ as paragraph.
+
+ Individuals words or sentences can be emphasized as `monospace`, **bold**, _italic_
+ or **_bold and italic_**. Or go wild and ==mark== or ~~strike out~~ words.
+
+ An Otter Wiki stores all pages in UTF-8 in a git repository. With UTF-8 you get emojis
+ like 🥳 and 🎆, that all modern browsers can display.
+
+ Some example for links in the middle of a paragraph.
+ [A link to the otterwiki github project](https://github.com/redimp/otterwiki),
+ followed by an auto linked url to http://example.com, followed by a mail address
+ <mailto:mail@example.com>. Commonly used are links inside the wiki, e.g. one pointing [[Home]].
+
+ ## Tables
+
+ A table with some formatting and an emoji.
+
+ | Alpha | Bravo | Charlie |
+ |:-------- |:-----------------:| --------:|
+ | `D`elta | Echo | Foxtrott |
+ | Golf | **Hotel** | India |
+ | Juliett | Kilo | _Lima_ |
+ | ~~Mike~~ | November | Oscar |
+ | Papa | Quebec | Romeo |
+ | Sierra | Tango | Uniform |
+ | Victor | [Whisky](#tables) | X-Ray |
+ | Yankee | Zulu | 🦦 |
+
+ ## Code blocks
+
+ Markdown is often used for documentation, so it's not a
+ surprise that it should be excellent in displaying code and configurations.
+ For example a minimal `docker-compose.yaml` for running An Otter Wiki:
+
+ ```yaml
+ version: '3'
+ services:
+ otterwiki:
+ image: redimp/otterwiki:2.0
+ ports:
+ - 8080:80
+ ```
+
+ This and many other examples for syntax highlighting can be found in the
+ [Syntax Highlighting Examples](https://otterwiki.com/Examples/Syntax%20Highlighting).
+
+ ## List examples
+
+ Itemized lists look like
+
+ * this one
+ * with three
+ * items.
+
+ A numbered list
+
+ 1. first item
+ 2. second item
+ 3. third item
+
+ And a task list
+
+ - [ ] a unchecked item
+ - [x] and **bold** checked item
+
+ *The task list can only be mofied by editing it, not by clicking the checkboxes while viewing it.*
+
+ ## Math or LaTeX
+
+ If you want to share math formulas in your wiki, [MathJax](https://www.mathjax.org/) comes
+ to the rescue. For example:
+
+ When `$a \ne 0$`, there are two solutions to `$ax^2 + bx + c = 0$` and they are
+ ```math
+ x = {-b \pm \sqrt{b^2-4ac} \over 2a}.
+ ```
+
+ Since you read until here, you may want to check an example with [All Syntax Features](https://otterwiki.com/Examples/All%20Syntax%20Features)
/dev/null .. home.md
@@ 0,0 1,13 @@
+ ## Welcome to the otterwiki testing demo!
+
+ Overall is the purpose of this demo testing EXPERIMENTAL features still in development or fixes for issues that might need more testing.
+
+ Want to play around? [Edit an Example!](/Example/edit)
+
+ You can login as admin using `demo@otterwiki.com` with password `wikidemo`.
+
+ > [!NOTE]
+ > Please check <https://demo.otterwiki.com> for the demo of the latest stable release.
+
+
+ The demo wiki is reset frequently. The last reset was Mon Aug 31 11:19:34 UTC 2026.
/dev/null .. issues/'single quote' in filenames.md
@@ 0,0 1,5 @@
+ # 'Single Quote' in Filenames
+
+ See [issues/307](https://github.com/redimp/otterwiki/issues/307).
+
+ Check if attachments, history, editor, editor preview work as expected.
/dev/null .. issues/377 fancy block preview.md
@@ 0,0 1,13 @@
+ # 377 Fancy Block Preview
+
+ Issue [#337](https://github.com/redimp/otterwiki/issues/377)
+
+ If you are here for testing if this [#337](https://github.com/redimp/otterwiki/issues/377) is fixed, please place your cursor anywhere in the following blocks and hit Preview while editing. Report back if you managed to break it .. or if you didn't manage to break it. Thanks!
+
+ :::info
+ A fancy block with the flavor: info
+ :::
+
+ :::danger
+ A fancy block with the flavor: danger
+ :::
/dev/null .. issues/413 infobox escape characters.md
@@ 0,0 1,25 @@
+ # 413 InfoBox escape characters
+
+ [#413](https://github.com/redimp/otterwiki/issues/413)
+
+ ```
+ {{InfoBox
+ |caption=Issue #413
+ |•Key·=•Value·
+ |\=Equal\==\=Sign\=
+ |\|Pipe\|=\|P\|i\|p\|e\|s
+ |::Otter::=::Wiki::
+ |名前=OtterWiki
+ And test all these as = args : \| \= • ·
+ }}
+ ```
+
+ {{InfoBox
+ |caption=Issue #413
+ |•Key·=•Value·
+ |\=Equal\==\=Sign\=
+ |\|Pipe\|=\|P\|i\|p\|e\|s
+ |::Otter::=::Wiki::
+ |名前=OtterWiki
+ And test all these as = args : \| \= • ·
+ }}
/dev/null .. issues/555 preview.md
@@ 0,0 1,13 @@
+ # 555 Preview
+
+ Markdown Image works:
+
+ ![image-1787847682092.png](./image-1787847682092.png)
+
+ HTML `<img>` breaks with relative path (in preview, too):
+
+ <img src="./image-1787847682092.png" alt="Broken Link"/>
+
+ HTML `<img>` works woth absolute path:
+
+ <img src="/issues/555%20Preview/image-1787847682092.png" alt="Broken Link"/>
/dev/null .. issues/555 preview/image-1787847682092.png
/dev/null .. issues/559 infobox quote.md
@@ 0,0 1,76 @@
+ # 559 Infobox Quote
+
+ {{InfoBox
+ |caption=Some Caption
+ |position=right/left
+ |float=right/left
+ |width=35%
+ |text-align=justify
+ |style=additional inline css
+ |Random Key=Value
+ |Answer=42
+ |Homepage=[otterwiki.com](https://otterwiki.com)
+ Lorem _ipsum_ dolor sit **amet**, consectetur
+ adipiscing elit.
+ ```python
+ #!/usr/bin/env python
+ markdown=True
+ ```
+ }}
+
+ > Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+ <div style="clear:both;"></div>
+
+ {{ImageFrame
+ |caption=An Otter Wiki Logo
+ |width=30%
+ |position=right/left
+ |float=right/left
+ |text-align=center/left/right/justify
+ |style=custom css
+ [![](/static/img/otter.png)](/static/img/otter.png)
+ }}
+
+ >! Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+
+ <div style="clear:both;"></div>
+
+ {{InfoBox
+ |caption=Some Caption
+ |position=right/left
+ |float=right/left
+ |width=35%
+ |text-align=justify
+ |style=additional inline css
+ |Random Key=Value
+ |Answer=42
+ |Homepage=[otterwiki.com](https://otterwiki.com)
+ Lorem _ipsum_ dolor sit **amet**, consectetur
+ adipiscing elit.
+ ```python
+ #!/usr/bin/env python
+ markdown=True
+ ```
+ }}
+
+ > [!WARNING]
+ > Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+
+ <div style="clear:both;"></div>
+
+ {{ImageFrame
+ |caption=An Otter Wiki Logo
+ |width=30%
+ |position=right/left
+ |float=right/left
+ |text-align=center/left/right/justify
+ |style=custom css
+ [![](/static/img/otter.png)](/static/img/otter.png)
+ }}
+
+ :::info
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+ :::
/dev/null .. testing/abbreviations.md
@@ 0,0 1,8 @@
+ # Abbreviations
+
+ *[HTML]: Hypertext Markup Language
+ *[CSS]: Cascading Style Sheets
+
+ HTML and CSS are essential web technologies.
+
+ See [issues/310](https://github.com/redimp/otterwiki/issues/310).
/dev/null .. testing/url pasting.md
@@ 0,0 1,16 @@
+ # URL Pasting
+
+ Something new to test:
+
+ - Copy an url, e.g.: `https://otterwiki.com`
+ - Select a word, e.g.: `Otterwiki`
+ - Paste the url on the selected word and get
+ - a markdown link: `[Otterwiki](https://otterwiki.com)`
+
+ But make sure, that nothing is broken, e.g. pasting the url on
+
+ - a selected existing link, e.g. <https://otterwiki.com>
+ - or a markdown link, e.g. [Demo](https://demo.otterwiki.com)
+ - or link in an image e.g. ![](https://testing.otterwiki.com/favicon.ico)
+
+ should not insert a markdown link, just the url that was copied.
0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9