fix

layouts/_default/list.html

@@ -1,4 +1,4 @@
-{{ partial "head.html" . }}
+{{ partial "head-blog.html" . }}
 {{ partial "navbar.html" . }}
 {{ partial "header.html" . }}
 

layouts/index.html

@@ -7,6 +7,7 @@
 
 <div class="stars">
 {{ partial "particles.html" . }}
+{{ partial "nasa.html" . }}
 {{ partial "galaxy.html" . }}
 </div>
 

layouts/partials/footer-blog.html

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

layouts/partials/galaxy.html

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

layouts/partials/nasa.html

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

layouts/partials/particles.html

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