CINXE.COM

<!DOCTYPE html> <html lang="en" dir="ltr" class="no-js"> <head> <meta charset="utf-8" /> <title>template:mikio [DokuWiki]</title> <meta name="generator" content="DokuWiki"/> <meta name="theme-color" content="#008800"/> <meta name="robots" content="index,follow"/> <meta name="keywords" content="template,mikio"/> <link rel="search" type="application/opensearchdescription+xml" href="/lib/exe/opensearch.php" title="DokuWiki"/> <link rel="start" href="/"/> <link rel="contents" href="/template:mikio?do=index" title="Sitemap"/> <link rel="manifest" href="/lib/exe/manifest.php"/> <link rel="alternate" type="application/rss+xml" title="Recent Changes" href="/feed.php"/> <link rel="alternate" type="application/rss+xml" title="Current namespace" href="/feed.php?mode=list&ns=template"/> <link rel="edit" title="Edit this page" href="/template:mikio?do=edit"/> <link rel="alternate" type="text/html" title="Plain HTML" href="/_export/xhtml/template:mikio"/> <link rel="alternate" type="text/plain" title="Wiki Markup" href="/_export/raw/template:mikio"/> <link rel="canonical" href="https://www.dokuwiki.org/template:mikio"/> <link rel="stylesheet" href="/lib/exe/css.php?t=dokuwiki&tseed=f1005bad3d81fc9c803c7f93d32a390e"/> <script >var NS='template';var JSINFO = {"plugins":{"edittable":{"default columnwidth":""}},"id":"template:mikio","namespace":"template","ACT":"show","useHeadingNavigation":0,"useHeadingContent":0};(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" defer="defer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js" defer="defer"></script> <script src="/lib/exe/js.php?t=dokuwiki&tseed=f1005bad3d81fc9c803c7f93d32a390e&lang=en" defer="defer"></script> <meta name="viewport" content="width=device-width,initial-scale=1" /> <link rel="shortcut icon" href="/lib/tpl/dokuwiki/images/favicon.ico" /> <link rel="apple-touch-icon" href="/lib/tpl/dokuwiki/images/apple-touch-icon.png" /> <meta name="verify-v1" content="OVxl3gsCv2MhZqh1cBQyl0JytWXSwXMjyvwc+4w3WtA=" /> <meta name="google-site-verification" content="YhTVK69hW94ZXUtc2zSLPxTkZKbZIn0zK67mz5WQB-E" />  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-83791-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-83791-1', { 'anonymize_ip': true }); </script> </head> <body> <div id="dokuwiki__site"><div id="dokuwiki__top" class="site dokuwiki mode_show tpl_dokuwiki showSidebar hasSidebar">  <header id="dokuwiki__header"><div class="pad group"> <div class="headings group"> <ul class="a11y skip"> <li><a href="#dokuwiki__content">skip to content</a></li> </ul> <h1 class="logo"><a href="/start" accesskey="h" title="Home [h]"><img src="/lib/tpl/dokuwiki/images/logo.png" width="64" height="64" alt="" /><span>DokuWiki</span></a></h1> <p class="claim">It's better when it's simple</p> </div> <div class="tools group">  <div id="dokuwiki__usertools"> <h3 class="a11y">User Tools</h3> <ul> <li class="action login"><a href="/template:mikio?do=login&sectok=" title="Log In" rel="nofollow"><span>Log In</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 17.25V14H3v-4h7V6.75L15.25 12 10 17.25M8 2h9a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-4h2v4h9V4H8v4H6V4a2 2 0 0 1 2-2z"/></svg></a></li> </ul> </div>  <div id="dokuwiki__sitetools"> <h3 class="a11y">Site Tools</h3> <form action="/start" method="get" role="search" class="search doku_form" id="dw__search" accept-charset="utf-8"><input type="hidden" name="do" value="search" /><input type="hidden" name="id" value="template:mikio" /><div class="no"><input name="q" type="text" class="edit" title="[F]" accesskey="f" placeholder="Search" autocomplete="on" id="qsearch__in" value="" /><button value="1" type="submit" title="Search">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form> <div class="mobileTools"> <form action="/doku.php" method="get" accept-charset="utf-8"><div class="no"><input type="hidden" name="id" value="template:mikio" /><select name="do" class="edit quickselect" title="Tools"><option value="">Tools</option><optgroup label="Page Tools"><option value="edit">Edit this page</option><option value="revisions">Old revisions</option><option value="backlink">Backlinks</option></optgroup><optgroup label="Site Tools"><option value="recent">Recent Changes</option><option value="media">Media Manager</option><option value="index">Sitemap</option></optgroup><optgroup label="User Tools"><option value="login">Log In</option></optgroup></select><button type="submit">></button></div></form> </div> <ul> <li class="action recent"><a href="/template:mikio?do=recent" title="Recent Changes [r]" rel="nofollow" accesskey="r">Recent Changes</a></li><li class="action media"><a href="/template:mikio?do=media&ns=template" title="Media Manager" rel="nofollow">Media Manager</a></li><li class="action index"><a href="/template:mikio?do=index" title="Sitemap [x]" rel="nofollow" accesskey="x">Sitemap</a></li> </ul> </div> </div>  <div class="breadcrumbs"> <div class="trace"><span class="bchead">Trace:</span> <span class="bcsep">•</span> <span class="curid"><bdi><a href="/template:mikio" class="breadcrumbs" title="template:mikio">mikio</a></bdi></span></div> </div> <hr class="a11y" /> </div></header> <div class="wrapper group">  <nav id="dokuwiki__aside" aria-label="Sidebar"><div class="pad aside include group"> <h3 class="toggle">Sidebar</h3> <div class="content"><div class="group"> <p> <strong>Learn about DokuWiki</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/features" class="wikilink1" title="features" data-wiki-id="features">Features</a> & <a href="/blogroll" class="wikilink1" title="blogroll" data-wiki-id="blogroll">reviews</a> </div> </li> <li class="level1"><div class="li"> <a href="/install" class="wikilink1" title="install" data-wiki-id="install">Installation guide</a></div> </li> <li class="level1"><div class="li"> <a href="/manual" class="wikilink1" title="manual" data-wiki-id="manual">User manual</a> & <a href="/wiki:syntax" class="wikilink1" title="wiki:syntax" data-wiki-id="wiki:syntax">syntax</a></div> </li> <li class="level1"><div class="li"> <a href="/changes" class="wikilink1" title="changes" data-wiki-id="changes">Release notes</a></div> </li> <li class="level1"><div class="li"> <a href="/faq" class="wikilink1" title="faq" data-wiki-id="faq">FAQ</a></div> </li> </ul> <p> <strong>Advanced Use</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/extensions" class="wikilink1" title="extensions" data-wiki-id="extensions">Extensions</a></div> </li> <li class="level1"><div class="li"> <a href="/development" class="wikilink1" title="development" data-wiki-id="development">Development manual</a></div> </li> </ul> <p> <strong>Corporate Use</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/faq:support" class="wikilink1" title="faq:support" data-wiki-id="faq:support">Get support</a></div> </li> <li class="level1"><div class="li"> <a href="/donate" class="wikilink1" title="donate" data-wiki-id="donate">Donations</a></div> </li> </ul> <p> <strong>Our Community</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/teams:getting_involved" class="wikilink1" title="teams:getting_involved" data-wiki-id="teams:getting_involved">Get involved</a></div> </li> <li class="level1"><div class="li"> <a href="/dokuinstall" class="wikilink1" title="dokuinstall" data-wiki-id="dokuinstall">Users</a></div> </li> <li class="level1"><div class="li"> <a href="http://forum.dokuwiki.org" class="urlextern" title="http://forum.dokuwiki.org">User forum</a></div> </li> <li class="level1"><div class="li"> <a href="/mailinglist" class="wikilink1" title="mailinglist" data-wiki-id="mailinglist">Development mailinglist</a></div> </li> </ul> <hr /> <p> Follow us on <a href="https://phpc.social/@dokuwiki" class="urlextern" title="https://phpc.social/@dokuwiki">Mastodon</a> and other <a href="/social" class="wikilink1" title="social" data-wiki-id="social">social networks</a>. </p> <p> <a href="/privacy" class="wikilink1" title="privacy" data-wiki-id="privacy">Our Privacy Policy</a> </p> </div></div> </div></nav>  <main id="dokuwiki__content"><div class="pad group"> <div class="pageId"><span>template:mikio</span></div> <div class="page group">   <div id="dw__toc" class="dw__toc"> <h3 class="toggle">Table of Contents</h3> <div> <ul class="toc"> <li class="level1"><div class="li"><a href="#mikio_template">Mikio Template</a></div> <ul class="toc"> <li class="level2"><div class="li"><a href="#features">Features</a></div></li> <li class="level2"><div class="li"><a href="#breadcrumb_you_are_here_change">Breadcrumb/You Are Here Change</a></div></li> <li class="level2"><div class="li"><a href="#configuration">Configuration</a></div></li> <li class="level2"><div class="li"><a href="#right_sidebar">Right Sidebar</a></div></li> <li class="level2"><div class="li"><a href="#include_pages">Include Pages</a></div></li> <li class="level2"><div class="li"><a href="#include_images">Include Images</a></div></li> <li class="level2"><div class="li"><a href="#hero_element">Hero Element</a></div></li> <li class="level2"><div class="li"><a href="#hiding_elements">Hiding Elements</a></div></li> <li class="level2"><div class="li"><a href="#icon_engine">Icon Engine</a></div></li> <li class="level2"><div class="li"><a href="#themes">Themes</a></div></li> <li class="level2"><div class="li"><a href="#dark_mode">Dark Mode</a></div></li> <li class="level2"><div class="li"><a href="#mikio_plugin">Mikio Plugin</a></div></li> <li class="level2"><div class="li"><a href="#languages">Languages</a></div></li> <li class="level2"><div class="li"><a href="#sites_using_this_template">Sites using this Template</a></div></li> <li class="level2"><div class="li"><a href="#releases">Releases</a></div> <ul class="toc"> <li class="level3"><div class="li"><a href="#section20240605">2024-06-05</a></div></li> <li class="level3"><div class="li"><a href="#section20240503">2024-05-03</a></div></li> <li class="level3"><div class="li"><a href="#section20240209">2024-02-09</a></div></li> <li class="level3"><div class="li"><a href="#section20231212">2023-12-12</a></div></li> <li class="level3"><div class="li"><a href="#section20231211">2023-12-11</a></div></li> <li class="level3"><div class="li"><a href="#section20231204">2023-12-04</a></div></li> </ul> </li> <li class="level2"><div class="li"><a href="#third_party_libraries">Third Party Libraries</a></div></li> <li class="level2"><div class="li"><a href="#support">Support</a></div></li> <li class="level2"><div class="li"><a href="#applause">Applause</a></div></li> </ul></li> </ul> </div> </div>  <h1 class="sectionedit1" id="mikio_template">Mikio Template</h1> <div class="level1"> <div class="pluginrepo_entry"><div class="usageInfo"><div class="compatibility"><p class="label">Compatible with DokuWiki</p><div class="versions"><ul><li class="yes">2024-02-06 "Kaos" <strong><span>yes</span></strong></li><li class="yes">2023-04-04 "Jack Jackrum" <strong><span>yes</span></strong></li><li class="yes">2022-07-31 "Igor" <strong><span>yes</span></strong></li><li class="yes">2020-07-29 "Hogfather" <strong><span>yes</span></strong></li></ul></div></div><ul class="actions"><li><a class="download" href="https://github.com/nomadjimbob/mikio/zipball/master">Download</a></li><li><a class="bugs" href="https://github.com/nomadjimbob/mikio/issues">Report bugs</a></li></ul><div class="clearer"></div></div><div class="mainInfo"><p class="description"><a class="media" href="/templates"><img alt="template" class="medialeft" src="/lib/plugins/pluginrepo/images/dwplugin.png" width="60" height="60" /></a> Mikio is a Bootstrap 4 style template with a hero element and dark mode support</p><a href="/lib/exe/fetch.php?tok=b35504&media=https%3A%2F%2Fraw.githubusercontent.com%2Fnomadjimbob%2Fmikio%2Fmaster%2Fimages%2Fscreenshot.png" class="media screenshot" title="Screenshot of mikio" rel="lightbox" data-url="/lib/exe/fetch.php?tok=b35504&media=https%3A%2F%2Fraw.githubusercontent.com%2Fnomadjimbob%2Fmikio%2Fmaster%2Fimages%2Fscreenshot.png"><img src="/lib/exe/fetch.php?w=220&tok=31bd25&media=https%3A%2F%2Fraw.githubusercontent.com%2Fnomadjimbob%2Fmikio%2Fmaster%2Fimages%2Fscreenshot.png" alt="" width="220" /></a></div><div class="metaInfo"><dl><dt>Last updated on</dt><dd>2024-06-05</dd><dt>Repository</dt><dd><a class="urlextern" href="https://github.com/nomadjimbob/mikio/">Source</a></dd></dl></div><div class="moreInfo"><p class="tags">Tagged with <a href="/template?plugintag=bootstrap#extension__table" class="wikilink1" title="List all plugins with this tag">bootstrap</a>, <a href="/template?plugintag=clean#extension__table" class="wikilink1" title="List all plugins with this tag">clean</a>, <a href="/template?plugintag=css3#extension__table" class="wikilink1" title="List all plugins with this tag">css3</a>, <a href="/template?plugintag=customizable#extension__table" class="wikilink1" title="List all plugins with this tag">customizable</a>, <a href="/template?plugintag=dark#extension__table" class="wikilink1" title="List all plugins with this tag">dark</a>, <a href="/template?plugintag=dark-mode#extension__table" class="wikilink1" title="List all plugins with this tag">dark-mode</a>, <a href="/template?plugintag=hero#extension__table" class="wikilink1" title="List all plugins with this tag">hero</a>, <a href="/template?plugintag=mobile#extension__table" class="wikilink1" title="List all plugins with this tag">mobile</a>, <a href="/template?plugintag=modern#extension__table" class="wikilink1" title="List all plugins with this tag">modern</a>, <a href="/template?plugintag=print#extension__table" class="wikilink1" title="List all plugins with this tag">print</a>, <a href="/template?plugintag=responsive#extension__table" class="wikilink1" title="List all plugins with this tag">responsive</a>, <a href="/template?plugintag=semantic#extension__table" class="wikilink1" title="List all plugins with this tag">semantic</a>, <a href="/template?plugintag=sidebar#extension__table" class="wikilink1" title="List all plugins with this tag">sidebar</a>, <a href="/template?plugintag=themes#extension__table" class="wikilink1" title="List all plugins with this tag">themes</a></p></div><div class="authorInfo"><strong>By <a href="mailto:james%20%5Bdot%5D%20collins%20%5Bat%5D%20outlook%20%5Bdot%5D%20com%20%5Bdot%5D%20au" class="mail" title="james [dot] collins [at] outlook [dot] com [dot] au">nomadjimbob</a></strong><ul><li><a href="/plugin:mikioplugin" class="wikilink1" title="plugin:mikioplugin" data-wiki-id="plugin:mikioplugin">mikioplugin</a></li> </ul></div></div> </div> <div class="secedit editbutton_section editbutton_1"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Mikio Template] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="mikio_template" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1-810" /><button type="submit" title="Mikio Template">Edit</button></div></form></div> <h2 class="sectionedit2" id="features">Features</h2> <div class="level2"> <ul> <li class="level1"><div class="li"> <a href="http://getbootstrap.com/" class="urlextern" title="http://getbootstrap.com/">Bootstrap styling</a></div> </li> <li class="level1"><div class="li"> Navbar with dropdown support</div> </li> <li class="level1"><div class="li"> Subnavbar support (using a page named submenu)</div> </li> <li class="level1"><div class="li"> Right sidebar</div> </li> <li class="level1"><div class="li"> Hero element</div> </li> <li class="level1"><div class="li"> Icon support</div> </li> <li class="level1"><div class="li"> Customizable breadcrumbs</div> </li> <li class="level1"><div class="li"> Theming support</div> </li> <li class="level1"><div class="li"> Tags plugin support</div> </li> <li class="level1"><div class="li"> Translate plugin support</div> </li> <li class="level1"><div class="li"> Mobile friendly</div> </li> <li class="level1"><div class="li"> Typeahead search support</div> </li> <li class="level1"><div class="li"> Dark mode</div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_2"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Features] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="features" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="811-1185" /><button type="submit" title="Features">Edit</button></div></form></div> <h2 class="sectionedit3" id="breadcrumb_you_are_here_change">Breadcrumb/You Are Here Change</h2> <div class="level2"> <ul> <li class="level1"><div class="li"> Breadcrumbs and You Are Here have now been separated instead of combined. This removed the options `breadcrumbHome` and `breadcrumbShowLast` for the breadcrumbs as it only applies to the you are here bar. <strong>Breadcrumbs and You Are Here options may have reset</strong></div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_3"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Breadcrumb/You Are Here Change] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="breadcrumb_you_are_here_change" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1186-1496" /><button type="submit" title="Breadcrumb/You Are Here Change">Edit</button></div></form></div> <h2 class="sectionedit4" id="configuration">Configuration</h2> <div class="level2"> <ul> <li class="level1"><div class="li"> <code>iconTag</code> : icon tag to use to engage the icon engine. Default to <code>icon</code></div> </li> <li class="level1"><div class="li"> <code>customTheme</code> : the mikio theme to use, located in the <code>mikio/themes</code> directory</div> </li> <li class="level1"><div class="li"> <code>showNotifications</code> : where to show site notifications for admin staff</div> </li> <li class="level1"><div class="li"> <code>useLESS</code> : use the LESS compilier or direct <abbr title="Cascading Style Sheets">CSS</abbr> for the mikio stylesheet. Requires the ctype PHP extension installed.</div> </li> <li class="level1"><div class="li"> <code>navbarUseTitleIcon</code> : show the site logo in the navbar</div> </li> <li class="level1"><div class="li"> <code>navbarUseTitleText</code> : show the site title in the navbar</div> </li> <li class="level1"><div class="li"> <code>navbarUseTaglineText</code> : show the site tagline in the navbar. Requires the <code>navbarUseTitleText</code> to be enabled</div> </li> <li class="level1"><div class="li"> <code>navbarCustomMenuText</code> : custom menu to use in the navbar. Menu items are in the format of url|title with each item seperated by a semicolon. Requires one of the <code>navbarPos</code> to be set to <code>custom</code></div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>navbarDWMenuType</code> : how to show the DokuWiki menu items in the navbar. Can be either icons, text or both</div> </li> <li class="level1"><div class="li"> <code>navbarDWMenuCombine</code> : how to show the DokuWiki menu in the navbar. Can be either category dropdowns, single items or a combined dropdown. The combined menu title is pulled from the <code>tools-menu</code> language value</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>navbarPosLeft</code> : what menu to show on the left of the navbar</div> </li> <li class="level1"><div class="li"> <code>navbarPosMiddle</code> : what menu to show in the middle of the navbar</div> </li> <li class="level1"><div class="li"> <code>navbarPosRight</code> : what menu to show on the right of the navbar</div> </li> <li class="level1"><div class="li"> <code>navbarShowSub</code> : show the sub navbar. This menu is pulled from the <code>submenu</code> page in the current or parent namespaces. The menu is also shown on child pages. If no page is found, the sub navbar is automatically hidden</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>searchButton</code> : show the search button as a icon or text</div> </li> <li class="level1"><div class="li"> <code>searchUseTypeahead</code> : use <a href="https://github.com/bassjobsen/Bootstrap-3-Typeahead" class="urlextern" title="https://github.com/bassjobsen/Bootstrap-3-Typeahead">Typeahead</a> page suggestions in search bar</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>heroTitle</code> : show the hero block on pages</div> </li> <li class="level1"><div class="li"> <code>heroImagePropagation</code> : search for hero images in parent namespaces if none is found in the current namespace</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>tagsConsolidate</code> : Consolidate tags found in the current page and display it in the hero, content header or sidebar</div> </li> <li class="level1"><div class="li"> <code>tagsShowHero</code> : Show the tags in the hero element of the page. Can be turned off if using the <code><tags></code> element in the MikioPlugin</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>breadcrumbHideHome</code> : hide breadcrumbs in the root namespace</div> </li> <li class="level1"><div class="li"> <code>breadcrumbPosition</code> : where to display the breadcrumbs, either under the navbar, in the hero element or above the page content</div> </li> <li class="level1"><div class="li"> <code>breadcrumbPrefix</code> : enable changing the breadcrumb prefix</div> </li> <li class="level1"><div class="li"> <code>breadcrumbPrefixText</code> : text to set the breadcrumb prefix. Requires <code>breadcrumbPrefix</code> to be enabled. This replaces the default <a href="/breadcrumbs#breadcrumb_prefixes" class="wikilink1" title="breadcrumbs" data-wiki-id="breadcrumbs">breadcrumb prefixes</a> <code>Trace:</code> for <a href="/breadcrumbs#tracking_breadcrumbs" class="wikilink1" title="breadcrumbs" data-wiki-id="breadcrumbs">tracking breadcrumbs</a> and <code>You are here:</code> for <a href="/breadcrumbs#hierarchical_breadcrumbs" class="wikilink1" title="breadcrumbs" data-wiki-id="breadcrumbs">hierarchical breadcrumbs</a> (including the punctuation) which as of July 2021 cannot be customized by means of the <a href="/plugin:config" class="wikilink1" title="plugin:config" data-wiki-id="plugin:config">Configuration Manager</a> but only within the scope of a <a href="/template" class="wikilink1" title="template" data-wiki-id="template">template</a>.</div> </li> <li class="level1"><div class="li"> <code>breadcrumbSep</code> : enable changing the breadcrumb seperator</div> </li> <li class="level1"><div class="li"> <code>breadcrumbSepText</code> : text to set the breadcrumb seperator. Requires <code>breadcrumbSep</code> to be enabled</div> </li> <li class="level1"><div class="li"> <code>breadcrumbHome</code> : change the breadcrumb home item to none, page title of root page, 'home' or an icon/image. The 'home' text is pulled from the <code>home</code> language value</div> </li> <li class="level1"><div class="li"> <code>breadcrumbShowLast</code> : only show a number of breadcrumbs from the last. Will also show the home item in the list if enabled. Set this to <code>0</code> to show all items</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>sidebarShowLeft</code> : show the left sidebar if content is found</div> </li> <li class="level1"><div class="li"> <code>sidebarLeftRow1</code> : content to show in the first row of the left sidebar</div> </li> <li class="level1"><div class="li"> <code>sidebarLeftRow2</code> : content to show in the second row of the left sidebar</div> </li> <li class="level1"><div class="li"> <code>sidebarLeftRow3</code> : content to show in the third row of the left sidebar</div> </li> <li class="level1"><div class="li"> <code>sidebarLeftRow4</code> : content to show in the forth row of the left sidebar</div> </li> <li class="level1"><div class="li"> <code>sidebarShowRight</code> : show the right sidebar if content is found</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>tocFull</code> : show the table of contents as a full height item</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>pageToolsFloating</code> : when and if to show the floating page tools</div> </li> <li class="level1"><div class="li"> <code>pageToolsFooter</code> : when and if to show page tools in the footer</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>footerCustomMenuText</code> : custom menu to use in the footer. Menu items are in the format of url|title with each item separated by a semicolon</div> </li> <li class="level1"><div class="li"> <code>footerSearch</code> : show the search bar in the footer</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>licenseType</code> : how to show the license in the footer</div> </li> <li class="level1"><div class="li"> <code>licenseImageOnly</code> : show the license in the footer as an image only. Requires <code>licenseType</code> to at least be enabled</div> </li> </ul> <ul> <li class="level1"><div class="li"> <code>includePageUseACL</code> : respect <abbr title="Access Control List">ACL</abbr> when including pages</div> </li> <li class="level1"><div class="li"> <code>includePagePropagate</code> : search parent namespaces when including pages</div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_4"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Configuration] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="configuration" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1497-6187" /><button type="submit" title="Configuration">Edit</button></div></form></div> <h2 class="sectionedit5" id="right_sidebar">Right Sidebar</h2> <div class="level2"> <p> The right sidebar can be applied by creating a normal wiki page called “rightsidebar”. Go to <a href="http://your-wiki.com/doku.php?id=rightsidebar" class="urlextern" title="http://your-wiki.com/doku.php?id=rightsidebar">http://your-wiki.com/doku.php?id=rightsidebar</a>, click “Create this page”, edit the page, save, and you're done. That's it, your saved changes will appear in your right sidebar. </p> </div> <div class="secedit editbutton_section editbutton_5"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Right Sidebar] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="right_sidebar" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="6188-6485" /><button type="submit" title="Right Sidebar">Edit</button></div></form></div> <h2 class="sectionedit6" id="include_pages">Include Pages</h2> <div class="level2"> <p> The following pages can be either html files in the root of the template or a page in the namespace. Namespace pages take priority. </p> <ul> <li class="level1"><div class="li"> <code>topheader</code> : content to include above the navbar</div> </li> <li class="level1"><div class="li"> <code>header</code> : content include below the navbar but above the page content</div> </li> <li class="level1"><div class="li"> <code>contentheader</code> : content to include above the page content</div> </li> <li class="level1"><div class="li"> <code>contentfooter</code> : content to include below the page content</div> </li> <li class="level1"><div class="li"> <code>sidebarheader</code> : content to include above the left sidebar content</div> </li> <li class="level1"><div class="li"> <code>sidebarfooter</code> : content to include below the left sidebar content</div> </li> <li class="level1"><div class="li"> <code>rightsidebarheader</code> : content to include above the right sidebar content</div> </li> <li class="level1"><div class="li"> <code>rightsidebarfooter</code> : content to include below the right sidebar content</div> </li> <li class="level1"><div class="li"> <code>footer</code> : content to include in the footer</div> </li> <li class="level1"><div class="li"> <code>bottomfooter</code> : content to include below the footer</div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_6"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Include Pages] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="include_pages" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="6486-7329" /><button type="submit" title="Include Pages">Edit</button></div></form></div> <h2 class="sectionedit7" id="include_images">Include Images</h2> <div class="level2"> <p> The following images can be used to replace content in the template. Images can be in `TEMPLATE_ROOT/images/`, `TEMPLATE_ROOT/themes/THEME/images/`, or in the namespace. Images can be either png, jpg, gif or svg. </p> <ul> <li class="level1"><div class="li"> <code>logo</code> : site logo in the navbar</div> </li> <li class="level1"><div class="li"> <code>breadcrumb-prefix</code> breadcrumb prefix</div> </li> <li class="level1"><div class="li"> <code>breadcrumb-sep</code> breadcrumb seperator</div> </li> <li class="level1"><div class="li"> <code>hero</code> hero image for hero element</div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_7"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Include Images] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="include_images" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="7330-7741" /><button type="submit" title="Include Images">Edit</button></div></form></div> <h2 class="sectionedit8" id="hero_element">Hero Element</h2> <div class="level2"> <ul> <li class="level1"><div class="li"> <code>title</code> : The hero title is sourced from the page title. The page title is removed from the page content</div> </li> <li class="level1"><div class="li"> <code>subtitle</code> : Pages can set the subtitle by inserting ~~hero-subtitle TEXT~~ in the page content</div> </li> <li class="level1"><div class="li"> <code>image</code> : The hero image is sourced from an image named hero in the current or parental namespace. Namespace searching can be confined by the <code>includePagePropagate</code> setting. Pages can also override the image by inserting ~~hero-image <abbr title="Uniform Resource Locator">URL</abbr>~~ in the page content. DokuWiki and external URLs are supported</div> </li> <li class="level1"><div class="li"> <code>colors</code> : Colors can be overridden by including ~~hero-colors BACKGROUND_COLOR HERO_TITLE_COLOR HERO_SUBTITLE_COLOR BREADCRUMB_TEXT_COLOR BREADCRUMB_HOVER_COLOR~~. You do not need to include all the color options. Use 'initial' to skip a color override</div> </li> </ul> <p> Namespaces can also apply the above hero settings in child pages by including the above settings in a page named <code>theme</code>. </p> <p> If the page title is not being displayed in the Hero, make sure that you have correctly set the DokuWiki <a href="/config:useheading" class="wikilink1" title="config:useheading" data-wiki-id="config:useheading">useheading</a> setting. </p> </div> <div class="secedit editbutton_section editbutton_8"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Hero Element] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="hero_element" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="7742-8815" /><button type="submit" title="Hero Element">Edit</button></div></form></div> <h2 class="sectionedit9" id="hiding_elements">Hiding Elements</h2> <div class="level2"> <p> Mikio now supports hiding elements using the <code>~~hide-parts (parts)~~</code> macro. Each element within the hide-parts macro is required to be separated by spaces. Currently, the following parts are supported: </p> <ul> <li class="level1"><div class="li"> <code>topheader</code> : content above the navbar</div> </li> <li class="level1"><div class="li"> <code>navbar</code> : the main navigation bar</div> </li> <li class="level1"><div class="li"> <code>header</code> : content below the navbar but above the page content</div> </li> <li class="level1"><div class="li"> <code>hero</code> : the page hero bar</div> </li> <li class="level1"><div class="li"> <code>contentheader</code> : content above the page content</div> </li> <li class="level1"><div class="li"> <code>contentfooter</code> : content below the page content</div> </li> <li class="level1"><div class="li"> <code>sidebarheader</code> : content above the left sidebar content</div> </li> <li class="level1"><div class="li"> <code>sidebarfooter</code> : content below the left sidebar content</div> </li> <li class="level1"><div class="li"> <code>rightsidebarheader</code> : content above the right sidebar content</div> </li> <li class="level1"><div class="li"> <code>rightsidebarfooter</code> : content below the right sidebar content</div> </li> <li class="level1"><div class="li"> <code>footer</code> : content in the footer</div> </li> <li class="level1"><div class="li"> <code>bottomfooter</code> : content below the footer</div> </li> </ul> <p> To hide the topheader, navbar and hero, you would use the macro <code>~~hide-parts topheader navbar hero~~</code> </p> </div> <div class="secedit editbutton_section editbutton_9"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Hiding Elements] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="hiding_elements" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="8816-9807" /><button type="submit" title="Hiding Elements">Edit</button></div></form></div> <h2 class="sectionedit10" id="icon_engine">Icon Engine</h2> <div class="level2"> <ul> <li class="level1"><div class="li"> Mikio includes an icon engine that allows you to include icons in your pages by using <icon OPTIONS> in your content</div> </li> <li class="level1"><div class="li"> If the icon tag conflicts with another plugin, you can change the tag from <code>icon</code> to a user set value in the settings</div> </li> <li class="level1"><div class="li"> By default, Mikio enables FontAwesome 4 but also includes FontAwesome 5, Elusive 2 and Bootstrap Icons, which can be enabled by uncommenting their inclusions in <code>/icons/icons.php</code></div> </li> </ul> <p> Users can also add their own icon sets to the template. Supported icon sets can either be webfonts or individual files (such as a SVG library). Instructions can be found in the <code>/icons/icons.php</code> file. </p> </div> <div class="secedit editbutton_section editbutton_10"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Icon Engine] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="icon_engine" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="9808-10470" /><button type="submit" title="Icon Engine">Edit</button></div></form></div> <h2 class="sectionedit11" id="themes">Themes</h2> <div class="level2"> <p> Themes should be placed in the themes directory in their own directory. LESS files are supported. </p> </div> <div class="secedit editbutton_section editbutton_11"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Themes] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="themes" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="10471-10590" /><button type="submit" title="Themes">Edit</button></div></form></div> <h2 class="sectionedit12" id="dark_mode">Dark Mode</h2> <div class="level2"> <p> Mikio now supports dark mode! When the user prefers a dark theme, or has selected dark mode, the html tag will set the theme dataset to `theme-dark`; else it will be `theme-light`. </p> <p> You can detect this in <abbr title="Cascading Style Sheets">CSS</abbr> using: </p> <pre class="code">:root[data-theme="theme-dark"] { // CSS selectors here }</pre> <p> or in Javascript using: </p> <pre class="code">const html = document.querySelector('html'); if(html.dataset.theme == 'theme-dark') { // ... }</pre> </div> <div class="secedit editbutton_section editbutton_12"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Dark Mode] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="dark_mode" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="10591-11044" /><button type="submit" title="Dark Mode">Edit</button></div></form></div> <h2 class="sectionedit13" id="mikio_plugin">Mikio Plugin</h2> <div class="level2"> <p> The <a href="/plugin:mikioplugin" class="wikilink1" title="plugin:mikioplugin" data-wiki-id="plugin:mikioplugin">Mikio Plugin</a> is also available to add bootstrap 4 style + more elements to DokuWiki pages. </p> <p> If the plugin is installed, the <strong>Template Styles Settings</strong> page will be expanded to allow directly editing the plugin element styling. </p> </div> <div class="secedit editbutton_section editbutton_13"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Mikio Plugin] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="mikio_plugin" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="11045-11327" /><button type="submit" title="Mikio Plugin">Edit</button></div></form></div> <h2 class="sectionedit14" id="languages">Languages</h2> <div class="level2"> <ul> <li class="level1"><div class="li"> <code>sidebar-title</code> : Text for the collapsable block in the sidebar</div> </li> <li class="level1"><div class="li"> <code>tools-menu</code> : Text for the combined tools DokuWiki menu title</div> </li> <li class="level1"><div class="li"> <code>home</code> : Text for the breadcrumb home title</div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_14"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Languages] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="languages" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="11328-11540" /><button type="submit" title="Languages">Edit</button></div></form></div> <h2 class="sectionedit15" id="sites_using_this_template">Sites using this Template</h2> <div class="level2"> <ul> <li class="level1"><div class="li"> <a href="https://www.parkins-on-line.de/wiki" class="urlextern" title="https://www.parkins-on-line.de/wiki">https://www.parkins-on-line.de/wiki</a></div> </li> <li class="level1"><div class="li"> <a href="https://darmfalen.nl/" class="urlextern" title="https://darmfalen.nl/">https://darmfalen.nl/</a> <em>(Uses somewhat modified version of Mikio template)</em></div> </li> <li class="level1"><div class="li"> <a href="https://www.nosociety.de/" class="urlextern" title="https://www.nosociety.de/">https://www.nosociety.de/</a></div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_15"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Sites using this Template] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="sites_using_this_template" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="11541-11731" /><button type="submit" title="Sites using this Template">Edit</button></div></form></div> <h2 class="sectionedit16" id="releases">Releases</h2> <div class="level2"> </div> <div class="secedit editbutton_section editbutton_16"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Releases] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="releases" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="11732-11754" /><button type="submit" title="Releases">Edit</button></div></form></div> <h3 class="sectionedit17" id="section20240605">2024-06-05</h3> <div class="level3"> <ul> <li class="level1"><div class="li"> Fix tag text colouring not applying correctly.</div> </li> <li class="level2"><div class="li"> Allow hiding tags in hero if using <tags> element in the MikioPlugin <a href="https://github.com/nomadjimbob/mikio/issues/70" class="urlextern" title="https://github.com/nomadjimbob/mikio/issues/70">#70</a>. Requested by garanovich.</div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_17"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[2024-06-05] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="section20240605" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="11755-11987" /><button type="submit" title="2024-06-05">Edit</button></div></form></div> <h3 class="sectionedit18" id="section20240503">2024-05-03</h3> <div class="level3"> <ul> <li class="level1"><div class="li"> Fixed incorrect style file names. Thanks Wolfram.</div> </li> <li class="level2"><div class="li"> Table cell padding now adjustable through the style config page <a href="https://github.com/nomadjimbob/mikio/issues/62" class="urlextern" title="https://github.com/nomadjimbob/mikio/issues/62">#62</a>. Thanks Hakker.</div> </li> <li class="level2"><div class="li"> Added ability to style row border color through the style config page <a href="https://github.com/nomadjimbob/mikio/issues/64" class="urlextern" title="https://github.com/nomadjimbob/mikio/issues/64">#64</a>. Thanks Elanndelh.</div> </li> <li class="level2"><div class="li"> Added option to make the left sidebar sticky. Requested by Wolfram.</div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_18"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[2024-05-03] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="section20240503" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="11988-12432" /><button type="submit" title="2024-05-03">Edit</button></div></form></div> <h3 class="sectionedit19" id="section20240209">2024-02-09</h3> <div class="level3"> <ul> <li class="level1"><div class="li"> Added support for DokuWiki Kaos</div> </li> <li class="level2"><div class="li"> Updated to support PHP 8.2</div> </li> <li class="level2"><div class="li"> Added access key support to page elements <a href="https://github.com/nomadjimbob/mikio/issues/64" class="urlextern" title="https://github.com/nomadjimbob/mikio/issues/64">#64</a>. Thanks rebeka-catalina.</div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_19"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[2024-02-09] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="section20240209" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="12433-12655" /><button type="submit" title="2024-02-09">Edit</button></div></form></div> <h3 class="sectionedit20" id="section20231212">2023-12-12</h3> <div class="level3"> <ul> <li class="level1"><div class="li"> <code>autoDarkLight</code> configuration setting will override user setting when <code>showDarkLight</code> is disabled <a href="https://github.com/nomadjimbob/mikio/issues/56" class="urlextern" title="https://github.com/nomadjimbob/mikio/issues/56">#56</a>.</div> </li> <li class="level1"><div class="li"> Cookies used in the template now use the upcoming <code>SameSite</code> requirement.</div> </li> <li class="level1"><div class="li"> Fixed snapshots not being detected and causing script loading issues <a href="https://github.com/nomadjimbob/mikio/issues/57" class="urlextern" title="https://github.com/nomadjimbob/mikio/issues/57">#57</a>. Thanks schplurtz.</div> </li> <li class="level1"><div class="li"> Updated the typescript library to support jQuery compatibility mode <a href="https://github.com/nomadjimbob/mikio/issues/57" class="urlextern" title="https://github.com/nomadjimbob/mikio/issues/57">#57</a>. Thanks schplurtz.</div> </li> <li class="level1"><div class="li"> Fixed bug in config for showNotifications not being a dropdown.</div> </li> <li class="level1"><div class="li"> Changed default value of showNotifications to <code>always</code> to reflect DokuWiki. <a href="https://github.com/nomadjimbob/mikio/issues/58" class="urlextern" title="https://github.com/nomadjimbob/mikio/issues/58">#58</a>. Thanks schplurtz.</div> </li> <li class="level1"><div class="li"> Fixed z-index bug with the sub navbar. <a href="https://github.com/nomadjimbob/mikio/issues/60" class="urlextern" title="https://github.com/nomadjimbob/mikio/issues/60">#60</a>. Thanks schplurtz.</div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_20"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[2023-12-12] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="section20231212" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="12656-13561" /><button type="submit" title="2023-12-12">Edit</button></div></form></div> <h3 class="sectionedit21" id="section20231211">2023-12-11</h3> <div class="level3"> <ul> <li class="level1"><div class="li"> Fixed bug with tags not correctly coloured. <a href="https://github.com/nomadjimbob/mikio/issues/59" class="urlextern" title="https://github.com/nomadjimbob/mikio/issues/59">#59</a>. Thanks WetenSchaap.</div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_21"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[2023-12-11] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="section20231211" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="13562-13709" /><button type="submit" title="2023-12-11">Edit</button></div></form></div> <h3 class="sectionedit22" id="section20231204">2023-12-04</h3> <div class="level3"> <ul> <li class="level1"><div class="li"> Added ability to customize the page footer info text.</div> </li> </ul> <p> You can view older change release notes on the <a href="https://github.com/nomadjimbob/mikio/" class="urlextern" title="https://github.com/nomadjimbob/mikio/">Github project page</a>. </p> </div> <div class="secedit editbutton_section editbutton_22"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[2023-12-04] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="section20231204" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="13710-13903" /><button type="submit" title="2023-12-04">Edit</button></div></form></div> <h2 class="sectionedit23" id="third_party_libraries">Third Party Libraries</h2> <div class="level2"> <p> This template uses a <a href="https://github.com/nomadjimbob/simple_html_dom" class="urlextern" title="https://github.com/nomadjimbob/simple_html_dom">modified version</a> of <a href="https://sourceforge.net/projects/simplehtmldom/" class="urlextern" title="https://sourceforge.net/projects/simplehtmldom/">simple_html_dom</a> </p> </div> <div class="secedit editbutton_section editbutton_23"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Third Party Libraries] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="third_party_libraries" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="13904-14100" /><button type="submit" title="Third Party Libraries">Edit</button></div></form></div> <h2 class="sectionedit24" id="support">Support</h2> <div class="level2"> <ul> <li class="level1"><div class="li"> If you think you have found a problem, or would like to see a feature, please <a href="https://github.com/nomadjimbob/mikio/issues" class="urlextern" title="https://github.com/nomadjimbob/mikio/issues">open an issue</a></div> </li> <li class="level1"><div class="li"> If you are a coder, feel free to create a pull request, but please be detailed about your changes!</div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_24"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Support] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="support" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="14101-14369" /><button type="submit" title="Support">Edit</button></div></form></div> <h2 class="sectionedit25" id="applause">Applause</h2> <div class="level2"> <p> This is really a modern, complete template, with very high flexibility and customizability. (Look at those options to customize for style.ini!) Also it's the first template I have seen with “Hero element” support. And there are quite a few positions to insert included pages as page/content header/footers. I appreciate the great work of the developer. — <a href="https://forum.dokuwiki.org/u/MilchFlasche" class="interwiki iw_user" title="https://forum.dokuwiki.org/u/MilchFlasche">milchflasche</a> <em>2020-07-30 03:42</em> </p> <blockquote><div class="no"> I have used this template in my two language learning sites: <a href="http://taigi123.ga/" class="urlextern" title="http://taigi123.ga/">http://taigi123.ga/</a> <a href="http://hakka123.ga/" class="urlextern" title="http://hakka123.ga/">http://hakka123.ga/</a> (written in some East Asian languages and Hanzi script) — <a href="https://forum.dokuwiki.org/u/MilchFlasche" class="interwiki iw_user" title="https://forum.dokuwiki.org/u/MilchFlasche">milchflasche</a> <em>2020-09-17 04:58</em></div></blockquote> </div> <div class="secedit editbutton_section editbutton_25"><form class="button btn_secedit" method="post" action="/template:mikio"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1733171574" /><input type="hidden" name="summary" value="[Applause] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="applause" /><input type="hidden" name="codeblockOffset" value="2" /><input type="hidden" name="range" value="14370-" /><button type="submit" title="Applause">Edit</button></div></form></div>  </div> <div class="docInfo"><bdi>template/mikio.txt</bdi> · Last modified: <time datetime="2024-12-02T21:32:54+0100">2024-12-02 21:32</time> by <bdi>2003:c7:a704:9a00:d595:2f65:e373:fce5</bdi></div> <hr class="a11y" /> </div></main>  <nav id="dokuwiki__pagetools" aria-labelledby="dokuwiki__pagetools__heading"> <h3 class="a11y" id="dokuwiki__pagetools__heading">Page Tools</h3> <div class="tools"> <ul> <li class="edit"><a href="/template:mikio?do=edit" title="Edit this page [e]" rel="nofollow" accesskey="e"><span>Edit this page</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg></a></li><li class="revs"><a href="/template:mikio?do=revisions" title="Old revisions [o]" rel="nofollow" accesskey="o"><span>Old revisions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 7v5.11l4.71 2.79.79-1.28-4-2.37V7m0-5C8.97 2 5.91 3.92 4.27 6.77L2 4.5V11h6.5L5.75 8.25C6.96 5.73 9.5 4 12.5 4a7.5 7.5 0 0 1 7.5 7.5 7.5 7.5 0 0 1-7.5 7.5c-3.27 0-6.03-2.09-7.06-5h-2.1c1.1 4.03 4.77 7 9.16 7 5.24 0 9.5-4.25 9.5-9.5A9.5 9.5 0 0 0 12.5 2z"/></svg></a></li><li class="backlink"><a href="/template:mikio?do=backlink" title="Backlinks" rel="nofollow"><span>Backlinks</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24m2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42z"/></svg></a></li><li class="top"><a href="#dokuwiki__top" title="Back to top [t]" rel="nofollow" accesskey="t"><span>Back to top</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12z"/></svg></a></li> </ul> </div> </nav> </div>  <footer id="dokuwiki__footer"><div class="pad"> <div class="license">Except where otherwise noted, content on this wiki is licensed under the following license: <bdi><a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license" class="urlextern">CC Attribution-Share Alike 4.0 International</a></bdi></div> <div class="buttons"> <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license"><img src="/lib/images/license/button/cc-by-sa.png" alt="CC Attribution-Share Alike 4.0 International" /></a> <a href="https://www.dokuwiki.org/donate" title="Donate" ><img src="/lib/tpl/dokuwiki/images/button-donate.gif" width="80" height="15" alt="Donate" /></a> <a href="https://php.net" title="Powered by PHP" ><img src="/lib/tpl/dokuwiki/images/button-php.gif" width="80" height="15" alt="Powered by PHP" /></a> <a href="//validator.w3.org/check/referer" title="Valid HTML5" ><img src="/lib/tpl/dokuwiki/images/button-html5.png" width="80" height="15" alt="Valid HTML5" /></a> <a href="//jigsaw.w3.org/css-validator/check/referer?profile=css3" title="Valid CSS" ><img src="/lib/tpl/dokuwiki/images/button-css.png" width="80" height="15" alt="Valid CSS" /></a> <a href="https://dokuwiki.org/" title="Driven by DokuWiki" ><img src="/lib/tpl/dokuwiki/images/button-dw.png" width="80" height="15" alt="Driven by DokuWiki" /></a> </div> <div style="margin-top: 2em; font-size:90%" class="dokuwiki"><div style="float:right"><a href="http://www.splitbrain.org/personal#imprint" style="float:right; text-decoration: none; color:#333">Imprint</a></div></div> <style type="text/css"> @media screen { body { padding-top: 30px; } #global__header { position: absolute; top: 0; left: 0; text-align: left; vertical-align: middle; line-height: 1.5; background-color: #333; box-shadow: 0 0 8px rgba(0,0,0,0.5); width: 100%; margin: 0; padding: 5px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; } #global__header h2 { position: absolute; left: -99999em; top: 0; overflow: hidden; display: inline; } #global__header ul, #global__header li { margin: 0; padding: 0; list-style: none; display: inline; line-height: 1.5; } #global__header a { color: #bbb; text-decoration: none; margin-right: 20px; font-size: 14px; font-weight: normal; } #global__header a:hover, #global__header a:active, #global__header a:focus { color: #fff; text-decoration: underline; } #global__header form { float: right; margin: 0 0 0 20px; } #global__header input { background-color: #333; background-image: none; border: 1px solid #bbb; color: #fff; box-shadow: none; border-radius: 2px; margin: 0; line-height: normal; padding: 1px 0 1px 0; height: auto; } #global__header input.button { border: none; color: #bbb; } #global__header input.button:hover, #global__header input.button:active, #global__header input.button:focus { color: #fff; text-decoration: underline; } } /* /@media */ @media only screen and (min-width: 601px) { /* changes specific for www.dokuwiki.org */ #dokuwiki__header { padding-top: 3em; } #dokuwiki__usertools { top: 3em; } /* changes specific for bugs.dokuwiki.org */ div#container div#showtask { top: 40px; } } /* /@media */ @media only screen and (max-width: 600px) { body { padding-top: 0; } #global__header { position: static; white-space: normal; overflow: auto; } #global__header form { float: none; display: block; margin: 0 0 .4em; } } /* /@media */ @media print { #global__header { display: none; } } /* /@media */ </style> <div id="global__header"> <h2>Global DokuWiki Links</h2> <form method="get" action="https://search.dokuwiki.org/" target="_top"> <input type="text" name="q" title="Search all DokuWiki sites at once" class="input" /> <input type="submit" title="Search all DokuWiki sites at once" value="Search" class="button" /> </form> <ul> <li><a href="https://download.dokuwiki.org" title="Download the latest release" target="_top">Download</a></li> <li><a href="https://www.dokuwiki.org" title="Read the DokuWiki documentation" target="_top">Wiki</a></li> <li><a href="https://forum.dokuwiki.org" title="Ask questions in the DokuWiki forum" target="_top">Forum</a></li> <li><a href="https://irc.dokuwiki.org" title="Check IRC chat logs or join the chat" target="_top">IRC</a></li> <li><a href="https://github.com/splitbrain/dokuwiki/issues" title="Report and track bugs" target="_top">Bugs</a></li> <li><a href="https://translate.dokuwiki.org/" title="Help translating the DokuWiki interface" target="_top">Translate</a></li> <li><a href="https://github.com/splitbrain/dokuwiki" title="Access the most recent git commits" target="_top">Git</a></li> <li><a href="https://xref.dokuwiki.org/reference/dokuwiki/" title="Cross-Reference of the DokuWiki source code" target="_top">XRef</a></li> <li><a href="https://codesearch.dokuwiki.org/" title="Search through the sources of DokuWiki, plugins and templates" target="_top">Code Search</a></li> </ul> </div>  </div></footer> </div></div> <div class="no"><img src="/lib/exe/taskrunner.php?id=template%3Amikio&1739813993" width="2" height="1" alt="" /></div> <div id="screen__mode" class="no"></div></body> </html>