89 lines
3.3 KiB
HTML
89 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="$lang$">
|
|
<head>
|
|
<title>$title$</title>
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="$desc$">
|
|
$if(author)$
|
|
<meta name="author" content="$author$">
|
|
$endif$
|
|
$if(keywords)$
|
|
<meta name="keywords" content="$keywords$">
|
|
$endif$
|
|
|
|
<meta property="og:site_name" content="$siteName$">
|
|
<meta property="og:title" content="$title$">
|
|
<meta property="og:url" content="$root$$url$">
|
|
<meta property="og:description" content="$desc$">
|
|
$if(image)$
|
|
<meta property="og:image" content="$root$$image$">
|
|
$endif$
|
|
$if(type)$
|
|
<meta property="og:type" content="$type$">
|
|
$else$
|
|
<meta property="og:type" content="website">
|
|
$endif$
|
|
|
|
<meta property="twitter:card" content="summary_large_image">
|
|
<meta property="twitter:site" content="$siteName$">
|
|
<meta property="twitter:title" content="$title$">
|
|
<meta property="twitter:description" content="$desc$">
|
|
$if(image)$
|
|
<meta property="twitter:image" content="$root$$image$">
|
|
$endif$
|
|
$if(authorTwitter)$
|
|
<meta property="twitter:creator" content="$authorTwitter$">
|
|
$endif$
|
|
|
|
<link rel="shortcut icon" href="/favicon.ico">
|
|
<link rel="canonical" href="$root$$url$">
|
|
<link rel="stylesheet" href="./css/default.css" />
|
|
<link rel="stylesheet" href="./css/styles.css" />
|
|
<link rel="stylesheet" href="./css/code.css" />
|
|
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/pure-min.css" integrity="sha384-Uu6IeWbM+gzNVXJcM9XV3SohHtmWE+3VGi496jvgX1jyvDTXfdK+rfZc8C1Aehk5" crossorigin="anonymous">
|
|
</head>
|
|
<body>
|
|
|
|
<div id="layout">
|
|
<!-- Menu toggle -->
|
|
<a href="#menu" id="menuLink" class="menu-link">
|
|
<!-- Hamburger icon -->
|
|
<span></span>
|
|
</a>
|
|
<div id="menu"> <div class="pure-menu">
|
|
<a class="pure-menu-heading" href="$root$">$siteName$</a>
|
|
|
|
<ul class="pure-menu-list">
|
|
<li class="pure-menu-item"><a href="#home" class="pure-menu-link">Home</a></li>
|
|
<li class="pure-menu-item"><a href="#about" class="pure-menu-link">About</a></li>
|
|
|
|
<li class="pure-menu-item menu-item-divided pure-menu-selected">
|
|
<a href="#" class="pure-menu-link">Services</a>
|
|
</li>
|
|
|
|
<li class="pure-menu-item"><a href="#contact" class="pure-menu-link">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="main">
|
|
<!-- <div class="header"> -->
|
|
<!-- <h1>Page Title</h1> -->
|
|
<!-- <h2>A subtitle for your page goes here</h2> -->
|
|
<!-- </div> -->
|
|
|
|
<!-- <div class="content"> -->
|
|
<!-- <h2 class="content-subhead">How to use this layout</h2> -->
|
|
<!-- <p> -->
|
|
<!-- To use this layout, you can just copy paste the HTML, along with the CSS in <a href="/layouts/side-menu/styles.css" alt="Side Menu CSS">side-menu.css</a>, and the JavaScript in <a href="/js/ui.js">ui.js</a>. The JS file uses vanilla JavaScript to simply toggle an <code>active</code> class that makes the menu responsive. -->
|
|
<!-- </p> -->
|
|
</div>
|
|
</div>
|
|
$body$
|
|
<script async src="./js/script.js"></script>
|
|
<script src="./js/ui.js"></script>
|
|
</body>
|
|
</html>
|