Commit deca72
2026-03-06 21:46:47 OtterWiki Demo: inital commit| /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) |
| + | }} |
| + | ``` |
| + | |
| + | {{ImageFrame |
| + | [](/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) |
| + | }} |
| + | ``` |
| + | |
| + | {{ImageFrame |
| + | |caption=Eagle-owl |
| + | |position=left |
| + | [](/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/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,13 @@ | |
| + | # Video |
| + | |
| + | [Video Documentation](/-/help/plugins#video) |
| + | |
| + | {{Video |
| + | /Embedding/Video/Big_Buck_Bunny_720_10s_1MB.mp4 |
| + | }} |
| + | |
| + | ``` |
| + | {{Video |
| + | /Embedding/Video/Big_Buck_Bunny_720_10s_1MB.mp4 |
| + | }} |
| + | ``` |
| /dev/null .. embedding/video/Big_Buck_Bunny_720_10s_1MB.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,17 @@ | |
| + | ## Welcome to the otterwiki demo! |
| + | |
| + | > [!WARNING] |
| + | > This demo is for testing EXPERIMENTAL features still in development or fixes for issues that might need more testing. |
| + | |
| + | > [!NOTE] |
| + | > Please check <https://demo.otterwiki.com> for the demo of the latest stable release. |
| + | |
| + | In this demo you can test the features of the otterwiki. |
| + | The upload size has been limited to 2 MB. |
| + | |
| + | Want to play around? [Edit an Example!](/Example/edit) |
| + | |
| + | You can login as admin using `demo@otterwiki.com` with password `wikidemo`. |
| + | |
| + | |
| + | The demo wiki is reset frequently. The last reset was Fri Mar 6 21:46:46 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 .. 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.  |
| + | |
| + | should not insert a markdown link, just the url that was copied. |
| /dev/null .. testing/wideimage.md | |
| @@ 0,0 1,17 @@ | |
| + | # WideImage |
| + | |
| + | An image with 4272 × 2848 pixels |
| + | |
| + | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel vulputate velit. Nullam id lectus ligula. Aliquam luctus vel odio sit amet suscipit. Sed nec egestas elit. Etiam et lectus orci. Curabitur ornare orci non tellus laoreet, at aliquet ex luctus. Aenean tortor tortor, mollis vitae dolor id, rutrum facilisis justo. Integer nisi nibh, vestibulum convallis laoreet quis, efficitur at est. Nullam placerat, nibh vitae cursus fringilla, augue erat varius elit, non hendrerit tortor nibh a ipsum. Vivamus cursus, neque sed viverra placerat, metus metus facilisis sapien, ut efficitur dui sapien sed ante. Aenean sem sem, mattis sit amet imperdiet in, iaculis ornare lectus. Curabitur nulla eros, pretium id mollis sed, facilisis quis nisi. Nulla blandit lorem vel enim condimentum aliquet. Nunc euismod iaculis tristique. |
| + | |
| + |  |
| + | |
| + | Ut aliquam nibh non vestibulum fringilla. Proin condimentum, dolor eget viverra fringilla, lorem purus dapibus urna, eu aliquet metus arcu ut mauris. Duis malesuada purus quis augue mollis, et laoreet metus sodales. Donec mattis purus lectus, a dictum ipsum iaculis non. Morbi aliquet nulla et dolor luctus lacinia. Mauris quis venenatis turpis, a tincidunt ligula. Nunc vulputate ante eu sapien sollicitudin cursus. Nam faucibus consequat fermentum. Morbi fringilla erat nulla, non tincidunt purus placerat eget. Mauris non viverra ligula. Mauris id tincidunt sapien. Nullam et maximus nisi. Sed in mauris aliquam, fringilla dolor et, elementum massa. Nullam fermentum tempus risus, ut sagittis nisl. Cras faucibus metus a dapibus blandit. Duis in bibendum nunc. |
| + | |
| + | Integer viverra libero sem, mattis feugiat elit efficitur finibus. Integer blandit mattis nunc. Etiam placerat odio ut velit lobortis commodo. Nullam vitae odio vestibulum, laoreet lectus lacinia, mollis erat. Fusce vestibulum urna ac sagittis porttitor. In eu aliquam augue. Suspendisse fringilla felis sit amet lobortis pellentesque. Suspendisse potenti. Donec efficitur viverra hendrerit. Sed maximus eget nibh in tincidunt. |
| + | |
| + | Pellentesque hendrerit volutpat velit sit amet luctus. Phasellus semper semper tempor. In vitae placerat purus. Vivamus semper, est vel imperdiet placerat, arcu augue euismod libero, eget tincidunt lectus nunc ut tellus. Maecenas viverra feugiat urna ac pellentesque. Donec est justo, iaculis vel tortor condimentum, mollis bibendum ante. Cras aliquet enim enim, quis mattis felis commodo nec. Nulla pellentesque venenatis bibendum. Phasellus ut euismod magna. Mauris varius quam vel sapien maximus venenatis. Donec a ante sollicitudin, ultrices ex non, convallis eros. Vestibulum et neque vestibulum, elementum velit nec, egestas lacus. |
| + | |
| + |  |
| + | |
| + | Aenean ornare nunc ac lacus lobortis, eget feugiat ligula vulputate. Donec sodales convallis tellus. Fusce tempor eros at posuere porta. Ut rhoncus vel augue sagittis tempus. In hac habitasse platea dictumst. Nunc sed pulvinar tortor. Mauris tincidunt vel felis non efficitur. Suspendisse faucibus, sem ut placerat posuere, massa mauris porttitor odio, id rutrum velit turpis in ex. Duis et risus vehicula, commodo elit fringilla, pharetra ante. |
| /dev/null .. testing/wideimage/wide.jpg | |
