Skip to content

Commit 23c64fe

Browse files
profLewisprofLewis
committed
update
1 parent 9189932 commit 23c64fe

File tree

3 files changed

+105
-4
lines changed

3 files changed

+105
-4
lines changed

‎background.html

Lines changed: 76 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,13 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="UTF-8"/>
4+
<title>The Tudors</title>
5+
<meta charset="utf-8" />
6+
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
7+
<meta http-equiv="Content-Style-Type" content="text/css" />
8+
<meta http-equiv="Content-Script-Type" content="text/javascript" />
9+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
10+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
511
<style>
612
canvas {
713
width: 1024px;
@@ -14,19 +20,87 @@
1420
</head>
1521

1622
<body>
23+
<center>
1724
<h1>Tudor Wars</h1>
25+
</center>
1826

27+
By Beau Lewis
28+
29+
<center>
1930
<h2>Background</h2>
31+
</center>
2032

2133
The tudors had lots of wars ...
2234

35+
<center>
2336
<h3>The Battle of The Spurs</h3>
37+
</center>
2438

2539
The battle of the Spurs is a battle between England and France. It took place on 16 August 1513. The English were led by king Henry the eighth and the French by Pierre terrail. Henry’s armies consisted of about 1,100 horseback and 11,000 foot soldiers whereas Pierre’s had around 8,000 horseback and an unknown amount of foot soldiers. A famous picture is included by Georg Lemberger. The battle was eventually won by Henry and his army.
2640

41+
<p>
42+
43+
<center>
44+
<h3>Characters in the game</h3>
45+
</center>
46+
47+
<h4>Henry VIII (Tudor)</h4>
48+
49+
<a href="http://www.luminarium.org/renlit/tudor.htm"><img class="framed" src="http://www.luminarium.org/renlit/henry81540c.jpg" alt="Henry VIII" width="30% ></a>
50+
<a href="http://www.luminarium.org/renlit/tudor.htm"><img class="framed" src="henry.gif" alt="Pierre terrail" width="30%"></a>
51+
<p>
52+
Henry in a painting and by Beau
53+
54+
</center>
55+
56+
57+
58+
59+
<h4>Pierre Terrail</h4>
60+
61+
<a href="https://en.wikipedia.org/wiki/Pierre_Terrail,_seigneur_de_Bayard"><img src="https://upload.wikimedia.org/wikipedia/commons/5/59/Pierre_Terrail_de_Bayard.jpg" alt="Pierre terrail" width="30% ></a>
62+
63+
<a href="https://en.wikipedia.org/wiki/Pierre_Terrail,_seigneur_de_Bayard"><img class="framed" src="pierre.gif" alt="Pierre terrail" width="30%"></a>
64+
Pierre in a painting and by Beau
65+
66+
</center>
67+
68+
69+
<h4>English cavalry</h4>
70+
71+
<center>
72+
<img src="horse_1.gif" alt="Cavalry" width="30%">
73+
<a href="https://www.dreamstime.com/bay-stallion-free-run-fast-desert-dust-horse-galloping-sand-image184357183"><img class="framed" src="https://thumbs.dreamstime.com/z/bay-stallion-free-run-fast-desert-dust-horse-galloping-sand-184357183.jpg" alt="Galloping horse" width="30%></a>
74+
</a>
75+
<p>
76+
Horse inspiration and cavalry by Beau
77+
</center>
78+
79+
<p>
80+
<br>
81+
<p>
82+
<center>
2783
<h3>The Spanish Armada</h3>
84+
</center>
85+
86+
87+
<center>
88+
<a href="https://www.nmrn.org.uk/major-appeals/armada-maps/view-armada-maps"><img src="https://www.nmrn.org.uk/sites/default/files/14569_8.jpg" alt=The Pursuit to Calais, Fri 5th August – Sat 6th August" width="386"></a>
89+
The Pursuit to Calais, Fri 5th August – Sat 6th August <a title="Armada" href="https://www.nmrn.org.uk/major-appeals/armada-maps/view-armada-maps">Museum maps</a>
90+
91+
<p>
92+
93+
</center>
94+
The Spanish Armada was a fleet of 130 ships that were sent to invade England in late may 1588 by king Phillip the second. This resulted in a battle from May until August 1588. Francis drake was playing a game of bowls when the Spanish invaded and waited until he was finished to attack back. England had 34 warships and 163 armed merchant vessels whereas the Spanish had 108 armed merchant vessels, 2,431 cannons, 7,000 sailors and 17,000 soldiers.(the English also had 30 flyboats as they had teamed up with the Dutches. This eventually ended in an English victory.
95+
96+
<p>
97+
2898

29-
those spanish
99+
<center>
100+
<a href="https://www.lookandlearn.com/history-images/A003428-03/The-Great-Armada-Playing-Bowls"><img src="https://www.lookandlearn.com/history-images/preview/A/A003/A003428-03.jpg" alt="Sir Francis Drake, picture, image, illustration" width="386" height="512"></a>
101+
Sir Francis Drake finishes his game of bowls on Plymouth Hoe as the Spanish Armada is sighted, by <a title="Peter Jackson" href="https://www.lookandlearn.com/history-images/search.php?search=Peter+Jackson&amp;bool=phrase">Peter Jackson</a>
102+
</center>
30103

104+
<p>
31105

32106
</body>

‎beau.html

Lines changed: 29 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,10 @@
33
<head>
44
<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="UTF-8"/>
55
<style>
6+
67
canvas {
7-
width: 1024px;
8-
height:633px;
8+
width:100%;
9+
height: 50%;
910
border:1px solid #d3d3d3;
1011
background-color: #f1f1f1;
1112
display: block;
@@ -1053,6 +1054,32 @@
10531054
if ( level == 2 ) reset_level2();
10541055
}
10551056

1057+
//window.addEventListener("resize", function(event) {
1058+
// console.log(document.body.clientWidth + ' wide by ' + document.body.clientHeight+' high');
1059+
//})
1060+
1061+
function resize() {
1062+
1063+
var canvas = document.getElementById('game');
1064+
var canvasRatio = canvas.height / canvas.width;
1065+
var windowRatio = window.innerHeight / window.innerWidth;
1066+
var width;
1067+
var height;
1068+
1069+
if (windowRatio < canvasRatio) {
1070+
height = window.innerHeight;
1071+
width = height / canvasRatio;
1072+
} else {
1073+
width = window.innerWidth;
1074+
height = width * canvasRatio;
1075+
}
1076+
1077+
canvas.style.width = width + 'px';
1078+
canvas.style.height = height + 'px';
1079+
};
1080+
1081+
window.addEventListener('resize', resize, false);
1082+
10561083
</script>
10571084
<br>
10581085
<center>

‎horse.gif

137 KB
Loading

0 commit comments

Comments
 (0)