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

Commit

Permalink
add many pages
Browse files Browse the repository at this point in the history
  • Loading branch information
simbafs committed Apr 6, 2019
1 parent b530934 commit 4e074f8
Show file tree
Hide file tree
Showing 13 changed files with 136 additions and 61 deletions.
Binary file modified Img/clubBadge.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 7 additions & 4 deletions common/header.html
Original file line number Diff line number Diff line change
@@ -1,10 +1,13 @@
<link href="/css/header.css" rel="stylesheet"/>
<div id="headerBar">
<ul>
<!--
<li class="material-icons"><a href="/">home</a></li>
<li><a href="#">簡介</a></li>
<li><a href="#">成員</a></li>
<li><a href="#">活動</a></li>
<li><a href="#">關於</a></li>
-->
<li><a href="/"><img src="/Img/clubBadge.png"/></a></li>
<li><a href="/html/introduction.html">簡介</a></li>
<li><a href="/html/members.html">成員</a></li>
<li><a href="/html/events.html">活動</a></li>
<li><a href="/html/about.html">關於</a></li>
</ul>
</div>
2 changes: 0 additions & 2 deletions cooo/footer.html

This file was deleted.

50 changes: 0 additions & 50 deletions cooo/header.html

This file was deleted.

5 changes: 5 additions & 0 deletions css/header.css
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@

#headerBar li {
float: left;
height: 100%;
}

#headerBar li a {
Expand All @@ -26,3 +27,7 @@
#headerBar li a:hover {
background-color: #111;
}

#headerBar img {
max-height: 30px;
}
4 changes: 0 additions & 4 deletions css/main.css
Original file line number Diff line number Diff line change
@@ -1,4 +0,0 @@
#clubBadge {
max-height: 50%;
max-width: 100vw;
}
4 changes: 4 additions & 0 deletions css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -35,3 +35,7 @@ html, body {
bottom: 0;
width: 100%;
}

#header {
height: 50px;
}
30 changes: 30 additions & 0 deletions html/about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<meta charset="UTF-8"/>
<meta content="width=device-width, initial-scale=1"/>
<link href="/css/style.css" rel="stylesheet"/>
<link href="/css/mobile.css" rel="stylesheet" media="screen and (max-width: 600px)"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<title>CKCSC 32nd</title>
<style>
</style>
</head>
<body class="center">
<div id="page-container">
<div id="wrap">
<div id="header">
<script>$('#header').load('/common/header.html')</script>
</div>
<div id="main">
<!--put content here-->
<h1>There are more information in this page</h1>
</div>
</div>
<div id="footer">
<script>$('#footer').load('/common/footer.html')</script>
</div>
</div>
</body>
</html>
30 changes: 30 additions & 0 deletions html/events.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<meta charset="UTF-8"/>
<meta content="width=device-width, initial-scale=1"/>
<link href="/css/style.css" rel="stylesheet"/>
<link href="/css/mobile.css" rel="stylesheet" media="screen and (max-width: 600px)"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<title>CKCSC 32nd</title>
<style>
</style>
</head>
<body class="center">
<div id="page-container">
<div id="wrap">
<div id="header">
<script>$('#header').load('/common/header.html')</script>
</div>
<div id="main">
<!--put content here-->
<h1>There are many events in our club</h1>
</div>
</div>
<div id="footer">
<script>$('#footer').load('/common/footer.html')</script>
</div>
</div>
</body>
</html>
Empty file removed html/intro.html
Empty file.
30 changes: 30 additions & 0 deletions html/introduction.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<meta charset="UTF-8"/>
<meta content="width=device-width, initial-scale=1"/>
<link href="/css/style.css" rel="stylesheet"/>
<link href="/css/mobile.css" rel="stylesheet" media="screen and (max-width: 600px)"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<title>CKCSC 32nd</title>
<style>
</style>
</head>
<body class="center">
<div id="page-container">
<div id="wrap">
<div id="header">
<script>$('#header').load('/common/header.html')</script>
</div>
<div id="main">
<!--put content here-->
<h1>This is introduction about CKCSC 32nd</h1>
</div>
</div>
<div id="footer">
<script>$('#footer').load('/common/footer.html')</script>
</div>
</div>
</body>
</html>
30 changes: 30 additions & 0 deletions html/members.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<meta charset="UTF-8"/>
<meta content="width=device-width, initial-scale=1"/>
<link href="/css/style.css" rel="stylesheet"/>
<link href="/css/mobile.css" rel="stylesheet" media="screen and (max-width: 600px)"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<title>CKCSC 32nd</title>
<style>
</style>
</head>
<body class="center">
<div id="page-container">
<div id="wrap">
<div id="header">
<script>$('#header').load('/common/header.html')</script>
</div>
<div id="main">
<!--put content here-->
<h1>This are members in CKCSC 32nd</h1>
</div>
</div>
<div id="footer">
<script>$('#footer').load('/common/footer.html')</script>
</div>
</div>
</body>
</html>
1 change: 0 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,6 @@
<!--put content here-->
<h1>成功高中電子計算機研習社</h1>
<h2>CKCSC</h2>
<img id="clubBadge" src="/Img/clubBadge.png"/>
</div>
</div>
<div id="footer">
Expand Down

0 comments on commit 4e074f8

Please sign in to comment.