Merge pull request #1 from yuma140902/tempura-0.4

tempura 0.4

src/pages/apps/index.md → src/apps/index.md

@@ -1,10 +1,9 @@
 ---
-# vim: set foldmethod=marker :
 title: "ウェブアプリ一覧"
 fullContentWidth: false
 hideTitle: false
 head: |
-  <link href="/works.css" rel="stylesheet" />
+  <link href="/{{resolve '../works.css'}}" rel="stylesheet" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
 ---
 
@@ -17,39 +16,33 @@ head: |
 <a class="card" href="/web-image-editor" target="_blank">
 
 ### ブラウザ上で画像編集 - Web Image Editor
-<!-- {{{ -->
 
 <div class="badges">
     <img src="https://img.shields.io/github/deployments/yuma140902/web-image-editor/github-pages?logo=github&label=Deployment" />
 </div>
 <div class="hero">
-    <img src="/works/img/web-image-editor.png" />
+    <img src="/{{resolve '../works/img/web-image-editor.png'}}" />
 </div>
 
 </a>
-<!-- }}}-------------------------------------------------------------------------------- -->
-<a class="card" href="/webtools/diff.html" target="_blank">
+<a class="card" href="/{{resolve '../webtools/diff.html'}}" target="_blank">
 
 ### 2つの文字列の差分を表示 - Diff Tool
-<!-- {{{ -->
 
 <div class="badges">
     <img src="https://img.shields.io/github/deployments/yuma140902/yuma140902.github.io/github-pages?logo=github&label=Deployment" />
 </div>
 
 </a>
-<!-- }}}-------------------------------------------------------------------------------- -->
-<a class="card" href="/webtools/csv2tex.html" target="_blank">
+<a class="card" href="/{{resolve '../webtools/csv2tex.html'}}" target="_blank">
 
 ### エクセルの表をLaTeX形式に変換 - CSV to LaTeX
-<!-- {{{ -->
 
 <div class="badges">
     <img src="https://img.shields.io/github/deployments/yuma140902/yuma140902.github.io/github-pages?logo=github&label=Deployment" />
 </div>
 
 </a>
-<!-- }}}-------------------------------------------------------------------------------- -->
 
 </div>
 
@@ -61,129 +54,107 @@ head: |
 <a class="card" href="/regend-webui" target="_blank">
 
 ### 正規表現をDFAに変換 - Regend WebUI
-<!-- {{{ -->
 
 <div class="badges">
     <img src="https://img.shields.io/github/deployments/yuma140902/regend-webui/github-pages?logo=github&label=Deployment" />
 </div>
 
 <div class="hero">
-    <img src="/works/img/regend.gif" />
+    <img src="/{{resolve '../works/img/regend.gif'}}" />
 </div>
 
 </a>
-<!-- }}}-------------------------------------------------------------------------------- -->
 
-<a class="card" href="/webtools/sort.html" target="_blank">
+<a class="card" href="/{{resolve '../webtools/sort.html'}}" target="_blank">
 
 ### ソートアルゴリズムを可視化 - Sort Visualizer
-<!-- {{{ -->
 
 <div class="badges">
     <img src="https://img.shields.io/github/deployments/yuma140902/yuma140902.github.io/github-pages?logo=github&label=Deployment" />
 </div>
 
 </a>
-<!-- }}}-------------------------------------------------------------------------------- -->
 <a class="card" href="/dotfiles-public/" target="_blank">
 
 ### Neovimのベンチマーク
-<!-- {{{ -->
 
 <div class="badges">
     <img src="https://img.shields.io/github/deployments/yuma140902/dotfiles-public/github-pages?logo=github&label=Deployment" />
 </div>
 
 </a>
-<!-- }}}-------------------------------------------------------------------------------- -->
 <a class="card" href="/tempura-doc/" target="_blank">
 
 ### Tempuraの公式ドキュメント(書きかけ) - tempura-doc
-<!-- {{{ -->
 
 <div class="badges">
     <img src="https://img.shields.io/github/deployments/yuma140902/tempura-doc/github-pages?logo=github&label=Deployment" />
 </div>
 
 </a>
-<!-- }}}-------------------------------------------------------------------------------- -->
 <a class="card" href="/tempura-example/sample.html" target="_blank">
 
 ### Tempuraの実行例 - tempura-example
-<!-- {{{ -->
 
 <div class="badges">
     <img src="https://img.shields.io/github/deployments/yuma140902/tempura-example/github-pages?logo=github&label=Deployment" />
 </div>
 
 </a>
-<!-- }}}-------------------------------------------------------------------------------- -->
 <a class="card" href="https://git.yuma14.net/eos" target="_blank">
 
 ### Giteaインスタンス終了のお知らせ
