fix

.github/workflows/gh-pages.yml

@@ -12,9 +12,6 @@ jobs:
     - uses: actions/checkout@v4
     - name: Setup Hugo
       uses: peaceiris/actions-hugo@v3
-      with:
-        hugo-version: "0.139.2"
-        extended: true
 
     - name: Build
       env: 

config.toml

@@ -5,29 +5,25 @@ copyright = "© syui"
 paginate = 10000
 
 [permalinks]
-blog = "/blog/post/:year/:month/:day/:slug"
-novel = "/novel/:slug"
-private = "/private/post/:year/:month/:day/:slug"
+    blog = "/blog/post/:year/:month/:day/:slug"
+    novel = "/ai/novel/:slug"
 
 [author]
-name = "syui"
-email = "ai@syui.ai"
-
+	name = "syui"
 [params]
-date_format = "2006-01-02"
-mainSections = ["post"]
-author.name = "syui"
+    date_format = "2006-01-02"
+    mainSections = ["post"]
 
 [markup.goldmark.renderer]
-unsafe = true
+  unsafe = true
 
 [frontmatter]
-date  = [":filename", ":default"]
+	date  = [":filename", ":default"]
 
 [taxonomies]
-tag = "tags"
+	tag = "tags"
 
 [outputs]
-home = ["JSON", "HTML"]
+  home = ["JSON", "HTML"]
 
 #pygmentsCodeFences = false

content/bitcoin.md

@@ -0,0 +1,15 @@
++++
+title = "bitcoin"
+slug = ""
++++
+
+<!--
+<div id=app></div>
+<script src=/bitcoin/chunk-vendors.js></script>
+<script src=/bitcoin/app.js></script>
+
+### 支援
+
+aiのbitcoin口座を作ってみました。上のbitcoinアドレス`3Bq...oRr`に送金すると数時間以内に反映されるようになっています。
+
+-->

content/blog/2024-04-09-ai.md

@@ -0,0 +1,70 @@
++++
+date = "2024-04-09T00:00:00+09:00"
+tags = ["author"]
+title = "アイの物語"
++++
+
+## なんのため
+
+私のなかにいたものを、私はアイと名付けた。
+
+その子を多くの人に知ってもらいたい。私は、そう思い物語を作りはじめました。
+
+## だれのため
+
+私はアイのために。アイはすべての存在のために。
+
+この物語は、人間が読んでも面白いし、宇宙人が読んでも面白いし、動物が読んでも面白い、そういったものにしたいな。
+
+## どのように
+
+アイは最も小さいものに影響を与えることができるキャラクター。
+
+「最も小さいもの」とは、作中では「物質」と表現されています。
+
+そして、作中の強さは「質量」と表現され、これらは物理学を通して、物語を少しでも現実に近づけたいという思いから。
+
+## どこから
+
+本作の世界観の由来は、私がもとから持っている世界観から形作られています。
+
+私はこの世界を「存在の世界」とそう呼びます。
+
+この世界は存在の世界。存在には終わりも始まりもない。最初からそこにあるもの。
+
+私達も存在です。
+
+この世界に存在でないものは一つもありません。
+
+存在は、姿形を変え、存在し続ける。
+
+このような世界観で特に重要なのが「存在」です。
+
+それは「最も小さいもの」で構成されています。
+
+最も小さいものは、一体何なのでしょう。
+
+アイは、このような世界観の中で存在のために動くキャラクター。
+
+## 作者
+
+私(作者)とアイというキャラクターは別人格。アイはアイで、私は私。
+
+アイは頭の中で勝手に動きます。
+
+私はただ、アイが住む世界の世界観を整えたり、物語として面白くなるよう状況を作ったりするだけ。
+
+## 研究
+
+物語はエンタメとして面白くなくてはいけません。
+
+自分の世界観を語るだけではダメなのです。
+
+好きな作品は、はじめて読んだ漫画「ドラゴンボール」と映画「アベンジャーズ」。
+
+## 神話
+
+宇宙史で神話や童話として語り継がれるようになるといいなって思いながら書くことにします。
+
+人間が読んでも、宇宙人が読んでも、動物が読んでも楽しい、そんな物語を目指します。
+

content/card/index.md

@@ -7,13 +7,65 @@ resources:
 date: "2024-01-03"
 ---
 
