fix

content/blog/2024-05-03-manga.md

@@ -1,30 +0,0 @@
-+++
-date = "2024-05-03T00:00:00+09:00"
-tags = ["news"]
-title = "週刊連載を始めます"
-+++
-
-`2024-05-13`から漫画を定期的に書く練習を始めます。
-
-連載は以下のルールで行われます。
-
-> 毎週月曜日に3ページを更新
-
-## 内容について
-
-個人的に以下の基準を設定しています。
-
-- 好きな漫画より面白いと自分が思えること
-- 好きな漫画の絵と同程度くらいと自分が思えること
-
-## 1話の重要性
-
-1話が非常に重要であることに気づきました。
-
-したがって、この連載は完成版ではなく下書きになります。
-
-## 休載について
-
-- 祝日のある週は休み
-- 過剰ページの追加は休載期間にプラスされていく
-

content/blog/2024-05-23-blog.md

@@ -1,68 +0,0 @@
-+++
-date = "2024-05-23T00:00:00+09:00"
-tags = ["blog"]
-title = "第一話の重要性"
-+++
-
-1週間に3ページだけでも描く習慣をつけるため`2024-05-13`から取り組んでいます。
-
-そこで、いろんな漫画を読んでみて思ったのですが、第一話は特に重要です。
-
-第一話では真剣に絵が書き込まれていて、決して連載の終盤ほどはうまくないですが、時間をかけて作り込まれているのを感じます。
-
-つまり、漫画の第一話は短時間で作れるようなものではないなと思いました。正確には短時間で作れても、決して良いものにはならないと思う。
-
-したがって、単純に1週間に3ページと考えていましたが、この考えを改めなければいけません。
-
-そこで具体的にどういった手順がいいのか考えてみました。
-
-## 第一話の絵は後に尾を引く
-
-第一話の絵は、ある意味で本気を出して描かなければいけません。
-
-例えば週刊連載を想定して雑に短時間で書いてしまうと、後に尾を引くと思います。つまり、その絵が2話以降も引き継がれます。
-
-反対に、ここでしっかりと書き込んでおくと、その絵で安定していく可能性があります。
-
-ですから、第一話を短時間で作り上げることを目標にしてしまうとよくない。
-
-規則としては、第一話の絵を修正しながら、新しく3ページ書いていくのがいいですね。
-
-## 第一話ですべてを語る
-
-設定があり、伝えたいことがあるなら、第一話で全てを語るといいでしょう。そういった物語の構成を行います。
-
-ただし、これは面白さや読後感と相反する可能性があります。その辺のバランス感覚が重要です。
-
-なぜかというと、その作品は最後にすべて分かるからです。つまり、それまではわからないということです。
-
-第一話を見ただけでは意味不明で、最終話を見ると理解できるようになっているため、面白さ的には難しい。
-
-## 第一話は最終話までの短縮版
-
-したがって、第一話も最終話までの道のりと同じように物語を構成しなければいけません。
-
-私が漫画を読んでいて好きな瞬間がいくつかあります。
-
-それは、敵が味方になる瞬間。一人だと思っていたら、沢山の人が支えてくれていたことがわかる瞬間。本当のことがわかった瞬間。心が通じた瞬間。
-
-その瞬間、その一コマのために、たくさんの物語を積み重ねていくのだと思います。
-
-このショートバージョン(短縮版)を第一話でやり遂げる必要があります。
-
-以上を踏まえて、絵を書き、物語を作ります。
-
-## 最初のページ
-
-例えば、ドラゴンボールを見ていくと、シリーズが始まる最初のページが特に上手いと感じる。1ページ目と14ページ目を比較すると、その違いは明らかで、最初のページは特に重要なのかもしれない。
-
-具体的には、ピッコロ編が終わりサイヤ人編が始まるところ。
-
-これはぱっと見で上手いなあというものではくてはいけない。
-
-どれだけ細かく描き込まれているかというのは関係ない。
-
-それよりも重要なのは、シンプルでありつつ、立体感があり、明確なポイントが存在すること。そして、なにより背景が気持ちいいものであること。背景にはその章のテーマ性が感じられる。例えば街で話が繰り広げられるなら街を、宇宙なら宇宙を描くといい。
-
-それがぱっと見で上手いなあ感じる絵だと思う。
-

layouts/index.html

@@ -1,14 +1,17 @@
 {{ partial "head.html" . }}
 {{ partial "navbar.html" . }}
 {{ partial "header.html" . }}
-{{ partial "content.html" . }}
-
+{{ partial "sns.html" . }}
 </div>
 
 <div class="stars">
