1
0
This commit is contained in:
syui 2024-04-28 15:25:43 +09:00
parent 3dc65befb9
commit b862d17d46
Signed by: syui
GPG Key ID: 5417CFEBAD92DF56
14 changed files with 84 additions and 11 deletions

View File

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

View File

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

View File

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

View File

@ -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> <iframe src="/pkg/galaxy/" allowfullscreen frameborder="0" style="width:100%;height:700px;"></iframe>
-->

View File

@ -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
-->

View File

@ -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" /> <link rel="stylesheet" href="/pkg/particles/particles.css" />
<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 id="particles-js"></div>
</div>
<script src="/pkg/particles/particles.min.js"></script> <script src="/pkg/particles/particles.min.js"></script>
<script src="/pkg/particles/config.js"></script> <script src="/pkg/particles/config.js"></script>

View File

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

View File

@ -44,7 +44,11 @@ article {
background: #fff; background: #fff;
} }
footer#footer { .stars {
background: #313131;
}
footer.footer {
/* margin-top:100px; */ /* margin-top:100px; */
text-align: center; text-align: center;
height:60px; height:60px;
@ -55,6 +59,20 @@ footer#footer {
position: relative; position: relative;
} }
footer.footer a {
color: #fff700;
}
footer#footer {
text-align: center;
height:60px;
padding-top:100px;
color: #fff700;
font-size: 20px;
background-color:#313131;
position: relative;
}
footer#footer a { footer#footer a {
color: #fff700; color: #fff700;
} }
@ -366,10 +384,6 @@ header#header {
position: relative; position: relative;
} }
.stars {
background: #313131;
}
#minimap { #minimap {
display: none; display: none;
} }
@ -1280,6 +1294,26 @@ button.comment_open:hover {
padding: 30px; padding: 30px;
} }
.sun {
display: block;
}
.nasa {
display: none;
}
.sun-button {
position: absolute;
margin: 0 auto;
text-align: center;
}
.sun-button img {
width: 50%;
}
img#sun-img-button:hover {
opacity: 0.5;
}
@media screen and (max-width:1000px) { @media screen and (max-width:1000px) {
html { html {
font-size: 100%; font-size: 100%;

BIN
static/icon/sun.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

View File

@ -9,3 +9,4 @@ function blog_list_open() {
} }
} }
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>ai/galaxy</title><script defer="defer" src="bundle.7ebb308f31ef45a64bb0.js"></script><link href="main.css" rel="stylesheet"></head><body><canvas class="webgl"></canvas></body></html> <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>ai/galaxy</title><script defer="defer" src="bundle.4f0abc4a7f1c1822a177.js"></script><link href="main.css" rel="stylesheet"></head><body><canvas class="webgl"></canvas></body></html>