Add some additional demo content to webkit.org
[WebKit-https.git] / Websites / webkit.org / demos / extrazoom / article / index.html
1 <!DOCTYPE html>
2 <meta name="viewport" content="width=device-width, initial-scale=1">
3 <meta charset="utf8">
4 <meta property="og:title" content="The philosophy of liberty">
5 <meta property="og:type" content="article">
6 <meta property="og:description" content="An essay about our founding fathers">
7 <meta property="og:image" content="https://webkit.org/demos/extrazoom/article/constitution.jpg">
8 <meta property="og:image:width" content="300px">
9 <meta property="og:image:height" content="200px">
10 <html>
11 <style>
12     body {
13         font-family: system-ui;
14     }
15
16     img {
17         width: calc(min(50vw, 300px));
18     }
19 </style>
20 <body>
21     <article>
22         <h1 itemprop="title">The philosophy of liberty</h1>
23         <h2 itemprop="subheading">An essay about our founding fathers</h2>
24         <h3 itemprop="author">Johnny Appleseed</h3>
25         <time itemprop="pubdate" datetime="2018-04-01">April 1, 2018</time>
26         <p><strong>Our Founding Fathers’</strong> <em>experiences emphasized the importance they placed on rights and limited government.</em> With few checks on authority, Britain imposed heavy taxes on colonists after the Seven Years War, a change from previous salutary neglect. The colonists’ protests emphasized their preexisting need for individual freedom and limited government.</p>
27         <p>As political author Joel Barlow discussed in his 1792 pamphlet “Advice to the Privileged Orders in the Several States of Europe”, the individual cultural mindsets of the colonists defined the rights they demanded from their government. Colonial experiences did not change the Founders’ views as much as it legitimized their belief in individual rights already established during times of salutary neglect.</p>
28         <figure>
29             <img src="constitution.jpg" alt="The U.S. constitution"></img>
30             <figcaption>The U.S. constitution</figcaption>
31         </figure>
32         <blockquote>In Europe, charters of liberty have been granted by power. America has set the example of charters of power granted by liberty. <cite><em>James Madison, 1792.</em></cite></blockquote>
33         <p>In Massachusetts, the colonists faced severe oppression under the Boston Harbor Act and therefore incorporated the idea that &ldquo;all men are born free and equal&rdquo; in Article 1 of their Constitution. British oppression taught the citizens of Massachusetts to value both their natural rights and the ideals in their Constitution, prompting juries to abolish slavery through cases like Bett v. Freeman (1781).</p>
34     </article>
35 <body>
36 </html>