template:mikio
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
template:mikio [2020-07-15 09:13] – nomadjimbob | template:mikio [2024-04-19 09:04] (current) – old revision restored (2024-03-03 17:05) Aleksandr | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== | + | ====== |
---- template ---- | ---- template ---- | ||
- | description | + | description |
author | author | ||
email : james.collins@outlook.com.au | email : james.collins@outlook.com.au | ||
- | lastupdate_dt : 2020-07-16 | + | lastupdate_dt : 2024-02-09 |
- | compatible | + | compatible |
depends | depends | ||
conflicts | conflicts | ||
similar | similar | ||
- | screenshot_img: | + | screenshot_img: |
- | tags : bootstrap, responsive, sidebar, modern, clean | + | tags : bootstrap, responsive, sidebar, modern, clean, css3, customizable, |
downloadurl | downloadurl | ||
Line 17: | Line 17: | ||
sourcerepo | sourcerepo | ||
---- | ---- | ||
+ | |||
===== Features ===== | ===== Features ===== | ||
- | |||
* [[http:// | * [[http:// | ||
Line 28: | Line 28: | ||
* Icon support | * Icon support | ||
* Customizable breadcrumbs | * Customizable breadcrumbs | ||
- | * Subtheming | + | * Theming |
* Tags plugin support | * Tags plugin support | ||
+ | * Translate plugin support | ||
* Mobile friendly | * Mobile friendly | ||
+ | * Typeahead search support | ||
+ | * Dark mode | ||
+ | |||
+ | ===== Breadcrumb/ | ||
+ | |||
+ | * 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. **Breadcrumbs and You Are Here options may have reset** | ||
Line 36: | Line 43: | ||
* '' | * '' | ||
- | * '' | + | * '' |
- | | + | |
+ | * '' | ||
* '' | * '' | ||
* '' | * '' | ||
Line 52: | Line 60: | ||
* '' | * '' | ||
+ | * '' | ||
* '' | * '' | ||
Line 61: | Line 70: | ||
* '' | * '' | ||
* '' | * '' | ||
- | * '' | + | * '' |
* '' | * '' | ||
* '' | * '' | ||
* '' | * '' | ||
- | * '' | + | * '' |
* '' | * '' | ||
Line 79: | Line 88: | ||
* '' | * '' | ||
- | * '' | + | * '' |
* '' | * '' | ||
Line 91: | Line 100: | ||
===== Include Pages ===== | ===== Include Pages ===== | ||
- | The following pages can be either html files in the root of the theme or a page in the namespace. Namespace pages take priority. | + | The following pages can be either html files in the root of the template |
* '' | * '' | ||
Line 107: | Line 116: | ||
===== Include Images ===== | ===== Include Images ===== | ||
- | The following images can be used to replace content in the theme. Images can be in the root of the theme or in the namespace. Images can be either png, jpg, gif or svg. | + | The following images can be used to replace content in the template. Images can be in `TEMPLATE_ROOT/ |
* '' | * '' | ||
Line 123: | Line 132: | ||
Namespaces can also apply the above hero settings in child pages by including the above settings in a page named '' | Namespaces can also apply the above hero settings in child pages by including the above settings in a page named '' | ||
+ | |||
+ | If the page title is not being displayed in the Hero, make sure that you have correctly set the DokuWiki [[config: | ||
+ | |||
+ | |||
+ | ===== Hiding Elements ===== | ||
+ | |||
+ | Mikio now supports hiding elements using the '' | ||
+ | |||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | |||
+ | To hide the topheader, navbar and hero, you would use the macro '' | ||
Line 129: | Line 160: | ||
* Mikio includes an icon engine that allows you to include icons in your pages by using <icon OPTIONS> in your content | * Mikio includes an icon engine that allows you to include icons in your pages by using <icon OPTIONS> in your content | ||
* If the icon tag conflicts with another plugin, you can change the tag from '' | * If the icon tag conflicts with another plugin, you can change the tag from '' | ||
- | * By default, Mikio enables FontAwesome 4 by also includes FontAwesome 5, Elusive 2 and Bootstrap Icons which can be enabled by uncommenting their inclusions in ''/ | + | * 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 ''/ |
- | Users can also add their own icon sets into the theme. Supported icon sets can either be webfonts or indivial | + | Users can also add their own icon sets to the template. Supported icon sets can either be webfonts or individual |
- | ===== Subthemes | + | ===== Themes |
- | Subthemes | + | Themes |
+ | |||
+ | |||
+ | ===== Dark Mode ===== | ||
+ | |||
+ | 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`; | ||
+ | |||
+ | You can detect this in CSS using: | ||
+ | |||
+ | < | ||
+ | : | ||
+ | // CSS selectors here | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | or in Javascript using: | ||
+ | |||
+ | < | ||
+ | const html = document.querySelector(' | ||
+ | if(html.dataset.theme == ' | ||
+ | // ... | ||
+ | } | ||
+ | </ | ||
===== Mikio Plugin ===== | ===== Mikio Plugin ===== | ||
- | The [[https:// | + | The [[plugin: |
+ | If the plugin is installed, the **Template Styles Settings** page will be expanded to allow directly editing the plugin element styling. | ||
===== Languages ===== | ===== Languages ===== | ||
Line 153: | Line 207: | ||
===== Releases ===== | ===== Releases ===== | ||
- | ==== 2020-07-16 ==== | + | ==== 2024-02-09 ==== |
- | | + | |
- | * Fixed mediamanager failures on 2018-04-22a " | + | * Updated to support PHP 8.2 |
- | * Icon tag is rendered correctly in preview | + | * Added access key support to page elements |
- | ==== 2020-07-15 ==== | ||
- | * Fixed an issue with the simple_html_dom library when editing a section of a page caused page corruption [[https:// | + | ==== 2023-12-12 ==== |
+ | * '' | ||
+ | * Cookies used in the template now use the upcoming '' | ||
+ | * Fixed snapshots not being detected and causing script loading issues [[https:// | ||
+ | * Updated the typescript library to support jQuery compatibility mode [[https:// | ||
+ | * Fixed bug in config for showNotifications not being a dropdown. | ||
+ | * Changed default value of showNotifications to '' | ||
+ | * Fixed z-index bug with the sub navbar. [[https:// | ||
- | ==== 2020-07-14 ==== | + | ==== 2023-12-11 ==== |
- | | + | * Fixed bug with tags not correctly coloured. [[https:// |
- | * Added styling and fixed overflow issues | + | |
- | * Fixed page width overflow | + | |
- | ==== 2020-07-09 ==== | + | ==== 2023-12-04 ==== |
- | | + | * Added ability to customize the page footer info text. |
- | ==== 2020-07-07 ==== | + | ==== 2023-10-30 ==== |
+ | * Added support for the FastWiki plugin. Requested by kjumybit. | ||
+ | * Fixed panels on the Administration page sometimes showing dots as part of the name. | ||
- | * Initial release | ||
+ | You can view older change release notes on the [[https:// | ||
===== Third Party Libraries ===== | ===== Third Party Libraries ===== | ||
- | This theme uses a [[https:// | + | This template |
Line 188: | Line 248: | ||
* If you think you have found a problem, or would like to see a feature, please [[https:// | * If you think you have found a problem, or would like to see a feature, please [[https:// | ||
* If you are a coder, feel free to create a pull request, but please be detailed about your changes! | * If you are a coder, feel free to create a pull request, but please be detailed about your changes! | ||
+ | |||
+ | ===== Applause ===== | ||
+ | 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" | ||
+ | > I have used this template in my two language learning sites: http:// | ||
template/mikio.1594797207.txt.gz · Last modified: 2020-07-15 09:13 by nomadjimbob