-<!-- {{{ -->
 
 <div class="badges">
     <img src="https://img.shields.io/badge/Cloudflare-Pages-blue?logo=cloudflarepages" />
 </div>
 
 </a>
-<!-- }}}-------------------------------------------------------------------------------- -->
 <a class="card" href="https://cloud.yuma14.net/eos" target="_blank">
 
 ### Nextcloudインスタンス終了のお知らせ
-<!-- {{{ -->
 
 <div class="badges">
     <img src="https://img.shields.io/badge/Cloudflare-Pages-blue?logo=cloudflarepages" />
 </div>
 
 </a>
-<!-- }}}-------------------------------------------------------------------------------- -->
 <a class="card" href="/sanmoku-next-js/" target="_blank">
 
 ### Next.jsで実装された三目並べ - sanmoku-next-js
-<!-- {{{ -->
 
 <div class="badges">
     <img src="https://img.shields.io/github/deployments/yuma140902/sanmoku-next-js/github-pages?logo=github&label=Deployment" />
 </div>
 
 </a>
-<!-- }}}-------------------------------------------------------------------------------- -->
 <a class="card" href="/gomoku-react/" target="_blank">
 
 ### Reactで実装された五目並べ - gomoku-react
-<!-- {{{ -->
 
 <div class="badges">
     <img src="https://img.shields.io/github/deployments/yuma140902/gomoku-react/github-pages?logo=github&label=Deployment" />
 </div>
 
 </a>
-<!-- }}}-------------------------------------------------------------------------------- -->
 <a class="card" href="/gomoku-blazor/" target="_blank">
 
 ### Blazorで実装された五目並べ - gomoku-blazor
-<!-- {{{ -->
 
 <div class="badges">
     <img src="https://img.shields.io/github/deployments/yuma140902/gomoku-blazor/github-pages?logo=github&label=Deployment" />
 </div>
 
 </a>
-<!-- }}}-------------------------------------------------------------------------------- -->
 <a class="card" href="/gomoku-elm/" target="_blank">
 
 ### Elmで実装された五目並べ - gomoku-elm
-<!-- {{{ -->
 
 <div class="badges">
     <img src="https://img.shields.io/github/deployments/yuma140902/gomoku-elm/github-pages?logo=github&label=Deployment" />
 </div>
 
 </a>
-<!-- }}}-------------------------------------------------------------------------------- -->
 
 </div>
 

src/pages/index.md → src/index.md

@@ -2,11 +2,10 @@
 title: "ホーム"
 hideTitle: true
 head: |
-    <link href="/top.css" rel="stylesheet" />
+    <link href="/{{resolve 'top.css'}}" rel="stylesheet" />
 og:
     image:
-        url: https://yuma14.net/ogp.png
-        type: image/png
+        url: https://yuma14.net/{{resolve 'ogp.png'}}
         width: 1200
         height: 630
     title: yuma14.net
@@ -22,33 +21,33 @@ og:
 </div>
 </a>
 
-<a class="card" href="/works">
+<a class="card" href="/works/">
 <h2>Projects</h2>
 <div id="works-showcase">
 <div>
-<img src="./works/img/reverie.png" />
-<img src="./works/img/uptodatemod.png" />
-<img src="./works/img/rustycraft.png" />
-<img src="./works/img/webtools.png" />
-<img src="./works/img/dotfiles.png" />
-<img src="./works/img/mcresourcepackutil.png" />
-<img src="./works/img/tempura.png" />
-<img src="./works/img/compare_cost.png" />
+<img src="{{resolve './works/img/reverie.png'}}" />
+<img src="{{resolve './works/img/uptodatemod.png'}}" />
+<img src="{{resolve './works/img/rustycraft.png'}}" />
+<img src="{{resolve './works/img/webtools.png'}}" />
+<img src="{{resolve './works/img/dotfiles.png'}}" />
+<img src="{{resolve './works/img/mcresourcepackutil.png'}}" />
+<img src="{{resolve './works/img/tempura.png'}}" />
+<img src="{{resolve './works/img/compare_cost.png'}}" />
 </div>
 </div>
 </a>
 
-<a class="card" href="/apps">
+<a class="card" href="/apps/">
 <h2>ウェブアプリ</h2>
 <p>このサイトで公開しているウェブアプリの一覧</p>
 <div id="apps-showcase">
 <div>
-<img src="./works/img/web-image-editor.png" />
+<img src="{{resolve './works/img/web-image-editor.png'}}" />
 </div>
 </div>
 </a>
 
-<a class="card" href="/services">
+<a class="card" href="/services/">
 <h2>サービス一覧</h2>
 <p>運営しているサービス一覧</p>
 </a>

src/templates/page.html.hbs

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width" />
-    <link rel="stylesheet" href="{{resolve "style.css"}}" type="text/css" media="all">
+    <link rel="stylesheet" href="/{{resolve "../style.css"}}" type="text/css" media="all">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,0,0" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
     {{{front.head}}}