aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAndrew Lee <alee14498@protonmail.com>2021-04-28 15:42:20 +0000
committerGitHub <noreply@github.com>2021-04-28 15:42:20 +0000
commit9655904cddf7c18c45dd516ecc986b2c287a6666 (patch)
tree5718ec875162e18baa90131ee6db4a01269b7341
parentee39d977477b144e2206f5062afb5370ea5427ad (diff)
downloadwar-of-1812-9655904cddf7c18c45dd516ecc986b2c287a6666.tar.gz
war-of-1812-9655904cddf7c18c45dd516ecc986b2c287a6666.tar.bz2
war-of-1812-9655904cddf7c18c45dd516ecc986b2c287a6666.zip
Added more things
Diffstat
-rw-r--r--pages/page2.js5
-rw-r--r--pages/page3.js24
-rw-r--r--pages/page4.js21
-rw-r--r--pages/page5.js22
-rw-r--r--pages/page6.js28
-rw-r--r--pages/page7.js25
-rw-r--r--pages/page8.js22
7 files changed, 146 insertions, 1 deletions
diff --git a/pages/page2.js b/pages/page2.js
index d21c5c0..569bd67 100644
--- a/pages/page2.js
+++ b/pages/page2.js
@@ -12,7 +12,10 @@ export default function Home() {
<main className={styles.main}>
<h1>The Cause Of This War</h1>
- <Button variant="contained" color="primary" href="#">Next Page</Button>
+ <p>The British blocked American ships to enter Europe and American ships were forced to join the Royal Navy.</p>
+ <img src="https://www.maritime-executive.com/media/images/article/Photos/Navy_Govt_CoastGuard/warships-war-of-1812.351492.jpg"/>
+ <br />
+ <Button variant="contained" color="primary" href="page3">Next Page</Button>
</main>
</div>
)
diff --git a/pages/page3.js b/pages/page3.js
new file mode 100644
index 0000000..1f24edc
--- /dev/null
+++ b/pages/page3.js
@@ -0,0 +1,24 @@
+import Head from 'next/head'
+import styles from '../styles/Home.module.css'
+import Button from '@material-ui/core/Button'
+
+export default function Home() {
+ return (
+ <div className={styles.container}>
+ <Head>
+ <title>The War of 1812</title>
+ <link rel="icon" href="/favicon.ico" />
+ </Head>
+
+ <main className={styles.main}>
+ <h1>Participants</h1>
+ <p>The United Kingdom and the United States.</p>
+ <img src="https://upload.wikimedia.org/wikipedia/en/a/ae/Flag_of_the_United_Kingdom.svg" height="20%" width="20%"/>
+ <br />
+ <img src="https://cdn.britannica.com/33/4833-050-F6E415FE/Flag-United-States-of-America.jpg" height="20%" width="20%" />
+ <br />
+ <Button variant="contained" color="primary" href="page4">Next Page</Button>
+ </main>
+ </div>
+ )
+}
diff --git a/pages/page4.js b/pages/page4.js
new file mode 100644
index 0000000..4a43ec7
--- /dev/null
+++ b/pages/page4.js
@@ -0,0 +1,21 @@
+import Head from 'next/head'
+import styles from '../styles/Home.module.css'
+import Button from '@material-ui/core/Button'
+
+export default function Home() {
+ return (
+ <div className={styles.container}>
+ <Head>
+ <title>The War of 1812</title>
+ <link rel="icon" href="/favicon.ico" />
+ </Head>
+
+ <main className={styles.main}>
+ <h1>Where did this happen?</h1>
+ <p>The Canadian–American frontier and the Great Lakes region<br/>The Atlantic and Gulf of Mexico coasts of North America<br/>The Atlantic Ocean</p>
+ <img src="https://lh3.googleusercontent.com/proxy/jokzi7NoVX1Pi0aDmLOichq03Oy0exLjwPQkzmrtK_RAaSCtT3adqkWJOexRIAb65r3NC-E2fM3aPMsF8oTMB3BCwTUbn1yb6we9rksM2S0KDFjg_018s4GBHwQ7EkWMuNtwy8KQ0g" />
+ <Button variant="contained" color="primary" href="page5">Next Page</Button>
+ </main>
+ </div>
+ )
+}
diff --git a/pages/page5.js b/pages/page5.js
new file mode 100644
index 0000000..ccd3b45
--- /dev/null
+++ b/pages/page5.js
@@ -0,0 +1,22 @@
+import Head from 'next/head'
+import styles from '../styles/Home.module.css'
+import Button from '@material-ui/core/Button'
+
+export default function Home() {
+ return (
+ <div className={styles.container}>
+ <Head>
+ <title>The War of 1812</title>
+ <link rel="icon" href="/favicon.ico" />
+ </Head>
+
+ <main className={styles.main}>
+ <h1>When did it happen?</h1>
+ <p>June 1812 to February 1815</p>
+ <img src="https://i2.wp.com/niagarapoetry.ca/wp-content/uploads/2018/01/war-1812.png?fit=1149%2C760" width="50%" height="50%"/>
+ <br />
+ <Button variant="contained" color="primary" href="page6">Next Page</Button>
+ </main>
+ </div>
+ )
+}
diff --git a/pages/page6.js b/pages/page6.js
new file mode 100644
index 0000000..c0e500e
--- /dev/null
+++ b/pages/page6.js
@@ -0,0 +1,28 @@
+import Head from 'next/head'
+import styles from '../styles/Home.module.css'
+import Button from '@material-ui/core/Button'
+
+export default function Home() {
+ return (
+ <div className={styles.container}>
+ <Head>
+ <title>The War of 1812</title>
+ <link rel="icon" href="/favicon.ico" />
+ </Head>
+
+ <main className={styles.main}>
+ <h1>Events</h1>
+ <ul>
+ <li>American armies invaded Canada.</li>
+ <li>British armies invaded the United States.</li>
+ <li>United States Navy ships defeated British ships.</li>
+ <li>The Royal Navy blocked the United States, which damaged the American economy, and launched raids from the sea that included attacks on Washington, Baltimore, and New Orleans.</li>
+ <li>Native Americans contributed to the defence of Upper Canada but could not win their own war against the United States.</li>
+ <li>First Peoples warriors, French and English speaking militia and colonial regulars supported British regulars in the defence of Canada.</li>
+ </ul>
+ <br />
+ <Button variant="contained" color="primary" href="page7">Next Page</Button>
+ </main>
+ </div>
+ )
+}
diff --git a/pages/page7.js b/pages/page7.js
new file mode 100644
index 0000000..52664e6
--- /dev/null
+++ b/pages/page7.js
@@ -0,0 +1,25 @@
+import Head from 'next/head'
+import styles from '../styles/Home.module.css'
+import Button from '@material-ui/core/Button'
+
+export default function Home() {
+ return (
+ <div className={styles.container}>
+ <Head>
+ <title>The War of 1812</title>
+ <link rel="icon" href="/favicon.ico" />
+ </Head>
+
+ <main className={styles.main}>
+ <h1>Aftermath</h1>
+ <ul>
+ <li>Neither Britain nor the United States could defeat the other.</li>
+ <li>The two governments decided to negotiate peace.</li>
+ <li>The Treaty of Ghent ended the war in February 1815 but left Native American territory exposed to further American expansion.</li>
+ </ul>
+ <br />
+ <Button variant="contained" color="primary" href="page8">Next Page</Button>
+ </main>
+ </div>
+ )
+}
diff --git a/pages/page8.js b/pages/page8.js
new file mode 100644
index 0000000..9e473cf
--- /dev/null
+++ b/pages/page8.js
@@ -0,0 +1,22 @@
+import Head from 'next/head'
+import styles from '../styles/Home.module.css'
+import Button from '@material-ui/core/Button'
+
+export default function Home() {
+ return (
+ <div className={styles.container}>
+ <Head>
+ <title>The War of 1812</title>
+ <link rel="icon" href="/favicon.ico" />
+ </Head>
+
+ <main className={styles.main}>
+ <h1>Sources</h1>
+ <ul>
+ <li><a href="https://www.thecanadianencyclopedia.ca/en/article/war-of-1812">https://www.thecanadianencyclopedia.ca/en/article/war-of-1812</a></li>
+ <li><a href="https://www.warmuseum.ca/war-of-1812">https://www.warmuseum.ca/war-of-1812 </a></li>
+ </ul>
+ </main>
+ </div>
+ )
+}
generated by cgit v1.2.3 (git 2.46.0) at 2026-06-04 01:15:18 +0000