Merge pull request #136 from sakupi01/hotfix/hoge-hoge

random fixes

apps/blog.sakupi01.com/app/feed.xml/route.ts

@@ -1,16 +1,17 @@
 import { getAllArticles } from "@/libs/getApi";
 import RSS from "rss";
 
-const HOST = "https://blog.sakupi01.com" as const;
+const HOST = "https://blog.sakupi01.com";
 export async function GET() {
   const feed = new RSS({
     title: "saku's blog",
     description: "sakuの備忘録",
     site_url: "https://blog.sakupi01.com",
     feed_url: "https://blog.sakupi01.com/feed.xml",
-    copyright: "saku",
+    copyright: "sakupi01",
     language: "ja",
     pubDate: new Date().toISOString(),
+    image_url: `${HOST}/icon.svg`,
   });
   const articles = getAllArticles();
   articles.map((article) => {
@@ -19,8 +20,8 @@ export async function GET() {
       guid: `${HOST}/${article.category}/articles/${article.slug}`,
       url: `${HOST}/${article.category}/articles/${article.slug}`,
       date: article.date,
-      description: article.excerpt,
-      author: "saku",
+      description: article.content,
+      author: "sakupi01",
       categories: article.tags.map((tag) => tag) || [],
     });
   });

articles/_dev/2024-openui-advent-1.md

@@ -62,6 +62,7 @@ Telecon（電話会議）が毎週午前11時（PST）にDiscordの#teleconferen
 
 :::note{.memo}
 e.g.）
