zpt
Version:
Zenon Page Templates - JS (ZPT-JS)
104 lines (97 loc) • 4.8 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>Templates of ZPT-JS web</title>
</head>
<body>
<header data-define-macro="header">
<nav class="menu" data-define="prefix context/getConf()/externalMacroPrefixURL;
pathname window/location/pathname">
<ul class="leftPart">
<li>
<a href="/"
title="Home page"
data-attributes="href string:${prefix};
class cond: (in: pathname prefix) 'selected' ''">ZPT-JS</a>
</li>
</ul>
<div class="centerPart">
<ul>
<li>
<a href="/tutorial/index.html"
title="Articles with demos"
data-attributes="href string:${prefix}tutorial/index.html;
class cond: (pathname/startsWith(string:${prefix}tutorial/)) 'selected' ''">Tutorial</a>
</li>
<li>
<a href="/reference/index.html"
title="Complete ZPT-JS reference documentation. Includes all methods, events, options and more."
data-attributes="href string:${prefix}reference/index.html;
class cond: (pathname/startsWith(string:${prefix}reference/)) 'selected' ''">Reference</a>
</li>
<li>
<a href="/zpt-jsVsZpt.html"
title="In-depth comparison"
data-attributes="href string:${prefix}zpt-jsVsZpt.html;
class cond: (pathname/startsWith(string:${prefix}zpt-jsVsZpt.html)) 'selected' ''">ZPT-JS vs ZPT</a>
</li>
<li>
<a href="/download.html"
title="Download and install instructions"
data-attributes="href string:${prefix}download.html;
class cond: (pathname/startsWith(string:${prefix}download.html)) 'selected' ''">Download</a>
</li>
</ul>
</div>
<ul class="rightPart">
<li>
<a href="/changes.html"
title="A list of changes on all ZPT-JS versions"
data-attributes="href string:${prefix}changes.html;
class cond: (pathname/startsWith(string:${prefix}changes.html)) 'selected' ''"><span data-content="versionNumber">0.32.0</span> (<span data-content="versionDate">25 April 2019</span>)</a>
</li>
</ul>
</nav>
</header>
<footer data-define-macro="footer">
<p class="smallerFooter">
Code license: <a href="https://www.gnu.org/licenses/lgpl-3.0.en.html">LGPL 3</a><br>
Header texture: Free for commercial use with attribution
<a href="https://www.freepik.com/free-vector/seamless-pattern_2403529.htm">Designed by visnezh / Freepik</a>
</p>
</footer>
<footer data-define-macro="tutorialFooter">
<p class="linkButton">
<a href="index.html" title="Continue tutorial">Continue tutorial</a>
</p>
<div data-use-macro="'footer'">
<!-- The footer -->
</div>
</footer>
<footer data-define-macro="referenceFooter">
<p class="linkButton">
<a href="index.html" title="Continue reference">Continue reference</a>
</p>
<div data-use-macro="'footer'">
<!-- The footer -->
</div>
</footer>
<div data-define-macro="page">
<div data-use-macro="'header'">
<!-- The header -->
</div>
<div class="header1Div">
<div data-define-slot="page-header">
<!-- The page header -->
</div>
</div>
<article data-define-slot="article">
<!-- The article -->
</article>
<div data-use-macro="footer-macro">
<!-- The footer -->
</div>
</div>
</body>
</html>