cloudflare
tcp/443 tcp/80 tcp/8443
nginx
tcp/443
.DS_Store” is an abbreviation for “Desktop Services Store”. These files are created automatically by Apples “Finder” software (which is part of their OS).
They store information about the files within a folder, including display options of folders, such as icon positions and view settings.
It may happen that .DS_Store files inadvertently leak filenames such as database backups or private administration panels.
Severity: low
Fingerprint: 5f32cf5d6962f09c11d3744d11d3744d1412a67d0312575b4acb578777771a54
Found 12 files trough .DS_Store spidering: /album /background.jpg /drive.html /form_input.html /gf /gf/照 /ha.php /images /images/3dmodel /index.html /photos /thumb
Severity: low
Fingerprint: 5f32cf5d6962f09cec7f8772ec7f8772c86adbf6e0e267fad1ea7b3064425ab5
Found 11 files trough .DS_Store spidering: /album /background.jpg /drive.html /form_input.html /gf /gf/照 /ha.php /images /index.html /photos /thumb
.DS_Store” is an abbreviation for “Desktop Services Store”. These files are created automatically by Apples “Finder” software (which is part of their OS).
They store information about the files within a folder, including display options of folders, such as icon positions and view settings.
It may happen that .DS_Store files inadvertently leak filenames such as database backups or private administration panels.
Severity: low
Fingerprint: 5f32cf5d6962f09c11d3744d11d3744d1412a67d0312575b4acb578777771a54
Found 12 files trough .DS_Store spidering: /album /background.jpg /drive.html /form_input.html /gf /gf/照 /ha.php /images /images/3dmodel /index.html /photos /thumb
Severity: low
Fingerprint: 5f32cf5d6962f09cec7f8772ec7f8772c86adbf6e0e267fad1ea7b3064425ab5
Found 11 files trough .DS_Store spidering: /album /background.jpg /drive.html /form_input.html /gf /gf/照 /ha.php /images /index.html /photos /thumb
Open service 125.229.98.96:443 · www.dm84.school
2026-01-23 06:17
HTTP/1.1 200 OK
Server: nginx
Date: Fri, 23 Jan 2026 06:17:39 GMT
Content-Type: text/html
Content-Length: 8849
Connection: close
Last-Modified: Sun, 07 Sep 2025 13:59:42 GMT
ETag: "68bd8fce-2291"
Cache-Control: no-cache
Accept-Ranges: bytes
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="mailto:ln1202@gmail.com"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn = document.querySelector('.prev-btn');
const nextBtn = document.querySelector('.next-btn');
const scrollbar = document.querySelector('.scrol
Open service 125.229.98.96:443 · dm84.school
2026-01-23 01:44
HTTP/1.1 200 OK
Server: nginx
Date: Fri, 23 Jan 2026 01:44:44 GMT
Content-Type: text/html
Content-Length: 8849
Connection: close
Last-Modified: Sun, 07 Sep 2025 13:59:42 GMT
ETag: "68bd8fce-2291"
Cache-Control: no-cache
Accept-Ranges: bytes
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="mailto:ln1202@gmail.com"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn = document.querySelector('.prev-btn');
const nextBtn = document.querySelector('.next-btn');
const scrollbar = document.querySelector('.scrol
Open service 104.21.86.242:443 · dm84.school
2026-01-22 16:31
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 16:31:36 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
last-modified: Sun, 07 Sep 2025 13:59:42 GMT
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=aG2slti2kWwOezDVD8r2Iy8WdkYZfi7P9qCiruZsw%2FBzYem7w535OWVkrbTh9VYq%2FBYBYnYroggggCXbGYrWyO9z7GAjvYgZyclU"}]}
Cache-Control: no-cache
Accept-Ranges: bytes
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=12,cfOrigin;dur=184
CF-RAY: 9c207149ddc80cce-SIN
alt-svc: h3=":443"; ma=86400
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="/cdn-cgi/l/email-protection#274b491615171567404a464e4b0944484a"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn =
Open service 172.67.137.242:8443 · dm84.school
2026-01-22 16:31
HTTP/1.1 522 <none> Date: Thu, 22 Jan 2026 16:31:55 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin Server-Timing: cfEdge;dur=19553,cfOrigin;dur=0 X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9c20714bf9556b90-EWR alt-svc: h3=":8443"; ma=86400 error code: 522
Open service 2606:4700:3036::6815:56f2:8443 · dm84.school
2026-01-22 16:31
HTTP/1.1 522 <none> Date: Thu, 22 Jan 2026 16:31:55 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin Server-Timing: cfEdge;dur=19527,cfOrigin;dur=0 X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9c20714c591970a4-EWR alt-svc: h3=":8443"; ma=86400 error code: 522
Open service 104.21.86.242:8443 · dm84.school
2026-01-22 16:31
HTTP/1.1 522 <none> Date: Thu, 22 Jan 2026 16:31:55 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin Server-Timing: cfEdge;dur=19607,cfOrigin;dur=0 X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9c20714bdc63c52b-EWR alt-svc: h3=":8443"; ma=86400 error code: 522
Open service 2606:4700:3036::6815:56f2:80 · dm84.school
2026-01-22 16:31
HTTP/1.1 301 Moved Permanently
Date: Thu, 22 Jan 2026 16:31:36 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=cq7omZ72wwcnm5U1SkH7LeQJMDz0oYsYJbNfLpoi5wNASychlCryMJhv%2BqzIQZavZqHRPEuEXw86rSapoFPKaXm0xPcyquvJ%2F9OEsRtfKIz0Y%2BfwdZk2"}]}
Location: https://dm84.school/
cf-cache-status: DYNAMIC
CF-RAY: 9c20714a797cd8ed-FRA
alt-svc: h3=":443"; ma=86400
Page title: 301 Moved Permanently
<html>
<head><title>301 Moved Permanently</title></head>
<body>
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx/1.21.0</center>
</body>
</html>
Open service 104.21.86.242:80 · dm84.school
2026-01-22 16:31
HTTP/1.1 301 Moved Permanently
Date: Thu, 22 Jan 2026 16:31:37 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=wRJ1GB20LWXhZN5gw%2FcmQk5FUiY5nGVZrHOnfH10dsXF3UNgbmnCxy0b1%2Bx0%2BTTf%2BEk%2FQcTmJz9M7JW4JxaqWbbodbgk33nOZ%2B6%2B"}]}
Location: https://dm84.school/
cf-cache-status: DYNAMIC
CF-RAY: 9c20714a5fe1d26d-FRA
alt-svc: h3=":443"; ma=86400
Page title: 301 Moved Permanently
<html>
<head><title>301 Moved Permanently</title></head>
<body>
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx/1.21.0</center>
</body>
</html>
Open service 2606:4700:3034::ac43:89f2:443 · dm84.school
2026-01-22 16:31
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 16:31:37 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
last-modified: Sun, 07 Sep 2025 13:59:42 GMT
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=H9CnIHzgA8PQn5nVNd%2ByLU5HiX%2Bbk%2FYnVHgnslZ9iYTio1a5xAp5x56MFHogOmd81krDHLM2o05YtieziF2KuGcP7gh4rnG7k0kvlKeCrKOOGUzch45v"}]}
Cache-Control: no-cache
Accept-Ranges: bytes
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
CF-RAY: 9c20714bda82c73c-AMS
alt-svc: h3=":443"; ma=86400
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="/cdn-cgi/l/email-protection#5d31336c6f6d6f1d3a303c3431733e3230"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn =
Open service 172.67.137.242:80 · dm84.school
2026-01-22 16:31
HTTP/1.1 301 Moved Permanently
Date: Thu, 22 Jan 2026 16:31:36 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=wrgVgiPtUMiUgyo0BZXm%2BRQFBx024gVp4vbjp56c71cdTqgyf7BKz3p%2BcfQflLQ5cVxwKkkrIDUWdmoLGjKkWOQ9XxgRydupxg%3D%3D"}]}
Location: https://dm84.school/
cf-cache-status: DYNAMIC
CF-RAY: 9c20714939ceef1d-LHR
alt-svc: h3=":443"; ma=86400
Page title: 301 Moved Permanently
<html>
<head><title>301 Moved Permanently</title></head>
<body>
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx/1.21.0</center>
</body>
</html>
Open service 2606:4700:3034::ac43:89f2:80 · dm84.school
2026-01-22 16:31
HTTP/1.1 301 Moved Permanently
Date: Thu, 22 Jan 2026 16:31:36 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=PmmH9Ve5txTRR9p6hhuotIYgRet130rGAJloHYGDO4jyQCvl72c7ILP7%2BLaK4bd7Sl9mg2pmW9FeV%2B9JAorNY3vIACe2yFl0581Dspq%2BzCgRxhil3IWY"}]}
Location: https://dm84.school/
cf-cache-status: DYNAMIC
CF-RAY: 9c20714a3edadca0-FRA
alt-svc: h3=":443"; ma=86400
Page title: 301 Moved Permanently
<html>
<head><title>301 Moved Permanently</title></head>
<body>
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx/1.21.0</center>
</body>
</html>
Open service 2606:4700:3034::ac43:89f2:8443 · dm84.school
2026-01-22 16:31
HTTP/1.1 522 <none> Date: Thu, 22 Jan 2026 16:31:55 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9c20714bbd43d388-FRA alt-svc: h3=":8443"; ma=86400 error code: 522
Open service 2606:4700:3036::6815:56f2:443 · dm84.school
2026-01-22 16:31
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 16:31:37 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
last-modified: Sun, 07 Sep 2025 13:59:42 GMT
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=2Hh6lIHR7P5cfNmmt%2BrWOvKaHfoany2gQxSo%2B1FSm%2FQPB7mBzwAgRxec9nlDvX8rDVcT2631H8bPYTLJcVjA7Mt4CUG%2BDc4HyfmfQjkK4cbWuykRuZ6%2B"}]}
Cache-Control: no-cache
Accept-Ranges: bytes
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
CF-RAY: 9c20714b7b217a3e-LHR
alt-svc: h3=":443"; ma=86400
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="/cdn-cgi/l/email-protection#ff9391cecdcfcdbf98929e9693d19c9092"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn =
Open service 172.67.137.242:443 · dm84.school
2026-01-22 16:31
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 16:31:37 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
last-modified: Sun, 07 Sep 2025 13:59:42 GMT
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=MobUMbfvQiDFRdFnNbm2WHF1YH4tvuJKtlDVYbZjF8sbShoBTfMVelwvPLfmGoDbAbZwVqAIagLN%2BWYlFNHClZ9naooaVs5r6BE3"}]}
Cache-Control: no-cache
Accept-Ranges: bytes
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
CF-RAY: 9c20714bffc3bebe-LHR
alt-svc: h3=":443"; ma=86400
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="/cdn-cgi/l/email-protection#4b27257a797b790b2c262a222765282426"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn =
Open service 2606:4700:3034::ac43:89f2:8443 · www.dm84.school
2026-01-22 16:30
HTTP/1.1 522 <none> Date: Thu, 22 Jan 2026 16:31:21 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin Server-Timing: cfEdge;dur=19309,cfOrigin;dur=0 X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9c207074df87401e-SIN alt-svc: h3=":8443"; ma=86400 error code: 522
Open service 172.67.137.242:80 · www.dm84.school
2026-01-22 16:30
HTTP/1.1 301 Moved Permanently
Date: Thu, 22 Jan 2026 16:31:01 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=uyRVdCOffYcFsPaJt%2FMN7VaKictOTzGTxK7FDz5W3z5FT3jYII26tXupW4Z%2BRR2jO%2Bt9npPW0k1cFaTgM0x7mA9gHaCT9BDBVz6nIYyzfA%3D%3D"}]}
Location: https://www.dm84.school/
cf-cache-status: DYNAMIC
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=12,cfOrigin;dur=131
CF-RAY: 9c20706fba5adab3-BOM
alt-svc: h3=":443"; ma=86400
Page title: 301 Moved Permanently
<html>
<head><title>301 Moved Permanently</title></head>
<body>
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx/1.21.0</center>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"39599d35ea2444c09fc539b4f305b247","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
Open service 2606:4700:3036::6815:56f2:80 · www.dm84.school
2026-01-22 16:30
HTTP/1.1 301 Moved Permanently
Date: Thu, 22 Jan 2026 16:31:01 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=D7WW0%2FaSZLhaqkaKtXV0QD1SP9Rw7k6CcvYYrATAk7KNnniMzG4g1gnS%2BbzTA6k3Gr3bO2X3%2Bc5XUQlX9PQu4pBVCtr5c4NkMmlFAcrhdnyyNKKY04P6p9vHZA%3D%3D"}]}
Location: https://www.dm84.school/
cf-cache-status: DYNAMIC
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=20,cfOrigin;dur=466
CF-RAY: 9c20707039cd8465-EWR
alt-svc: h3=":443"; ma=86400
Page title: 301 Moved Permanently
<html>
<head><title>301 Moved Permanently</title></head>
<body>
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx/1.21.0</center>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"39599d35ea2444c09fc539b4f305b247","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
Open service 104.21.86.242:80 · www.dm84.school
2026-01-22 16:30
HTTP/1.1 301 Moved Permanently
Date: Thu, 22 Jan 2026 16:31:01 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=d6WG2to0bEi7uTh0%2FpoXzwF0k5VCEdXbfgJgNNqFN3VHJKmxAATVRCgf9C35uKNff6PplZaT9k0D9Z0GPthG49PQWa4P8jHoxP%2FW0XuEdw%3D%3D"}]}
Location: https://www.dm84.school/
cf-cache-status: DYNAMIC
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=16,cfOrigin;dur=466
CF-RAY: 9c2070703e29f78d-EWR
alt-svc: h3=":443"; ma=86400
Page title: 301 Moved Permanently
<html>
<head><title>301 Moved Permanently</title></head>
<body>
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx/1.21.0</center>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"39599d35ea2444c09fc539b4f305b247","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
Open service 172.67.137.242:8443 · www.dm84.school
2026-01-22 16:30
HTTP/1.1 522 <none> Date: Thu, 22 Jan 2026 16:31:21 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin Server-Timing: cfEdge;dur=19456,cfOrigin;dur=0 X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9c207073a9f64408-EWR alt-svc: h3=":8443"; ma=86400 error code: 522
Open service 104.21.86.242:443 · www.dm84.school
2026-01-22 16:30
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 16:31:02 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
last-modified: Sun, 07 Sep 2025 13:59:42 GMT
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=SnGLgJ1bxyZPP%2B5YeKZXV5jDvZKQQYngAssVwIZD1%2FqZQ9NOJmokeCJbiXljOiekNN3UpMaKguGfiX9%2F%2BbRXLfpazuv9PyxCmlrHFkSi%2Bg%3D%3D"}]}
Cache-Control: no-cache
Accept-Ranges: bytes
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
CF-RAY: 9c2070738d820bde-AMS
alt-svc: h3=":443"; ma=86400
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="/cdn-cgi/l/email-protection#c7aba9f6f5f7f587a0aaa6aeabe9a4a8aa"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn =
Open service 2606:4700:3036::6815:56f2:443 · www.dm84.school
2026-01-22 16:30
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 16:31:02 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
last-modified: Sun, 07 Sep 2025 13:59:42 GMT
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=odpmtnjoooSWVrlwKkKm%2BUZto8pV18anlDJBPyKKkPrLLTz0d015I0ZlsrlHVDWl5CDxNRVj%2FlIKqCsyIo6eatndY4LTmVr8zmUZd16fodpEBn8l5hRVnK104A%3D%3D"}]}
Cache-Control: no-cache
Accept-Ranges: bytes
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
CF-RAY: 9c207072da82a690-LHR
alt-svc: h3=":443"; ma=86400
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="/cdn-cgi/l/email-protection#b3dfdd82818381f3d4ded2dadf9dd0dcde"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn =
Open service 2606:4700:3036::6815:56f2:8443 · www.dm84.school
2026-01-22 16:30
HTTP/1.1 522 <none> Date: Thu, 22 Jan 2026 16:31:21 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9c20707379823a92-FRA alt-svc: h3=":8443"; ma=86400 error code: 522
Open service 2606:4700:3034::ac43:89f2:443 · www.dm84.school
2026-01-22 16:30
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 16:31:02 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
last-modified: Sun, 07 Sep 2025 13:59:42 GMT
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=4t7tYUtRjw4zk2MQ3lhhHJNKEk8i3jyJmcmU81M7mCxrjPxEK81GEFz8k5jDx0a2p80Gi0jaFL33B2qbFIn%2Fa2UNmwMO%2B0USc9bRSLC8pkOmlDMdaz0%2BcdyQ6A%3D%3D"}]}
Cache-Control: no-cache
Accept-Ranges: bytes
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
CF-RAY: 9c2070734a74d3a6-FRA
alt-svc: h3=":443"; ma=86400
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="/cdn-cgi/l/email-protection#076b693635373547606a666e6b2964686a"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn =
Open service 172.67.137.242:443 · www.dm84.school
2026-01-22 16:30
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 16:31:02 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
last-modified: Sun, 07 Sep 2025 13:59:42 GMT
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=tsQ8wGc9pEpFQIpG%2F2kEnTrySa6t%2BgqNp8efuFl3lTaBvoaIC4V9VQwFU79MNFl24RkDTIm3pZd3S3THGmkpGKaHo8IBAeE38j11NuT5FQ%3D%3D"}]}
Cache-Control: no-cache
Accept-Ranges: bytes
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
CF-RAY: 9c2070733b17dc68-FRA
alt-svc: h3=":443"; ma=86400
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="/cdn-cgi/l/email-protection#b3dfdd82818381f3d4ded2dadf9dd0dcde"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn =
Open service 2606:4700:3034::ac43:89f2:80 · www.dm84.school
2026-01-22 16:30
HTTP/1.1 301 Moved Permanently
Date: Thu, 22 Jan 2026 16:31:01 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=Ebn9ggnEuHhXY2k8FrE7zp2NTyXRBFCUdt3VEX%2BMUnMSs8B5nIqQFmEjhvcG04NEt1IoGiWZNXt32hey3eZMMJQQW7Ke6dEQhCHZKxWa3b%2BGbb0zioilfKZqOw%3D%3D"}]}
Location: https://www.dm84.school/
cf-cache-status: DYNAMIC
CF-RAY: 9c207070be11635e-LHR
alt-svc: h3=":443"; ma=86400
Page title: 301 Moved Permanently
<html>
<head><title>301 Moved Permanently</title></head>
<body>
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx/1.21.0</center>
</body>
</html>
Open service 104.21.86.242:8443 · www.dm84.school
2026-01-22 16:30
HTTP/1.1 522 <none> Date: Thu, 22 Jan 2026 16:31:21 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9c2070733b59d9de-FRA alt-svc: h3=":8443"; ma=86400 error code: 522
Open service 125.229.98.96:443 · dm84.school
2026-01-09 22:08
HTTP/1.1 200 OK
Server: nginx
Date: Fri, 09 Jan 2026 22:08:53 GMT
Content-Type: text/html
Content-Length: 8849
Connection: close
Last-Modified: Sun, 07 Sep 2025 13:59:42 GMT
ETag: "68bd8fce-2291"
Cache-Control: no-cache
Accept-Ranges: bytes
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="mailto:ln1202@gmail.com"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn = document.querySelector('.prev-btn');
const nextBtn = document.querySelector('.next-btn');
const scrollbar = document.querySelector('.scrol
Open service 125.229.98.96:443 · www.dm84.school
2026-01-09 20:37
HTTP/1.1 200 OK
Server: nginx
Date: Fri, 09 Jan 2026 20:37:36 GMT
Content-Type: text/html
Content-Length: 8849
Connection: close
Last-Modified: Sun, 07 Sep 2025 13:59:42 GMT
ETag: "68bd8fce-2291"
Cache-Control: no-cache
Accept-Ranges: bytes
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="mailto:ln1202@gmail.com"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn = document.querySelector('.prev-btn');
const nextBtn = document.querySelector('.next-btn');
const scrollbar = document.querySelector('.scrol
Open service 125.229.98.96:443 · www.dm84.school
2026-01-03 00:30
HTTP/1.1 200 OK
Server: nginx
Date: Sat, 03 Jan 2026 00:30:04 GMT
Content-Type: text/html
Content-Length: 8849
Connection: close
Last-Modified: Sun, 07 Sep 2025 13:59:42 GMT
ETag: "68bd8fce-2291"
Cache-Control: no-cache
Accept-Ranges: bytes
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="mailto:ln1202@gmail.com"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn = document.querySelector('.prev-btn');
const nextBtn = document.querySelector('.next-btn');
const scrollbar = document.querySelector('.scrol
Open service 125.229.98.96:443 · dm84.school
2026-01-02 16:05
HTTP/1.1 200 OK
Server: nginx
Date: Fri, 02 Jan 2026 16:05:58 GMT
Content-Type: text/html
Content-Length: 8849
Connection: close
Last-Modified: Sun, 07 Sep 2025 13:59:42 GMT
ETag: "68bd8fce-2291"
Cache-Control: no-cache
Accept-Ranges: bytes
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="mailto:ln1202@gmail.com"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn = document.querySelector('.prev-btn');
const nextBtn = document.querySelector('.next-btn');
const scrollbar = document.querySelector('.scrol
Open service 172.67.137.242:80 · dm84.school
2026-01-02 01:55
HTTP/1.1 301 Moved Permanently
Date: Fri, 02 Jan 2026 01:55:53 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=%2BzHI0dZJc5UIYfbDToszfCe9B%2FdjNhMreqA2mo8w9%2BirX2OcacK0AULPuJa7R5LdZ2HmuGQ%2F9OBHkKw8hwg2yFupJUpPKYmUN5K8"}]}
Location: https://dm84.school/
cf-cache-status: DYNAMIC
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=14,cfOrigin;dur=113
CF-RAY: 9b76a30158435f6e-SIN
alt-svc: h3=":443"; ma=86400
Page title: 301 Moved Permanently
<html>
<head><title>301 Moved Permanently</title></head>
<body>
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx/1.21.0</center>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"39599d35ea2444c09fc539b4f305b247","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
Open service 172.67.137.242:443 · dm84.school
2026-01-02 01:55
HTTP/1.1 200 OK
Date: Fri, 02 Jan 2026 01:55:54 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
last-modified: Sun, 07 Sep 2025 13:59:42 GMT
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=SY7nAgqjOYh9IbDcbx02UDNlecBc9neowNJNkCBiBWoCQaLvtSMVUSvwHL1t9dPyWuX1qyBxkuMW7PIDkK%2B5G4CLpyvcEg9aibpd"}]}
Cache-Control: no-cache
Accept-Ranges: bytes
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=8,cfOrigin;dur=613
CF-RAY: 9b76a303ff200f2d-EWR
alt-svc: h3=":443"; ma=86400
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="/cdn-cgi/l/email-protection#177b792625272557707a767e7b3974787a"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn =
Open service 104.21.86.242:443 · dm84.school
2026-01-02 01:55
HTTP/1.1 200 OK
Date: Fri, 02 Jan 2026 01:55:54 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
last-modified: Sun, 07 Sep 2025 13:59:42 GMT
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=N%2FWC9XgrSXy93c2YK2vOIbcOrjEcjmd%2BKp%2F%2FZpPyz%2FAwvz8v285fLrl%2B0CX1TvAJe1LD1DusQido6is3RtkIpdDymaP1BSmAUPMl"}]}
Cache-Control: no-cache
Accept-Ranges: bytes
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=5,cfOrigin;dur=591
CF-RAY: 9b76a303cd004cc4-YYZ
alt-svc: h3=":443"; ma=86400
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="/cdn-cgi/l/email-protection#7e12104f4c4e4c3e19131f1712501d1113"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn =
Open service 2606:4700:3034::ac43:89f2:443 · dm84.school
2026-01-02 01:55
HTTP/1.1 200 OK
Date: Fri, 02 Jan 2026 01:55:54 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
last-modified: Sun, 07 Sep 2025 13:59:42 GMT
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=hfLmdagxwtNwBbfdr0V8JKo0fWRRFi3a15BQnm6JQXPzqTnsrDdnvMo3pMsGBvFzNb4d2MdcbqvAT%2B6UJswSxXJRef0Gsxp908fO1Hm77ny0aLhkncLV"}]}
Cache-Control: no-cache
Accept-Ranges: bytes
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
CF-RAY: 9b76a3056e1f97fc-AMS
alt-svc: h3=":443"; ma=86400
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="/cdn-cgi/l/email-protection#503c3e6162606210373d31393c7e333f3d"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn =
Open service 104.21.86.242:8443 · dm84.school
2026-01-02 01:55
HTTP/1.1 522 <none> Date: Fri, 02 Jan 2026 01:56:13 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin Server-Timing: cfEdge;dur=19246,cfOrigin;dur=0 X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9b76a3069eef3786-YYZ alt-svc: h3=":8443"; ma=86400 error code: 522
Open service 2606:4700:3034::ac43:89f2:80 · dm84.school
2026-01-02 01:55
HTTP/1.1 301 Moved Permanently
Date: Fri, 02 Jan 2026 01:55:54 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=%2F9EUW5ynQG%2B6rlDet5GK2hp9HcjDmytEsw38NMIk3xy7FlT2qYB%2Fh4dpU8uUSRO8Scf2uHFA%2FTxM3LSSr6Q02MSPiKl6%2BuGyZQelYsNxLE5Y5k%2Ff4Q%3D%3D"}]}
Location: https://dm84.school/
cf-cache-status: DYNAMIC
CF-RAY: 9b76a3034bf95ca4-FRA
alt-svc: h3=":443"; ma=86400
Page title: 301 Moved Permanently
<html>
<head><title>301 Moved Permanently</title></head>
<body>
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx/1.21.0</center>
</body>
</html>
Open service 2606:4700:3036::6815:56f2:443 · dm84.school
2026-01-02 01:55
HTTP/1.1 200 OK
Date: Fri, 02 Jan 2026 01:55:54 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
last-modified: Sun, 07 Sep 2025 13:59:42 GMT
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=tyYbeNFNJWQ2I7VnFE5bJ%2FjNos5Z0zZHj9An6OHUF7Y%2Fpr83KULlFaDRSQ%2BjRYF5Dj4BfhlPQf0tPi5lhKveKzpbWMzJJdeiruIWRVCuXdb9Vitg2PGy"}]}
Cache-Control: no-cache
Accept-Ranges: bytes
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
CF-RAY: 9b76a3051d11912e-FRA
alt-svc: h3=":443"; ma=86400
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="/cdn-cgi/l/email-protection#c5a9abf4f7f5f785a2a8a4aca9eba6aaa8"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn =
Open service 2606:4700:3036::6815:56f2:8443 · dm84.school
2026-01-02 01:55
HTTP/1.1 522 <none> Date: Fri, 02 Jan 2026 01:56:13 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin Server-Timing: cfEdge;dur=19724,cfOrigin;dur=0 X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9b76a305de31ec71-YYZ alt-svc: h3=":8443"; ma=86400 error code: 522
Open service 104.21.86.242:80 · dm84.school
2026-01-02 01:55
HTTP/1.1 301 Moved Permanently
Date: Fri, 02 Jan 2026 01:55:54 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=ZiNBHQg0TymE3xhBnGwe2sRqnmV7Hc7fny6ko63vTNmAx3LNlHzC%2FVLQojTWJOxsBA%2FXdzQgPtzbzrGxF%2BtQinLaStDfqmVC610y"}]}
Location: https://dm84.school/
cf-cache-status: DYNAMIC
CF-RAY: 9b76a3034f899f7b-AMS
alt-svc: h3=":443"; ma=86400
Page title: 301 Moved Permanently
<html>
<head><title>301 Moved Permanently</title></head>
<body>
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx/1.21.0</center>
</body>
</html>
Open service 2606:4700:3034::ac43:89f2:8443 · dm84.school
2026-01-02 01:55
HTTP/1.1 522 <none> Date: Fri, 02 Jan 2026 01:56:13 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin Server-Timing: cfEdge;dur=19477,cfOrigin;dur=0 X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9b76a305998a36ff-YYZ alt-svc: h3=":8443"; ma=86400 error code: 522
Open service 2606:4700:3036::6815:56f2:80 · dm84.school
2026-01-02 01:55
HTTP/1.1 301 Moved Permanently
Date: Fri, 02 Jan 2026 01:55:53 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=QdVYX3%2FWYu5Evgq64L94NeCJJfTbNA2ndS51tBk1UgxObQamvEXjRsZuoNLgAe4Lm5lqo6wWNsbtFpg1CklnHnlAs%2BIZntaHJb521stMRkmjxV5WySTz"}]}
Location: https://dm84.school/
cf-cache-status: DYNAMIC
CF-RAY: 9b76a303a9246615-AMS
alt-svc: h3=":443"; ma=86400
Page title: 301 Moved Permanently
<html>
<head><title>301 Moved Permanently</title></head>
<body>
<center><h1>301 Moved Permanently</h1></center>
<hr><center>nginx/1.21.0</center>
</body>
</html>
Open service 172.67.137.242:8443 · dm84.school
2026-01-02 01:55
HTTP/1.1 522 <none> Date: Fri, 02 Jan 2026 01:56:13 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9b76a3052857591e-LHR alt-svc: h3=":8443"; ma=86400 error code: 522
Open service 125.229.98.96:443 · dm84.school
2025-12-23 05:07
HTTP/1.1 200 OK
Server: nginx
Date: Tue, 23 Dec 2025 05:07:13 GMT
Content-Type: text/html
Content-Length: 8849
Connection: close
Last-Modified: Sun, 07 Sep 2025 13:59:42 GMT
ETag: "68bd8fce-2291"
Cache-Control: no-cache
Accept-Ranges: bytes
Page title: 84光年
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>84光年</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<button class="menu-toggle">☰</button>
<ul class="menu">
<li><a href="#home">首頁</a></li>
<li><a href="#album">畢業冊</a></li>
<li><a href="photowall2">回憶牆</a></li>
<li><a href="board">尋人啟事</a></li>
<li><a href="drive.html">照片上傳</a></li>
<li><a href="3dmodels.html">手作小物3D檔案</a></li>
<!-- <li><a href="form.html">餐會報名</a></li> -->
</ul>
</nav>
<!-- 背景圖片 -->
<div class="background"></div>
<!-- 主內容區域 -->
<section id="home" class="section">
<h1>道明84,Missing You</h1>
<p>四月~是想念的季節
如果過去會說話
如果歲月有聲音,<br>
如果想念在某個盛夏,<br>
於是舊照片真的能訴說,<br>
關於屬於我們之間的故事。</p>
<p>記憶真的穿越了時空,
在我們每個相聚的時刻
恣意的喧嘩,<br>
你可能忘了許多事,<br>
回憶可能很安靜,<br>
我想記憶只是放了長假。</p>
<div class="progress">
<div class="progress-bar">99%</div>
</div>
<!-- <a href="form.html" class="button">我要報名</a> -->
</section>
<section id="album" class="section">
<div class="album-container">
<div class="album-slider">
<!-- 照片將由 JavaScript 動態插入這裡 -->
</div>
<button class="prev-btn"><<</button>
<button class="next-btn">>></button>
<div class="scrollbar-container">
<input type="range" class="scrollbar" min="1" max="231" value="1">
<div class="scrollbar-tooltip"></div>
</div>
</div>
<dialog id="photoDialog">
<div class="dialog-content">
<img id="largePhoto" src="" alt="完整照片">
<span class="close-btn">X</span>
</div>
</dialog>
</section>
<section id="section3" class="section">
<h1>尋人啟事</h1>
<p>待施工。</p>
<img src="your-image.jpg" alt="範例圖片" style="max-width: 100%; height: auto;">
</section>
<footer>
<p>© 2025 By <a href="mailto:ln1202@gmail.com"> 博智</a></p>
</footer>
<!-- 原有的 script 保持不變 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.menu-toggle');
const menu = document.querySelector('.menu');
menuToggle.addEventListener('click', function() {
menu.classList.toggle('active'); // 切換 active 類別
});
});
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.navbar a');
links.forEach(link => {
link.addEventListener('click', function(event) {
const href = this.getAttribute('href');
if (href.startsWith('#')) {
event.preventDefault(); // 阻止默認跳轉
const targetId = href.substring(1); // 獲取目標 id
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top: targetSection.offsetTop - 50, // 減去導航欄高度
behavior: 'smooth' // 平滑滾動
});
}
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.album-slider');
const prevBtn = document.querySelector('.prev-btn');
const nextBtn = document.querySelector('.next-btn');
const scrollbar = document.querySelector('.scrol