5 changed files with 268 additions and 93 deletions
@ -0,0 +1,77 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<title>維護中</title> |
|||
<style> |
|||
body { |
|||
margin: 0; |
|||
padding: 0; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
height: 100vh; |
|||
background-color: #f0f0f0; |
|||
/* 背景顏色可以自行調整 */ |
|||
font-family: Arial, sans-serif; |
|||
} |
|||
|
|||
.maintenance-container { |
|||
text-align: center; |
|||
} |
|||
|
|||
h1 { |
|||
font-size: 2em; |
|||
color: #333; |
|||
/* 標題文字顏色 */ |
|||
} |
|||
|
|||
p { |
|||
font-size: 1.2em; |
|||
color: #666; |
|||
/* 內文文字顏色 */ |
|||
} |
|||
|
|||
/* 加入一些樣式以使文字顯示更為標題化 */ |
|||
.logo-text { |
|||
font-size: 2em; |
|||
color: #FF5733; |
|||
/* 橘色 */ |
|||
font-weight: bold; |
|||
/* text-transform: uppercase; */ |
|||
/* 轉換成大寫 */ |
|||
letter-spacing: 2px; |
|||
/* 調整字母間距 */ |
|||
font-family: Arial, sans-serif; |
|||
/* 字型設定 */ |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<?php |
|||
class MaintenancePage |
|||
{ |
|||
private $maintenancePeriod; |
|||
|
|||
public function __construct($maintenancePeriod) |
|||
{ |
|||
$this->maintenancePeriod = $maintenancePeriod; |
|||
} |
|||
|
|||
public function displayPage() |
|||
{ |
|||
echo '<div class="maintenance-container">'; |
|||
echo '<p class="logo-text">MASADA</p>'; |
|||
echo '<h1>系統維護中</h1>'; |
|||
echo '<p>維護時段:' . $this->maintenancePeriod . '</p>'; |
|||
echo '</div>'; |
|||
exit; |
|||
} |
|||
} |
|||
|
|||
?> |
|||
</body> |
|||
|
|||
</html> |
@ -0,0 +1,77 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<title>維護中</title> |
|||
<style> |
|||
body { |
|||
margin: 0; |
|||
padding: 0; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
height: 100vh; |
|||
background-color: #f0f0f0; |
|||
/* 背景顏色可以自行調整 */ |
|||
font-family: Arial, sans-serif; |
|||
} |
|||
|
|||
.maintenance-container { |
|||
text-align: center; |
|||
} |
|||
|
|||
h1 { |
|||
font-size: 2em; |
|||
color: #333; |
|||
/* 標題文字顏色 */ |
|||
} |
|||
|
|||
p { |
|||
font-size: 1.2em; |
|||
color: #666; |
|||
/* 內文文字顏色 */ |
|||
} |
|||
|
|||
/* 加入一些樣式以使文字顯示更為標題化 */ |
|||
.logo-text { |
|||
font-size: 2em; |
|||
color: #FF5733; |
|||
/* 橘色 */ |
|||
font-weight: bold; |
|||
/* text-transform: uppercase; */ |
|||
/* 轉換成大寫 */ |
|||
letter-spacing: 2px; |
|||
/* 調整字母間距 */ |
|||
font-family: Arial, sans-serif; |
|||
/* 字型設定 */ |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<?php |
|||
class MaintenancePage |
|||
{ |
|||
private $maintenancePeriod; |
|||
|
|||
public function __construct($maintenancePeriod) |
|||
{ |
|||
$this->maintenancePeriod = $maintenancePeriod; |
|||
} |
|||
|
|||
public function displayPage() |
|||
{ |
|||
echo '<div class="maintenance-container">'; |
|||
echo '<p class="logo-text">MASADA</p>'; |
|||
echo '<h1>系統維護中</h1>'; |
|||
echo '<p>維護時段:' . $this->maintenancePeriod . '</p>'; |
|||
echo '</div>'; |
|||
exit; |
|||
} |
|||
} |
|||
|
|||
?> |
|||
</body> |
|||
|
|||
</html> |
Loading…
Reference in new issue