2020-09-22 04:03:52 +02:00
<!DOCTYPE html>
< html lang = "$lang$" >
< head >
< title > $title$< / title >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
2020-11-10 16:34:58 +01:00
< meta name = "description" content = "$desc$" >
2022-03-19 00:59:36 +01:00
2020-09-22 04:03:52 +02:00
$if(author)$
2022-03-19 00:59:36 +01:00
< meta name = "author" content = "$author$" >
2020-09-22 04:03:52 +02:00
$endif$
2022-03-19 00:59:36 +01:00
2020-09-22 04:03:52 +02:00
$if(keywords)$
2022-03-19 00:59:36 +01:00
< meta name = "keywords" content = "$keywords$" >
2020-09-22 04:03:52 +02:00
$endif$
< meta property = "og:site_name" content = "$siteName$" >
< meta property = "og:title" content = "$title$" >
< meta property = "og:url" content = "$root$$url$" >
2020-11-10 16:34:58 +01:00
< meta property = "og:description" content = "$desc$" >
2022-03-19 00:59:36 +01:00
2020-09-22 04:03:52 +02:00
$if(image)$
2022-03-19 00:59:36 +01:00
< meta property = "og:image" content = "$root$$image$" >
2020-09-22 04:03:52 +02:00
$endif$
2022-03-19 00:59:36 +01:00
2020-09-22 04:03:52 +02:00
$if(type)$
2022-03-19 00:59:36 +01:00
< meta property = "og:type" content = "$type$" >
2020-09-22 04:03:52 +02:00
$else$
2022-03-19 00:59:36 +01:00
< meta property = "og:type" content = "website" >
2020-09-22 04:03:52 +02:00
$endif$
< meta property = "twitter:card" content = "summary_large_image" >
< meta property = "twitter:site" content = "$siteName$" >
< meta property = "twitter:title" content = "$title$" >
2020-11-10 16:34:58 +01:00
< meta property = "twitter:description" content = "$desc$" >
2022-03-19 00:59:36 +01:00
2020-09-22 04:03:52 +02:00
$if(image)$
2022-03-19 00:59:36 +01:00
< meta property = "twitter:image" content = "$root$$image$" >
2020-09-22 04:03:52 +02:00
$endif$
2022-03-19 00:59:36 +01:00
<!-- $if(authorTwitter)$ -->
<!-- <meta property="twitter:creator" content="$authorTwitter$"> -->
<!-- $endif$ -->
2022-03-23 12:36:07 +01:00
< link rel = "shortcut icon" href = "/images/nani.svg" >
2020-09-22 04:03:52 +02:00
< link rel = "canonical" href = "$root$$url$" >
2022-03-19 00:59:36 +01:00
< link rel = "stylesheet" href = "$root$css/default.css" / >
< link rel = "stylesheet" href = "$root$css/styles.css" / >
< link rel = "stylesheet" href = "$root$css/code.css" / >
2022-03-13 22:34:31 +01:00
< link rel = "stylesheet" href = "https://unpkg.com/purecss@2.0.6/build/pure-min.css" integrity = "sha384-Uu6IeWbM+gzNVXJcM9XV3SohHtmWE+3VGi496jvgX1jyvDTXfdK+rfZc8C1Aehk5" crossorigin = "anonymous" >
2020-09-22 04:03:52 +02:00
< / head >
< body >
2022-03-13 22:34:31 +01:00
< 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" >
2022-03-23 12:36:07 +01:00
< a class = "pure-menu-heading" href = "/" > < img id = "navbar-image" class = "pure-image-responsive" src = "/images/header-nani.svg" / > < / a >
2022-03-13 22:34:31 +01:00
< ul class = "pure-menu-list" >
2022-03-19 00:59:36 +01:00
< li class = "pure-menu-item" > < a href = "$root$" class = "pure-menu-link" > Posts< / a > < / li >
< li class = "pure-menu-item" > < a href = "$root$" class = "pure-menu-link" > 成り立ち< / a > < / li >
2022-03-13 22:34:31 +01:00
2022-03-19 00:59:36 +01:00
<!-- <li class="pure - menu - item menu - item - divided pure - menu - selected"> -->
<!-- <a href="#" class="pure - menu - link">Services</a> -->
<!-- </li> -->
2022-03-13 22:34:31 +01:00
< li class = "pure-menu-item" > < a href = "#contact" class = "pure-menu-link" > Contact< / a > < / li >
2022-03-19 00:59:36 +01:00
< li class = "pure-menu-item menu-item-divided" > < a href = "https://git.nani.wtf" class = "pure-menu-link" > Git< / a > < / li >
< li class = "pure-menu-item" > < a href = "https://git.nani.wtf/h7x4/nani.wtf" class = "pure-menu-link" > Site source< / a > < / li >
2022-03-13 22:34:31 +01:00
< / 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 >
2022-03-19 00:59:36 +01:00
$body$
2020-09-23 03:58:16 +02:00
< script async src = "./js/script.js" > < / script >
2022-03-13 22:34:31 +01:00
< script src = "./js/ui.js" > < / script >
2020-09-22 04:03:52 +02:00
< / body >
< / html >