update,
This commit is contained in:
louiscklaw
7
gitUpdate.bat
Normal file
7
gitUpdate.bat
Normal file
@@ -0,0 +1,7 @@
|
||||
git status .
|
||||
|
||||
@pause
|
||||
|
||||
git add .
|
||||
git commit -m"update macylee2486,"
|
||||
start git push
|
||||
BIN
task2/html_ws/draft_0001/127.0.0.1_8080_a3_draft1.html (1).png
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/draft_0001/127.0.0.1_8080_a3_draft1.html (1).png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/html_ws/draft_0001/127.0.0.1_8080_a3_draft1.html (2).png
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/draft_0001/127.0.0.1_8080_a3_draft1.html (2).png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/html_ws/draft_0001/127.0.0.1_8080_a3_draft1.html (3).png
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/draft_0001/127.0.0.1_8080_a3_draft1.html (3).png
(Stored with Git LFS)
Normal file
Binary file not shown.
34
task2/html_ws/draft_0001/A1_draft1.html
Normal file
34
task2/html_ws/draft_0001/A1_draft1.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A1</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A1 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A1 }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A1" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A1">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet" style="margin: 0; box-shadow: unset;">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A1 document. 11111s</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
34
task2/html_ws/draft_0001/A1_head.html
Normal file
34
task2/html_ws/draft_0001/A1_head.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A1</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A1 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A1 }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A1" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A1">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet" style="margin: 0; box-shadow: unset;">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<div>helloworld</div>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
task2/html_ws/draft_0001/a1_test.pdf
Normal file
BIN
task2/html_ws/draft_0001/a1_test.pdf
Normal file
Binary file not shown.
34
task2/html_ws/draft_0001/a3-landscape.html
Normal file
34
task2/html_ws/draft_0001/a3-landscape.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A3 landscape</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A3 landscape }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A3 landscape">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A3 document (landscape).</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
34
task2/html_ws/draft_0001/a3.html
Normal file
34
task2/html_ws/draft_0001/a3.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A3</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A3 }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A3">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A3 document.</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
34
task2/html_ws/draft_0001/a3_draft1.html
Normal file
34
task2/html_ws/draft_0001/a3_draft1.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A3</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A3 }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A3">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet" style="margin: 0; box-shadow: unset;">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A3 document. 11111s</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
34
task2/html_ws/draft_0001/a4-landscape.html
Normal file
34
task2/html_ws/draft_0001/a4-landscape.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A4 landscape</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A4 landscape }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A4 landscape">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A4 document (landscape).</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
34
task2/html_ws/draft_0001/a4.html
Normal file
34
task2/html_ws/draft_0001/a4.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A4</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A4 }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A4">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A4 document.</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
34
task2/html_ws/draft_0001/a5-landscape.html
Normal file
34
task2/html_ws/draft_0001/a5-landscape.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A5 landscape</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A5 landscape }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A5 landscape">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A5 document (landscape).</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
34
task2/html_ws/draft_0001/a5.html
Normal file
34
task2/html_ws/draft_0001/a5.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A5</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A5 }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A5">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A5 document.</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
34
task2/html_ws/draft_0001/legal-landscape.html
Normal file
34
task2/html_ws/draft_0001/legal-landscape.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Legal landscape</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: legal landscape }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="legal landscape">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an legal-size document (landscape).</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
34
task2/html_ws/draft_0001/legal.html
Normal file
34
task2/html_ws/draft_0001/legal.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Legal</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: legal }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="legal">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an legal-size document.</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
34
task2/html_ws/draft_0001/letter-landscape.html
Normal file
34
task2/html_ws/draft_0001/letter-landscape.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Letter landscape</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: letter landscape }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="letter landscape">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an letter-size document (landscape).</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
34
task2/html_ws/draft_0001/letter.html
Normal file
34
task2/html_ws/draft_0001/letter.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Letter</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: letter }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="letter">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an letter-size document.</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
42
task2/html_ws/draft_0001/multiple-sheets.html
Normal file
42
task2/html_ws/draft_0001/multiple-sheets.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Multiple Sheets</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A4 }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A4">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is the first sheet.</article>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- The second sheet -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is the second sheet.</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
75
task2/html_ws/draft_0001/receipt.html
Normal file
75
task2/html_ws/draft_0001/receipt.html
Normal file
@@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Receipt</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A5 landscape }</style>
|
||||
|
||||
<!-- Custom styles for this document -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Tangerine:700' rel='stylesheet' type='text/css'>
|
||||
<style>
|
||||
body { font-family: serif }
|
||||
h1 { font-family: 'Tangerine', cursive; font-size: 40pt; line-height: 18mm}
|
||||
h2, h3 { font-family: 'Tangerine', cursive; font-size: 24pt; line-height: 7mm }
|
||||
h4 { font-size: 32pt; line-height: 14mm }
|
||||
h2 + p { font-size: 18pt; line-height: 7mm }
|
||||
h3 + p { font-size: 14pt; line-height: 7mm }
|
||||
li { font-size: 11pt; line-height: 5mm }
|
||||
|
||||
h1 { margin: 0 }
|
||||
h1 + ul { margin: 2mm 0 5mm }
|
||||
h2, h3 { margin: 0 3mm 3mm 0; float: left }
|
||||
h2 + p,
|
||||
h3 + p { margin: 0 0 3mm 50mm }
|
||||
h4 { margin: 2mm 0 0 50mm; border-bottom: 2px solid black }
|
||||
h4 + ul { margin: 5mm 0 0 50mm }
|
||||
article { border: 4px double black; padding: 5mm 10mm; border-radius: 3mm }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A5 landscape">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-20mm">
|
||||
|
||||
<h1>OpenSource Cafe, Shimokitazawa</h1>
|
||||
<ul>
|
||||
<li>6-11-14-G1 Daita, Setagaya-ku, Tokyo, Japan</li>
|
||||
<li>TEL: +81-70-54315221</li>
|
||||
<li>http://www.osscafe.net</li>
|
||||
</ul>
|
||||
|
||||
<article>
|
||||
<h2>Received from:</h2>
|
||||
<p>John Doe</p>
|
||||
|
||||
<h3>For:</h3>
|
||||
<p>Coworking-space fee</p>
|
||||
|
||||
<h4>¥ 1,000-</h4>
|
||||
<ul>
|
||||
<li>Tax: included</li>
|
||||
<li>Paid by: cash</li>
|
||||
<li>No. 00000</li>
|
||||
<li>Oct 10, 2015</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
50
task2/html_ws/draft_0001/style.css
Normal file
50
task2/html_ws/draft_0001/style.css
Normal file
@@ -0,0 +1,50 @@
|
||||
@page { margin: 0 }
|
||||
body { margin: 0 }
|
||||
.sheet {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
page-break-after: always;
|
||||
}
|
||||
|
||||
/** Paper sizes **/
|
||||
body.A1 .sheet { width: 594mm; height: 841mm }
|
||||
body.A3 .sheet { width: 297mm; height: 419mm }
|
||||
body.A3.landscape .sheet { width: 420mm; height: 296mm }
|
||||
body.A4 .sheet { width: 210mm; height: 296mm }
|
||||
body.A4.landscape .sheet { width: 297mm; height: 209mm }
|
||||
body.A5 .sheet { width: 148mm; height: 209mm }
|
||||
body.A5.landscape .sheet { width: 210mm; height: 147mm }
|
||||
body.letter .sheet { width: 216mm; height: 279mm }
|
||||
body.letter.landscape .sheet { width: 280mm; height: 215mm }
|
||||
body.legal .sheet { width: 216mm; height: 356mm }
|
||||
body.legal.landscape .sheet { width: 357mm; height: 215mm }
|
||||
|
||||
/** Padding area **/
|
||||
.sheet.padding-10mm { padding: 10mm }
|
||||
.sheet.padding-15mm { padding: 15mm }
|
||||
.sheet.padding-20mm { padding: 20mm }
|
||||
.sheet.padding-25mm { padding: 25mm }
|
||||
|
||||
/** For screen preview **/
|
||||
@media screen {
|
||||
body { background: #e0e0e0 }
|
||||
.sheet {
|
||||
background: white;
|
||||
box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
|
||||
margin: 5mm auto;
|
||||
}
|
||||
}
|
||||
|
||||
/** Fix for Chrome issue #273306 **/
|
||||
@media print {
|
||||
body.A1 { width: 594mm }
|
||||
body.A3.landscape { width: 420mm }
|
||||
body.A3, body.A4.landscape { width: 297mm }
|
||||
body.A4, body.A5.landscape { width: 210mm }
|
||||
body.A5 { width: 148mm }
|
||||
body.letter, body.legal { width: 216mm }
|
||||
body.letter.landscape { width: 280mm }
|
||||
body.legal.landscape { width: 357mm }
|
||||
}
|
||||
BIN
task2/html_ws/draft_0001/test.png
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/draft_0001/test.png
(Stored with Git LFS)
Normal file
Binary file not shown.
34
task2/html_ws/draft_0002/A1_draft1.html
Normal file
34
task2/html_ws/draft_0002/A1_draft1.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A1</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A1 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A1 }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A1" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A1">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet" style="margin: 0; box-shadow: unset;">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A1 document. 11111s</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
682
task2/html_ws/draft_0002/A1_head.html
Normal file
682
task2/html_ws/draft_0002/A1_head.html
Normal file
@@ -0,0 +1,682 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>A1</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css"
|
||||
/>
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="./style.css" />
|
||||
|
||||
<!-- Set page size here: A5, A4 or A1 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>
|
||||
@page {
|
||||
size: A1;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A1" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A1">
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet" style="margin: 0; box-shadow: unset">
|
||||
<div
|
||||
style="
|
||||
filter: opacity(0.5);
|
||||
background-image: url('./bg_top.jpg');
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
height: 50%;
|
||||
"
|
||||
></div>
|
||||
<div
|
||||
style="
|
||||
filter: opacity(0.5);
|
||||
background-image: url('./bg_bottom.jpg');
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
height: 50%;
|
||||
"
|
||||
></div>
|
||||
|
||||
<div
|
||||
style="
|
||||
position: relative;
|
||||
top: -846mm;
|
||||
height: 841mm;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
padding-top: 10mm;
|
||||
|
||||
padding-left: 10mm;
|
||||
padding-right: 10mm;
|
||||
"
|
||||
>
|
||||
<!-- header -->
|
||||
<div style="text-align: center">
|
||||
<h1 style="font-size: 3rem">Proposed Research Project</h1>
|
||||
|
||||
<div>The Bird Diversity Between Tree Species in Hong Kong</div>
|
||||
<div>UCLAN ID: G21260508</div>
|
||||
<div>Email: MLEE1414@student.myersough.ac.uk</div>
|
||||
</div>
|
||||
<!-- header -->
|
||||
|
||||
<!-- body -->
|
||||
<!-- part1 -->
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin: 10mm 10mm;
|
||||
height: 280mm;
|
||||
"
|
||||
>
|
||||
<div class="intro_and_meth">
|
||||
<div class="cell">
|
||||
<div class="title">Introduction :</div>
|
||||
<div class="content">
|
||||
This study focus on the bird diversity between tree species in
|
||||
Hong Kong. Stagoll et al. (2012) mentioned that old trees can be
|
||||
greater quantity of eatable food sources for different type of
|
||||
organisms. Furthermore, according Barth et al. (2015),
|
||||
established trees can attract more birds than young tree because
|
||||
it can generate more fruits and generate tree hollows. This
|
||||
paper is to investigate i) the necessary and advantages on
|
||||
implementing a holistic green planning including to introduce
|
||||
more tree species which could easily accommodate different kind
|
||||
of bird and the possibility of alternative proposal in urban
|
||||
greenery, ii) to study whether bird species are correlated with
|
||||
the species and iii) current situation of tree species and bird
|
||||
species in Hong Kong and assessing the opportunities and the
|
||||
barrier on implementation at present.
|
||||
</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="title">Methodology:</div>
|
||||
<div class="content">
|
||||
The study will be based on a systemic search and categorizing of
|
||||
relevant literature review on ScienceDirect databases (January
|
||||
2014 – January 2024) to extract original research paper
|
||||
examining bird diversity between tree species , relevant
|
||||
literatures published between March 2014 to March 2024 only with
|
||||
English language. Papers will includes the data collection and
|
||||
analysis. Conference proceedings and papers difficult to locate
|
||||
were exclude. Evidence for showing importance on linkage of
|
||||
local, district and regional green forestry with bird diversity
|
||||
are summaries in general. For the species of trees, Old Value
|
||||
Trees and non Old Values Trees in Hong Kong will be selected for
|
||||
flied work. Information will be analysis by the statistical
|
||||
method, describing data using descriptive statistics ( e.g.
|
||||
graphical presentation) For the tool collecting tree bird data,
|
||||
the range finder app and binoculars will be used as estimate the
|
||||
tree height and use to count the far objects.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="min-width: 50%">
|
||||
<div style="min-width: 50%; height: 300px; overflow-y: hidden">
|
||||
<table>
|
||||
<tr>
|
||||
<td>No.</td>
|
||||
<td>Title</td>
|
||||
<td>Author</td>
|
||||
<td>Year of publication</td>
|
||||
<td>
|
||||
Study location (city, state, country, continents and
|
||||
climatic zones)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
Single dead trees matter: Small-scale canopy gaps increase
|
||||
the species richness, diversity and abundance of birds
|
||||
breeding in a temperate deciduous forest
|
||||
</td>
|
||||
<td>Pawe Lewandowski, Fabian Przepióra</td>
|
||||
<td>2021</td>
|
||||
<td>Carpathians (SE Poland)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>
|
||||
How do edge effect and tree species diversity change bird
|
||||
diversity and avian nest survival in Germany’s largest
|
||||
deciduous forest?
|
||||
</td>
|
||||
<td>Péter Batáry, Stefanie Fronczek</td>
|
||||
<td>2014</td>
|
||||
<td>Hainich National Park, Germany.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>
|
||||
Relating forest structural characteristics to bat and bird
|
||||
diversity in the Italian Alps
|
||||
</td>
|
||||
<td>Francesca Rigo, Chiara Paniccia</td>
|
||||
<td>2024</td>
|
||||
<td>Italy</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
<td>
|
||||
Shelterwood harvests promote high breeding bird diversity
|
||||
and shrubland species for less than 10 years in hardwood
|
||||
forests
|
||||
</td>
|
||||
<td>
|
||||
Cathryn H. Greenberg , Maria Whitehead , J. Drew Lanham
|
||||
</td>
|
||||
<td>2023</td>
|
||||
<td>North Carolina, USA.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td>
|
||||
<td>
|
||||
Large trees as a key factor for bird diversity in
|
||||
spruce-dominated production forests: Implications for
|
||||
conservation management
|
||||
</td>
|
||||
<td>Dominik Kebrle , Petr Zasadil , Jan Hošek</td>
|
||||
<td>2021</td>
|
||||
<td>Czech Republic (CR)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>6</td>
|
||||
<td>
|
||||
Evergreen ivy vines as a key element maintaining the high
|
||||
diversity of birds wintering in Central European forests
|
||||
</td>
|
||||
<td>Łukasz Kajtoch a, Emilia Grzędzicka</td>
|
||||
<td>2023</td>
|
||||
<td>Southern Poland and central Slovakia</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>7</td>
|
||||
<td>
|
||||
Key structural factors and their thresholds for promoting
|
||||
bird diversity in spruce-dominated production forests of
|
||||
central Europe
|
||||
</td>
|
||||
<td>Dominik Kebrle , Jeňýk Hofmeister</td>
|
||||
<td>2023</td>
|
||||
<td>Czech Republic</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>8</td>
|
||||
<td>
|
||||
Breeding bird abundance and species diversity greatest in
|
||||
high-severity wildfire patches in central hardwood forests
|
||||
</td>
|
||||
<td>Cathryn H. Greenberg , Christopher E. Moorman</td>
|
||||
<td>2014</td>
|
||||
<td>Western North Carolina, USA</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>9</td>
|
||||
<td>
|
||||
Bird taxonomic and functional diversity, group- and
|
||||
species-level effects on a gradient of weevil-caused damage
|
||||
in eucalypt plantations
|
||||
</td>
|
||||
<td>Ricardo S. Ceia , Nuno Faria</td>
|
||||
<td>2018</td>
|
||||
<td>Central Portugal:</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>10</td>
|
||||
<td>
|
||||
Genetic diversity of an invasive tree across time and
|
||||
contrasting landscape conditions
|
||||
</td>
|
||||
<td>Natalia Aguirre-Acosta</td>
|
||||
<td>2016</td>
|
||||
<td>China and Korea</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>11</td>
|
||||
<td>
|
||||
Site and landscape scale drivers of bird and insect
|
||||
diversity in Native and novel forest ecosystems of Central
|
||||
Portugal
|
||||
</td>
|
||||
<td>Mauro Nereu , Joaquim S. Silva</td>
|
||||
<td>2015</td>
|
||||
<td>Coimbra district, Central Portugal</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>12</td>
|
||||
<td>
|
||||
Even minor logging road development can decrease the
|
||||
functional diversity of forest bird communities: Evidence
|
||||
from a biodiversity hotspot
|
||||
</td>
|
||||
<td>Nan Wu , Baoshuang Hu , Yao Wang</td>
|
||||
<td>2023</td>
|
||||
<td>
|
||||
Shennongjia World Natural Heritage Site , Hubei Province,
|
||||
central China
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>13</td>
|
||||
<td>
|
||||
Functional diversity of tree cavities for secondary
|
||||
cavity-nesting birds in logged subtropical Piedmont forests
|
||||
of the Andes
|
||||
</td>
|
||||
<td>Alejandro . Schaaf, Daniela Gomez,</td>
|
||||
<td>2020</td>
|
||||
<td>Northwestern Argentina</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>14</td>
|
||||
<td>
|
||||
Broadleaf retention benefits to bird diversity in
|
||||
mid-rotation conifer production stands
|
||||
</td>
|
||||
<td>Matts Lindbladh , Johan Elmberg , Per-Ola Hedwall</td>
|
||||
<td>2022</td>
|
||||
<td>Southern Sweden</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>15</td>
|
||||
<td>
|
||||
Bark beetle infestation spots as biodiversity hotspots:
|
||||
Canopy gaps resulting from insect outbreaks enhance the
|
||||
species richness, diversity and abundance of birds breeding
|
||||
in coniferous forests
|
||||
</td>
|
||||
<td>Fabian Przepióra , Jan Loch ,</td>
|
||||
<td>2020</td>
|
||||
<td>Tatra Mts.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>16</td>
|
||||
<td>
|
||||
Effects of habitat degradation on bird functional diversity:
|
||||
A field test in the Valdivian rainforest
|
||||
</td>
|
||||
<td>Francisco E. Fontúrbel , Juan F. Betancurt‐Grisales</td>
|
||||
<td>2022</td>
|
||||
<td>South American countries</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>17</td>
|
||||
<td>
|
||||
Fire and tree species diversity in tropical peat swamp
|
||||
forests
|
||||
</td>
|
||||
<td>Liubov Volkova , Haruni Krisnawati</td>
|
||||
<td>2023</td>
|
||||
<td>Indonesia</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>18</td>
|
||||
<td>
|
||||
Advantages and limitations of tree mixtures in enhancing
|
||||
avian diversity in commercial timber plantations: Early
|
||||
insights from southern China
|
||||
</td>
|
||||
<td>Demeng Jiang , Xinran Miao</td>
|
||||
<td>2023</td>
|
||||
<td>Nanning and Chongzuo municipalities in Guangxi.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>19</td>
|
||||
<td>
|
||||
Effects of tree retention and woody biomass removal on bird
|
||||
and small mammal communities
|
||||
</td>
|
||||
<td>Alexis R. Grinde</td>
|
||||
<td>2020</td>
|
||||
<td>Northern Minnesota USA,</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>20</td>
|
||||
<td>
|
||||
Characterising the richness and diversity of forest bird
|
||||
species using National Forest Inventory data in Germany
|
||||
</td>
|
||||
<td>Judith Reise , Florian Kukulka</td>
|
||||
<td>2019</td>
|
||||
<td>Forest area of Germany</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>21</td>
|
||||
<td>
|
||||
Land use diversity and prey availability structure the bird
|
||||
communities in Norway spruce plantation forests
|
||||
</td>
|
||||
<td>Lucie Vélová , Adam Véle</td>
|
||||
<td>2021</td>
|
||||
<td>Czech Republic</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>22</td>
|
||||
<td>
|
||||
Effects of plant species richness on the structure of
|
||||
plant-bird interaction networks along a 3000-m elevational
|
||||
gradient in subtropical forests
|
||||
</td>
|
||||
<td>Boyu Lei, Yaoyao Tian, Jifa Cui,</td>
|
||||
<td>2023</td>
|
||||
<td>Hubei Province, central China</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>23</td>
|
||||
<td>
|
||||
Non-native tree plantations are weak substitutes for
|
||||
near-natural forests regarding plant diversity and
|
||||
ecological value
|
||||
</td>
|
||||
<td>Khanh Vu Ho , György Kröel-Dulay</td>
|
||||
<td>2023</td>
|
||||
<td>Danube and Tisza in Hungary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>24</td>
|
||||
<td>
|
||||
Examining the temporal effects of wildfires on forest birds:
|
||||
Should I stay or should I go?
|
||||
</td>
|
||||
<td>Roger Puig-Gironès, Lluís Brotons</td>
|
||||
<td>2023</td>
|
||||
<td>Catalonia</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>25</td>
|
||||
<td>
|
||||
Short-term experimental support for bird diversity retention
|
||||
measures during thinning in European boreal forests
|
||||
</td>
|
||||
<td>Julian Klein , Matthew Low</td>
|
||||
<td>2022</td>
|
||||
<td>Central Sweden</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>26</td>
|
||||
<td>
|
||||
Seasonal patterns of habitat use of resident birds in
|
||||
Białowieża Forest and its links to post-disturbance
|
||||
management
|
||||
</td>
|
||||
<td>Rosanne J. Michielsen , Michał Żmihorski</td>
|
||||
<td>2024</td>
|
||||
<td>Poland and Belarus</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>27</td>
|
||||
<td>
|
||||
Shifting tree species composition affects biodiversity of
|
||||
multiple taxa in Central European forests
|
||||
</td>
|
||||
<td>Jan Leidinger , Markus Blaschke</td>
|
||||
<td>2021</td>
|
||||
<td>Southern Germany.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>28</td>
|
||||
<td>
|
||||
Beyond beaver wetlands: The engineering activities of a
|
||||
semi-aquatic mammal mediate the species richness and
|
||||
abundance of terrestrial birds wintering in a temperate
|
||||
forest
|
||||
</td>
|
||||
<td>Izabela Fedyń , Fabian Przepióra</td>
|
||||
<td>2023</td>
|
||||
<td>Poland</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>
|
||||
Differential effects of forestry plantations on bird
|
||||
diversity: A global assessment
|
||||
</td>
|
||||
<td>Gabriel J. Castaño-Villa</td>
|
||||
<td>2019</td>
|
||||
<td>
|
||||
ISI Web of Science, Scopus, and ScienceDirect databases
|
||||
(January 2000 – December 2017)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>30</td>
|
||||
<td>
|
||||
Microhabitat requirements and occupancy of understorey bird
|
||||
forest specialists in Southern Mistbelt Forests of
|
||||
KwaZulu-Natal, South Africa
|
||||
</td>
|
||||
<td>Nasiphi Bitani , Craig P. Cordier</td>
|
||||
<td>2023</td>
|
||||
<td>South Africa</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div>
|
||||
Table 2 : Authors, year, journal and study location of the 30
|
||||
research paper on examining bird diversity between tree species
|
||||
extracted in this study
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- part1 end -->
|
||||
|
||||
<!-- part2 -->
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
gap: 3rem;
|
||||
margin: 10mm 10mm;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
min-width: 50%;
|
||||
height: 700px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url('./img/Picture2.png');
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
"
|
||||
></div>
|
||||
<div>title</div>
|
||||
</div>
|
||||
|
||||
<div class="discuss_and_conclu">
|
||||
<div style="min-width: 50%">
|
||||
<div class="title">Discussion and Conclusion</div>
|
||||
<div class="content">
|
||||
By using strategic searching, a total of 295 original, peer
|
||||
reviewed research paper examining bird diversity between tree
|
||||
species extracted in this study were identified. A wide range of
|
||||
discipline was discovered, including arboricultural, ecology,
|
||||
economic, education and urban plantation, only 11 % of the
|
||||
papers are related to Bird Diversity between Tree species.
|
||||
Geographic region distribution of the 30 research papers on
|
||||
examining bird diversity between tree species extracted in this
|
||||
study as listed in Table 3, including Africa, United States,
|
||||
Asia, Europe and so on. Compared with Old Value Trees and Non
|
||||
Old Value Trees Species Composition in Hong Kong, there are some
|
||||
birds namely: Tree Sparrow, Feral Pigeon, Spotted Dove,
|
||||
Yellow-crested Cockatoo, Red-whiskered Bulbul, Crested Myna,
|
||||
Eurasian Magpie, Oriental Magpie Robin, Japanese White-eye,
|
||||
Black-collared Starling, Large-billed Crow, Asian Koel, Great
|
||||
tit, Alexandrine Parakeet, Common Tailorbird, Masked
|
||||
Laughingthrush, Black crowned Night, Heron, Red-billed Blue and
|
||||
Magpie found in the top 5 common trees namely Ficus macrocarpa,
|
||||
Cinnamomum camphora, Ceiba pentandra, Ficus virens var.
|
||||
sublanceolata and Albizia lebbeck. The details is listed in
|
||||
table 5. However, it is found that the result may cause by
|
||||
external factors, such as animal disturbance ( e.g. cats and
|
||||
squirrels, chemical applications). For future studies, it could
|
||||
focus on some topics, including connecting and collaborating the
|
||||
multi-levels of urban forestation, expanding the program to
|
||||
large- scales identification, policy and planning improvements,
|
||||
seeking strategic solutions and conduct scientific studies to
|
||||
achieve the bird diversity between tree species.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- part2 end -->
|
||||
|
||||
<!-- part3 -->
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 1rem;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
margin: 10mm 10mm;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
width: 30%;
|
||||
height: 700px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url('./img/Picture3.png');
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
"
|
||||
></div>
|
||||
<div>
|
||||
Table 3 : Geographic region distribution of the 30 research papers
|
||||
on examining bird diversity between tree species extracted in this
|
||||
study
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
width: 30%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url('./img/Picture4.png');
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
"
|
||||
></div>
|
||||
<div>
|
||||
Table 4 : Top 5 Old Value Trees and Non Old Value Trees Species
|
||||
Composition in Hong Kong
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
width: 30%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url('./img/Picture5.png');
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
"
|
||||
></div>
|
||||
<div>
|
||||
Table 5: Bird species found in TOP 5 of Old Value Trees and with
|
||||
other trees
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- part3 end -->
|
||||
|
||||
<!-- references -->
|
||||
<div style="margin: 5mm 10mm">
|
||||
<div>
|
||||
<b>References:</b>
|
||||
<ul>
|
||||
<li>
|
||||
Barth James, B., Ian FitzGibbon, S., & Stuart Wilson, R. (2015).
|
||||
New urban developments that retain more remnant trees have
|
||||
greater bird diversity
|
||||
doi:https://doi.org.eproxy.vtclib9.vtc.edu.hk/10.1016/j.landurbplan.2014.11.003
|
||||
</li>
|
||||
<li>
|
||||
Le Roux, D. S., Ikin, K., Lindenmayer, D. B., Manning, A. D., &
|
||||
Gibbons, P. (2014). The future of large old trees in urban
|
||||
landscapes. Plos One, 9(6), e99403. Retrieved from
|
||||
https://doi.org/10.1371/journal.pone.0099403
|
||||
</li>
|
||||
<li>
|
||||
Jim, C.Y., Chan, W.H.,2016. Urban greenspace delivery in Hong
|
||||
Kong: Spatial-institutional limitations and solution. Urban
|
||||
Forestry & Urban Greening. 18. 65-85
|
||||
</li>
|
||||
<li>
|
||||
Roy, S., Byrne, J.A., Pickering, C., 2012. A systematic
|
||||
quantitative review of urban tree benefits, costs, and
|
||||
assessment methods across cities in different climatic zones.
|
||||
Urban Forestry & Urban Greening 11, 351-363.
|
||||
</li>
|
||||
<li>
|
||||
Stagoll, K., Lindenmayer, D. B., Knight, E., Fischer, J., &
|
||||
Manning, A. D. (2012). Large trees are keystone structures in
|
||||
urban parks. Conservation Letters, 5(2), 115-122.
|
||||
doi:10.1111/j.1755-263X.2011.00216.x
|
||||
</li>
|
||||
<li>
|
||||
Shmelev, S.E., Shmeleva, I.A., 2009. Sustainable Cities:
|
||||
problems of integrated interdisciplinary research, International
|
||||
Journal of Sustainable Development 12, 4-23.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- references end -->
|
||||
|
||||
<!-- body -->
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
BIN
task2/html_ws/draft_0002/a1_test.pdf
Normal file
BIN
task2/html_ws/draft_0002/a1_test.pdf
Normal file
Binary file not shown.
34
task2/html_ws/draft_0002/a3-landscape.html
Normal file
34
task2/html_ws/draft_0002/a3-landscape.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A3 landscape</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A3 landscape }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A3 landscape">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A3 document (landscape).</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
34
task2/html_ws/draft_0002/a3.html
Normal file
34
task2/html_ws/draft_0002/a3.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A3</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A3 }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A3">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A3 document.</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
34
task2/html_ws/draft_0002/a3_draft1.html
Normal file
34
task2/html_ws/draft_0002/a3_draft1.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A3</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A3 }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A3">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet" style="margin: 0; box-shadow: unset;">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A3 document. 11111s</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
task2/html_ws/draft_0002/bg_bottom.jpg
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/draft_0002/bg_bottom.jpg
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/html_ws/draft_0002/bg_top.jpg
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/draft_0002/bg_top.jpg
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/html_ws/draft_0002/img/Picture2.png
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/draft_0002/img/Picture2.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/html_ws/draft_0002/img/Picture3.png
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/draft_0002/img/Picture3.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/html_ws/draft_0002/img/Picture4.png
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/draft_0002/img/Picture4.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/html_ws/draft_0002/img/Picture5.png
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/draft_0002/img/Picture5.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/html_ws/draft_0002/preview.png
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/draft_0002/preview.png
(Stored with Git LFS)
Normal file
Binary file not shown.
88
task2/html_ws/draft_0002/style.css
Normal file
88
task2/html_ws/draft_0002/style.css
Normal file
@@ -0,0 +1,88 @@
|
||||
@page { margin: 0 }
|
||||
body {
|
||||
margin: 0;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.sheet {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
page-break-after: always;
|
||||
}
|
||||
|
||||
.intro_and_meth {
|
||||
font-size: 2rem;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.intro_and_meth .cell{
|
||||
padding-top: 3rem;
|
||||
|
||||
}
|
||||
|
||||
.intro_and_meth .title {
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
.intro_and_meth .content {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.discuss_and_conclu {
|
||||
background-color: gold;
|
||||
}
|
||||
|
||||
.discuss_and_conclu .title{
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
.discuss_and_conclu .content{
|
||||
font-size: 2rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
/** Paper sizes **/
|
||||
body.A1 .sheet { width: 594mm; height: 841mm }
|
||||
body.A3 .sheet { width: 297mm; height: 419mm }
|
||||
body.A3.landscape .sheet { width: 420mm; height: 296mm }
|
||||
body.A4 .sheet { width: 210mm; height: 296mm }
|
||||
body.A4.landscape .sheet { width: 297mm; height: 209mm }
|
||||
body.A5 .sheet { width: 148mm; height: 209mm }
|
||||
body.A5.landscape .sheet { width: 210mm; height: 147mm }
|
||||
body.letter .sheet { width: 216mm; height: 279mm }
|
||||
body.letter.landscape .sheet { width: 280mm; height: 215mm }
|
||||
body.legal .sheet { width: 216mm; height: 356mm }
|
||||
body.legal.landscape .sheet { width: 357mm; height: 215mm }
|
||||
|
||||
/** Padding area **/
|
||||
.sheet.padding-10mm { padding: 10mm }
|
||||
.sheet.padding-15mm { padding: 15mm }
|
||||
.sheet.padding-20mm { padding: 20mm }
|
||||
.sheet.padding-25mm { padding: 25mm }
|
||||
|
||||
/** For screen preview **/
|
||||
@media screen {
|
||||
body { background: #e0e0e0 }
|
||||
.sheet {
|
||||
background: rgba(32,32,32,0.2);
|
||||
box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
|
||||
margin: 5mm auto;
|
||||
}
|
||||
}
|
||||
|
||||
/** Fix for Chrome issue #273306 **/
|
||||
@media print {
|
||||
body.A1 { width: 594mm }
|
||||
body.A3.landscape { width: 420mm }
|
||||
body.A3, body.A4.landscape { width: 297mm }
|
||||
body.A4, body.A5.landscape { width: 210mm }
|
||||
body.A5 { width: 148mm }
|
||||
body.letter, body.legal { width: 216mm }
|
||||
body.letter.landscape { width: 280mm }
|
||||
body.legal.landscape { width: 357mm }
|
||||
}
|
||||
|
||||
|
||||
BIN
task2/html_ws/draft_0002/test.png
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/draft_0002/test.png
(Stored with Git LFS)
Normal file
Binary file not shown.
34
task2/html_ws/head/A1_draft1.html
Normal file
34
task2/html_ws/head/A1_draft1.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A1</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A1 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A1 }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A1" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A1">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet" style="margin: 0; box-shadow: unset;">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A1 document. 11111s</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
705
task2/html_ws/head/A1_head.html
Normal file
705
task2/html_ws/head/A1_head.html
Normal file
@@ -0,0 +1,705 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>A1</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css"
|
||||
/>
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="./style.css" />
|
||||
|
||||
<!-- Set page size here: A5, A4 or A1 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>
|
||||
@page {
|
||||
size: A1;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A1" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A1">
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet" style="margin: 0; box-shadow: unset">
|
||||
<div
|
||||
style="
|
||||
filter: opacity(0.5);
|
||||
background-image: url('./bg_top.jpg');
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
height: 50%;
|
||||
"
|
||||
></div>
|
||||
<div
|
||||
style="
|
||||
filter: opacity(0.5);
|
||||
background-image: url('./bg_bottom.jpg');
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
height: 50%;
|
||||
"
|
||||
></div>
|
||||
|
||||
<div
|
||||
style="
|
||||
position: relative;
|
||||
top: -846mm;
|
||||
height: 841mm;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
padding-top: 10mm;
|
||||
|
||||
padding-left: 10mm;
|
||||
padding-right: 10mm;
|
||||
"
|
||||
>
|
||||
<!-- header -->
|
||||
<div style="text-align: center">
|
||||
<h1 style="font-size: 3rem">Proposed Research Project</h1>
|
||||
|
||||
<div>The Bird Diversity Between Tree Species in Hong Kong</div>
|
||||
<div>UCLAN ID: G21260508</div>
|
||||
<div>Email: MLEE1414@student.myersough.ac.uk</div>
|
||||
</div>
|
||||
<!-- header -->
|
||||
|
||||
<!-- body -->
|
||||
<div style="display: flex; flex-direction: column; gap: 2rem">
|
||||
<div>
|
||||
<!-- part1 -->
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
"
|
||||
>
|
||||
<div class="intro_and_meth">
|
||||
<div class="cell">
|
||||
<div class="title">Introduction :</div>
|
||||
<div class="content">
|
||||
<p>
|
||||
This study focus on the bird diversity between tree
|
||||
species in Hong Kong. Stagoll et al. (2012) mentioned that
|
||||
old trees can be greater quantity of eatable food sources
|
||||
for different type of organisms. Furthermore, according
|
||||
Barth et al. (2015), established trees can attract more
|
||||
birds than young tree because it can generate more fruits
|
||||
and generate tree hollows.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
This paper is to investigate i) the necessary and
|
||||
advantages on implementing a holistic green planning
|
||||
including to introduce more tree species which could
|
||||
easily accommodate different kind of bird and the
|
||||
possibility of alternative proposal in urban greenery, ii)
|
||||
to study whether bird species are correlated with the
|
||||
species and iii) current situation of tree species and
|
||||
bird species in Hong Kong and assessing the opportunities
|
||||
and the barrier on implementation at present.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="title">Methodology:</div>
|
||||
<div class="content">
|
||||
<p>
|
||||
The study will be based on a systemic search and
|
||||
categorizing of relevant literature review on
|
||||
ScienceDirect databases (January 2014 – January 2024) to
|
||||
extract original research paper examining bird diversity
|
||||
between tree species , relevant literatures published
|
||||
between March 2014 to March 2024 only with English
|
||||
language. Papers will includes the data collection and
|
||||
analysis. Conference proceedings and papers difficult to
|
||||
locate were exclude. Evidence for showing importance on
|
||||
linkage of local, district and regional green forestry
|
||||
with bird diversity are summaries in general.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
For the species of trees, Old Value Trees and non Old
|
||||
Values Trees in Hong Kong will be selected for flied work.
|
||||
Information will be analysis by the statistical method,
|
||||
describing data using descriptive statistics ( e.g.
|
||||
graphical presentation)
|
||||
</p>
|
||||
|
||||
<p>
|
||||
For the tool collecting tree bird data, the range finder
|
||||
app and binoculars will be used as estimate the tree
|
||||
height and use to count the far objects.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="min-width: 55%;">
|
||||
<div style="display: flex; flex-direction: row; margin-top: 3rem; background-color: rgba(255,255,255,0.5); padding: 1rem;;">
|
||||
<div class="table-style" style="width: 50%; overflow-y: hidden">
|
||||
<table>
|
||||
<tr>
|
||||
<td class="td1">No.</td>
|
||||
<td class="td2">Title</td>
|
||||
<td class="td3">Author</td>
|
||||
<td class="td4">Year of publication</td>
|
||||
<td class="td5">
|
||||
Study location (city, state, country, continents and climatic zones)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
Single dead trees matter: Small-scale canopy gaps
|
||||
increase the species richness, diversity and abundance
|
||||
of birds breeding in a temperate deciduous forest
|
||||
</td>
|
||||
<td>Pawe Lewandowski, Fabian Przepióra</td>
|
||||
<td>2021</td>
|
||||
<td>Carpathians (SE Poland)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>
|
||||
How do edge effect and tree species diversity change
|
||||
bird diversity and avian nest survival in Germany’s
|
||||
largest deciduous forest?
|
||||
</td>
|
||||
<td>Péter Batáry, Stefanie Fronczek</td>
|
||||
<td>2014</td>
|
||||
<td>Hainich National Park, Germany.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>
|
||||
Relating forest structural characteristics to bat and
|
||||
bird diversity in the Italian Alps
|
||||
</td>
|
||||
<td>Francesca Rigo, Chiara Paniccia</td>
|
||||
<td>2024</td>
|
||||
<td>Italy</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
<td>
|
||||
Shelterwood harvests promote high breeding bird
|
||||
diversity and shrubland species for less than 10 years
|
||||
in hardwood forests
|
||||
</td>
|
||||
<td>
|
||||
Cathryn H. Greenberg , Maria Whitehead , J. Drew
|
||||
Lanham
|
||||
</td>
|
||||
<td>2023</td>
|
||||
<td>North Carolina, USA.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td>
|
||||
<td>
|
||||
Large trees as a key factor for bird diversity in
|
||||
spruce-dominated production forests: Implications for
|
||||
conservation management
|
||||
</td>
|
||||
<td>Dominik Kebrle , Petr Zasadil , Jan Hošek</td>
|
||||
<td>2021</td>
|
||||
<td>Czech Republic (CR)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>6</td>
|
||||
<td>
|
||||
Evergreen ivy vines as a key element maintaining the
|
||||
high diversity of birds wintering in Central European
|
||||
forests
|
||||
</td>
|
||||
<td>Łukasz Kajtoch a, Emilia Grzędzicka</td>
|
||||
<td>2023</td>
|
||||
<td>Southern Poland and central Slovakia</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>7</td>
|
||||
<td>
|
||||
Key structural factors and their thresholds for
|
||||
promoting bird diversity in spruce-dominated
|
||||
production forests of central Europe
|
||||
</td>
|
||||
<td>Dominik Kebrle , Jeňýk Hofmeister</td>
|
||||
<td>2023</td>
|
||||
<td>Czech Republic</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>8</td>
|
||||
<td>
|
||||
Breeding bird abundance and species diversity greatest
|
||||
in high-severity wildfire patches in central hardwood
|
||||
forests
|
||||
</td>
|
||||
<td>Cathryn H. Greenberg , Christopher E. Moorman</td>
|
||||
<td>2014</td>
|
||||
<td>Western North Carolina, USA</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>9</td>
|
||||
<td>
|
||||
Bird taxonomic and functional diversity, group- and
|
||||
species-level effects on a gradient of weevil-caused
|
||||
damage in eucalypt plantations
|
||||
</td>
|
||||
<td>Ricardo S. Ceia , Nuno Faria</td>
|
||||
<td>2018</td>
|
||||
<td>Central Portugal:</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>10</td>
|
||||
<td>
|
||||
Genetic diversity of an invasive tree across time and
|
||||
contrasting landscape conditions
|
||||
</td>
|
||||
<td>Natalia Aguirre-Acosta</td>
|
||||
<td>2016</td>
|
||||
<td>China and Korea</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>11</td>
|
||||
<td>
|
||||
Site and landscape scale drivers of bird and insect
|
||||
diversity in Native and novel forest ecosystems of
|
||||
Central Portugal
|
||||
</td>
|
||||
<td>Mauro Nereu , Joaquim S. Silva</td>
|
||||
<td>2015</td>
|
||||
<td>Coimbra district, Central Portugal</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>12</td>
|
||||
<td>
|
||||
Even minor logging road development can decrease the
|
||||
functional diversity of forest bird communities:
|
||||
Evidence from a biodiversity hotspot
|
||||
</td>
|
||||
<td>Nan Wu , Baoshuang Hu , Yao Wang</td>
|
||||
<td>2023</td>
|
||||
<td>
|
||||
Shennongjia World Natural Heritage Site , Hubei
|
||||
Province, central China
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>13</td>
|
||||
<td>
|
||||
Functional diversity of tree cavities for secondary
|
||||
cavity-nesting birds in logged subtropical Piedmont
|
||||
forests of the Andes
|
||||
</td>
|
||||
<td>Alejandro . Schaaf, Daniela Gomez,</td>
|
||||
<td>2020</td>
|
||||
<td>Northwestern Argentina</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>14</td>
|
||||
<td>
|
||||
Broadleaf retention benefits to bird diversity in
|
||||
mid-rotation conifer production stands
|
||||
</td>
|
||||
<td>
|
||||
Matts Lindbladh , Johan Elmberg , Per-Ola Hedwall
|
||||
</td>
|
||||
<td>2022</td>
|
||||
<td>Southern Sweden</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>15</td>
|
||||
<td>
|
||||
Bark beetle infestation spots as biodiversity
|
||||
hotspots: Canopy gaps resulting from insect outbreaks
|
||||
enhance the species richness, diversity and abundance
|
||||
of birds breeding in coniferous forests
|
||||
</td>
|
||||
<td>Fabian Przepióra , Jan Loch ,</td>
|
||||
<td>2020</td>
|
||||
<td>Tatra Mts.</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="table-style" style="width: 50%; overflow-y: hidden">
|
||||
<table>
|
||||
<tr>
|
||||
<td class="td1">No.</td>
|
||||
<td class="td2">Title</td>
|
||||
<td class="td3">Author</td>
|
||||
<td class="td4">Year of publication</td>
|
||||
<td class="td5">
|
||||
Study location (city, state, country, continents and climatic zones)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>16</td>
|
||||
<td>
|
||||
Effects of habitat degradation on bird functional
|
||||
diversity: A field test in the Valdivian rainforest
|
||||
</td>
|
||||
<td>
|
||||
Francisco E. Fontúrbel , Juan F. Betancurt‐Grisales
|
||||
</td>
|
||||
<td>2022</td>
|
||||
<td>South American countries</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>17</td>
|
||||
<td>
|
||||
Fire and tree species diversity in tropical peat swamp
|
||||
forests
|
||||
</td>
|
||||
<td>Liubov Volkova , Haruni Krisnawati</td>
|
||||
<td>2023</td>
|
||||
<td>Indonesia</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>18</td>
|
||||
<td>
|
||||
Advantages and limitations of tree mixtures in
|
||||
enhancing avian diversity in commercial timber
|
||||
plantations: Early insights from southern China
|
||||
</td>
|
||||
<td>Demeng Jiang , Xinran Miao</td>
|
||||
<td>2023</td>
|
||||
<td>Nanning and Chongzuo municipalities in Guangxi.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>19</td>
|
||||
<td>
|
||||
Effects of tree retention and woody biomass removal on
|
||||
bird and small mammal communities
|
||||
</td>
|
||||
<td>Alexis R. Grinde</td>
|
||||
<td>2020</td>
|
||||
<td>Northern Minnesota USA,</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>20</td>
|
||||
<td>
|
||||
Characterising the richness and diversity of forest
|
||||
bird species using National Forest Inventory data in
|
||||
Germany
|
||||
</td>
|
||||
<td>Judith Reise , Florian Kukulka</td>
|
||||
<td>2019</td>
|
||||
<td>Forest area of Germany</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>21</td>
|
||||
<td>
|
||||
Land use diversity and prey availability structure the
|
||||
bird communities in Norway spruce plantation forests
|
||||
</td>
|
||||
<td>Lucie Vélová , Adam Véle</td>
|
||||
<td>2021</td>
|
||||
<td>Czech Republic</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>22</td>
|
||||
<td>
|
||||
Effects of plant species richness on the structure of
|
||||
plant-bird interaction networks along a 3000-m
|
||||
elevational gradient in subtropical forests
|
||||
</td>
|
||||
<td>Boyu Lei, Yaoyao Tian, Jifa Cui,</td>
|
||||
<td>2023</td>
|
||||
<td>Hubei Province, central China</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>23</td>
|
||||
<td>
|
||||
Non-native tree plantations are weak substitutes for
|
||||
near-natural forests regarding plant diversity and
|
||||
ecological value
|
||||
</td>
|
||||
<td>Khanh Vu Ho , György Kröel-Dulay</td>
|
||||
<td>2023</td>
|
||||
<td>Danube and Tisza in Hungary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>24</td>
|
||||
<td>
|
||||
Examining the temporal effects of wildfires on forest
|
||||
birds: Should I stay or should I go?
|
||||
</td>
|
||||
<td>Roger Puig-Gironès, Lluís Brotons</td>
|
||||
<td>2023</td>
|
||||
<td>Catalonia</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>25</td>
|
||||
<td>
|
||||
Short-term experimental support for bird diversity
|
||||
retention measures during thinning in European boreal
|
||||
forests
|
||||
</td>
|
||||
<td>Julian Klein , Matthew Low</td>
|
||||
<td>2022</td>
|
||||
<td>Central Sweden</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>26</td>
|
||||
<td>
|
||||
Seasonal patterns of habitat use of resident birds in
|
||||
Białowieża Forest and its links to post-disturbance
|
||||
management
|
||||
</td>
|
||||
<td>Rosanne J. Michielsen , Michał Żmihorski</td>
|
||||
<td>2024</td>
|
||||
<td>Poland and Belarus</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>27</td>
|
||||
<td>
|
||||
Shifting tree species composition affects biodiversity
|
||||
of multiple taxa in Central European forests
|
||||
</td>
|
||||
<td>Jan Leidinger , Markus Blaschke</td>
|
||||
<td>2021</td>
|
||||
<td>Southern Germany.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>28</td>
|
||||
<td>
|
||||
Beyond beaver wetlands: The engineering activities of
|
||||
a semi-aquatic mammal mediate the species richness and
|
||||
abundance of terrestrial birds wintering in a
|
||||
temperate forest
|
||||
</td>
|
||||
<td>Izabela Fedyń , Fabian Przepióra</td>
|
||||
<td>2023</td>
|
||||
<td>Poland</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>
|
||||
Differential effects of forestry plantations on bird
|
||||
diversity: A global assessment
|
||||
</td>
|
||||
<td>Gabriel J. Castaño-Villa</td>
|
||||
<td>2019</td>
|
||||
<td>
|
||||
ISI Web of Science, Scopus, and ScienceDirect
|
||||
databases (January 2000 – December 2017)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>30</td>
|
||||
<td>
|
||||
Microhabitat requirements and occupancy of understorey
|
||||
bird forest specialists in Southern Mistbelt Forests
|
||||
of KwaZulu-Natal, South Africa
|
||||
</td>
|
||||
<td>Nasiphi Bitani , Craig P. Cordier</td>
|
||||
<td>2023</td>
|
||||
<td>South Africa</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="explain" >
|
||||
Table 2 : Authors, year, journal and study location of the 30
|
||||
research paper on examining bird diversity between tree
|
||||
species extracted in this study
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- part1 end -->
|
||||
</div>
|
||||
<div>
|
||||
<!-- part2 -->
|
||||
<div class="title" style="width: 100%">Result:</div>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 3rem;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
min-width: 50%;
|
||||
height: 700px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
"
|
||||
>
|
||||
|
||||
<div
|
||||
style="
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url('./img/Picture2.png');
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
"
|
||||
></div>
|
||||
<div style="margin: 0 5rem">
|
||||
Table 1: Searching keywords on ScienceDirect databases
|
||||
(January 2014 – January 2024) to extract original research
|
||||
paper examining bird diversity between tree species
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="discuss_and_conclu">
|
||||
<div style="min-width: 50%">
|
||||
<div class="title">Discussion and Conclusion</div>
|
||||
<div class="content">
|
||||
<p>
|
||||
By using strategic searching, a total of 295 original,
|
||||
peer reviewed research paper examining bird diversity
|
||||
between tree species extracted in this study were
|
||||
identified. A wide range of discipline was discovered,
|
||||
including arboricultural, ecology, economic, education and
|
||||
urban plantation, only 11 % of the papers are related to
|
||||
Bird Diversity between Tree species. Geographic region
|
||||
distribution of the 30 research papers on examining bird
|
||||
diversity between tree species extracted in this study as
|
||||
listed in Table 3, including Africa, United States, Asia,
|
||||
Europe and so on.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Compared with Old Value Trees and Non Old Value Trees
|
||||
Species Composition in Hong Kong, there are some birds
|
||||
namely: Tree Sparrow, Feral Pigeon, Spotted Dove,
|
||||
Yellow-crested Cockatoo, Red-whiskered Bulbul, Crested
|
||||
Myna, Eurasian Magpie, Oriental Magpie Robin, Japanese
|
||||
White-eye, Black-collared Starling, Large-billed Crow,
|
||||
Asian Koel, Great tit, Alexandrine Parakeet, Common
|
||||
Tailorbird, Masked Laughingthrush, Black crowned Night,
|
||||
Heron, Red-billed Blue and Magpie found in the top 5
|
||||
common trees namely <span class="italic">Ficus macrocarpa, Cinnamomum camphora,
|
||||
Ceiba pentandra, Ficus virens var. sublanceolata and
|
||||
Albizia lebbeck</span>. The details is listed in table 5.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
However, it is found that the result may cause by external
|
||||
factors, such as animal disturbance ( e.g. cats and
|
||||
squirrels, chemical applications).
|
||||
</p>
|
||||
|
||||
<p>
|
||||
For future studies, it could focus on some topics,
|
||||
including connecting and collaborating the multi-levels of
|
||||
urban forestation, expanding the program to large- scales
|
||||
identification, policy and planning improvements, seeking
|
||||
strategic solutions and conduct scientific studies to
|
||||
achieve the bird diversity between tree species.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- part2 end -->
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<!-- part3 -->
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 1rem;
|
||||
width: 100%;
|
||||
justify-content: space-evenly;
|
||||
"
|
||||
>
|
||||
<div style="width: 33%">
|
||||
<div style="height: 400px; width: 100%;
|
||||
background-image: url('./img/Picture3.png');
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;"></div>
|
||||
<div style="margin-top: 3rem;">Table 3 : Geographic region distribution of the 30 research papers on examining bird diversity between tree species extracted in this study</div>
|
||||
</div>
|
||||
|
||||
<div style="width: 33%">
|
||||
<div style="height: 400px; width: 100%;
|
||||
background-image: url('./img/Picture4.png');
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;"></div>
|
||||
<div style="margin-top: 3rem;">Table 4 : Top 5 Old Value Trees and Non Old Value Trees Species Composition in Hong Kong</div>
|
||||
|
||||
</div>
|
||||
<div style="width: 33%">
|
||||
<div style="height: 400px; width: 100%;
|
||||
background-image: url('./img/Picture5.png');
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;"></div>
|
||||
<div style="margin-top: 3rem;">Table 5: Bird species found in TOP 5 of Old Value Trees and with other trees</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- part3 end -->
|
||||
</div>
|
||||
<div>
|
||||
<!-- references -->
|
||||
<div>
|
||||
<div>
|
||||
<b>References:</b>
|
||||
<ul>
|
||||
<li>
|
||||
Barth James, B., Ian FitzGibbon, S., & Stuart Wilson, R.
|
||||
(2015). New urban developments that retain more remnant
|
||||
trees have greater bird diversity
|
||||
doi:https://doi.org.eproxy.vtclib9.vtc.edu.hk/10.1016/j.landurbplan.2014.11.003
|
||||
</li>
|
||||
<li>
|
||||
Le Roux, D. S., Ikin, K., Lindenmayer, D. B., Manning, A.
|
||||
D., & Gibbons, P. (2014). The future of large old trees in
|
||||
urban landscapes. Plos One, 9(6), e99403. Retrieved from
|
||||
https://doi.org/10.1371/journal.pone.0099403
|
||||
</li>
|
||||
<li>
|
||||
Jim, C.Y., Chan, W.H.,2016. Urban greenspace delivery in
|
||||
Hong Kong: Spatial-institutional limitations and solution.
|
||||
Urban Forestry & Urban Greening. 18. 65-85
|
||||
</li>
|
||||
<li>
|
||||
Roy, S., Byrne, J.A., Pickering, C., 2012. A systematic
|
||||
quantitative review of urban tree benefits, costs, and
|
||||
assessment methods across cities in different climatic
|
||||
zones. Urban Forestry & Urban Greening 11, 351-363.
|
||||
</li>
|
||||
<li>
|
||||
Stagoll, K., Lindenmayer, D. B., Knight, E., Fischer, J., &
|
||||
Manning, A. D. (2012). Large trees are keystone structures
|
||||
in urban parks. Conservation Letters, 5(2), 115-122.
|
||||
doi:10.1111/j.1755-263X.2011.00216.x
|
||||
</li>
|
||||
<li>
|
||||
Shmelev, S.E., Shmeleva, I.A., 2009. Sustainable Cities:
|
||||
problems of integrated interdisciplinary research,
|
||||
International Journal of Sustainable Development 12, 4-23.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- references end -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- body -->
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
BIN
task2/html_ws/head/a1_test.pdf
Normal file
BIN
task2/html_ws/head/a1_test.pdf
Normal file
Binary file not shown.
34
task2/html_ws/head/a3-landscape.html
Normal file
34
task2/html_ws/head/a3-landscape.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A3 landscape</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A3 landscape }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A3 landscape">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A3 document (landscape).</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
34
task2/html_ws/head/a3.html
Normal file
34
task2/html_ws/head/a3.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A3</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A3 }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A3">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A3 document.</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
34
task2/html_ws/head/a3_draft1.html
Normal file
34
task2/html_ws/head/a3_draft1.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A3</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A3 }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A3">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet" style="margin: 0; box-shadow: unset;">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A3 document. 11111s</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
task2/html_ws/head/bg_bottom.jpg
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/head/bg_bottom.jpg
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/html_ws/head/bg_top.jpg
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/head/bg_top.jpg
(Stored with Git LFS)
Normal file
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 377 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 340 KiB |
BIN
task2/html_ws/head/img/Picture2.png
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/head/img/Picture2.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/html_ws/head/img/Picture3.png
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/head/img/Picture3.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/html_ws/head/img/Picture4.png
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/head/img/Picture4.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/html_ws/head/img/Picture5.png
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/head/img/Picture5.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/html_ws/head/preview.png
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/head/preview.png
(Stored with Git LFS)
Normal file
Binary file not shown.
107
task2/html_ws/head/style.css
Normal file
107
task2/html_ws/head/style.css
Normal file
@@ -0,0 +1,107 @@
|
||||
@page { margin: 0 }
|
||||
body {
|
||||
margin: 0;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.sheet {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
page-break-after: always;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.title{
|
||||
font-size: 3rem; font-weight: bold; text-decoration: underline;
|
||||
}
|
||||
|
||||
.content{
|
||||
font-size: 1.7rem;
|
||||
margin-top: 2rem;
|
||||
|
||||
}
|
||||
|
||||
.intro_and_meth {
|
||||
font-size: 1.7rem;
|
||||
}
|
||||
|
||||
.intro_and_meth .cell{
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
|
||||
.table-style {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
|
||||
.explain {
|
||||
margin-left:5rem;
|
||||
margin-right:5rem;
|
||||
margin-top: 2rem;
|
||||
|
||||
}
|
||||
|
||||
.discuss_and_conclu .title{ font-size: 3rem; font-weight: bold; text-decoration: underline;}
|
||||
.discuss_and_conclu .content{ font-size: 1.5rem;}
|
||||
|
||||
.td1 { width: 26px; height: 76px; }
|
||||
|
||||
.td2{ width: 295px;}
|
||||
.td3{ width: 145px;}
|
||||
.td4{ width: 85px;}
|
||||
.td5{ width: 145px;}
|
||||
|
||||
tr td:nth-child(4) {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.italic {
|
||||
font-style:italic ;
|
||||
}
|
||||
|
||||
/** Paper sizes **/
|
||||
body.A1 .sheet { width: 594mm; height: 841mm }
|
||||
body.A3 .sheet { width: 297mm; height: 419mm }
|
||||
body.A3.landscape .sheet { width: 420mm; height: 296mm }
|
||||
body.A4 .sheet { width: 210mm; height: 296mm }
|
||||
body.A4.landscape .sheet { width: 297mm; height: 209mm }
|
||||
body.A5 .sheet { width: 148mm; height: 209mm }
|
||||
body.A5.landscape .sheet { width: 210mm; height: 147mm }
|
||||
body.letter .sheet { width: 216mm; height: 279mm }
|
||||
body.letter.landscape .sheet { width: 280mm; height: 215mm }
|
||||
body.legal .sheet { width: 216mm; height: 356mm }
|
||||
body.legal.landscape .sheet { width: 357mm; height: 215mm }
|
||||
|
||||
/** Padding area **/
|
||||
.sheet.padding-10mm { padding: 10mm }
|
||||
.sheet.padding-15mm { padding: 15mm }
|
||||
.sheet.padding-20mm { padding: 20mm }
|
||||
.sheet.padding-25mm { padding: 25mm }
|
||||
|
||||
/** For screen preview **/
|
||||
@media screen {
|
||||
body { background: #e0e0e0 }
|
||||
.sheet {
|
||||
background: rgba(32,32,32,0.2);
|
||||
box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
|
||||
margin: 5mm auto;
|
||||
}
|
||||
}
|
||||
|
||||
/** Fix for Chrome issue #273306 **/
|
||||
@media print {
|
||||
body.A1 { width: 594mm }
|
||||
body.A3.landscape { width: 420mm }
|
||||
body.A3, body.A4.landscape { width: 297mm }
|
||||
body.A4, body.A5.landscape { width: 210mm }
|
||||
body.A5 { width: 148mm }
|
||||
body.letter, body.legal { width: 216mm }
|
||||
body.letter.landscape { width: 280mm }
|
||||
body.legal.landscape { width: 357mm }
|
||||
}
|
||||
|
||||
|
||||
BIN
task2/html_ws/head/test.png
(Stored with Git LFS)
Normal file
BIN
task2/html_ws/head/test.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/img/Picture2.png
(Stored with Git LFS)
Normal file
BIN
task2/img/Picture2.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/img/Picture3.png
(Stored with Git LFS)
Normal file
BIN
task2/img/Picture3.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/img/Picture4.png
(Stored with Git LFS)
Normal file
BIN
task2/img/Picture4.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/img/Picture5.png
(Stored with Git LFS)
Normal file
BIN
task2/img/Picture5.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/requirement/WhatsApp Image 2024-03-24 at 10.13.43 PM.jpeg
Normal file
BIN
task2/requirement/WhatsApp Image 2024-03-24 at 10.13.43 PM.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 256 KiB |
BIN
task2/requirement/image0.jpeg
Normal file
BIN
task2/requirement/image0.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 488 KiB |
Binary file not shown.
BIN
task2/src/2/230614025545-09-hk-cockatoos-cnn.jpg
(Stored with Git LFS)
Normal file
BIN
task2/src/2/230614025545-09-hk-cockatoos-cnn.jpg
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/src/2/33459886338_d35764c8a7_b.jpg
(Stored with Git LFS)
Normal file
BIN
task2/src/2/33459886338_d35764c8a7_b.jpg
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/src/2/YellowcrestedCockatoo13-768x768.jpg
(Stored with Git LFS)
Normal file
BIN
task2/src/2/YellowcrestedCockatoo13-768x768.jpg
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/src/2/YellowcrestedCockatoo7.jpg
(Stored with Git LFS)
Normal file
BIN
task2/src/2/YellowcrestedCockatoo7.jpg
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/src/2/_01A1145.jpg
(Stored with Git LFS)
Normal file
BIN
task2/src/2/_01A1145.jpg
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/src/3/Asg data collection_Macy LEE_new_.xlsx
Normal file
BIN
task2/src/3/Asg data collection_Macy LEE_new_.xlsx
Normal file
Binary file not shown.
BIN
task2/word_ws/1/WINWORD_tAZf1dyKq1.png
(Stored with Git LFS)
Normal file
BIN
task2/word_ws/1/WINWORD_tAZf1dyKq1.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/word_ws/1/draft1.docx
Normal file
BIN
task2/word_ws/1/draft1.docx
Normal file
Binary file not shown.
BIN
task2/word_ws/1/draft1.pdf
Normal file
BIN
task2/word_ws/1/draft1.pdf
Normal file
Binary file not shown.
BIN
task2/word_ws/1/draft1_comment.jpeg
Normal file
BIN
task2/word_ws/1/draft1_comment.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 377 KiB |
BIN
task2/word_ws/2/WINWORD_m0crOVjOiH.png
(Stored with Git LFS)
Normal file
BIN
task2/word_ws/2/WINWORD_m0crOVjOiH.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/word_ws/2/draft2.docx
Normal file
BIN
task2/word_ws/2/draft2.docx
Normal file
Binary file not shown.
BIN
task2/word_ws/2/draft2.pdf
Normal file
BIN
task2/word_ws/2/draft2.pdf
Normal file
Binary file not shown.
BIN
task2/word_ws/4/YellowcrestedCockatoo13-768x768.jpg
(Stored with Git LFS)
Normal file
BIN
task2/word_ws/4/YellowcrestedCockatoo13-768x768.jpg
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/word_ws/4/_01A1145.jpg
(Stored with Git LFS)
Normal file
BIN
task2/word_ws/4/_01A1145.jpg
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/word_ws/4/draft.docx
Normal file
BIN
task2/word_ws/4/draft.docx
Normal file
Binary file not shown.
BIN
task2/word_ws/4/draft.pdf
Normal file
BIN
task2/word_ws/4/draft.pdf
Normal file
Binary file not shown.
BIN
task2/word_ws/4/fig/A1.fig
Normal file
BIN
task2/word_ws/4/fig/A1.fig
Normal file
Binary file not shown.
BIN
task2/word_ws/4/fig/A1_base.pdf
Normal file
BIN
task2/word_ws/4/fig/A1_base.pdf
Normal file
Binary file not shown.
BIN
task2/word_ws/4/fig/A3_base.pdf
Normal file
BIN
task2/word_ws/4/fig/A3_base.pdf
Normal file
Binary file not shown.
BIN
task2/word_ws/5/WINWORD_9sfMKwKGPu.png
(Stored with Git LFS)
Normal file
BIN
task2/word_ws/5/WINWORD_9sfMKwKGPu.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/word_ws/5/YellowcrestedCockatoo13-768x768.jpg
(Stored with Git LFS)
Normal file
BIN
task2/word_ws/5/YellowcrestedCockatoo13-768x768.jpg
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/word_ws/5/_01A1145.jpg
(Stored with Git LFS)
Normal file
BIN
task2/word_ws/5/_01A1145.jpg
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
task2/word_ws/5/draft.docx
Normal file
BIN
task2/word_ws/5/draft.docx
Normal file
Binary file not shown.
BIN
task2/word_ws/5/draft.pdf
Normal file
BIN
task2/word_ws/5/draft.pdf
Normal file
Binary file not shown.
BIN
task2/word_ws/5/fig/A1.fig
Normal file
BIN
task2/word_ws/5/fig/A1.fig
Normal file
Binary file not shown.
BIN
task2/word_ws/5/fig/A1_base.pdf
Normal file
BIN
task2/word_ws/5/fig/A1_base.pdf
Normal file
Binary file not shown.
BIN
task2/word_ws/5/fig/A3_base.pdf
Normal file
BIN
task2/word_ws/5/fig/A3_base.pdf
Normal file
Binary file not shown.
Reference in New Issue
Block a user