1<?php 2/** 3 * DokuWiki Mikio Template Icons 4 * 5 * @link http://dokuwiki.org/template:mikio 6 * @author James Collins <james.collins@outlook.com.au> 7 * @license GPLv2 (http://www.gnu.org/licenses/gpl-2.0.html) 8 */ 9global $MIKIO_ICONS; 10 11/* 12 You can add custom icon libraries into this file and use them 13 with the theme. 14 15 - Copy the CSS and FONT files into its own folder inside the 16 icons folder 17 18 - Add an array to the $MIKIO_ICONS array with the following keys: 19 20 name this is the name used to identify the icon in the 21 <icon> tag 22 css the CSS file to load. If your icon collection has 23 subtypes (like FontAwesome 5), you can create 24 multiple entries with the same CSS file. The theme 25 will prevent duplicate loadings of CSS files. You can 26 also use CDN paths 27 insert what to insert in place of the icon tag. Use $1 to 28 tell the theme where to insert the icon-type specified 29 by the page content 30 31 The icon tag use can use on the DokuWiki page is: 32 33 <icon name icon-type[ extra]> 34 35 If no name is specified in the tag, the theme will use the first 36 entry in $MIKIO_ICONS 37 38 If a name is not found in the $MIKIO_ICONS array, the tag is 39 removed from the output 40 41 If you are using a SVG library, you can also use the extra parameters 42 of the icon tag. Each parameter (seperated by space) can be put 43 into the insert key as $2 - $9 44 45 If you include a key named as the parameter, if that parameter is 46 not defined in the icon tag, then this will be used as the 47 default value 48 49 An example below is the twbs svg icon library. The extra parameter 50 is used to define the svg fill color. You can use $0 for the URI 51 path to the icons folder (defined by the dir key) 52*/ 53 54/* Font Awesome 4 */ 55$MIKIO_ICONS[] = ['name' => 'fa', 'css' => 'fontawesome/css/all.min.css', 'insert' => '<i class="fa fa-$1"></i>']; 56 57/* Font Awesome 4 - CDN */ 58/* $MIKIO_ICONS[] = ['name' => 'fa', 'css' => 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css', 'insert' => '<i class="fa fa-$1"></i>']; */ 59 60/* Font Awesome 5 */ 61/* $fa5 = 'fontawesome5/css/all.min.css'; */ 62/* $MIKIO_ICONS[] = ['name' => 'fas', 'css' => $fa5, 'insert' => '<i class="fas fa-$1"></i>']; */ 63/* $MIKIO_ICONS[] = ['name' => 'far', 'css' => $fa5, 'insert' => '<i class="far fa-$1"></i>']; */ 64/* $MIKIO_ICONS[] = ['name' => 'fal', 'css' => $fa5, 'insert' => '<i class="fal fa-$1"></i>']; */ 65/* $MIKIO_ICONS[] = ['name' => 'fab', 'css' => $fa5, 'insert' => '<i class="fab fa-$1"></i>']; */ 66 67/* Font Awesome 5 - CDN */ 68/* $fa5 = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css'; */ 69/* $MIKIO_ICONS[] = ['name' => 'fas', 'css' => $fa5, 'insert' => '<i class="fas fa-$1"></i>']; */ 70/* $MIKIO_ICONS[] = ['name' => 'far', 'css' => $fa5, 'insert' => '<i class="far fa-$1"></i>']; */ 71/* $MIKIO_ICONS[] = ['name' => 'fal', 'css' => $fa5, 'insert' => '<i class="fal fa-$1"></i>']; */ 72/* $MIKIO_ICONS[] = ['name' => 'fab', 'css' => $fa5, 'insert' => '<i class="fab fa-$1"></i>']; */ 73 74/* Elusive 2 */ 75/* $MIKIO_ICONS[] = ['name' => 'el', 'css' => 'elusive/css/elusive-icons.min.css', 'insert' => '<i class="el el-$1"></i>']; */ 76 77/* Elusive 2 - CDN */ 78/* $MIKIO_ICONS[] = ['name' => 'el', 'css' => '//maxcdn.bootstrapcdn.com/elusive-icons/2.0.0/css/elusive-icons.min.css', 'insert' => '<i class="el el-$1"></i>']; */ 79 80/* TWBS - https://github.com/twbs/icons/releases */ 81/* $MIKIO_ICONS[] = [ 82 'name' => 'bi', 83 'dir' => 'bootstrap-icons', 84 'css' => 'bootstrap-icons/bi.css', 85 'insert' => '<span class="bi-icon" style="background-color:$2; mask-image:url($0svg/$1.svg); -webkit-mask-image:url($0svg/$1.svg);"></span>', 86 '$2' => 'black', 87]; */ 88 89?>