ai/web
ai/web
1
0
Fork 0
Code

fix

Browse Source
This commit is contained in:
syui 2024-04-28 17:00:52 +09:00
parent b862d17d46
commit e84bf8cde0
Signed by: syui
GPG Key ID: 5417CFEBAD92DF56
3 changed files with 25 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/partials/particles.html
View File

@ -18,7 +18,7 @@ function sun_open() {
<link rel="stylesheet" href="/pkg/particles/particles.css" /> <link rel="stylesheet" href="/pkg/particles/particles.css" />
<div class="sun"> <div class="sun">
<div class="sun-button"> <div class="sun-button">
<img id="sun-img-button" src="/icon/sun.png" onclick="sun_open()"> <img id="sun-img-button" src="/icon/sun.svg" onclick="sun_open()">
</div> </div>
<div id="particles-js"></div> <div id="particles-js"></div>
</div> </div>

7
static/css/style.css
View File

@ -1306,12 +1306,15 @@ button.comment_open:hover {
position: absolute; position: absolute;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
width: 100%;
} }
.sun-button img { .sun-button img {
width: 50%; width: 50px;
margin: 50% 0 0 0;
} }
img#sun-img-button:hover { img#sun-img-button:hover {
opacity: 0.5; background:#fff700
} }
@media screen and (max-width:1000px) { @media screen and (max-width:1000px) {

19
static/icon/sun.svg Normal file
View File

@ -0,0 +1,19 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 950 B