Neo

binder.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.8.1",
-  "name": "ブログ",
+  "version": "0.9.1",
+  "name": "A home-cooked move",
   "detail": "secondarykey の開発日誌です。"
 }

db/assets.csv

@@ -1,2 +1,3 @@
-id,binary,created_date,created_user,updated_date,updated_user
-019d0f65-27ad-715b-81bf-60fcf4393586,true,2026-03-21T16:56:20.7821873+09:00,user,2026-03-21T16:57:19.8166889+09:00,user
+id,binary,mime,created_date,created_user,updated_date,updated_user
+019d0f65-27ad-715b-81bf-60fcf4393586,true,image/png,2026-03-21T16:56:20.7821873+09:00,user,2026-03-23T02:24:52.7734598+09:00,user
+019d1312-45d6-7993-81bc-8b4688cc4c32,true,image/png,2026-03-22T10:04:17.8796593+09:00,user,2026-03-23T02:25:00.4810911+09:00,user

db/notes.csv

@@ -1,6 +1,5 @@
 id,layout_template,content_template,created_date,created_user,updated_date,updated_user
 index,layout,index,2026-03-21T16:23:07.7503334+09:00,user,2026-03-21T16:28:55.7654234+09:00,user
-019d0f46-be68-7da2-94d9-c193f40d087b,layout,content,2026-03-21T16:23:07.7611858+09:00,user,2026-03-21T16:28:38.1170102+09:00,user
-019d0f4c-7959-7e80-a80f-4332f022cda6,layout,content,2026-03-21T16:29:23.293039+09:00,user,2026-03-21T16:29:26.9628671+09:00,user
-019d0f4c-9463-7348-b29e-1fd92f2e25c0,layout,content,2026-03-21T16:29:30.2148067+09:00,user,0001-01-01T00:00:00Z,
-019d0f4d-2602-7c06-a146-ec8afe3c6fae,layout,content,2026-03-21T16:30:07.4944613+09:00,user,2026-03-21T16:30:24.2653803+09:00,user
+019d0f46-be68-7da2-94d9-c193f40d087b,layout,content,2026-03-21T16:23:07.7611858+09:00,user,2026-03-27T11:33:38.2833608+09:00,user
+019d0f4c-7959-7e80-a80f-4332f022cda6,layout,019d1474-f0a9-7a25-a1cf-9c190f5c2ac4,2026-03-21T16:29:23.293039+09:00,user,2026-03-22T16:32:17.3686268+09:00,user
+019d0f4d-2602-7c06-a146-ec8afe3c6fae,layout,019d1474-f0a9-7a25-a1cf-9c190f5c2ac4,2026-03-21T16:30:07.4944613+09:00,user,2026-03-22T16:32:08.6334009+09:00,user

db/structures.csv

@@ -1,8 +1,8 @@
 id,parent_id,seq,type,name,detail,alias,publish_date,republish_date,created_date,created_user,updated_date,updated_user
-index,,1,note,トップページ,,index,2026-03-22T06:22:47.430225+09:00,2026-03-22T06:22:47.430225+09:00,2026-03-21T16:23:07.751865+09:00,user,2026-03-22T06:22:47.430225+09:00,user
-019d0f46-be68-7da2-94d9-c193f40d087b,019d0f4d-2602-7c06-a146-ec8afe3c6fae,1,note,ことのはじまり,,019d0f46-be68-7da2-94d9-c193f40d087b,2026-03-22T06:22:47.4951351+09:00,2026-03-22T07:08:02.5653794+09:00,2026-03-21T16:23:07.7637719+09:00,user,2026-03-22T07:08:02.5653794+09:00,user
+index,,1,note,トップページ,,index,2026-03-22T06:22:47.430225+09:00,2026-03-25T08:51:21.7737111+09:00,2026-03-21T16:23:07.751865+09:00,user,2026-03-25T08:51:21.7737111+09:00,user
+019d0f46-be68-7da2-94d9-c193f40d087b,019d0f4d-2602-7c06-a146-ec8afe3c6fae,1,note,ことのはじまり,個人ブログを作ろうとは思っていたんですけど、
かなり長い道のりでした。
何故長かったか？経緯を説明しておきます。,019d0f46-be68-7da2-94d9-c193f40d087b,2026-03-22T06:22:47.4951351+09:00,2026-03-27T12:08:21.0564815+09:00,2026-03-21T16:23:07.7637719+09:00,user,2026-03-27T12:08:21.0564815+09:00,user
 019d0f46-be88-76ab-8673-f0dee8535ce5,019d0f46-be68-7da2-94d9-c193f40d087b,1,diagram,処理イメージ,,019d0f46-be88-76ab-8673-f0dee8535ce5,2026-03-22T06:22:47.6256891+09:00,2026-03-22T06:22:47.6256891+09:00,2026-03-21T16:23:07.794955+09:00,user,2026-03-22T06:22:47.6256891+09:00,user