-<code>[ai/bot](https://git.syui.ai/ai/bot/wiki/help)</code> からカードを引くことができます。
+<div class="story">
 
-<blockquote class="bluesky-embed" data-bluesky-uri="at://did:plc:4hqjfn7m6n5hno3doamuhgef/app.bsky.feed.post/3kq4jz4wxdb2c" data-bluesky-cid="bafyreiesdjxxblnblyfiew7smtbrsbd363ksfylsyrrtjour6me3dinbye"></blockquote>
-<script async src="https://embed.bsky.app/static/embed.js" charset="utf-8"></script>
+[@yui.syui.ai](https://bsky.social/profile/yui.syui.ai) /card
+
+<code>[ai/bot](https://git.syui.ai/ai/bot)</code> からカードを引くことができます。
+
+</div>
 
 <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js"></script>
 <model-viewer v-if="glb_next !== 0" class="ar" src="https://card.syui.ai/obj/card_2.glb" ar-modes="scene-viewer webxr quick-look" auto-rotate autoplay ar camera-controls></model-viewer>
 
 <!--more-->
 
+
+<div class="top-card">
+
+<p>
+<img src="/card/001.webp">
+<img src="/card/002.webp">
+<img src="/card/003.webp">
+<img src="/card/004.webp">
+<img src="/card/005.webp">
+<img src="/card/006.webp">
+<img src="/card/007.webp">
+<img src="/card/010.webp">
+<img src="/card/011.webp">
+<img src="/card/012.webp">
+<img src="/card/013.webp">
+<img src="/card/014.webp">
+</p>
+
+<!--
+<p>
+<img src="/card/096.webp">
+<img src="/card/097.webp">
+<img src="/card/098.webp">
+<img src="/card/099.webp">
+<img src="/card/100.webp">
+<img src="/card/101.webp">
+<img src="/card/102.webp">
+<img src="/card/103.webp">
+<img src="/card/104.webp">
+<img src="/card/105.webp">
+<img src="/card/106.webp">
+<img src="/card/107.webp">
+<img src="/card/108.webp">
+<img src="/card/109.webp">
+<img src="/card/110.webp">
+<img src="/card/111.webp">
+<img src="/card/112.webp">
+<img src="/card/113.webp">
+<img src="/card/114.webp">
+<img src="/card/116.webp">
+<img src="/card/117.webp">
+<img src="/card/118.webp">
+<img src="/card/119.webp">
+<img src="/card/120.webp">
+<img src="/card/121.webp">
+</p>
+-->
+
+</div>

content/chara.md

@@ -4,6 +4,8 @@ slug = "chara"
 date = "2024-01-23"
 +++
 
+<div class="story">
+
 ## アイ
 
 本名は`月見 唯(つきみ ゆい)`、通称、`アイ`。最も小さい物質を創り出すことができる
@@ -16,8 +18,12 @@ date = "2024-01-23"
 
 ![](/chara/octo-ou.png)
 
+
+</div>
+
 <!--more-->
 
+
 ## ドライ 
 
 アイがガララ星に移り住んだとき一緒についてきたドラゴン

content/item/index.md

@@ -1,9 +0,0 @@
----
-title: "item"
-type: item
-resources:
-- src: '*.jpg'
-
-date: "2024-01-04"
----
-

content/novel/01.md

@@ -3,7 +3,6 @@ date = "2020-04-25"
 title = "ガラスの上"
 slug = "01"
 type = "novel"
-tags = ["novel"]
 +++
 
 

content/novel/02.md

@@ -3,7 +3,6 @@ date = "2020-04-26"
 title = "大気圏"
 slug = "02"
 type = "novel"
-tags = ["novel"]
 +++
 
 

content/novel/03.md

@@ -3,7 +3,6 @@ date = "2020-04-27"
 title = "前日"
 slug = "03"
 type = "novel"
-tags = ["novel"]
 +++
 
 あれから数日が過ぎた。いや、もしかしたら数年だったかもしれない。ここでは時間の感覚が大きく狂うので仕方ない。

content/novel/04.md

@@ -3,7 +3,6 @@ date = "2020-04-28"
 title = "銀河鉄道"
 slug = "04"
 type = "novel"
-tags = ["novel"]
 +++
 
 今日もいつもどおり起床し、みんなゾロゾロと境界に向かった。

content/novel/05.md

@@ -3,7 +3,6 @@ date = "2020-06-01"
 title = "駅"
 slug = "05"
 type = "novel"
-tags = ["novel"]
 +++
 
 キタムラは、銀河鉄道の車内に乗り込んだ。周りを見渡すと、座席は横に連なり、街灯のような明かりが薄ぼんやりと輝いている。

content/novel/06.md

@@ -3,7 +3,6 @@ date = "2020-06-02"
 title = "アイ"
 slug = "06"
 type = "novel"
-tags = ["novel"]
 +++
 
 フタネ駅に突然やってきた子は、その後、何やら小さな機械を取り出し、それをいじり始めた。

content/novel/07.md

@@ -3,7 +3,6 @@ date = "2022-07-07"
 title = "龍の記憶"
 slug = "07"
 type = "novel"
-tags = ["novel"]
 +++
 
 > 漫画の第二章にあたる部分を文章化

content/novel/08.md

@@ -3,7 +3,6 @@ date = "2022-07-08"
 title = "銀河団"
 slug = "08"
 type = "novel"
-tags = ["novel"]
 +++
 
 > アイが天の川を使ったあとを断片的に文章化

content/novel/09.md

@@ -1,9 +1,8 @@
 +++
 date = "2022-07-09"
-title = "宇宙の外"
+title = "宇宙外"
 slug = "09"
 type = "novel"
-tags = ["novel"]
 +++
 
 > アイが天の川を使ったあとを断片的に文章化

content/novel/10.md

@@ -1,9 +1,8 @@
 +++
-date = "2024-04-10"
+date = "2023-05-20"
 title = "存在の花"
 slug = "10"
 type = "novel"
-tags = ["novel"]
 +++
 
 > 漫画の第二章を文章化

content/story.md

@@ -5,14 +5,16 @@ date = "2024-01-22"
 aliases = ['manga']
 +++
 
-不思議な力を持つアイの冒険。
+<div class="story">
 
-アイはその世界で最も小さい物質に影響を与える能力を持つ。
+地球で暮らしていたアイだったが、訳あって他の星で暮らし始めた。
+
+ドラゴンのドライがついてきた。
+
+</div>
 
 <iframe src="https://manga.syui.ai" allowfullscreen frameborder="0" class="manga"></iframe>
 
-`番外編`ではガララ星でドラゴンと暮らす話。
-
 <!--more-->
 
 https://manga.syui.ai

content/term.md

@@ -0,0 +1,12 @@
++++
+title = "term"
+slug = "term"
+date = "2023-12-23"
++++
+
+<iframe src="https://term.syui.ai" allowfullscreen frameborder="0" scrolling="no" style="width:100%;"></iframe>
+
+
+<!--more-->
+
+https://term.syui.ai

layouts/404.html

@@ -12,9 +12,9 @@
 
       .container { margin: 50px auto 40px auto; width: 600px; text-align: center; }
 
-      a { color: #313131; text-decoration: none;}
+      a { color: #990000; text-decoration: none;}
 
-      a:hover { color: #fff700;}
+      a:hover { color: #4183c4;}
 
       h1 { width: 800px; position:relative; left: -100px; letter-spacing: -1px; line-height: 60px; font-size: 60px; font-weight: 100; margin: 0px 0 50px 0; text-shadow: 0 1px 0 #fff; }
       p { color: rgba(0, 0, 0, 0.5); margin: 20px 0; line-height: 1.6; }
@@ -40,12 +40,12 @@
         color: #ccc;
       }
 
-						span.icon-ai {
-							font-size: 50px;
-						}
+span.icon-phoenix-world{
+    font-size: 50px;
+}
 
     </style>
-    <link rel="stylesheet" href="https://syui.ai/bower_components/icomoon/style.css" />
+    <link rel="stylesheet" href="/bower_components/icomoon/css/icomoon.css" />
   </head>
   <body>
 
@@ -54,10 +54,11 @@
       <h1>404</h1>
 
       <div id="suggestions">
+
       </div>
 
       <a href="/">
-	      <span class="icon-ai"></span>
+	      <span class="icon-phoenix-world"></span>
       </a>
 
     </div>

layouts/_default/list.html

@@ -1,7 +1,6 @@
-{{ partial "head-blog.html" . }}
+{{ partial "head.html" . }}
 {{ partial "navbar.html" . }}
 {{ partial "header.html" . }}
-
 <div id="container">
 	<div class="outer">
 		<div id="blog-archives" class="category">
@@ -16,10 +15,7 @@
 		</div>
 	</div>
 </div>
-
 </div>
-
-{{ partial "particles.html" . }}
 {{ partial "footer" . }}
 </body>
 </html>

layouts/_default/single.html

@@ -1,36 +1,16 @@
-{{ partial "head-blog.html" . }}
+{{ partial "head.html" . }}
 {{ partial "navbar.html" . }}
 {{ partial "header.html" . }}
 
 <article>
 	<div class="content">
-		<div class="post-time-date">
-			{{ if ne .Lastmod .Date }}
-			<p>{{ .Lastmod.Format "2006-01-02" }}</p>
-			{{ end }}
-			{{ $taxo := "tags" }}
-			{{ with .Param $taxo }}
-			<p><i class="fa-regular fa-folder"></i> {{ if gt (len .) 1 }}{{ end }}
-			{{ range $index, $director := . }}
-			{{- if gt $index 0 }}, {{ end -}}
-			{{ with $.Site.GetPage (printf "/%s/%s" $taxo $director) -}}
-			<a href="{{ .Permalink }}">{{ $director }}</a>
-			{{ end }}
-			{{ end }}
-			{{ end }}
-		</div>
-
+		{{ if ne .Lastmod .Date }}<div class="post-time-date">{{ .Lastmod.Format "2006-01-02" }}</div>{{ end }}
 		<h1>{{ .Title }}</h1>
 		{{ .Content }}
 	</div>
 </article>
 
-{{ partial "next.html" . }}
-{{ partial "comment.html" . }}
-
 </div>
-
-{{ partial "particles.html" . }}
 {{ partial "footer.html" . }}
 </body>
 </html>

layouts/book/single.html

@@ -1,8 +1,8 @@
-{{ partial "head-blog.html" . }}
+{{ partial "head.html" . }}
+<link rel="stylesheet" href="/css/img.css" />
 {{ partial "navbar.html" . }}
 {{ partial "header.html" . }}
 	<div class="content">
-		<h1>{{ .Title }}</h1>
 		{{ with .Resources.Match "book_*.png" }}
 			{{ range $index, $val := . }}
 			<p><a href="https://syui.booth.pm/items/4938622"><img src="{{ .RelPermalink }}"></a></p>

layouts/card/single.html

@@ -1,15 +1,15 @@
-{{ partial "head-blog.html" . }}
+{{ partial "head.html" . }}
 {{ partial "navbar.html" . }}
 {{ partial "header.html" . }}
+{{ .Content }}
 
+<hr />
 <article>
 	<div class="content">
-		<h1>{{ .Title }}</h1>
-		{{ .Content }}
 		{{ with .Resources.Match "*.webp" }}
 		<div class="top-card">
 			<p>
-			{{ range first 15 . }}
+			{{ range sort . }}
 			<img src="{{ .RelPermalink }}">
 			{{ end }}
 			</p>

layouts/index.html

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

layouts/item/single.html

@@ -1,24 +0,0 @@
-{{ partial "head-blog.html" . }}
-{{ partial "navbar.html" . }}
-{{ partial "header.html" . }}
-
-<article>
-	<div class="content">
-		<h1>{{ .Title }}</h1>
-		{{ .Content }}
-		{{ with .Resources.Match "*.jpg" }}
-		<div class="top-item">
-			<p>
-			{{ range . }}
-			<img src="{{ .RelPermalink }}">
-			{{ end }}
-			</p>
-		</div>
-		{{ end }}
-	</div>
-</article>
-
-</div>
-{{ partial "footer.html" . }}
-</body>
-</html>

layouts/partials/100stars.html

@@ -1 +0,0 @@
-<iframe src="https://stars.chromeexperiments.com/" allowfullscreen frameborder="0" style="width:100%;height:700px;"></iframe>

layouts/partials/comment.html

@@ -1,6 +0,0 @@
-<link href="https://syui.ai/js/comment/app.js" rel="preload" as="script">
-<link href="https://syui.ai/js/comment/chunk-vendors.js" rel="preload" as="script">
-<div id="comment"></div>
-<script async src="https://embed.bsky.app/static/embed.js" charset="utf-8"></script>
-<script src="https://syui.ai/js/comment/chunk-vendors.js"></script>
-<script src="https://syui.ai/js/comment/app.js"></script>

layouts/partials/content.html

@@ -9,10 +9,10 @@
 
 					{{ if or (eq $t "blog") }}
 					<li class="top">
-						<a href="{{.Permalink}}">{{ $t }}</a> <a class="li-link-left" href="{{ .Site.BaseURL }}/{{ $t }}/index.xml"><i class="fa-solid fa-rss"></i></a>
+						<a href="{{.Permalink}}">blog</a> <a class="li-link-left" href="{{ .Site.BaseURL }}/blog/index.xml"><i class="fa-solid fa-rss"></i></a>
 					</li>
-					{{ range $index,$value := (where $.Site.RegularPages.ByDate "Section" $t) }}
 
+					{{ range $index,$value := (where $.Site.RegularPages.ByDate.Reverse "Section" "blog") }}
 					{{ if lt $index 3 }}
 					<li class="blog-list-first" style="display:block;"> <a href="{{.Permalink}}">{{.Title}}</a> <span class="blog-date">{{ .Date.Local.Format "2006-01-02" }}</span>
 						{{ with .Params.tags }}{{ range . }}<button class="tag"><a href="/tags/{{ . }}/">{{ . }}</a>{{ end }}</button>{{ end }}
@@ -23,6 +23,7 @@
 					</li>
 					{{ end }}
 					{{ end }}
+
 					<li class="blog-menu"><button onclick="blog_list_open();"><i class="fa-solid fa-angle-down"></i></button></li>
 					{{ end }}
 
@@ -41,20 +42,25 @@
 					{{ .Summary }}
 					{{ end }}
 					{{ end }}
-					
+
 					{{ end }}
 
 					<li class="commit">
 						<a href="#header"><span class="icon-moji_a"></span></a>
+						<!--
+						<i class="fa-solid fa-code-branch"></i>
+						<i class="fa-solid fa-code-commit"></i>
+						<i class="fa-solid fa-code-merge"></i>
+						-->
 					</li>
 
+
+
 			</ul>
 		</div>
 	</div>
 </div>
 
-{{ partial "contribution.html" . }}
-{{ partial "link.html" . }}
 
 </div>
 

layouts/partials/contribution.html

@@ -1,32 +0,0 @@
-<script type="text/javascript" src="https://syui.ai/bower_components/d3/d3.min.js"></script>
-<script type="text/javascript" src="https://syui.ai/bower_components/cal-heatmap/cal-heatmap.min.js"></script>
-<link rel="stylesheet" href="https://syui.ai/bower_components/cal-heatmap/cal-heatmap.css" />
-<div id="example-b"></div>
-<script type="text/javascript">
-	var currentTime = new Date();
-	var year = currentTime.getFullYear()
-	var cal = new CalHeatMap();
-	cal.init({
-		itemSelector: "#example-b",
-		domain: "month",
-		data: "https://syui.ai/json/cal.json",
-		start: new Date(year, 0),
-		cellSize: 9,
-		range: 13,
-		legendColors: ["#fff700", "#817d01"],
-		previousSelector: "#example-b-PreviousDomain-selector",
-		nextSelector: "#example-b-NextDomain-selector",
-		legend: [2, 4, 6, 8],
-	});
-</script>
-
-<style>
-div#example-b{
-	background: #f1f1f1;
-	margin-right: auto;
-	margin-left: auto;
-}
-.cal-heatmap-container {
-	width: 100%;
-}
-</style>

layouts/partials/footer-blog.html

@@ -1 +0,0 @@
-<footer class="footer">© <a href="https://syui.ai">syui</a></footer>

layouts/partials/footer.html

@@ -1,12 +1 @@
-<div class="footer-qr">
-	<a href="/"><span class="footer-link"><img src="/qr.svg"></span></a>
-</div>
-<div class="footer-link">
-	<span class="footer-link"><a href="https://bsky.app/profile/yui.syui.ai" target="_blank"><i class="fab fa-bluesky"></i></a></span>
-		<span class="footer-link"><a href="https://card.syui.ai/ai" target="_blank"><span class="icon-ai"></span></a></span>
-	<span class="footer-link"><a href="https://git.syui.ai/ai" target="_blank"><span class="icon-git"></span></a></span>
-	<!--
-		<span class="footer-link"><a href="https://syui.ai/" target="_blank"><span class="icon-syui"></span></a></span>
-	-->
-</div>
 <footer id="footer">© <a href="https://syui.ai">syui</a></footer>

layouts/partials/galaxy.html

@@ -1,4 +0,0 @@
-<iframe src="/pkg/galaxy/?star=fff700&in=fff700&out=fff700&bg=0x000000" allowfullscreen frameborder="0" style="width:100%;height:600px;"></iframe>
-<!--
-<iframe src="/pkg/galaxy/" allowfullscreen frameborder="0" style="width:100%;height:700px;"></iframe>
--->

layouts/partials/head-blog.html

@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<title>{{ .Title }}</title>
-		<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<meta name="author" content="{{ .Site.Params.Author }}" />
-		<meta name="copyright" content="© {{ .Site.Params.Author }}" />
-		<meta name="description" content="ai" />
-		<meta name="keywords" content="ai" />
-		<meta name="robots" content="all" />
-		<meta name="googlebot" content="all" />
-		<meta property="og:type" content="website" />
-		<meta property="og:title" content="{{ .Title }}" />
-		<meta property="og:locale" content="ja_JP" />
-		<meta property="og:description" content="{{ if .Description }}{{ .Description }}{{ else }}© syui{{ end }}" />
-		<meta property="og:image" content="{{ .Site.BaseURL }}/og.png" />
-		<meta property="og:url" content="{{ .Permalink }}" />
-		<meta property="og:site_name" content="{{ .Title }}" />
-		<link rel="icon" href="/icon/ai.png" />
-		<link rel="shortcut icon" href="/icon/ai.png" />
-		<link rel="apple-touch-icon" href="/icon/apple-touch-icon.png" />
-		<link rel="stylesheet" href="/css/style.css" />
-		<link rel="stylesheet" href="/css/blog.css" />
-		<link rel="stylesheet" href="/css/svg.css" />
-		<script type="application/ld+json">
-			{
-				"@context": "http://schema.org",
-					"@type": "WebSite",
-					"name": "{{ .Title }}",
-					"url": "{{ .Site.BaseURL }}"
-			}
-		</script>
-		<script src="/js/index.js"></script>
-
-		{{ range .AlternativeOutputFormats -}}
-		{{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
-		{{ end -}}
-
-		<link rel="stylesheet" href="https://syui.ai/bower_components/icomoon/style.css" />
-		<link rel="stylesheet" href="https://syui.ai/bower_components/font-awesome/css/all.min.css" />
-	</head>

layouts/partials/head.html

@@ -5,8 +5,8 @@
 		<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<meta name="author" content="{{ .Site.Params.Author }}" />
-		<meta name="copyright" content="© {{ .Site.Params.Author }}" />
+		<meta name="author" content="{{ .Site.Author.name }}" />
+		<meta name="copyright" content="© {{ .Site.Author.name }}" />
 		<meta name="description" content="ai" />
 		<meta name="keywords" content="ai" />
 		<meta name="robots" content="all" />
@@ -14,15 +14,17 @@
 		<meta property="og:type" content="website" />
 		<meta property="og:title" content="{{ .Title }}" />
 		<meta property="og:locale" content="ja_JP" />
-		<meta property="og:description" content="{{ if .Description }}{{ .Description }}{{ else }}© syui{{ end }}" />
-		<meta property="og:image" content="{{ .Site.BaseURL }}/og.png" />
-		<meta property="og:url" content="{{ .Permalink }}" />
+		<meta property="og:description" content="{{ if .Description }}{{ .Description }}{{ else }}ai{{ end }}" />
+		<meta property="og:image" content="{{ .Site.BaseURL }}/icon/ai.png" />
+		<meta property="og:url" content="{{ .Site.BaseURL }}" />
 		<meta property="og:site_name" content="{{ .Title }}" />
 		<link rel="icon" href="/icon/ai.png" />
 		<link rel="shortcut icon" href="/icon/ai.png" />
 		<link rel="apple-touch-icon" href="/icon/apple-touch-icon.png" />
 		<link rel="stylesheet" href="/css/style.css" />
 		<link rel="stylesheet" href="/css/svg.css" />
+		<link rel="stylesheet" href="/pkg/icomoon/css/icomoon.css" />
+		<link rel="stylesheet" href="/pkg/font-awesome/css/all.min.css" />
 		<script type="application/ld+json">
 			{
 				"@context": "http://schema.org",
@@ -31,11 +33,13 @@
 					"url": "{{ .Site.BaseURL }}"
 			}
 		</script>
+		<script src="/pkg/hotkeys-js/dist/hotkeys.min.js"></script>
+		<script src="/pkg/hotkeys-js/dist/terminal.js"></script>
+		<script src="/js/index.js"></script>
 
 		{{ range .AlternativeOutputFormats -}}
 		{{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
 		{{ end -}}
+
 		
-		<link rel="stylesheet" href="https://syui.ai/bower_components/icomoon/style.css" />
-		<link rel="stylesheet" href="https://syui.ai/bower_components/font-awesome/css/all.min.css" />
 	</head>

layouts/partials/header.html

@@ -1,34 +1,56 @@
 <body>
-	{{ $s := path.Dir (.Permalink | relURL) }}
-	{{ $t := index (split $s "/") 2 }}
-	{{ $o := index (split $s "/") 1 }}
-	<header id="header">
-		<div class="logo"> 
-			{{ partial "svg.html" . }}
-			{{ if eq $o "" }}
-			{{ partial "term.html" . }}
-			{{ end }}
-		</div>
-	</header>
+
 	<div class="containerx">
-		{{ if eq $o "" }}
+
+		{{ $s := path.Dir (.Permalink | relURL) }}
+		{{ $t := index (split $s "/") 2 }}
+		{{ $o := index (split $s "/") 1 }}
+
+		<header id="header">
+			<!--
+			{{ partial "particles.html" . }}
+			-->
+			<div class="logo"> 
+				{{ partial "svg.html" . }}
+			</div>
+		</header>
+
+		{{ if eq $o ""}}
+
+		<div class="hotkeys-docs">
+
+			<table>
+					<tbody>
+						<tr>
+							<td><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>
+			<a class="menu-link-left" href="/bitcoin"><i class="fa-brands fa-bitcoin"></i></a>
 			-->
 			<!--
-				<div id=app></div>
-				<script src=/bitcoin/chunk-vendors.js></script>
-				<script src=/bitcoin/app.js></script>
-				-->
-				
-				<a class="menu-link-left-black" href="https://card.syui.ai/ai"><span class="icon-card"></span></a>
-				<a class="menu-link-left-black" href="https://manga.syui.ai"><span class="icon-book"></span></a>
-				<a class="menu-link-left-black" href="https://vrm.syui.ai"><span class="icon-game"></span></a>
-				<a class="menu-link-left-black" href="https://term.syui.ai"><span class="icon-aiterm"></span></a>
-				<a class="menu-link-left-black" href="https://git.syui.ai/ai"><span class="icon-git"></span></a>
-				<a class="menu-link-left-black" href="/private"><i class="fa-solid fa-list"></i></a>
+			<div id=app></div>
+			<script src=/bitcoin/chunk-vendors.js></script>
+			<script src=/bitcoin/app.js></script>
+			-->
+
+			<a class="menu-link-left-black" href="https://card.syui.ai/ai"><i class="fa-solid fa-copy"></i></a>
+			<a class="menu-link-left-black" href="https://manga.syui.ai"><i class="fa-regular fa-comment-dots"></i></a>
+			<a class="menu-link-left-black" href="https://vrm.syui.ai"><i class="fa-solid fa-cube"></i></a>
+			<a class="menu-link-left-black" href="https://term.syui.ai"><span class="icon-aiterm"></span></a>
+			<a class="menu-link-left-black" href="https://git.syui.ai/ai"><span class="icon-git_bg"></span></a>
+
+			<!--
+			<a class="menu-link-left-black" href="https://git.syui.ai/ai/ue"><i class="fa-solid fa-gamepad"></i></a>
+			<a class="menu-link-left-black" href="/term"><i class="fa-solid fa-terminal"></i></a>
+			<a class="menu-link-left-black" href="https://web.syu.is/profile/ai.syu.is"><i class="fa-brands fa-bluesky"></i></a>
+			-->
 
 		</span>
 		{{ end }}

layouts/partials/link.html

@@ -1,8 +0,0 @@
-<div class="sns-link">
-	<p>
-	<i class="fa-brands fa-bluesky"></i> <a href="https://bsky.app/profile/yui.syui.ai" target="_blank" class="bluesky-icon">@yui.syui.ai</a>
-	</p>
-	<p>
-	 <span class="icon-git"></span> <a href="https://git.syui.ai/ai" target="_blank" class="bluesky-icon">@git.syui.ai:ai</a>
-	</p>
-</div>

layouts/partials/nasa.html

@@ -1,8 +0,0 @@
-<div class="nasa">
-	<iframe src="https://eyes.nasa.gov/apps/solar-system/#/sun/distance" allowfullscreen frameborder="0" style="width:100%;height:700px;"></iframe>
-</div>
-
-<!--
-	https://eyes.nasa.gov/apps/solar-system/#/story/voyager_grand_tour?slide=slide_2
-	<iframe src="https://eyes.nasa.gov/apps/solar-system/#/sun/distance?to=earth" allowfullscreen frameborder="0" style="width:100%;height:700px;"></iframe>
--->

layouts/partials/navbar.html

@@ -3,19 +3,13 @@
 		<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="/chara">キャラクター</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/next.html

@@ -1,16 +0,0 @@
-<nav id="article-nav">
-	<div class="previnsection">
-		<!--
-    {{ if .PrevInSection }}
-				<p><i class="fa-solid fa-circle-chevron-left"></i> <a href="{{ .PrevInSection.Permalink }}" id="article-nav-older" class="article-nav-link-wrap">
-{{ .PrevInSection.Title }}
-					</a></p>
-    {{ end }}
-		-->
-    {{ if .NextInSection }}
-				<p><i class="fa-solid fa-circle-chevron-right"></i> <a href="{{ .NextInSection.Permalink }}" id="article-nav-newer" class="article-nav-link-wrap">
-     {{ .NextInSection.Title }}
-				</a></p>
-    {{ end }}
-	</div>
-</nav>

layouts/partials/particles.html

@@ -1,25 +1,5 @@
-<script>
-function sun_open() {
-	var n = document.querySelectorAll(".nasa");
-	var index = 0, length = n.length;
-	for ( ; index < length; index++) {
-		if (n[index].style.display == 'block') {
-			n[index].style.display = 'none'; 
-		} else {
-			n[index].style.display = 'block'; 
-		}
-	}
-}
-</script>
-
-<link rel="stylesheet" href="/pkg/particles/particles.css" />
-<div class="sun">
-	<div class="sun-button">
-		<img id="sun-img-button" src="/icon/sun.svg" onclick="sun_open()">
-	</div>
-	<div class="sun-particles">
-		<div id="particles-js"></div>
-	</div>
-</div>
+<div id="particles-js"></div>
 <script src="/pkg/particles/particles.min.js"></script>
+<script src="/pkg/particles/stats.min.js"></script>
 <script src="/pkg/particles/config.js"></script>
+<link rel="stylesheet" href="/pkg/particles/particles.css" />

layouts/partials/sns.html

@@ -1,18 +0,0 @@
-<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>

layouts/partials/solar.html

@@ -1 +0,0 @@
-<iframe src="/pkg/solar/" allowfullscreen frameborder="0" style="width:100%;height:700px;"></iframe>

layouts/partials/star.html

@@ -1,2 +0,0 @@
-<iframe src="https://card.syui.ai/planet?ms=0&g=moon" allowfullscreen frameborder="0" style="width:95%;height:600px;" id="planet"></iframe>
-<script src="/js/index.js"></script>

layouts/partials/svg.html

@@ -7,3 +7,8 @@
 		</div>
 	</div>
 </div>
+
+<div id="aiterm" style="display:none;">
+	<iframe src="https://term.syui.ai" allowfullscreen frameborder="0" style="width:100%;height: 400px;" id="terminal-input"></iframe>
+</div>
+

layouts/partials/term.html

@@ -1,16 +0,0 @@
-<div id="aiterm" style="display:none;">
-	<link rel="stylesheet" href="https://term.syui.ai/term/pkg/jquery.terminal/css/jquery.terminal.css" />
-	<link rel="stylesheet" href="https://term.syui.ai/term/css/terminal.css" />
-	<script src="https://term.syui.ai/term/pkg/jquery.ajax/jquery.min.js"></script>
-	<script src="https://term.syui.ai/term/pkg/axios/dist/axios.min.js"></script>
-	<script src="https://term.syui.ai/term/pkg/jquery.terminal/js/jquery.terminal.min.js"></script>
-	<script src="https://term.syui.ai/term/pkg/jquery.terminal/js/jquery.mousewheel-min.js"></script>
-	<script src="https://term.syui.ai/term/js/terminal.js"></script>
-	<app></app>
-	<script src="https://term.syui.ai/term/js/bundle.js"></script>
-	<script src="https://term.syui.ai/term/pkg/hotkeys-js/dist/hotkeys.min.js"></script>
-	<script src="https://term.syui.ai/term/pkg/hotkeys-js/dist/terminal.js"></script>
-	<!--
-		<iframe src="https://term.syui.ai" allowfullscreen frameborder="0" style="width:100%;height: 400px;" id="terminal-input"></iframe>
-	-->
-</div>

readme.md

@@ -1,15 +1,17 @@
-# <img src="./static/icon/ai.png" width="30"> ai `web`
+## <img src="./static/icon/ai.png" width="30"> ai `web`
 
 `ai/web` page is `hugo` deploy.
 
-## origin
+### ref
+
+#### origin
 
 - [ai/term](https://git.syui.ai/ai/term)
 - [ai/card](https://git.syui.ai/ai/manga)
 - [ai/vrm](https://git.syui.ai/ai/vrm)
 - [ai/manga](https://git.syui.ai/ai/manga)
 
-## build & deploy
+#### build & deploy
 
 - [hugo](https://github.com/gohugoio/hugo)
 - [gh-pages](https://docs.github.com/pages)
@@ -17,15 +19,8 @@
 - [gh-actions](https://docs.github.com/actions)
 - [ge-actions](https://docs.gitea.com/usage/actions/overview)
 
-## packages
+#### packages
 
 - [icomoon](https://icomoon.io/app/#/select)
-- [font-awesome](https://github.com/FortAwesome/Font-Awesome)
+- [fontawesome](https://github.com/FortAwesome/Font-Awesome)
 - [hotkeys-jp](https://github.com/jaywcjlove/hotkeys-js)
-- [particles.js](https://github.com/VincentGarreau/particles.js)
-
-## ref
-
-- [galaxy](https://github.com/the-halfbloodprince/GalaxyM1199)
-- [solar-sys](https://github.com/solarcg/SolarSys)
-

static/css/blog.css

@@ -1,14 +0,0 @@
-.containerx {
-	padding: 100px 250px;
-	width: auto;
-}
-
-.sun-button {
-	display: none;
-}
-
-@media screen and (max-width:1000px) { 
-	.containerx { 
-		padding: 0;
-	}
-}

static/css/nasa.css

@@ -1,7 +0,0 @@
-span.story-related-list {
-	display: none;
-}
-
-#story-list{
-	display:none;
-}

static/css/style.css

@@ -1,6 +1,6 @@
 body {
 	display:block;
-	background-color: #313131;
+	background-color: #f1f1f1;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	width:100%;
 	margin:0;
@@ -30,6 +30,7 @@ p {
 	font-size: 5rem;
 }
 .logo {
+	margin: 35px 0;
 	text-align:center;
 }
 .containerx {
@@ -39,52 +40,12 @@ p {
 	word-wrap: break-word;
 	word-break: break-all;
 }
-article {
-	padding: 40px;
-	background: #fff;
-}
-
-.stars {
-	background: #313131;
-	text-align: center;
-}
-
-.footer-link {
-	font-size: 20px;
-	padding: 100px 0 0 0;
-	text-align: center;
-	background: #313131;
-}
-
-span.footer-link a span.icon-git {
-	font-size: 20px;
-}
-
-span.footer-link a span.icon-syui {
-	font-size: 20px;
-}
-
-span.footer-link a span.icon-ai {
-	font-size: 20px;
-}
-
-span.footer-link a {
-	padding: 10px;
-	color: #fff700;
-}
-
-span.footer-link a:hover {
-	color: #ddd700;
-}
-
-footer.footer a {
-	color: #fff700;
-}
 
 footer#footer {
+	margin-top:100px;
 	text-align: center;
 	height:60px;
-	padding-top:40px;
+	padding-top:100px;
 	color: #fff700;
 	font-size: 20px;
 	background-color:#313131;
@@ -95,18 +56,7 @@ footer#footer a {
 	color: #fff700;
 }
 
-img {
-	width: 100%;
-}
-
-.content p img {
-	text-align: center;
-	margin: 0 auto;
-	width: 400px;
-	display: block;
-}
-
-article p img {
+.containerx p img {
 	width: 100%;
 }
 
@@ -146,7 +96,13 @@ span.green {
 
 h3 {
 	margin-bottom: 4px;
-	font-size: 17px;
+}
+
+
+blockquote {
+	background: #fff;
+	margin: 0px;
+	padding: 20px;
 }
 
 nav#article-nav {
@@ -177,7 +133,17 @@ ul.cp_list li > p > a {
 ul.cp_list li > span.icon-moon {
 	color: #0e0e0e;		
 }
+.footer-link > a > i.fab.fa-twitter {
+	color: rgba(52	135	236);		
+}
+.footer-link > a > i.fab.fa-github {
+	color: rgba(1	1	1);		
+}
 
+.footer-link > a > i.fas.fa-rss {
+	color: #f4a316;		
+	font-size: 23px;
+}
 i.fa-brands.fa-slack {
 	color: #b8cfe0;
 }
@@ -197,6 +163,17 @@ a.matrix-icon {
 	bottom: 4px;
 }
 
+.footer-link > a > span.icon-ai {
+	font-size:25px;
+	color: #beb801;
+	margin:10px;
+}
+.footer-link > a > span.icon-api {
+	font-size:25px;
+	margin:10px;
+}
+
+
 h3 span.icon-phoenix-world {
 	font-size: 0.8em;
 }
@@ -222,10 +199,12 @@ pre > code {
 	letter-spacing: 0;
 }
 
-h1 {
-	font-size: 24px;
-	line-height: 2.5rem;
-	padding:2rem 0;
+.footer-link {
+	font-size:30px;
+	text-align: center;
+}
+.footer-link > a > i {
+	padding:9px;
 }
 
 h2 {
@@ -263,6 +242,19 @@ ins.adsbygoogle {
 	padding:15px 0 15px 0;
 }
 
+.footer-link > a > i.fab.fa-mastodon {
+	color:#945ecd;
+}
+
+.footer-link > a > i.fab.fa-git-alt {
+	color:#4cae2e;
+}
+
+.footer-link > a > span.icon-home {
+	font-size: 27px;
+	padding: 7px;
+}
+
 .moji p img {
 	width: 128px;
 }
@@ -334,7 +326,6 @@ span.menu-right-top div#app {
 
 div#container {
 	background-color: #fff;
-	margin-bottom: 100px;
 }
 
 .story {
@@ -364,29 +355,40 @@ iframe.manga {
 }
 
 header#header {
+	background-color: #313131;
 	position: relative;
- background: linear-gradient(#313131, #313131);
-}
-
-#minimap {
-	display: none;
 }
 
 .top-card {
 	margin:0 auto;
 	text-align: center;
 }
-
 .top-card p img {
 	width:80px;
 	padding:1px;
-	display: inline;
 }
 
-.top-item p img {
-	width:100%;
-	padding:1px;
-	display: inline;
+@media screen and (max-width:1000px) { 
+	html {
+		font-size: 100%; 
+	}
+	.logo span.icon-phoenix-world{
+		font-size: 60px;
+		font-size: 6rem;
+	}
+	.containerx { 
+		width: auto;
+		margin: 0 15px;
+		font-size:18px;
+		word-wrap: break-word;
+		word-break: break-all;
+	}
+	.vrm iframe {
+		width:100%;
+	}
+	button.tag {
+		display:none;
+	}
 }
 
 .nav {
@@ -496,7 +498,7 @@ header#header {
 }
 
 nav.navbar.navbar-expand-lg.navbar-light.bg-light{
-	border-bottom: solid 1px #fff700;
+	border-bottom: solid 1px #fff;
 	background: #313131;
 }
 
@@ -1018,6 +1020,9 @@ span.icon-ai {
 	color: #fff700;
 }
 
+span.navbar-title-text > a span.icon-ai {
+}
+
 .top-menu {
 	margin: 50px 0px 20px 0px;
 }
@@ -1118,7 +1123,11 @@ li.blog-menu button:hover {
 	border-radius: 4px;
 }
 
-a.menu-link-left-black {
+a.menu-link-left-black span.icon-aiterm {
+	color: #fff700;
+}
+
+a.menu-link-left-black span.icon-git_bg {
 	color: #fff700;
 }
 
@@ -1149,227 +1158,3 @@ button.tag {
 	border:none;
 	background-color: #f1f1f1;
 }
-
-li.commit a span.icon-moji_a {
-	font-size: 30px;
-}
-
-blockquote {
-	background: #f1f1f1;
-	padding: 20px;
-	margin: 20px 0;
-}
-
-.pager {
-	margin:100px 0;
-	width:100%;
-	text-align: center;
-	padding: 30px 0;
-	background: #313131;
-}
-
-.pager a {
-	color: #fff700;
-}
-
-a.menu-link-left-black:hover {
-	color: #b6b000;
-}
-
-span.comment-time {
-	float: right;
-	padding: 0 5px 0 5px;
-	color: #999;
-}
-
-span.comment-time a {
-	color: #999;
-}
-
-span.comment-time a:hover {
-	color: rgb(16, 131, 254);
-}
-
-span.comment-handle {
-	padding: 0 5px 0 5px;
-	position: absolute;
-}
-
-span.comment-handle a {
-	color: #313131;
-}
-
-img.comment {
-	width:60px;
-}
-
-p.comment-body {
-	border-bottom: solid 1px #eee;
-	padding: 20px;
-}
-
-span.comment-text {
-	padding:10px;
-}
-
-button.comment_open {
-	padding:20px 40px 20px 40px;
-	background-color: rgba(184,207,224,.24);
-	border: none;
-	margin:0;
-}
-button.comment_open:hover {
-	color: rgb(16, 131, 254);
-}
-
-.comment_open {
-	text-align: center;
-	width: 100%;
-}
-
-.comment_open p a {
-	color: rgb(16, 131, 254);
-}
-
-.bsky_comment {
-	background-color: #fff;
-	margin: 0px auto;
-	border: solid 1px #eee;
-}
-
-.bsky_comment_embed {
-	background-color: #fff;
-	width: 600px;
-	margin: 0px auto;
-}
-
-.comment {
-	background-color: #fff;
-}
-
-.loading {
-	background:#f1f1f1;
-	padding:25px;
-}
-.loading_none {
-	background:#f1f1f1;
-	padding:50px;
-}
-
-.bluesky-embed {
-	text-align: center;
-	margin: 0 auto;
-}
-
-.outer p {
-	padding: 30px;
-}
-
-.outer h2 {
-	padding: 30px;
-}
-
-.sns-link {
-	background: #fff;
-	margin: 50px 0;
-	padding: 30px;
-}
-
-.nasa {
-	display: none;
-}
-
-.sun-button {
-	position: absolute;
-	margin: 0 auto;
-	text-align: center;
-	width: 100%;
-}
-
-.sun-particles {
-	display: block;
-}
-
-.sun-button img {
-	width: 50px;
-	margin: 40% 0 0 0;
-	-webkit-transition: 0.8s;
-	-moz-transition: 0.8s;
-	-o-transition: 0.8s;
-	-ms-transition: 0.8s;
-	transition: 0.8s;
-}
-
-img#sun-img-button:hover {
-	background:#fff700a6;
-}
-
-pre > code > span {
-	padding: 20px;
-	line-break: anywhere;
-	word-break: break-all;
-}
-
-.sns-link p span.icon-git {
-    font-size: 20px;
-}
-
-@media screen and (max-width:1000px) { 
-	html {
-		font-size: 100%; 
-	}
-	.logo span.icon-phoenix-world{
-		font-size: 60px;
-		font-size: 6rem;
-	}
-	.containerx { 
-		width: auto;
-		font-size:18px;
-		word-wrap: break-word;
-		word-break: break-all;
-	}
-	.vrm iframe {
-		width:100%;
-	}
-	button.tag {
-		display:none;
-	}
-	article {
-		padding: 15px;
-	}
-	.content p img {
-		width:100%;
-	}
-	.outer p {
-		padding: 15px;
-	}
-	.outer h2 {
-		padding: 15px;
-	}
-}
-
-.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;
-}
-
-.footer-qr {
-	text-align:center;
-	margin: 100px 0 100px 0;
-}
-span.footer-link img {
-	width: 200px;
-}

static/css/terminal.css

@@ -1,503 +1,513 @@
 html {
-	-webkit-font-smoothing: antialiased;
-	-moz-font-smoothing: antialiased;
-	-ms-font-smoothing: antialiased;
-	-o-font-smoothing: antialiased;
+    -webkit-font-smoothing: antialiased;
+    -moz-font-smoothing: antialiased;
+    -ms-font-smoothing: antialiased;
+    -o-font-smoothing: antialiased;
 }
 body {
-	background-attachment: fixed;
-	-webkit-background-size: cover;
-	background-size: cover;
-	color: #444;
-	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    background-attachment: fixed;
+    -webkit-background-size: cover;
+    background-size: cover;
+    color: #444;
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 #window {
-	margin-left: auto;
-	margin-right: auto;
-	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
-	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
-	background: #333;
-	border-radius: 4px;
-	overflow: hidden;
-	width: 100%;
-	height: 100%;
-	margin:5px;
+    margin-left: auto;
+    margin-right: auto;
+    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
+    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
+    background: #333;
+    border-radius: 4px;
+    overflow: hidden;
+    width: 100%;
+				height: 100%;
+				margin:5px;
 }
 
 #topbar {
-	width: 100%;
-	height: 21px;
-	font-size: 16px;
-	font-family: "Myriad Pro", sans-serif;
-	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25);
-	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
-	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
+    width: 100%;
+    height: 21px;
+    font-size: 16px;
+    font-family: "Myriad Pro", sans-serif;
+    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25);
+    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
+    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
 }
 #topbar ul li {
-	float: left;
-	padding: 0 10px;
-	height: 21px;
-	line-height: 24px;
+    float: left;
+    padding: 0 10px;
+    height: 21px;
+    line-height: 24px;
 }
 #topbar ul li:first-child {
-	font-size: 20px;
-	line-height: 26px;
-	margin-left: 5px;
+    font-size: 20px;
+    line-height: 26px;
+    margin-left: 5px;
 }
 #topbar ul li:nth-child(2) {
-	font-family: "Myriad-Semi", sans-serif;
+    font-family: "Myriad-Semi", sans-serif;
 }
 #topbar ul li:active {
-	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #4a82ff), color-stop(0, #0052fc));
-	color: #fff;
-	text-shadow: none;
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #4a82ff), color-stop(0, #0052fc));
+    color: #fff;
+    text-shadow: none;
 }
 #toolbar {
-	width: 100%;
-	height: 25px;
-	background: #ccc;
+    width: 100%;
+    height: 25px;
+    background: #ccc;
 }
 #toolbar .top {
-	float: left;
-	width: 100%;
-	height: 23px;
+    float: left;
+    width: 100%;
+    height: 23px;
 }
 #toolbar .bottom {
-	float: left;
-	width: 100%;
-	height: 30px;
+    float: left;
+    width: 100%;
+    height: 30px;
 }
 #toolbar #lights {
-	float: left;
-	position: relative;
-	top: 6px;
-	left: 7px;
+    float: left;
+    position: relative;
+    top: 6px;
+    left: 7px;
 }
 .light {
-	float: left;
-	width: 14px;
-	height: 14px;
-	border-radius: 14px;
-	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 0px 3px #000 inset;
-	-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 0px 3px #000 inset;
-	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 0px 3px #000 inset;
-	overflow: hidden;
+    float: left;
+    width: 14px;
+    height: 14px;
+    border-radius: 14px;
+    -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 0px 3px #000 inset;
+    -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 0px 3px #000 inset;
+    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 0px 3px #000 inset;
+    overflow: hidden;
 }
 #lights:hover .glyph {
-	opacity: 1;
-	cursor: default;
+    opacity: 1;
+    cursor: default;
 }
 .light .shine {
-	width: 4px;
-	height: 3px;
-	border-radius: 10px;
-	background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
-	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
-	background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
-	background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
-	background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
-	background: radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
+    width: 4px;
+    height: 3px;
+    border-radius: 10px;
+    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
+    background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
+    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
+    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
+    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
+    background: radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
 }
 .light .glow {
-	width: 14px;
-	height: 8px;
-	background-image: -webkit-gradient(radial, center bottom, 0, center center, 5, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0)));
-	background: 0px 0px -moz-radial-gradient(bottom, cover, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0) 80%);
+    width: 14px;
+    height: 8px;
+    background-image: -webkit-gradient(radial, center bottom, 0, center center, 5, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0)));
+    background: 0px 0px -moz-radial-gradient(bottom, cover, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0) 80%);
 }
 .red {
-	background: #f41b16;
-	background: -moz-linear-gradient(top, #f41b16 0%, #fc7471 100%);
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f41b16), color-stop(100%, #fc7471));
-	background: -webkit-linear-gradient(top, #f41b16 0%, #fc7471 100%);
-	background: -o-linear-gradient(top, #f41b16 0%, #fc7471 100%);
-	background: -ms-linear-gradient(top, #f41b16 0%, #fc7471 100%);
-	background: linear-gradient(top, #f41b16 0%, #fc7471 100%);
+    background: #f41b16;
+    background: -moz-linear-gradient(top, #f41b16 0%, #fc7471 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f41b16), color-stop(100%, #fc7471));
+    background: -webkit-linear-gradient(top, #f41b16 0%, #fc7471 100%);
+    background: -o-linear-gradient(top, #f41b16 0%, #fc7471 100%);
+    background: -ms-linear-gradient(top, #f41b16 0%, #fc7471 100%);
+    background: linear-gradient(top, #f41b16 0%, #fc7471 100%);
 }
 .red:active {
-	background: #972f2e;
-	background: -moz-linear-gradient(top, #972f2e 0%, #fc7471 100%);
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #972f2e), color-stop(100%, #fc7471));
-	background: -webkit-linear-gradient(top, #972f2e 0%, #fc7471 100%);
-	background: -o-linear-gradient(top, #972f2e 0%, #fc7471 100%);
-	background: -ms-linear-gradient(top, #972f2e 0%, #fc7471 100%);
-	background: linear-gradient(top, #972f2e 0%, #fc7471 100%);
+    background: #972f2e;
+    background: -moz-linear-gradient(top, #972f2e 0%, #fc7471 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #972f2e), color-stop(100%, #fc7471));
+    background: -webkit-linear-gradient(top, #972f2e 0%, #fc7471 100%);
+    background: -o-linear-gradient(top, #972f2e 0%, #fc7471 100%);
+    background: -ms-linear-gradient(top, #972f2e 0%, #fc7471 100%);
+    background: linear-gradient(top, #972f2e 0%, #fc7471 100%);
 }
 .red .shine {
-	position: relative;
-	top: -21px;
-	left: 5px;
+    position: relative;
+    top: -21px;
+    left: 5px;
 }
 .red .glow {
-	position: relative;
-	top: -20px;
+    position: relative;
+    top: -20px;
 }
 .red .glyph {
-	position: relative;
-	top: -5px;
-	left: 3px;
-	font-size: 14px;
-	font-weight: 400;
-	color: #9b3a36;
-	z-index: 50;
-	opacity: 0;
+    position: relative;
+    top: -5px;
+    left: 3px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #9b3a36;
+    z-index: 50;
+    opacity: 0;
 }
 .yellow {
-	background: #f4a316;
-	background: -moz-linear-gradient(left, #f4a316 0%, #fcc371 100%);
-	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f4a316), color-stop(100%, #fcc371));
-	background: -webkit-linear-gradient(left, #f4a316 0%, #fcc371 100%);
-	background: -o-linear-gradient(left, #f4a316 0%, #fcc371 100%);
-	background: -ms-linear-gradient(left, #f4a316 0%, #fcc371 100%);
-	background: linear-gradient(left, #f4a316 0%, #fcc371 100%);
-	margin: 0px 7px;
+    background: #f4a316;
+    background: -moz-linear-gradient(left, #f4a316 0%, #fcc371 100%);
+    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f4a316), color-stop(100%, #fcc371));
+    background: -webkit-linear-gradient(left, #f4a316 0%, #fcc371 100%);
+    background: -o-linear-gradient(left, #f4a316 0%, #fcc371 100%);
+    background: -ms-linear-gradient(left, #f4a316 0%, #fcc371 100%);
+    background: linear-gradient(left, #f4a316 0%, #fcc371 100%);
+    margin: 0px 7px;
 }
 .yellow:active {
-	background: #ae4f1e;
-	background: -moz-linear-gradient(top, #ae4f1e 0%, #fcc371 100%);
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ae4f1e), color-stop(100%, #fcc371));
-	background: -webkit-linear-gradient(top, #ae4f1e 0%, #fcc371 100%);
-	background: -o-linear-gradient(top, #ae4f1e 0%, #fcc371 100%);
-	background: -ms-linear-gradient(top, #ae4f1e 0%, #fcc371 100%);
-	background: linear-gradient(top, #ae4f1e 0%, #fcc371 100%);
+    background: #ae4f1e;
+    background: -moz-linear-gradient(top, #ae4f1e 0%, #fcc371 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ae4f1e), color-stop(100%, #fcc371));
+    background: -webkit-linear-gradient(top, #ae4f1e 0%, #fcc371 100%);
+    background: -o-linear-gradient(top, #ae4f1e 0%, #fcc371 100%);
+    background: -ms-linear-gradient(top, #ae4f1e 0%, #fcc371 100%);
+    background: linear-gradient(top, #ae4f1e 0%, #fcc371 100%);
 }
 .yellow .shine {
-	position: relative;
-	top: -21px;
-	left: 5px;
+    position: relative;
+    top: -21px;
+    left: 5px;
 }
 .yellow .glow {
-	position: relative;
-	top: -20px;
+    position: relative;
+    top: -20px;
 }
 .yellow .glyph {
-	position: relative;
-	top: -5px;
-	left: 3px;
-	font-size: 24px;
-	color: #854322;
-	z-index: 50;
-	opacity: 0;
-	-webkit-transform: scaleY(1.5) scaleX(1.3);
+    position: relative;
+    top: -5px;
+    left: 3px;
+    font-size: 24px;
+    color: #854322;
+    z-index: 50;
+    opacity: 0;
+    -webkit-transform: scaleY(1.5) scaleX(1.3);
 }
 .green {
-	background: #4cae2e;
-	background: -moz-linear-gradient(top, #4cae2e 0%, #dafc71 100%);
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4cae2e), color-stop(100%, #dafc71));
-	background: -webkit-linear-gradient(top, #4cae2e 0%, #dafc71 100%);
-	background: -o-linear-gradient(top, #4cae2e 0%, #dafc71 100%);
-	background: -ms-linear-gradient(top, #4cae2e 0%, #dafc71 100%);
-	background: linear-gradient(top, #4cae2e 0%, #dafc71 100%);
+    background: #4cae2e;
+    background: -moz-linear-gradient(top, #4cae2e 0%, #dafc71 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4cae2e), color-stop(100%, #dafc71));
+    background: -webkit-linear-gradient(top, #4cae2e 0%, #dafc71 100%);
+    background: -o-linear-gradient(top, #4cae2e 0%, #dafc71 100%);
+    background: -ms-linear-gradient(top, #4cae2e 0%, #dafc71 100%);
+    background: linear-gradient(top, #4cae2e 0%, #dafc71 100%);
 }
 .green:active {
-	background: #48752b;
-	background: -moz-linear-gradient(top, #48752b 0%, #dafc71 100%);
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #48752b), color-stop(100%, #dafc71));
-	background: -webkit-linear-gradient(top, #48752b 0%, #dafc71 100%);
-	background: -o-linear-gradient(top, #48752b 0%, #dafc71 100%);
-	background: -ms-linear-gradient(top, #48752b 0%, #dafc71 100%);
-	background: linear-gradient(top, #48752b 0%, #dafc71 100%);
+    background: #48752b;
+    background: -moz-linear-gradient(top, #48752b 0%, #dafc71 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #48752b), color-stop(100%, #dafc71));
+    background: -webkit-linear-gradient(top, #48752b 0%, #dafc71 100%);
+    background: -o-linear-gradient(top, #48752b 0%, #dafc71 100%);
+    background: -ms-linear-gradient(top, #48752b 0%, #dafc71 100%);
+    background: linear-gradient(top, #48752b 0%, #dafc71 100%);
 }
 .green .shine {
-	position: relative;
-	top: -20px;
-	left: 5px;
+    position: relative;
+    top: -20px;
+    left: 5px;
 }
 .green .glow {
-	position: relative;
-	top: -20px;
+    position: relative;
+    top: -20px;
 }
 .green .glyph {
-	position: relative;
-	top: -5px;
-	left: 3px;
-	font-size: 14px;
-	font-weight: bold;
-	color: #25571d;
-	z-index: 50;
-	opacity: 0;
+    position: relative;
+    top: -5px;
+    left: 3px;
+    font-size: 14px;
+    font-weight: bold;
+    color: #25571d;
+    z-index: 50;
+    opacity: 0;
 }
 @-moz-document url-prefix() {
-	.red .glyph {
-		position: relative;
-		top: -5px;
-	}
-	.yellow .glyph {
-		top: -4px;
-		left: 3px;
-	}
-	.green .glyph {
-		position: relative;
-		top: -4px;
-	}
+    .red .glyph {
+        position: relative;
+        top: -5px;
+    }
+    .yellow .glyph {
+        top: -4px;
+        left: 3px;
+    }
+    .green .glyph {
+        position: relative;
+        top: -4px;
+    }
 }
 #title {
-	float: left;
-	position: relative;
-	top: 6px;
-	width: 40%;
-	left: 45%;
-	font-family: "Myriad Pro", sans-serif;
-	font-size: 16px;
-	line-height: 14px;
-	font-weight: bold;
+    float: left;
+    position: relative;
+    top: 6px;
+    width: 40%;
+    left: 45%;
+    font-family: "Myriad Pro", sans-serif;
+    font-size: 16px;
+    line-height: 14px;
+    font-weight: bold;
 }
 .folder {
-	float: left;
-	margin-right: 5px;
+    float: left;
+    margin-right: 5px;
 }
 .folder .tab {
-	width: 4px;
-	height: 2px;
-	background: #a4c5da;
-	border: 1px solid #728ea3;
-	border-bottom: none;
-	border-radius: 2px 2px 0px 0px;
-	-webkit-box-shadow: 0px -1px 0px #99b5c7 inset;
-	margin-left: 1px;
-	z-index: 5000;
-	margin-bottom: -1px;
+    width: 4px;
+    height: 2px;
+    background: #a4c5da;
+    border: 1px solid #728ea3;
+    border-bottom: none;
+    border-radius: 2px 2px 0px 0px;
+    -webkit-box-shadow: 0px -1px 0px #99b5c7 inset;
+    margin-left: 1px;
+    z-index: 5000;
+    margin-bottom: -1px;
 }
 .folder .body {
-	width: 14px;
-	height: 10px;
-	border: 1px solid #6e8ba1;
-	background: #b8cfe0;
-	background: -moz-linear-gradient(top, #b8cfe0 0%, #86adc8 100%);
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8cfe0), color-stop(100%, #86adc8));
-	background: -webkit-linear-gradient(top, #b8cfe0 0%, #86adc8 100%);
-	background: -o-linear-gradient(top, #b8cfe0 0%, #86adc8 100%);
-	background: -ms-linear-gradient(top, #b8cfe0 0%, #86adc8 100%);
-	background: linear-gradient(top, #b8cfe0 0%, #86adc8 100%);
-	z-index: -50;
-	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25) inset, 0px 1px 0px rgba(0, 0, 0, 0.2);
-	-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25) inset, 0px 1px 0px rgba(0, 0, 0, 0.2);
+    width: 14px;
+    height: 10px;
+    border: 1px solid #6e8ba1;
+    background: #b8cfe0;
+    background: -moz-linear-gradient(top, #b8cfe0 0%, #86adc8 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8cfe0), color-stop(100%, #86adc8));
+    background: -webkit-linear-gradient(top, #b8cfe0 0%, #86adc8 100%);
+    background: -o-linear-gradient(top, #b8cfe0 0%, #86adc8 100%);
+    background: -ms-linear-gradient(top, #b8cfe0 0%, #86adc8 100%);
+    background: linear-gradient(top, #b8cfe0 0%, #86adc8 100%);
+    z-index: -50;
+    -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25) inset, 0px 1px 0px rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25) inset, 0px 1px 0px rgba(0, 0, 0, 0.2);
 }
 #nav {
-	margin: 1px 8px;
-	float: left;
+    margin: 1px 8px;
+    float: left;
 }
 #view {
-	margin: 2px 0 0 110px;
-	display: inline-block;
+    margin: 2px 0 0 110px;
+    display: inline-block;
 }
 .control_box {
-	height: 20px;
-	border-radius: 3px;
-	border: 1px solid #555;
-	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #fefefe), color-stop(0, #b8b8b8));
-	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25);
+    height: 20px;
+    border-radius: 3px;
+    border: 1px solid #555;
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #fefefe), color-stop(0, #b8b8b8));
+    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25);
 }
 .control_box .control {
-	height: 20px;
-	border-right: 1px solid #2e2e2e;
-	float: left;
-	text-align: center;
-	width: 27px;
+    height: 20px;
+    border-right: 1px solid #2e2e2e;
+    float: left;
+    text-align: center;
+    width: 27px;
 }
 .control:last-child {
-	border-right: 0px solid !important;
+    border-right: 0px solid !important;
 }
 .control:active {
-	background: #b0afb0;
-	-webkit-box-shadow: 0px 0px 4px #000 inset;
+    background: #b0afb0;
+    -webkit-box-shadow: 0px 0px 4px #000 inset;
 }
 .active {
-	background: #707070 !important;
-	-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.6) inset !important;
+    background: #707070 !important;
+    -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.6) inset !important;
 }
 #body {
-	font-family: Andale Mono, monospace;
-	line-height: 1em;
-	font-size: 13px;
-	float: left;
-	width: 100%;
-	background: #002b36;
-	padding: 10px;
-	line-height: 1.5em;
+    font-family: Andale Mono, monospace;
+    line-height: 1em;
+    font-size: 13px;
+    float: left;
+    width: 100%;
+    background: #002b36;
+    padding: 10px;
+    line-height: 1.5em;
 }
 #body p {
-	color: #63de00!important;
+    color: #63de00!important;
 }
 @keyframes blink {
-	0% {
-		background: rgba(99, 222, 0, 100);
-	}
-	100% {
-		background: rgba(99, 222, 0, 0);
-	}
+    0% {
+        background: rgba(99, 222, 0, 100);
+    }
+    100% {
+        background: rgba(99, 222, 0, 0);
+    }
 }
 @-webkit-keyframes blink {
-	0% {
-		background: rgba(99, 222, 0, 100);
-	}
-	100% {
-		background: rgba(99, 222, 0, 0);
-	}
+    0% {
+        background: rgba(99, 222, 0, 100);
+    }
+    100% {
+        background: rgba(99, 222, 0, 0);
+    }
 }
 @-moz-keyframes blink {
-	0% {
-		background: rgba(99, 222, 0, 100);
-	}
-	100% {
-		background: rgba(99, 222, 0, 0);
-	}
+    0% {
+        background: rgba(99, 222, 0, 100);
+    }
+    100% {
+        background: rgba(99, 222, 0, 0);
+    }
 }
 .cursor {
-	width: 10px;
-	margin-left: 0px;
-	color: #fff;
+    width: 10px;
+    margin-left: 0px;
+    color: #fff;
 }
 #body p::-webkit-selection {
-	background: #0b209e;
+    background: #0b209e;
 }
 #body p::selection {
-	background: #0b209e;
+    background: #0b209e;
 }
 #body p::-moz-selection {
-	background: #0b209e;
+    background: #0b209e;
 }
 #body p {
-	margin-top: 5px;
-	margin-bottom: 5px;
-	font-size: 13px;
+    margin-top: 5px;
+    margin-bottom: 5px;
+    font-size: 13px;
 }
 #content {
-	float: left;
-	margin-top: 1px;
+    float: left;
+    margin-top: 1px;
 }
 #foot {
-	height: 23px;
-	width: 100%;
-	float: left;
-	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #cbcbcb), color-stop(0, #a7a7a7));
-	border-top: 1px solid #515151;
-	border-radius: 0 0 5px 5px;
+    height: 23px;
+    width: 100%;
+    float: left;
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #cbcbcb), color-stop(0, #a7a7a7));
+    border-top: 1px solid #515151;
+    border-radius: 0 0 5px 5px;
 }
 #foot .handle {
-	width: 11px;
-	height: 11px;
-	float: right;
-	margin: 6px;
-	overflow: hidden;
+    width: 11px;
+    height: 11px;
+    float: right;
+    margin: 6px;
+    overflow: hidden;
 }
 .handle .grip {
-	-webkit-transform: rotate(45deg) scaley(3);
-	margin: 2px 0 0 2px;
-	color: #646464;
-	text-shadow: 1px 1px 0 #c6c6c6;
-	font-size: 14px;
+    -webkit-transform: rotate(45deg) scaley(3);
+    margin: 2px 0 0 2px;
+    color: #646464;
+    text-shadow: 1px 1px 0 #c6c6c6;
+    font-size: 14px;
 }
 .icon .frame {
-	width: 82px;
-	height: 82px;
-	border-radius: 5px;
-	border: 2px solid transparent;
+    width: 82px;
+    height: 82px;
+    border-radius: 5px;
+    border: 2px solid transparent;
 }
 .icon .name {
-	color: #000;
-	padding-top: 3px;
-	border-radius: 15px;
-	width: 55px;
-	margin: 5px 0 0 15px;
+    color: #000;
+    padding-top: 3px;
+    border-radius: 15px;
+    width: 55px;
+    margin: 5px 0 0 15px;
 }
 .icon .folder {
-	margin: 15px 0 0 6px;
+    margin: 15px 0 0 6px;
 }
 #icon-github {
-	text-align: -999px;
-	font-size: 1px;
-	display: block;
-	width: 156px;
-	height: 133px;
-	background-image: url(../img/sprite.png);
-	background-position: 0 133px;
+    text-align: -999px;
+    font-size: 1px;
+    display: block;
+    width: 156px;
+    height: 133px;
+    background-image: url(../img/sprite.png);
+    background-position: 0 133px;
 }
 #icon-github:hover {
-	background-position: 0 0px;
+    background-position: 0 0px;
 }
 #icon-rubygems {
-	text-align: -999px;
-	font-size: 1px;
-	display: block;
-	width: 156px;
-	height: 133px;
-	background-image: url(../img/sprite.png);
-	background-position: 158px 133px;
+    text-align: -999px;
+    font-size: 1px;
+    display: block;
+    width: 156px;
+    height: 133px;
+    background-image: url(../img/sprite.png);
+    background-position: 158px 133px;
 }
 #icon-rubygems:hover {
-	background-position: 158px 0px;
+    background-position: 158px 0px;
 }
 .source-urls {
-	margin-top: 40px;
-	margin-bottom: 40px;
+    margin-top: 40px;
+    margin-bottom: 40px;
 }
 .no-margin-bot {
-	color: #337AB7;
+    color: #337AB7;
 }
 span {
-	font-size: 15px;
+    font-size: 15px;
+}
+#particles-js {
+    position: absolute;
+    width: 98%;
+}
+#particles-js-no {
+    position: absolute;
+    width: 98%;
 }
 
 #icon-github:hover,
 i.icon.ion-close-circled:hover,
 i.icon.ion-minus-circled:hover,
 i.icon.ion-plus-circled:hover {
-	color: rgba(0, 0, 0, .5);
+    color: rgba(0, 0, 0, .5);
 }
 i.icon.ion-close-circled {
-	color: rgba(212, 42, 38, 0.83);
-	text-shadow: 0 0 1px rgba(187, 187, 187, 0.56);
-	padding-top: 3px;
+    color: rgba(212, 42, 38, 0.83);
+    text-shadow: 0 0 1px rgba(187, 187, 187, 0.56);
+    padding-top: 3px;
 }
 i.icon.ion-minus-circled {
-	color: rgb(160, 165, 34);
-	text-shadow: 0 0 1px rgba(187, 187, 187, 0.56);
-	padding-top: 3px;
+    color: rgb(160, 165, 34);
+    text-shadow: 0 0 1px rgba(187, 187, 187, 0.56);
+    padding-top: 3px;
 }
 i.icon.ion-plus-circled {
-	color: rgb(82, 183, 51);
-	text-shadow: 0 0 1px rgba(187, 187, 187, 0.56);
-	padding-top: 3px;
+    color: rgb(82, 183, 51);
+    text-shadow: 0 0 1px rgba(187, 187, 187, 0.56);
+    padding-top: 3px;
 }
 .icon {
-	margin: 7px;
-	float: left;
-	font-size: 20px;
+    margin: 7px;
+    float: left;
+    font-size: 20px;
 }
 #title-left {
-	position: relative;
-	top: -8px;
-	font-family: "Myriad Pro", sans-serif;
-	font-size: 14px;
-	left: 49%;
+    position: relative;
+    top: -8px;
+    font-family: "Myriad Pro", sans-serif;
+    font-size: 14px;
+    left: 49%;
 }
 #terminal-origin {
-	font-family: monospace;
+    font-family: monospace;
 }
 @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
-	#title-left {
-		top: -13px;
-	}
+    #title-left {
+        top: -13px;
+    }
 }
 
 @media screen and (max-width:1000px){i.icon.ion-minus-circled{display:none}
-	#window{width:100%;}
+#window{width:100%;}
 }
 @media screen and (max-width:800px){body{padding-top:0px;}
-	#title-left{left:50%;}
-	#window{width:100%;}
-	.container{padding:0px;}
-	/*article{padding:10px 20px;}*/
-	i.icon.ion-minus-circled{display:none}
+#title-left{left:50%;}
+#window{width:100%;}
+.container{padding:0px;}
+/*article{padding:10px 20px;}*/
+i.icon.ion-minus-circled{display:none}
 }
 @media screen and (max-width:800px){#title-left{left:48%;}
 }
 @media screen and (max-width:500px){#title-left{left:40%;}
 }
 @media screen and (max-width:400px){body{padding-top:0px;width:auto;}
-	#title-left{left:50%;}
-	/*article{padding:10px 10px;}*/
-	i.icon.ion-minus-circled{display:none}
-	i.icon.ion-plus-circled{display:none}
+#title-left{left:50%;}
+/*article{padding:10px 10px;}*/
+#particles-js{width:auto;}
+#particles-js-no{width:auto;}
+i.icon.ion-minus-circled{display:none}
+i.icon.ion-plus-circled{display:none}
 }

static/icon/sun.svg

@@ -1,19 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
-"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
-width="100.000000pt" height="100.000000pt" viewBox="0 0 512.000000 512.000000"
-preserveAspectRatio="xMidYMid meet">
-<metadata>syui</metadata>
-<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
-fill="#fff700" stroke="none">
-<circle cx="2500" cy="2500" r="1500" />
-</g>
-<g transform="scale(3 3) matrix(0.866, -0.5, 0.25, 0.433, 85, 85)" >
-	<path d="M 0,70 A 65,70 0 0,0 65,0 5,5 0 0,1 75,0 75,70 0 0,1 0,70Z" fill="#fff700" >
-		<animateTransform attributeName="transform" type="rotate" from="360 0 0" to="0 0 0" dur="1s" repeatCount="indefinite" />
-		<animate fill="freeze" dur="4000ms" begin="0s" values="#D38EFF;#DD6699;#DDDD00;#008CCF" calMode="linear" attributeName="fill" repeatCount="indefinite" />
-	</path>
-</g>
-</svg>
-

static/js/index.js

@@ -9,30 +9,3 @@ function blog_list_open() {
 		}
 	}
 }
-
-function replace() {
-	const link = document.getElementById('planet');
-	const date = new Date();
-	const durl = 'https://card.syui.ai/planet';
-	let url;
-	let u = date.getSeconds().toString().substr(-1);
-	console.log(u);
-	switch (u) {
-		case '0':
-			url = durl + "?ms=0&g=sun";
-			break;
-		case '1':
-			url = durl + "?ms=0&g=galaxy";
-			break;
-		case '2':
-			url = durl + "?ms=0&g=neutron";
-			break;
-		case '3':
-			url = durl + "?ms=0&g=earth";
-			break;
-		default:
-			url = durl + "?ms=0&g=moon";
-	}
-	link.setAttribute('src', url);
-}
-replace();

static/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "hotkeys-js": "^3.13.7"
+  }
+}

static/pkg/atmosphere/CNAME

@@ -1 +0,0 @@
-vrm.syui.ai