This page (revision-4) was last changed on 10-Apr-2020 20:05 by ajp2 

This page was created on 15-Apr-2018 18:47 by Dirk Frederickx

Only authorized users are allowed to rename pages.

Only authorized users are allowed to delete pages.

Version Date Modified Size Author Changes ... Change note
4 10-Apr-2020 20:05 4 KB ajp2 to previous
3 06-Jul-2019 09:20 4 KB Dirk Frederickx to previous | to last haddock is default template
2 19-Apr-2018 17:34 4 KB Dirk Frederickx to previous | to last
1 15-Apr-2018 18:47 3 KB Dirk Frederickx to last

Difference between version and

At line 2 removed one line
%%info.center
At line 4 removed 10 lines
[{If var='jspwiki.templateDir' is='haddock'
The [Haddock Template] is active. This page changes the logo of the site.
}]
[{If var='jspwiki.templateDir' is='!haddock'
Activate the [Haddock Template], to change the site logo with %~%add-css
}]
/%
At line 75 added 2 lines
Keep in mind that in the {{{background-image: url([logo-hi.png]);}}} line of code, logo-hi.png is an image attached to your page as explained on the [Add CSS Style] page.
At line 87 added one line
!!!One more thing: favicons.
At line 89 added 22 lines
The Favicon or Site Icon is the tiny image that appears next to your website title in the browser's tab.
This is default haddock favicon: %%(display:inline-block;) [How to change the site logo/favicon-16x16.png]/%
JSPWiki does not have a UI to change the favicon. Instead, the site Administrator can go to {{<jspwiki-root>/favicons}} and update its content, if needed.
You can use an online service like [https://realfavicongenerator.net/] to generate a set of favicon image files of different types and sizes, which can be dropped in the {{{/favicons}}} directory.
Following snippet from {{templates/haddock/commonheader.jsp}} shows you which favicon files are referenced by the [Haddock Template].
{{{
<%-- Generated by https://realfavicongenerator.net/ --%>
<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
<link rel="manifest" href="favicons/site.webmanifest">
<link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#da532c">
<link rel="shortcut icon" href="favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
}}}