fix
This commit is contained in:
parent
3dc65befb9
commit
b862d17d46
@ -1,4 +1,4 @@
|
|||||||
{{ partial "head.html" . }}
|
{{ partial "head-blog.html" . }}
|
||||||
{{ partial "navbar.html" . }}
|
{{ partial "navbar.html" . }}
|
||||||
{{ partial "header.html" . }}
|
{{ partial "header.html" . }}
|
||||||
|
|
||||||
|
@ -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>
|
||||||
|
|
||||||
|
1
layouts/partials/footer-blog.html
Normal file
1
layouts/partials/footer-blog.html
Normal file
@ -0,0 +1 @@
|
|||||||
|
<footer class="footer">© <a href="https://syui.ai">syui</a></footer>
|
@ -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>
|
||||||
|
-->
|
||||||
|
6
layouts/partials/nasa.html
Normal file
6
layouts/partials/nasa.html
Normal 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
|
||||||
|
-->
|
@ -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 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/particles.min.js"></script>
|
||||||
<script src="/pkg/particles/config.js"></script>
|
<script src="/pkg/particles/config.js"></script>
|
||||||
|
@ -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;
|
||||||
|
@ -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
BIN
static/icon/sun.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 37 KiB |
@ -9,3 +9,4 @@ function blog_list_open() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
File diff suppressed because one or more lines are too long
1
static/pkg/galaxy/bundle.4f0abc4a7f1c1822a177.js.map
Normal file
1
static/pkg/galaxy/bundle.4f0abc4a7f1c1822a177.js.map
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -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>
|
Loading…
Reference in New Issue
Block a user