Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
Nickyangtpe authored Feb 27, 2024
1 parent a92cfa2 commit 8da115d
Showing 1 changed file with 39 additions and 22 deletions.
61 changes: 39 additions & 22 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@
transform: translate(-50%, -50%) scale(1.05);
}

/* 添加样式以在按钮上方和下方显示额外文本 */
/* 添加 CSS 樣式以在按鈕上方和下方顯示額外文本 */
#title-text{
position: absolute;
left: 50%;
Expand All @@ -80,40 +80,51 @@
}

#title-text {
top: 16%; /* 将文本放置在按钮上方 */
top: 16%;
}

/* 添加样式以创建半透明的黑色区块 */
/* 添加 CSS 樣式以創建半透明的黑色區塊 */
#overlay {
position: absolute;
top: 45%; /* 将区块放置在按钮下方 */
top: 45%;
width: 100%;
height: 55%; /* 增加高度为35% */
background-color: rgba(0, 0, 0, 0.5); /* 设置半透明黑色 */
height: 55%;
background-color: rgba(0, 0, 0, 0.5);
}

/* 添加样式以在黑色区块内部显示圆角方框 */
/* 添加 CSS 樣式以在黑色區塊內部顯示圓角方框 */
.info-box {
position: absolute;
width: 200px;
background-color: rgba(0, 0, 0, 5); /* 设置稍微透明的黑色背景 */
background-color: rgba(0, 0, 0, 5);
border-radius: 10px;
text-align: center;
padding: 20px;
color: white;
top: 50%; /* 将方框放置在黑色区块的顶部 */
top: 50%;
}

#box1 {
left: 10%; /* 调整方框1的水平位置 */
left: 10%;
}

#box2 {
left: 40%; /* 调整方框2的水平位置 */
left: 40%;
}

#box3 {
left: 70%; /* 调整方框3的水平位置 */
left: 70%;
}

/* 添加 CSS 樣式以創建封底 */
#footer {
position: fixed;
bottom: 0;
width: 100%;
background-color: black;
color: white;
text-align: center;
padding: 10px 0;
}

</style>
Expand All @@ -126,14 +137,14 @@

<button id="button2" onclick="redirectToPage2()">Github</button>

<div id="overlay"></div> <!-- 添加半透明黑色区块 -->
<div id="overlay"></div>

<!-- 添加非電腦瀏覽器對話框 -->
<!-- 添加非電腦瀏覽器對話框 -->
<div id="unsupported-browser-dialog">
<h1>此網頁不支持您的瀏覽器</h1>
<p>請使用支援 HTML5 的瀏覽器訪問本網站。</p>
</div>

<div class="info-box" id="box1">
<h2>簡單</h2>
<img src="data:image/png;base64,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" alt="图标" width="52" height="52">
Expand All @@ -152,17 +163,16 @@ <h2>開源</h2>
<p>您可以隨意使用或編輯此程式。</p>
</div>

<!-- JavaScript -->
<script>
function redirectToPage() {
// 重定向到指定页面
window.location.href = "https://github.com/Nickyangtpe/CatPort/releases/download/Launcher%E7%99%BC%E5%B8%83/CartPort-Launcher.exe"; // 替换为你想要重定向的页面URL
window.location.href = "https://github.com/Nickyangtpe/CatPort/releases/download/Launcher%E7%99%BC%E5%B8%83/CartPort-Launcher.exe";
}
function redirectToPage2() {
// 重定向到指定页面
window.location.href = "https://github.com/Nickyangtpe/CatPort/tree/main"; // 替换为你想要重定向的页面URL
window.location.href = "https://github.com/Nickyangtpe/CatPort/tree/main";
}

// 檢查瀏覽器是否支援 HTML5
// 檢查瀏覽器是否支援 HTML5
function checkBrowserSupport() {
var unsupportedBrowserDialog = document.getElementById("unsupported-browser-dialog");
unsupportedBrowserDialog.style.display = "block";
Expand All @@ -174,7 +184,14 @@ <h2>開源</h2>
checkBrowserSupport();
}
</script>
<!-- 添加一些内容,使页面能够滚动 -->
<div>style="height: 1350px;"</div>

<!-- 添加封底 -->
<div id="footer">
<p>© 2024 CatPort. All Rights Reserved.</p>
</div>

<!-- 添加一些內容,使頁面能夠滾動 -->
<div style="height: 1350px;"></div>

</body>
</html>

0 comments on commit 8da115d

Please sign in to comment.