+
 [openui/meetings/telecon/2024-11-14.md](https://github.com/openui/open-ui/blob/main/meetings/telecon/2024-11-14.md)のMinutesを参照したい場合は、https://www.w3.org/2024/11/14-openui-minutes.html を開く。
 :::
 
@@ -84,6 +85,7 @@ https://www.w3.org/ja/email/
 
 :::note{.memo}
 e.g.）
+
 Open UIのパブリックメーリングリストから「select」のキーワードを含むメールを検索したい場合は、以下のように検索オプションを設定することができます。
 https://www.w3.org/Search/Mail/Public/search?lists=public-open-ui&keywords=select
 :::
@@ -92,6 +94,7 @@ https://www.w3.org/Search/Mail/Public/search?lists=public-open-ui&keywords=selec
 
 :::note{.memo}
 e.g.）
+
 たとえば、`message-id`が`<CADhPm3v0ZqQdc_+nTxFsrAraPuxrXnkWRpfyJw+43BCPc85w-g@mail.gmail.com>`のメールを検索したい場合は、https://www.w3.org/mid/CADhPm3v0ZqQdc_+nTxFsrAraPuxrXnkWRpfyJw+43BCPc85w-g@mail.gmail.com となります。
 ![message-idはメールヘッダーから確認できる](/message-id.png)
 *message-idはメールヘッダーから確認できる*

articles/_dev/2024-openui-advent-13.md

@@ -1,6 +1,6 @@
 ---
 title: "🎄Open UI Advent Calendar: Day 13 / Customizable Select Element Ep.11"
-excerpt: "Customizable Select Elementの関連仕様: `<selectedcontent>`"
+excerpt: "Customizable Select Elementの関連仕様: `<selectedcontent>`の概要"
 date: "2024-12-13"
 beginColor: 'from-red-500'
 middleColor: 'via-lime-500'

articles/_dev/2024-openui-advent-14.md

@@ -1,6 +1,6 @@
 ---
 title: "🎄Open UI Advent Calendar: Day 14 / Customizable Select Element Ep.12"
-excerpt: "Customizable Select Elementの関連仕様: `<selectedcontent>`"
+excerpt: "Customizable Select Elementの関連仕様: `<selectedcontent>` / `part`属性の仕様廃止へ。要素をCloneしてカスタマイズ可能にする`<selectedcontent>`の提案"
 date: "2024-12-14"
 beginColor: 'from-red-500'
 middleColor: 'via-lime-500'

articles/_dev/2024-openui-advent-15.md

@@ -1,6 +1,6 @@
 ---
 title: "🎄Open UI Advent Calendar: Day 15 / Customizable Select Element Ep.13"
-excerpt: "Customizable Select Elementの関連仕様: `<selectedcontent>`"
+excerpt: "Customizable Select Elementの関連仕様: `<selectedcontent>` / 選択された要素をクローンしてカスタマイズ可能にするための初期議論"
 date: "2024-12-15"
 beginColor: 'from-red-500'
 middleColor: 'via-lime-500'

articles/_dev/2024-openui-advent-16.md

@@ -1,7 +1,7 @@
 ---
 title: "🎄Open UI Advent Calendar: Day 16 / Customizable Select Element Ep.14"
-excerpt: "Customizable Select Elementの関連仕様: `<selectedcontent>`"
-date: "2024-12-15"
+excerpt: "Customizable Select Elementの関連仕様: `<selectedcontent>` / `slot`属性と`behavior`属性使用の廃止へ"
+date: "2024-12-16"
 beginColor: 'from-red-500'
 middleColor: 'via-lime-500'
 endColor: 'to-green-700'

articles/_dev/proposal-link-area-delegation.md

@@ -27,7 +27,7 @@ Link Area Delegation（= リンク領域の委譲）Proposal は、コンテナ
 
 例えば、提案されている手法のひとつである、**`linkarea`属性**と **`defaultlink`属性**を使用すると、Link Area Delegationは以下のように表現されます。
 
-以下の例では、`linkarea`属性のつく`<div>`をClickすることで、`defaultlink`属性を持つ最初の子孫要素、つまりこの場合は、**`<div>`をClickすることで最初の`<a>`が活性化**されます。
+以下の例では、`linkarea`属性のつく`<div>`をClickすることで、`defaultlink`属性を持つ最初の子孫要素、つまりこの場合は、**最初の`<a>`が活性化**されます。
 
 ```html
 <div class="card" linkarea>
@@ -268,7 +268,7 @@ HTMLで表現する方法の一つとして、`linkarea`属性と`defaultlink`
 </section>
 ```
 
-この提案が採用された場合、ARIA in HTML仕様に新しいルールを追加し、この属性が使用される要素に許可される役割を制限する必要があるかもしれません。例えば、<div role=button linkarea>のような場合、現在ではdivに任意のARIAロールを設定できますが、このインスタンスでは何らかの検証メッセージを生成するべきだと述べられています。
+この提案が採用された場合、ARIA in HTML仕様に新しいルールを追加し、この属性が使用される要素に許可される役割を制限する必要があるかもしれません。例えば、`<div role=button linkarea>`のような場合、現在ではdivに任意のARIAロールを設定できますが、このインスタンスでは何らかの検証メッセージを生成するべきだと述べられています。
 
 ### 2. `<linkarea>` Element
 

packages/ui/src/styles.css

@@ -213,32 +213,44 @@ code[data-line-numbers] > span[data-line]::before {
 }
 
 .warning {
-  @apply flex flex-col p-4 my-5 text-red-800 rounded-lg bg-red-50;
+  @apply p-4 my-5 text-red-800 rounded-lg bg-red-50;
 }
 .warning p{
   @apply  text-red-800;
 }
+.warning p:first-child{
+  @apply  text-red-800 text-base font-semibold text-left my-5;
+}
 
 .message {
-  @apply flex flex-col p-4 my-5 text-green-800 rounded-lg bg-green-50;
+  @apply p-4 my-5 text-green-800 rounded-lg bg-green-50;
 }
 .message p{
   @apply  text-green-800;
 }
+.message p:first-child{
+  @apply  text-green-800 text-base font-semibold text-left my-5;
+}
 
 .info {
-  @apply flex flex-col p-4 my-5 text-blue-800 rounded-md bg-blue-50;
+  @apply p-4 my-5 text-blue-800 rounded-md bg-blue-50;
 }
 .info p{
   @apply  text-blue-800;
 }
+.info p:first-child{
+  @apply  text-blue-800 text-base font-semibold text-left my-5;
+}
 
 .memo {
-  @apply flex flex-col p-4 my-5 text-gray-700 rounded-md bg-gray-200;
+  @apply p-4 my-5 text-gray-700 rounded-md bg-gray-200;
 }
 .memo p{
   @apply  text-gray-700;
 }
+.memo p:first-child{
+  @apply  text-gray-700 text-base font-semibold text-left my-5;
+}
 
 .markdown details{
   @apply flex p-2 my-5 text-basic rounded-md border border-neutral-200 shadow-sm ;