<div dir="ltr">Thankyou Petko, this is excellent news.<div>I look forward to the release.</div><div><br></div><div>Simon</div></div><div class="gmail_extra"><br clear="all"><div><div class="gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div>____<br><a href="http://kiwiwiki.nz" target="_blank"><font size="1">http://kiwiwiki.nz</font></a></div></div></div></div>
<br><div class="gmail_quote">On 27 April 2017 at 10:45, Petko Yotov <span dir="ltr"><<a href="mailto:5ko@5ko.fr" target="_blank">5ko@5ko.fr</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Hello,<br>
<br>
In the last few days I've been working on the responsive skin for the core, based on the 2016 skin.[*]<br>
<br>
It is now added to subversion and will be in 2.2.98. You can get it with the pre-release archive here:<br>
<a href="http://www.pmwiki.org/wiki/PmWiki/Subversion" rel="noreferrer" target="_blank">http://www.pmwiki.org/wiki/PmW<wbr>iki/Subversion</a><br>
<br>
It will NOT be enabled by default in the default installation, but I've enabled it on the <a href="http://pmwiki.org" rel="noreferrer" target="_blank">pmwiki.org</a> website so that more people can test it and report any problems.<br>
<br>
I'll have to better document it but here are the changes from the last release of the 2016 skin:<br>
<br>
1. The function that allows to print header and footer sections of the skin from wiki pages changed to make the template appear less complex to newcomers: this is always a goal for PmWiki and I wasn't happy with how the 2016 skin did it.<br>
<br>
Now the full HTML snippet moved from the php script back to the html template for people to easily find it. A slightly different function looks for the section from the wiki page, and if there is one, the template section is disabled.<br>
<br>
2. In mobile view, when the menu, search form and actions block are open, the background is faded. This helps focusing your view on the open block. This does not require JavaScript to work.<br>
<br>
When you click out of the open block, on the background, any open blocks are closed. This uses JavaScript, but when unavailable, you can still close the open block by clicking on the large red X icon, like before.<br>
<br>
3. The minimum width for the "desktop" layout increased to 38em (about 600px) which allows some 7-inch tablets and large phones to switch the layout from desktop to mobile by rotating the device in portrait or landscape orientation.<br>
<br>
4. The header and footer in mobile mode are now the same light gray background as in the desktop mode (instead of white). Inversely, the popups with the menu, search form and page actions have now white background.<br>
<br>
5. Some cleanup was done to the CSS, a scrollbar could sometimes appear at the bottom of the SideBar, a pixel here or there, a README file was added.<br>
<br>
As before, the JavaScript used by the skin is minimal, without dependencies, and only cosmetic: the wiki will look nice and be very usable even with JavaScript disabled.<br>
<br>
Having a mobile-friendly layout reportedly increases the chance search engines will list your site to visitors on mobile devices.<br>
<br>
I've been using the 2016 skin daily, for several months, but I'll appreciate if you can test it and report any problems, inconsistencies or if you have ideas for improvements. You can browse PmWiki.org, or enable the skin on your wiki. Test/review also if it works as expected with any recipes/modules.<br>
<br>
The new skin should ship with the next release due in a few days, but we can improve it further.<br>
<br>
The discussion can continue here:<br>
<br>
<a href="http://www.pmwiki.org/wiki/PITS/01406" rel="noreferrer" target="_blank">http://www.pmwiki.org/wiki/PIT<wbr>S/01406</a><br>
<br>
(or if you prefer, the mailing list).<br>
<br>
Petko<br>
<br>
[*] <a href="http://www.pmwiki.org/wiki/Skins/2016" rel="noreferrer" target="_blank">http://www.pmwiki.org/wiki/Ski<wbr>ns/2016</a><span class="HOEnZb"><font color="#888888"><br>
-- <br>
Change log : <a href="http://www.pmwiki.org/wiki/PmWiki/ChangeLog" rel="noreferrer" target="_blank">http://www.pmwiki.org/wiki/PmW<wbr>iki/ChangeLog</a><br>
Release notes : <a href="http://www.pmwiki.org/wiki/PmWiki/ReleaseNotes" rel="noreferrer" target="_blank">http://www.pmwiki.org/wiki/PmW<wbr>iki/ReleaseNotes</a><br>
If you upgrade : <a href="http://www.pmwiki.org/wiki/PmWiki/Upgrades" rel="noreferrer" target="_blank">http://www.pmwiki.org/wiki/PmW<wbr>iki/Upgrades</a><br>
<br>
______________________________<wbr>_________________<br>
pmwiki-users mailing list<br>
<a href="mailto:pmwiki-users@pmichaud.com" target="_blank">pmwiki-users@pmichaud.com</a><br>
<a href="http://www.pmichaud.com/mailman/listinfo/pmwiki-users" rel="noreferrer" target="_blank">http://www.pmichaud.com/mailma<wbr>n/listinfo/pmwiki-users</a><br>
</font></span></blockquote></div><br></div>