-019d0f4c-7959-7e80-a80f-4332f022cda6,index,3,note,小ネタ,,019d0f4c-7959-7e80-a80f-4332f022cda6,2026-03-22T06:22:47.3654183+09:00,2026-03-22T06:22:47.3654183+09:00,2026-03-21T16:29:23.2957417+09:00,user,2026-03-22T06:22:47.3654183+09:00,user
-019d0f4c-9463-7348-b29e-1fd92f2e25c0,019d0f4c-7959-7e80-a80f-4332f022cda6,1,note,New Note,,019d0f4c-9463-7348-b29e-1fd92f2e25c0,2026-03-22T06:22:47.560219+09:00,2026-03-22T06:22:47.560219+09:00,2026-03-21T16:29:30.218618+09:00,user,2026-03-22T06:22:47.560219+09:00,user
-019d0f4d-2602-7c06-a146-ec8afe3c6fae,index,1,note,公開位置,,019d0f4d-2602-7c06-a146-ec8afe3c6fae,2026-03-22T06:22:47.2844924+09:00,2026-03-22T06:22:47.2844924+09:00,2026-03-21T16:30:07.4976472+09:00,user,2026-03-22T06:22:47.2844924+09:00,user
-019d0f65-27ad-715b-81bf-60fcf4393586,019d0f46-be68-7da2-94d9-c193f40d087b,2,asset,画面イメージ,,clipboard-1774079780771.png,0001-01-01T00:00:00Z,0001-01-01T00:00:00Z,2026-03-21T16:56:20.7848321+09:00,user,2026-03-21T16:57:19.818777+09:00,user
+019d0f4c-7959-7e80-a80f-4332f022cda6,index,3,note,小ネタ,,019d0f4c-7959-7e80-a80f-4332f022cda6,2026-03-22T06:22:47.3654183+09:00,2026-03-27T12:08:21.1323826+09:00,2026-03-21T16:29:23.2957417+09:00,user,2026-03-27T12:08:21.1323826+09:00,user
+019d0f4d-2602-7c06-a146-ec8afe3c6fae,index,1,note,公開位置,,019d0f4d-2602-7c06-a146-ec8afe3c6fae,2026-03-22T06:22:47.2844924+09:00,2026-03-27T12:08:21.2072834+09:00,2026-03-21T16:30:07.4976472+09:00,user,2026-03-27T12:08:21.2072834+09:00,user
+019d0f65-27ad-715b-81bf-60fcf4393586,019d0f46-be68-7da2-94d9-c193f40d087b,2,asset,画面イメージ,,clipboard-1774079780771.png,0001-01-01T00:00:00Z,0001-01-01T00:00:00Z,2026-03-21T16:56:20.7848321+09:00,user,2026-03-23T02:24:52.7755242+09:00,user
+019d1312-45d6-7993-81bc-8b4688cc4c32,019d0f46-be68-7da2-94d9-c193f40d087b,3,asset,差分画面,,clipboard-1774141457869.png,0001-01-01T00:00:00Z,0001-01-01T00:00:00Z,2026-03-22T10:04:17.8817174+09:00,user,2026-03-23T02:25:00.4821171+09:00,user

db/templates.csv

@@ -2,3 +2,4 @@ id,type,name,detail,seq,created_date,created_user,updated_date,updated_user
 layout,layout,Layout,,0,2026-03-21T16:23:07.6929762+09:00,user,0001-01-01T00:00:00Z,
 content,content,Content,,0,2026-03-21T16:23:07.7109938+09:00,user,0001-01-01T00:00:00Z,
 index,content,Index,,0,2026-03-21T16:23:07.7203812+09:00,user,0001-01-01T00:00:00Z,
