Skip to content
This repository was archived by the owner on May 16, 2021. It is now read-only.

Commit 4e074f8

Browse files
simbafssimbafs
committed
add many pages
1 parent b530934 commit 4e074f8

13 files changed

+136
-61
lines changed

‎Img/clubBadge.png

9.69 KB
Loading

‎common/header.html

+7-4
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,13 @@
11
<link href="/css/header.css" rel="stylesheet"/>
22
<div id="headerBar">
33
<ul>
4+
<!--
45
<li class="material-icons"><a href="/">home</a></li>
5-
<li><a href="#">簡介</a></li>
6-
<li><a href="#">成員</a></li>
7-
<li><a href="#">活動</a></li>
8-
<li><a href="#">關於</a></li>
6+
-->
7+
<li><a href="/"><img src="/Img/clubBadge.png"/></a></li>
8+
<li><a href="/html/introduction.html">簡介</a></li>
9+
<li><a href="/html/members.html">成員</a></li>
10+
<li><a href="/html/events.html">活動</a></li>
11+
<li><a href="/html/about.html">關於</a></li>
912
</ul>
1013
</div>

‎cooo/footer.html

-2
This file was deleted.

‎cooo/header.html

-50
This file was deleted.

‎css/header.css

+5
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313

1414
#headerBar li {
1515
float: left;
16+
height: 100%;
1617
}
1718

1819
#headerBar li a {
@@ -26,3 +27,7 @@
2627
#headerBar li a:hover {
2728
background-color: #111;
2829
}
30+
31+
#headerBar img {
32+
max-height: 30px;
33+
}

‎css/main.css

-4
Original file line numberDiff line numberDiff line change
@@ -1,4 +0,0 @@
1-
#clubBadge {
2-
max-height: 50%;
3-
max-width: 100vw;
4-
}

‎css/style.css

+4
Original file line numberDiff line numberDiff line change
@@ -35,3 +35,7 @@ html, body {
3535
bottom: 0;
3636
width: 100%;
3737
}
38+
39+
#header {
40+
height: 50px;
41+
}

‎html/about.html

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE html>
2+
<html lang="zh-Hant-TW">
3+
<head>
4+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
5+
<meta charset="UTF-8"/>
6+
<meta content="width=device-width, initial-scale=1"/>
7+
<link href="/css/style.css" rel="stylesheet"/>
8+
<link href="/css/mobile.css" rel="stylesheet" media="screen and (max-width: 600px)"/>
9+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
10+
<title>CKCSC 32nd</title>
11+
<style>
12+
</style>
13+
</head>
14+
<body class="center">
15+
<div id="page-container">
16+
<div id="wrap">
17+
<div id="header">
18+
<script>$('#header').load('/common/header.html')</script>
19+
</div>
20+
<div id="main">
21+
<!--put content here-->
22+
<h1>There are more information in this page</h1>
23+
</div>
24+
</div>
25+
<div id="footer">
26+
<script>$('#footer').load('/common/footer.html')</script>
27+
</div>
28+
</div>
29+
</body>
30+
</html>

‎html/events.html

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE html>
2+
<html lang="zh-Hant-TW">
3+
<head>
4+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
5+
<meta charset="UTF-8"/>
6+
<meta content="width=device-width, initial-scale=1"/>
7+
<link href="/css/style.css" rel="stylesheet"/>
8+
<link href="/css/mobile.css" rel="stylesheet" media="screen and (max-width: 600px)"/>
9+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
10+
<title>CKCSC 32nd</title>
11+
<style>
12+
</style>
13+
</head>
14+
<body class="center">
15+
<div id="page-container">
16+
<div id="wrap">
17+
<div id="header">
18+
<script>$('#header').load('/common/header.html')</script>
19+
</div>
20+
<div id="main">
21+
<!--put content here-->
22+
<h1>There are many events in our club</h1>
23+
</div>
24+
</div>
25+
<div id="footer">
26+
<script>$('#footer').load('/common/footer.html')</script>
27+
</div>
28+
</div>
29+
</body>
30+
</html>

‎html/intro.html

Whitespace-only changes.

‎html/introduction.html

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE html>
2+
<html lang="zh-Hant-TW">
3+
<head>
4+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
5+
<meta charset="UTF-8"/>
6+
<meta content="width=device-width, initial-scale=1"/>
7+
<link href="/css/style.css" rel="stylesheet"/>
8+
<link href="/css/mobile.css" rel="stylesheet" media="screen and (max-width: 600px)"/>
9+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
10+
<title>CKCSC 32nd</title>
11+
<style>
12+
</style>
13+
</head>
14+
<body class="center">
15+
<div id="page-container">
16+
<div id="wrap">
17+
<div id="header">
18+
<script>$('#header').load('/common/header.html')</script>
19+
</div>
20+
<div id="main">
21+
<!--put content here-->
22+
<h1>This is introduction about CKCSC 32nd</h1>
23+
</div>
24+
</div>
25+
<div id="footer">
26+
<script>$('#footer').load('/common/footer.html')</script>
27+
</div>
28+
</div>
29+
</body>
30+
</html>

‎html/members.html

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE html>
2+
<html lang="zh-Hant-TW">
3+
<head>
4+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
5+
<meta charset="UTF-8"/>
6+
<meta content="width=device-width, initial-scale=1"/>
7+
<link href="/css/style.css" rel="stylesheet"/>
8+
<link href="/css/mobile.css" rel="stylesheet" media="screen and (max-width: 600px)"/>
9+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
10+
<title>CKCSC 32nd</title>
11+
<style>
12+
</style>
13+
</head>
14+
<body class="center">
15+
<div id="page-container">
16+
<div id="wrap">
17+
<div id="header">
18+
<script>$('#header').load('/common/header.html')</script>
19+
</div>
20+
<div id="main">
21+
<!--put content here-->
22+
<h1>This are members in CKCSC 32nd</h1>
23+
</div>
24+
</div>
25+
<div id="footer">
26+
<script>$('#footer').load('/common/footer.html')</script>
27+
</div>
28+
</div>
29+
</body>
30+
</html>

‎index.html

-1
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,6 @@
2424
<!--put content here-->
2525
<h1>成功高中電子計算機研習社</h1>
2626
<h2>CKCSC</h2>
27-
<img id="clubBadge" src="/Img/clubBadge.png"/>
2827
</div>
2928
</div>
3029
<div id="footer">

0 commit comments

Comments
 (0)