oysteikt/nani.wtf
1
0
Fork 0
Code Issues Pull Requests Activity

Add support for rendering furigana

Browse Source
This commit is contained in:
Oystein Kristoffer Tveit
2022-03-19 00:59:36 +01:00
parent 9854cfd60f
commit 1030977dfd
11 changed files with 189 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.html
+25 -12
View File
@@ -1,13 +1,13 @@
---
desc: "This is me saying hello to the world"
desc: "Nani.wtf homepage"
image: "./images/robert-pearce-UwHN0jU_YqQ-unsplash-800w.jpg"
lang: "en"
stylesheet: "default"
title: "Hello, world!"
title: "Nani"
---
<header class="header">
<h1>Hello, world!</h1>
<h1>Welcome to nani.wtf</h1>
<img
alt="A woman sitting on a bench amongst trees at the end of a boardwalk leading to a pond with mountains in the background"
src="./images/robert-pearce-UwHN0jU_YqQ-unsplash-800w.jpg"
@@ -16,14 +16,27 @@ title: "Hello, world!"
</header>
<main>
<section class="content">
<h2>Blog Posts</h2>
<ul>
$for(posts)$
<li>
<div><a href=".$url$">$title$</a></div>
<small>$date$</small>
</li>
$endfor$
</ul>
<div class="pure-g">
<div class="pure-u-1-2 pure-u-md-1-2">
<h2>Posts</h2>
<ul>
$for(posts)$
<li>
<div><a href=".$url$">$title$</a></div>
<small>$date$</small>
</li>
$endfor$
</ul>
</div>
<div class="pure-u-1-2 pure-u-md-1-2">
<h2>成り立ち</h2>
<ul>
$for(naritachi)$
<li>
<div><a href=".$url$">$title$</a></div>
</li>
$endfor$
</ul>
</div>
</section>
</main>
src/naritachi/suru.md
+9
View File
@@ -0,0 +1,9 @@
---
desc: "I announce myself to the world"
keywords: "japanese, naritachi, grammar"
lang: "en"
updated: "2020-09-22T12:00:00Z"
title: "[為](す)る"
---
suru
src/templates/default.html
+30 -20
View File
@@ -6,42 +6,48 @@
<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$">
<meta name="author" content="$author$">
$endif$
$if(keywords)$
<meta name="keywords" content="$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$">
<meta property="og:image" content="$root$$image$">
$endif$
$if(type)$
<meta property="og:type" content="$type$">
<meta property="og:type" content="$type$">
$else$
<meta property="og:type" content="website">
<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$">
<meta property="twitter:image" content="$root$$image$">
$endif$
<link rel="shortcut icon" href="/favicon.ico">
<!-- $if(authorTwitter)$ -->
<!-- <meta property="twitter:creator" content="$authorTwitter$"> -->
<!-- $endif$ -->
<link rel="shortcut icon" href="$root$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="$root$css/default.css" />
<link rel="stylesheet" href="$root$css/styles.css" />
<link rel="stylesheet" href="$root$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>
@@ -56,14 +62,16 @@
<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="$root$" class="pure-menu-link">Posts</a></li>
<li class="pure-menu-item"><a href="$root$" class="pure-menu-link">成り立ち</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>
<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>
</ul>
</div>
</div>
@@ -81,7 +89,9 @@
<!-- </p> -->
</div>
</div>
$body$
$body$
<script async src="./js/script.js"></script>
<script src="./js/ui.js"></script>
</body>
src/templates/naritachi.html
+20
View File
@@ -0,0 +1,20 @@
<main>
<article>
<header class="header">
<h1>$titleHtml$</h1>
<div>
$if(updated)$
<small>(updated: $updated$)</small>
$endif$
</div>
$if(alternative_writings)$
<div>
$alternative_writings$
</div>
$endif$
</header>
<section class="content">
$body$
</section>
</article>
</main>
src/templates/post.html
+4 -6
View File
@@ -1,17 +1,15 @@
<main>
<article>
<header>
<h1>
<a href=".$url$">$title$</a>
</h1>
<header class="header">
<h1>$title$</h1>
<div>
<small>$date$</small>
$if(updated)$
<small>(updated: $updated$)</small>
<small>(updated: $updated$)</small>
$endif$
</div>
</header>
<section>
<section class="content">
$body$
</section>
</article>