Skip to content

Commit 5cabe59

Browse files
371tti371tti
committed
Refactor login and release pages, improve theme management, and add clock tool
- Updated language attributes in HTML files for consistency. - Enhanced the login page with improved meta descriptions and a new button structure. - Added a theme management system in menue.js, allowing dynamic theme application. - Implemented a new clock tool with interactive features, including 12/24-hour format toggle and date display. - Cleaned up unused code and improved accessibility features in the menu. - Added a new release note section detailing recent updates and improvements.
1 parent e9de06d commit 5cabe59

File tree

15 files changed

+495
-351
lines changed

15 files changed

+495
-351
lines changed

‎Cargo.lock‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Cargo.toml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
[package]
22
name = "wk-371tti-net"
3-
version = "0.5.4"
3+
version = "0.5.5"
44
edition = "2024"
55

66
[dependencies]

‎data/pages/err/index.html‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,13 @@
55
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<title>ERR-{{ code }} </title>
8+
<meta name="description" content="371tti.net error page">
9+
<meta property="og:description" content="371tti.net error">
10+
<meta property="og:title" content="371tti.net">
11+
<meta property="og:type" content="article">
812
<script src="/load-screen.js"></script>
913
<link rel="stylesheet" href="/style.css">
14+
<script src="/menue.js"></script>
1015
</head>
1116
<body>
1217

‎data/pages/index/box-load-anime.js‎

Lines changed: 12 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -42,21 +42,27 @@ document.querySelectorAll('.box').forEach(hideBoxAndAllChildren);
4242
const observer = new IntersectionObserver((entries) => {
4343
entries.forEach(entry => {
4444
if (entry.isIntersecting) {
45-
// 左から右に覆いを取るようなフェードインスタイルを適用
4645
const box = entry.target;
4746
const elements = [box, ...Array.from(box.querySelectorAll('*'))];
4847

4948
elements.forEach((el, index) => {
50-
// 段階的に表示するための遅延
51-
const delay = index * 0; // 16msずつ遅延
52-
49+
const delay = index * 0;
5350
setTimeout(() => {
5451
el.style.opacity = '1';
5552
el.style.transform = 'translateX(0)';
5653
}, delay);
5754
});
5855

59-
observer.unobserve(entry.target); // 一度監視したら解除
56+
observer.unobserve(entry.target);
57+
58+
// アニメーション完了後にインラインスタイルをクリーンアップ
59+
setTimeout(() => {
60+
elements.forEach(el => {
61+
el.style.removeProperty('opacity');
62+
el.style.removeProperty('transform');
63+
el.style.removeProperty('transition');
64+
});
65+
}, 600);
6066
}
6167
});
6268
}, { threshold: 0.15, rootMargin: '0px 0px -50px 0px' });
@@ -89,49 +95,4 @@ const fullScreenStyle = {
8995
};
9096

9197
// 元のスタイルを保持するためのマップ
92-
const originalStyles = new Map();
93-
94-
// イベントリスナーを追加
95-
document.addEventListener("click", function (event) {
96-
console.log(event);
97-
// Ctrlキーを押しているか確認
98-
if (event.ctrlKey && event.target.classList.contains("box")) {
99-
const box = event.target;
100-
101-
// 元のスタイルを保存（初回のみ）
102-
if (!originalStyles.has(box)) {
103-
originalStyles.set(box, {
104-
position: box.style.position || "static",
105-
top: box.style.top || "",
106-
left: box.style.left || "",
107-
width: box.style.width || "",
108-
height: box.style.height || "",
109-
zIndex: box.style.zIndex || "",
110-
});
111-
}
112-
113-
// 画面全体に表示するスタイルを適用
114-
Object.assign(box.style, fullScreenStyle);
115-
116-
// もう一度クリックすると元に戻す
117-
box.addEventListener(
118-
"click",
119-
function restoreOriginal(event) {
120-
event.stopPropagation(); // イベントのバブリングを防止
121-
122-
// 元のスタイルを復元
123-
const original = originalStyles.get(box);
124-
if (original) {
125-
Object.assign(box.style, original);
126-
}
127-
128-
// 復元後、このイベントリスナーを削除
129-
box.removeEventListener("click", restoreOriginal);
130-
131-
// 元のスタイルを削除（必要なら）
132-
originalStyles.delete(box);
133-
},
134-
{ once: true } // 一度だけ実行されるリスナー
135-
);
136-
}
137-
});
98+
const originalStyles = new Map();

‎data/pages/index/index.html‎

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html lang="jp">
2+
<html lang="ja">
33

44
<head>
55
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
@@ -18,15 +18,14 @@
1818
<script src="/load-screen.js"></script>
1919
<link rel="stylesheet" href="/style.css">
2020
<link rel="stylesheet" href="/tag.css">
21+
<script src="/menue.js"></script>
2122
</head>
2223
<body>
2324

2425
<script src="/box-load-anime.js"></script>
2526
<link rel="stylesheet" href="/modern-border.css">
2627
<script src="/modern-border.js"></script>
2728
<script src="/copyable.js"></script>
28-
<link rel="stylesheet" href="/backwapper.css">
29-
<script src="/menue.js"></script>
3029

3130
<div class="full center">
3231
<div class="main" id="content">
@@ -64,11 +63,13 @@ <h2 class="h">My_Profile</h2>
6463
<p><br>高専生 <br>つくること全般が好き <br>Rustistである</p>
6564
<div class="pd"></div>
6665
<h3>Status</h3>
67-
<li><b >Age</b>: 17</li>
68-
<li><b >NicName</b>: 371tti(minai tti)</li>
69-
<li><b >Location</b>: Japan</li>
70-
<li><b >Occupation</b>: Student</li>
71-
<li><b >Hobby</b>: programming</li>
66+
<ul>
67+
<li><b >Age</b>: 17</li>
68+
<li><b >NicName</b>: 371tti(minai tti)</li>
69+
<li><b >Location</b>: Japan</li>
70+
<li><b >Occupation</b>: Student</li>
71+
<li><b >Hobby</b>: programming</li>
72+
</ul>
7273
<div class="pd"></div>
7374
<h3>Skills</h3>
7475
<div class="pd"></div>

‎data/pages/index/license/index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,19 @@
11
<!DOCTYPE html>
2-
<html lang="jp">
2+
<html lang="en">
33

44
<head>
55
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
66
<link rel="icon" href="/favicon.ico">
77
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8-
<meta name="description" content="371tti.net">
8+
<meta name="description" content="371tti.net license page">
99
<meta property="og:description" content="371tti.net license">
1010
<meta property="og:title" content="371tti.net">
1111
<meta property="og:type" content="article">
1212
<meta property="og:url" content="/license">
1313
<title>License - 371tti.net</title>
1414
<script src="/load-screen.js"></script>
1515
<link rel="stylesheet" href="/style.css">
16+
<script src="/menue.js"></script>
1617
</head>
1718
<body>
1819

@@ -21,7 +22,6 @@
2122

2223
<link rel="stylesheet" href="/modern-border.css">
2324
<script src="/modern-border.js"></script>
24-
<script src="/menue.js"></script>
2525

2626
<div class="full center">
2727
<div class="main" id="content">

0 commit comments

Comments
 (0)