✨ 轻雪天气更新

liteyuki/resources/vanilla_resource/templates/css/card.css

@@ -11,9 +11,15 @@ body {
 }
 
 .info-box {
-    border-radius: 30px;
+    border-radius: 50px;
     padding: 30px;
     backdrop-filter: blur(10px);
     background-color: rgba(0, 0, 0, 0.5);
     margin-bottom: 20px;
+}
+
+#author-description {
+    text-align: center;
+    color: var(--sub-text-color);
+    font-size: 30px;
 }

liteyuki/resources/vanilla_resource/templates/css/status.css

@@ -1,50 +1,46 @@
 :root {
     --main-text-color: #fff;
-    --sub-text-color: #bbb;
-    --tip-text-color: #888;
-
+    --sub-text-color: #ccc;
+    --tip-text-color: #999;
     --device-info-width: 240px;
 }
 
 .bot-info {
     display: flex;
-    height: 200px;
 }
 
 .bot-icon {
     display: flex;
-    height: 100%;
-    aspect-ratio: 1;
+    width: 220px;
     align-items: center;
     justify-content: center;
     margin-right: 20px;
 }
 
 .bot-icon-img {
+    height: 220px;
     border-radius: 50%;
-    height: 100%;
-    width: 100%;
     background-color: white;
 }
 
 .bot-name {
     color: var(--main-text-color);
     display: flex;
-    font-size: 40px;
+    font-size: 45px;
     flex-direction: column;
     justify-content: center;
 }
 
 .bot-tag {
-    white-space: nowrap;
+    white-space: break-spaces;
     color: var(--sub-text-color);
-    font-size: 27px;
+    font-size: 30px;
     font-weight: 700;
     line-height: 1.6;
 }
 
 .bot-tag[suffix="1"]::after {
-    content: " | ";
+    content: "|";
     display: inline-block;
     margin: 0 5px;
     height: 30%;
@@ -127,4 +123,5 @@
     font-style: italic;
     color: var(--sub-text-color);
     text-align: right;
-}
+}
+

liteyuki/resources/vanilla_resource/templates/css/weather_now.css

@@ -1,83 +0,0 @@
-#weather-info {
-    color: white;
-    /*justify-content: center;*/
-    /*align-items: center;*/
-    /*align-content: center;*/
-}
-
-#main-info {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-#time {
-    font-size: 25px;
-    font-weight: bold;
-    font-style: italic;
-    text-align: right;
-    color: #aaa;
-
-}
-
-#adm {
-    font-size: 30px;
-    font-weight: bold;
-    text-align: center;
-    color: #aaa;
-}
-
-#city {
-    margin-top: 20px;
-    font-size: 70px;
-    font-weight: bold;
-    text-align: center;
-}
-
-#temperature {
-    display: flex;
-    align-items: baseline;
-
-}
-
-#temperature-now {
-    font-size: 70px;
-    font-weight: bold;
-}
-
-#temperature-range {
-    font-size: 40px;
-    font-weight: bold;
-    color: #aaa;
-}
-
-#description {
-    font-size: 50px;
-    font-weight: bold;
-}
-
-
-#aqi {
-    height: 50px;
-    display: flex;
-    border-radius: 60px;
-    padding: 5px;
-    font-size: 40px;
-    text-align: center;
-    align-content: center;
-    align-items: center;
-    justify-content: center;
-}
-
-#aqi-dot {
-    height: 80%;
-    aspect-ratio: 1 / 1;
-    border-radius: 50%;
-    background-color: #aaa;
-    margin-right: 20px;
-}
-
-.main-icon {
-    width: 240px;
-    height: 240px;
-}

liteyuki/resources/vanilla_resource/templates/js/card.js

@@ -9,3 +9,9 @@ const bgs = [
 ]
 // 随机选择背景图片
 document.body.style.backgroundImage = `url(./img/${bgs[Math.floor(Math.random() * bgs.length)]})`;
+// body后插入info-box id=description
+let descriptionDiv = document.createElement("div");
+descriptionDiv.className = 'info-box'
+descriptionDiv.id = 'author-description'
+descriptionDiv.innerText = 'Designed by SnowyKami'
+document.body.appendChild(descriptionDiv);

liteyuki/resources/vanilla_resource/templates/js/status.js

