diff options
| -rw-r--r-- | pages/page2.js | 5 | ||||
| -rw-r--r-- | pages/page3.js | 24 | ||||
| -rw-r--r-- | pages/page4.js | 21 | ||||
| -rw-r--r-- | pages/page5.js | 22 | ||||
| -rw-r--r-- | pages/page6.js | 28 | ||||
| -rw-r--r-- | pages/page7.js | 25 | ||||
| -rw-r--r-- | pages/page8.js | 22 |
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> + ) +} |