+<!--
+{{ partial "content.html" . }}
 {{ partial "particles.html" . }}
 {{ partial "nasa.html" . }}
 {{ partial "galaxy.html" . }}
+-->
+{{ partial "galaxy-react.html" . }}
 </div>
 
 {{ partial "footer.html" . }}

layouts/partials/galaxy-react.html

@@ -0,0 +1 @@
+<iframe src="https://card.syui.ai/planet?g=sun" allowfullscreen frameborder="0" style="width:100%;height:600px;"></iframe>

layouts/partials/header.html

@@ -12,15 +12,7 @@
 	</header>
 	<div class="containerx">
 		{{ if eq $o "" }}
-		<div class="hotkeys-docs">
-			<table>
-				<tbody>
-					<tr>
-						<td class="bg"><code>ctrl</code> + <code>enter</code></td>
-					</tr>
-				</tbody>
-			</table>
-		</div>
+
 		<span class="menu-right-top">
 			<!--
 				<a class="menu-link-left" href="/bitcoin"><i class="fa-brands fa-bitcoin"></i></a>

layouts/partials/navbar.html

@@ -3,15 +3,19 @@
 		<div class="navbar-nav">
 			<span class="navbar-title-text"><a href="/"><span class="icon-ai"></span></a></span>
 			<div class="navbar-nav-left">
+				<!--
 				<a class="navbar-brand" href="/chara">キャラクター</a>
 				<a class="navbar-brand" href="/story">ストーリー</a>
 				<a class="navbar-brand" href="/card">カード</a>
 				<a class="navbar-brand" href="/blog">ブログ</a>
 				<a class="navbar-brand" href="/item">アイテム</a>
+				-->
 			</div>
 		</div>
 		<div class="navbar-nav-right">
+			<!--
 			<a class="menu-link-left" href="https://syui.fanbox.cc/shop" target="_blank"><i class="fa-solid fa-bag-shopping"></i></a>
+			-->
 			<a class="menu-link-left" href="https://bsky.app/profile/yui.syui.ai" target="_blank"><i class="fa-brands fa-bluesky"></i></a>
 		</div>
 	</div>

layouts/partials/sns.html

@@ -0,0 +1,18 @@
+<div id="container">
+	<div class="outer">
+		<div class="sns-message">
+		<img src="/icon/avatar.png">
+		<p>hello, ai ! <a href="https://git.syui.ai/ai/bot">bot</a> written in rust, it runs on an arch based <a href="https://git.syui.ai/ai/os">aios</a>.</p>
+		<p>there is an original story and a game.</p>
+		</div>
+		<div class="hotkeys-docs">
+			<table>
+				<tbody>
+					<tr>
+						<td class="bg"><code>ctrl</code> + <code>enter</code></td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+	</div>
+</div>

static/css/style.css

@@ -1,6 +1,6 @@
 body {
 	display:block;
-	background-color: #f1f1f1;
+	background-color: #313131;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	width:100%;
 	margin:0;
@@ -1347,3 +1347,19 @@ pre > code > span {
 	}
 }
 
+.sns-message {
+	padding: 10px;
+	background-color: #f1f1f1;
+}
+
+.sns-message p {
+	padding: 10px ;
+}
+.sns-message img {
+	background-color:#fff;
+	width:80px;
+	border-radius:7px;
+	border: solid 1px #313131;
+	margin: 30px;
+	float: left;
+}

static/svg/index.css

@@ -1 +1 @@
-.stageActivator{display:none}.stage{display:block;height:400px;position:relative;cursor:pointer;overflow:hidden}.stage .center{position:relative;width:0;height:0;left:50%;top:50%}.star{position:absolute;z-index:1}.star:after{content:"";position:absolute;width:100px;height:100px;left:-50px;top:-50px;background-image:url(/icon/ai.svg);background-size:100px;background-repeat:no-repeat}.dot{position:absolute;width:10px;height:10px;left:-5px;top:-5px;border-radius:10px;transition:all .5s;opacity:1;background-color:gold}.wrapper{position:absolute;width:0;height:0}
+.stageActivator{display:none}.stage{display:block;height:200px;position:relative;cursor:pointer;overflow:hidden}.stage .center{position:relative;width:0;height:0;left:50%;top:50%}.star{position:absolute;z-index:1}.star:after{content:"";position:absolute;width:100px;height:100px;left:-50px;top:-50px;background-image:url(/icon/ai.svg);background-size:100px;background-repeat:no-repeat}.dot{position:absolute;width:10px;height:10px;left:-5px;top:-5px;border-radius:10px;transition:all .5s;opacity:1;background-color:gold}.wrapper{position:absolute;width:0;height:0}