From e84bf8cde09ec840f728f44a1385e98059b515c4 Mon Sep 17 00:00:00 2001
From: syui <syui@syui.ai>
Date: Sun, 28 Apr 2024 17:00:52 +0900
Subject: [PATCH] fix

---
 layouts/partials/particles.html |  2 +-
 static/css/style.css            |  7 +++++--
 static/icon/sun.svg             | 19 +++++++++++++++++++
 3 files changed, 25 insertions(+), 3 deletions(-)
 create mode 100644 static/icon/sun.svg

diff --git a/layouts/partials/particles.html b/layouts/partials/particles.html
index a9d2f7f3..f79bc6f4 100644
--- a/layouts/partials/particles.html
+++ b/layouts/partials/particles.html
@@ -18,7 +18,7 @@ function sun_open() {
 <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()">
+		<img id="sun-img-button" src="/icon/sun.svg" onclick="sun_open()">
 	</div>
 	<div id="particles-js"></div>
 </div>
diff --git a/static/css/style.css b/static/css/style.css
index 66a88b7c..48718195 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1306,12 +1306,15 @@ button.comment_open:hover {
 	position: absolute;
 	margin: 0 auto;
 	text-align: center;
+	width: 100%;
 }
 .sun-button img {
-	width: 50%;
+	width: 50px;
+	margin: 50% 0 0 0;
 }
+
 img#sun-img-button:hover {
-	opacity: 0.5;
+	background:#fff700
 }
 
 @media screen and (max-width:1000px) { 
diff --git a/static/icon/sun.svg b/static/icon/sun.svg
new file mode 100644
index 00000000..b1c00977
--- /dev/null
+++ b/static/icon/sun.svg
@@ -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>
+