Add download

README.md

@@ -1,8 +1,11 @@
 # HTML Website Hosting For:
-illustrations-from-familiar-trees-by-g-s-boulger
+
+### illustrations-from-familiar-trees-by-g-s-boulger
+
+![illustrations-from-familiar-trees-by-g-s-boulger-sample.png](images/illustrations-from-familiar-trees-by-g-s-boulger-sample.png)
 
 <br>
 
-* [Click this link to view the website being created from this repository by github-pages.](https://boxbot6.github.io/illustrations-from-familiar-trees-by-g-s-boulger/)
+* [Click this link to view the website being created from this repository and hosted on github-pages (https://boxbot6.github.io/illustrations-from-familiar-trees-by-g-s-boulger/).](https://boxbot6.github.io/illustrations-from-familiar-trees-by-g-s-boulger/)
 
 <br>

index.html

@@ -6,6 +6,7 @@
 	<title>Familiar Trees By G.S. Boulger | Nature | Trees | Illustrations of Trees | Coloured Plates | Natural History</title>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 	<meta charset="utf-8" />
+	<meta http-equiv="Permissions-Policy" content="interest-cohort=()">
 	<link rel="stylesheet" type="text/css" href="style.css" />
 </head>
 
@@ -15,62 +16,68 @@
 
 
 	<div class="row content">
+
+
+		<!-- Heading Banner And Text (link to your own image below, a good size is 1600 x 400 - cropable images and patterns work best) -->
+	        <div style="background-image: url('images/banner-6-long.png'); background-repeat: no-repeat; background-position: center; background-size: cover;">
+			<div style="display: table; overflow: hidden; height: 240px; width: 100%;">
+				<div style="display: table-cell; vertical-align: middle;">
+					<h1 style="color: #bf9000; font-family: georgia, garamond, serif; font-size: 48px; font-weight: normal; text-align: left; margin-left: 50px; margin-right: 50px;">
+					ILLUSTRATIONS FROM FAMILIAR TREES BY G. S. BOULGER, F.L.S., F.G.S., F.R.H.S.
+					</h1>
+				</div>
+			</div>
+		</div>
+
+
+
 		<div class="content-text">
 
- 	      		<div class="float-right">
+	      		<div class="float-right">
 				<content-image>
-				<a href="images/0-2-covers-familiar-trees-by-g-s-boulger.jpg">
-				<img src="thumbnails/0-2-covers-familiar-trees-by-g-s-boulger-thumb.jpg" alt="Familiar Trees By G. S. Boulger" width="300" />
+				<a href="images/0-1-covers-familiar-trees-by-g-s-boulger.jpg">
+				<img src="thumbnails/0-1-covers-familiar-trees-by-g-s-boulger-thumb.jpg" alt="Familiar Trees By G. S. Boulger" width="300" />
 				</a>
 				</content-image>
 			</div>
-
-
-			<h1><p style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif">ILLUSTRATIONS FROM FAMILIAR TREES BY G. S. BOULGER, F.L.S., F.G.S., F.R.H.S.</p></h1>
-			<hr>
-
+
+
 			<div style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: x-large">			
-				<p style="line-height:0">WITH&nbsp;<em>COLOURED PLATES&nbsp;</em>by W. H. J. BOOT R.B.A. AND A. FAIRFAX MUCKLEY.</p>			
-				<p style="line-height:0">FROM 'THE ENTIRELY NEW EDITION REVISED THROUGHOUT AND ENLARGED' IN THREE VOLUMES.</p>
-				<p style="line-height:0">PUBLISHED BY CASSELL AND COMPANY, LIMITED 1906.</p>
+				<p>WITH&nbsp;<em>COLOURED PLATES&nbsp;</em>by W. H. J. BOOT R.B.A. AND A. FAIRFAX MUCKLEY.</p>			
+				<p>FROM 'THE ENTIRELY NEW EDITION REVISED THROUGHOUT AND ENLARGED' IN THREE VOLUMES.</p>
+				<p>PUBLISHED BY CASSELL AND COMPANY, LIMITED 1906.</p>
 			</div>
+
+			<br />
 
-			<h3>Illustrations:</h3>
+			<h2>Illustrations:</h2>
 
 			<p>Click on each of the images below to open high-res versions.</p>
 
-			<h3>Downloads:</h3>
+			<h2>Downloads:</h2>
 
 			<ul>
-			<p class="content-text">
-			<a href="https://drive.google.com/uc?export=download&id=1PWBSQ6S-JUu5ELlRHhTpA_CQiv4COjtE">
+			<p class="content-text">	<!-- use href="../downloads/illustrations-from-familiar-trees-by-g-s-boulger-vol-1.zip" below if hosting elsewhere and not using git lfs (large file storage) -->
+			<a href="https://github.com/boxbot6/illustrations-from-familiar-trees-by-g-s-boulger/raw/main/downloads/illustrations-from-familiar-trees-by-g-s-boulger-vol-1.zip" download>
 			<li>illustrations-from-familiar-trees-by-g-s-boulger-vol-1.zip - 51 MB</li></a></p>
 
-			<div class="download-button">
-				<a href="https://drive.google.com/uc?export=download&id=1PWBSQ6S-JUu5ELlRHhTpA_CQiv4COjtE" download style="color:white; text-decoration:none">
+			<div class="download-button">	<!-- use href="../downloads/illustrations-from-familiar-trees-by-g-s-boulger-vol-1.zip" below if hosting elsewhere and not using git lfs (large file storage) -->
+				<a href="https://github.com/boxbot6/illustrations-from-familiar-trees-by-g-s-boulger/raw/main/downloads/illustrations-from-familiar-trees-by-g-s-boulger-vol-1.zip" download style="color:white; text-decoration:none">
 				<span>Download &nbsp;&nbsp;&nbsp;&nbsp;</span>
 				<img style="vertical-align:middle" src="images/download-icon-1.png" alt="image" height="25">
 				</a>
 			</div>
 			</ul>
-
-	      		<div class="float-right">
-				<content-image>
-				<a href="images/0-1-covers-familiar-trees-by-g-s-boulger.jpg">
-				<img src="thumbnails/0-1-covers-familiar-trees-by-g-s-boulger-thumb.jpg" alt="Familiar Trees By G. S. Boulger" width="300" />
-				</a>
-				</content-image>
-			</div>
 
 			<br />
 
 			<ul>
-			<p class="content-text">
-			<a href="downloads/illustrations-from-familiar-trees-by-g-s-boulger-vol-2.zip">
+			<p class="content-text">	<!-- use href="../downloads/illustrations-from-familiar-trees-by-g-s-boulger-vol-2.zip" below if hosting elsewhere and not using git lfs (large file storage) -->
+			<a href="https://github.com/boxbot6/illustrations-from-familiar-trees-by-g-s-boulger/raw/main/downloads/illustrations-from-familiar-trees-by-g-s-boulger-vol-2.zip?download=" download>
 			<li>illustrations-from-familiar-trees-by-g-s-boulger-vol-2.zip - 48 MB</li></a></p>
 
-			<div class="download-button">
-				<a href="downloads/illustrations-from-familiar-trees-by-g-s-boulger-vol-2.zip" download style="color:white; text-decoration:none">
+			<div class="download-button">	<!-- use href="../downloads/illustrations-from-familiar-trees-by-g-s-boulger-vol-2.zip" below if hosting elsewhere and not using git lfs (large file storage) -->
+				<a href="https://github.com/boxbot6/illustrations-from-familiar-trees-by-g-s-boulger/raw/main/downloads/illustrations-from-familiar-trees-by-g-s-boulger-vol-2.zip" download style="color:white; text-decoration:none">
 				<span>Download &nbsp;&nbsp;&nbsp;&nbsp;</span>
 				<img style="vertical-align:middle" src="images/download-icon-1.png" alt="image" height="25">
 				</a>
@@ -80,12 +87,12 @@ <h3>Downloads:</h3>
 			<br />
 
 			<ul>
-			<p class="content-text">
-			<a href="downloads/illustrations-from-familiar-trees-by-g-s-boulger-vol-3.zip">
+			<p class="content-text">	<!-- use href="../downloads/illustrations-from-familiar-trees-by-g-s-boulger-vol-3.zip" below if hosting elsewhere and not using git lfs (large file storage) -->
+			<a href="https://github.com/boxbot6/illustrations-from-familiar-trees-by-g-s-boulger/raw/main/downloads/illustrations-from-familiar-trees-by-g-s-boulger-vol-3.zip?download=" download>
 			<li>illustrations-from-familiar-trees-by-g-s-boulger-vol-3.zip - 45 MB</li></a></p>
 
-			<div class="download-button">
-				<a href="downloads/illustrations-from-familiar-trees-by-g-s-boulger-vol-3.zip" download style="color:white; text-decoration:none">
+			<div class="download-button">	<!-- use href="../downloads/illustrations-from-familiar-trees-by-g-s-boulger-vol-3.zip" below if hosting elsewhere and not using git lfs (large file storage) -->
+				<a href="https://github.com/boxbot6/illustrations-from-familiar-trees-by-g-s-boulger/raw/main/downloads/illustrations-from-familiar-trees-by-g-s-boulger-vol-3.zip" download style="color:white; text-decoration:none">
 				<span>Download &nbsp;&nbsp;&nbsp;&nbsp;</span>
 				<img style="vertical-align:middle" src="images/download-icon-1.png" alt="image" height="25">
 				</a>