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