+019d1474-f0a9-7a25-a1cf-9c190f5c2ac4,content,NotContent,構築用のページで、公開してない。,0,2026-03-22T16:31:41.357912+09:00,user,0001-01-01T00:00:00Z,

docs/index.html

@@ -3,9 +3,10 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <title>ブログ</title>
+    <title>A home-cooked move</title>
     <meta name="description" content="secondarykey の開発日誌です。">
     <style>
+
 body {
    color:white; 
    background-color:#333333;
@@ -25,6 +26,35 @@
    color:gray;
 }
 
+blockquote {
+  position: relative;
+  background-color:#555555;
+  margin:20px;
+  padding:5px;
+  padding-left:30px;
+  border-radius:10px;
+}
+
+blockquote::before {
+  content: "“";
+  position: absolute;
+  left: 10px;
+  top: 5px;
+  font-size: 3em;
+  line-height: 1;
+  color: #999;
+}
+
+blockquote::after {
+  content: "”";
+  font-size: 3em;
+  line-height: 0;
+  position: absolute;
+  right: 10px;
+  bottom: 10px;
+  color: #999;
+}
+
 div.binderSVG svg {
   background-color:#333333;
 }
@@ -35,21 +65,134 @@
   padding:5px;
 }
 
+header {
+  position:sticky;
+  font-size:20px;
+  margin-bottom:10px;
+}
+
+main {
+  position:relative;
+  top:0px;
+  display:flex;
+}
+
+hr {
+  border-color:#222222;
+}
+
+#left {
+  width:60px;
+}
+
+#content {
+  max-width:900px;
+  min-width:600px;
+}
+
+#right {
+  width:400px;
+}
+
+footer {
+   position:relative;
+}
+
+.article-title {
+  margin-bottom:0px;
+}
+
+.article-header {
+  font-size:13px;
+  display:flex;
+  justify-content:space-between;
+  color:#999999;
+}
+
+.article-body {
+  margin-top:30px;
+}
+
+article.body{
+  border:2px solid #404040;
+  border-radius:10px;
+  padding: 0px 20px;
+  background-color:#444444;
+}
+
+article.card{
+  border:2px solid #404040;
+  border-radius:5px;
+  padding: 0px 20px;
+  background-color:#444444;
+  display:flex;
+  margin:0px;
+  padding:0px;
+}
+
+article.card > img {
+  width:240px;
+  height:auto;
+}
+
+article.card > span {
+   padding-left: 10px;
+}
+
+article.card > span > p.date{
+  font-size:10px;
+  color: #cccccc;
+  margin:5px 2px;
+}
+
+article.card > span > p.title {
+  font-size:20px;
+  margin:5px 0px;
+}
+
+article.card > span > p.body {
+  font-size:14px;
+  margin:5px 0px;
+  white-space:pre-wrap;
+}
+
+h2 {
+  font-size:20px;
+  text-decoration:underline;
+}
+
     </style>
   </head>
   <body>
-     <p>Simple Index</p>
-<ul>
+    <header>
+      <a href="./">A home-cooked move</a>
+      <hr>
+    </header>
+    <main>
+      <section id="left"></section>
+      <section id="content">
+
 
-  <li><a href="pages/019d0f4d-2602-7c06-a146-ec8afe3c6fae.html">公開位置</a></li>
+  <a href="./pages/019d0f46-be68-7da2-94d9-c193f40d087b.html">  </a>
 
-  <li><a href="pages/019d0f4c-7959-7e80-a80f-4332f022cda6.html">小ネタ</a></li>
+<article class="card">
 
-  <li><a href="index.html">トップページ</a></li>
+    <img src="./images/meta/019d0f46-be68-7da2-94d9-c193f40d087b">
+    <span>
+        <p class="date">2026-03-22 06:22</p>
+        <p class="title">ことのはじまり</p>
+        <p class="body">個人ブログを作ろうとは思っていたんですけど、
+かなり長い道のりでした。
+何故長かったか？経緯を説明しておきます。</p>
+   </span>
+</article>
 
-  <li><a href="pages/019d0f46-be68-7da2-94d9-c193f40d087b.html">ことのはじまり</a></li>
 
-</ul>
 
+      </section>
+      <section id="right">
+      </section>
+    </main>
+    <footer><hr> &copy; secondarykey</footer>
   </body>
 </html>