@@ -290,6 +290,8 @@ function main() {
     document.getElementById('motto-text').innerText = mottoText
     document.getElementById('motto-from').innerText = mottoFrom
 
+    document.getElementById('author-description').innerText = localData['description'] + ' Powered by Liteyuki'
+
 
 }
 

liteyuki/resources/vanilla_resource/templates/js/weather_now.js

@@ -1,59 +0,0 @@
-/**
- * @typedef {Object} Location
- * @property {string} city - The city name.
- * @property {string} country - The country name.
- *
- * @typedef {Object} Weather
- * @property {number} temperature - The current temperature.
- * @property {string} description - The weather description.
- *
- * @typedef {Object} Data
- * @property {Location} location - The location data.
- * @property {Weather} weather - The weather data.
- */
-
-/** @type {Data} */
-
-let data = JSON.parse(document.getElementById("data").innerText)
-
-let weatherNow = data["weatherNow"]
-
-let weatherDaily = data["weatherDaily"]
-let weatherHourly = data["weatherHourly"]
-let aqi = data["aqi"]
-
-let locationData = data["location"]
-
-// set info
-// document.getElementById("time").innerText = weatherNow["now"]["obsTime"]
-// document.getElementById("city").innerText = locationData["name"]
-// document.getElementById("adm").innerText = locationData["country"] + " " + locationData["adm1"] + " " + locationData["adm2"]
-// document.getElementById("temperature-now").innerText = weatherNow["now"]["temp"] + "°"
-// document.getElementById("temperature-range").innerText = weatherNow["now"]["feelsLike"] + "°"
-// document.getElementById("description").innerText = weatherNow["now"]["text"]
-// 处理aqi
-let aqiValue = 0
-aqi["aqi"].forEach(
-    (item) => {
-        if (item["defaultLocalAqi"]) {
-            document.getElementById("aqi-data").innerText = "AQI " + item["valueDisplay"] + " " + item["category"]
-            // 将(255,255,255)这种格式的颜色设置给css
-            document.getElementById("aqi-dot").style.backgroundColor = "rgb(" + item["color"] + ")"
-        }
-    }
-)
-
-templates = {
-    "time": weatherNow["now"]["obsTime"],
-    "city": locationData["name"],
-    "adm": locationData["country"] + " " + locationData["adm1"] + " " + locationData["adm2"],
-    "temperature-now": weatherNow["now"]["temp"] + "°",
-    "temperature-range": weatherDaily["daily"][0]["tempMin"] + "°/" + weatherDaily["daily"][0]["tempMax"] + "°",
-    "description": weatherNow["now"]["text"]
-}
-
-// 遍历每一个id，给其赋值
-
-for (let id in templates) {
-    document.getElementById(id).innerText = templates[id]
-}

liteyuki/resources/vanilla_resource/templates/weather_now.html

@@ -1,48 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh">
-<head>
-    <meta charset="UTF-8">
-    <title>Liteyuki Status</title>
-    <link rel="stylesheet" href="./css/card.css">
-    <link rel="stylesheet" href="./css/fonts.css">
-    <link rel="stylesheet" href="./css/weather_now.css">
-</head>
-<!-- qw_icon: https://a.hecdn.net/img/common/icon/202106d/%d.png-->
-<body>
-<div class="data-storage" id="data">{{ data | tojson }}</div>
-<div class="info-box" id="weather-info">
-    <div id="detail-info">
-        <div id="time">1145-01-12 22:22:22</div>
-        <div id="adm">国家 一级 二级</div>
-        <div id="city">城市</div>
-    </div>
-    <div id="main-info">
-        <div>
-            <img class="main-icon" src="./img/qw_icon/101.png" alt="AAA">
-        </div>
-        <div>
-            <div id="temperature">
-                <div id="temperature-now">
-                    90°
-                </div>
-                <div id="temperature-range">
-                    10°~90°
-                </div>
-            </div>
-            <div id="description">
-                好天气
-            </div>
-        </div>
-    </div>
-    <div id="aqi">
-        <div id="aqi-dot"></div>
-        <div id="aqi-data"> AQI 114 优</div>
-    </div>
-</div>
-<div class="info-box" id="sub-info"></div>
-<div class="info-box" id="hours-info"></div>
-<div class="info-box" id="days-info"></div>
-
-<script src="./js/card.js"></script>
-<script src="./js/weather_now.js"></script>
-</body>