HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html>
tag. If you want to add classes there that can affect the whole document, this is the place to do it.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. If you need things in the <head>
of the document, put that code here.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.
To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit-
or -moz-
.
We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).
Any URLs added here will be added as <link>
s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.
You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.
You can also link to another Pen here (use the .css
URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
Any URL's added here will be added as <script>
s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
Search for and use JavaScript packages from npm here. By selecting a package, an import
statement will be added to the top of the JavaScript editor for this package.
Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage.
All packages are different, so refer to their docs for how they work.
If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
.explain
div
h1 How to demo:
p
| Hold
strong CTRL
| and move the mouse around to outline the hovered DOM element.
p
| Hold
strong CTRL
| +
strong SHIFT
| to outline every element.
p
| Go into editor mode (Top-right ➡ "Change View" ➡ "Editor mode") and play with commented out custom configuration for Debucsser class.
p Debucsser make it easy to debug your CSS.
p
| You can apply custom class on hover, or grayscale all the page, everything you want... check it out 😎
button Got it
.wrapper
header.box.header
h1#title Debucsser
i#this-is-what-it-is “CSS debugging made easy”
.git
a.github-button(href='https://github.com/lucagez/Debucsser', data-icon='octicon-star', data-size='large', data-show-count='true', aria-label='Star lucagez/Debucsser on GitHub') Star
hr.bar
#main-article.box
.content
img.main-article-image(src='data:image/jpeg;base64,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', alt='')
h1.title Duties of American Citizenship
i.subtitle
strong.author Theodore Roosevelt
| , January 26, 1883; Buffalo, New York
p.text
| Of course, in one sense, the first essential for a man’s being a good citizen is his possession
| of the home
| virtues of which we think when we call a man by the emphatic adjective of manly. No man can be a good citizen
| who is not a good husband and a good father, who is not honest in his dealings with other men and women,
| faithful to his friends and fearless in the presence of his foes, who has not got a sound heart, a sound
| mind, and a sound body; exactly as no amount of attention to civil duties will save a nation if the domestic
| life is undermined, or there is lack of the rude military virtues which alone can assure a country’s position
| in the world. In a free republic the ideal citizen must be one willing and able to take arms for the defense
| of the flag, exactly as the ideal citizen must be the father of many healthy children. A race must be strong
| and vigorous; it must be a race of good fighters and good breeders, else its wisdom will come to naught and
| its virtue be ineffective; and no sweetness and delicacy, no love for and appreciation of beauty in art or
| literature, no capacity for building up material prosperity can possibly atone for the lack of the great
| virile virtues. But this is aside from my subject, for what I wish to talk of is the attitude of the American
| citizen in civic life. It ought to be axiomatic in this country that every man must devote a reasonable share
| of his time to doing his duty in the Political life of the community. No man has a right to shirk his
| political duties under whatever plea of pleasure or business; and while such shirking may be pardoned in
| those of small cleans it is entirely unpardonable in those among whom it is most common–in the people whose
| circumstances give them freedom in the struggle for life. In so far as the community grows to think rightly,
| it will likewise grow to regard the young man of means who shirks his duty to the State in time of peace as
| being only one degree worse than the man who thus shirks it in time of war. A great many of our men in
| business, or of our young men who are bent on enjoying life (as they have a perfect right to do if only they
| do not sacrifice other things to enjoyment), rather plume themselves upon being good citizens if they even
| vote; yet voting is the very least of their duties, Nothing worth gaining is ever gained without effort. You
| can no more have freedom without striving and suffering for it than you can win success as a banker or a
| lawyer without labor and effort, without self-denial in youth and the display of a ready and alert
| intelligence in middle age. The people who say that they have not time to attend to politics are simply
| saying that they are unfit to live in a free community.
hr.bar
aside.box.sidebar
.content
img.Demostenes(src='https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/D%C3%A9mosth%C3%A8ne_s%27exer%C3%A7ant_%C3%A0_la_parole_%281870%29_by_Jean-Jules-Antoine_Lecomte_du_Nou%C3%BF.jpg/220px-D%C3%A9mosth%C3%A8ne_s%27exer%C3%A7ant_%C3%A0_la_parole_%281870%29_by_Jean-Jules-Antoine_Lecomte_du_Nou%C3%BF.jpg', alt='')
h1.title The Third Philippic
i.subtitle
strong.author Demosthenes
| , 342 B.C., Athens, Greece
p.text
| It is this fate, I solemnly assure you, that I dread for you, when the time comes that you make
| your
| reckoning, and realize that there is no longer anything that can be done. May you never find yourselves, men
| of Athens, in such a position! Yet in any case, it were better to die ten thousand deaths, than to do
| anything out of servility towards Philip [or to sacrifice any of those who speak for your good]. A noble
| recompense did the people in Oreus receive, for entrusting themselves to Philip’s friends, and thrusting
| Euphraeus aside! And a noble recompense the democracy of Eretria, for driving away your envoys, and
| surrendering to Cleitarchus! They are slaves, scourged and butchered! A noble clemency did he show to the
| Olynthians, who elected Lasthenes to command the cavalry, and banished Apollonides! It is folly, and it is
| cowardice, to cherish hopes like these, to give way to evil counsels, to refuse to do anything that you
| should do, to listen to the advocates of the enemy’s cause, and to fancy that you dwell in so great a city
| that, whatever happens, you will not suffer any harm.
hr.bar
.content
img.The-luckiest-man(src='https://upload.wikimedia.org/wikipedia/commons/thumb/3/38/Lou_Gehrig_as_a_new_Yankee_11_Jun_1923.jpg/235px-Lou_Gehrig_as_a_new_Yankee_11_Jun_1923.jpg', alt='')
h1.title Farewell to Baseball Address
i.subtitle
strong.author Lou Gehrig
| , July 4, 1939, Yankee Stadium
p.text
| Fans, for the past two weeks you have been reading about a bad break I got. Yet today I
| consider myself the
| luckiest man on the face of the earth. I have been in ballparks for seventeen years and have never received
| anything but kindness and encouragement from you fans. Look at these grand men. Which of you wouldn’t
| consider it the highlight of his career to associate with them for even one day? Sure, I’m lucky. Who
| wouldn’t consider it an honor to have known Jacob Ruppert – also the builder of baseball’s greatest empire,
| Ed Barrow – to have spent the next nine years with that wonderful little fellow Miller Huggins – then to have
| spent the next nine years with that outstanding leader, that smart student of psychology – the best manager
| in baseball today, Joe McCarthy! Sure, I’m lucky. When the New York Giants, a team you would give your right
| arm to beat, and vice versa, sends you a gift, that’s something! When everybody down to the groundskeepers
| and those boys in white coats remember you with trophies, that’s something. When you have a wonderful
| mother-in-law who takes sides with you in squabbles against her own daughter, that’s something. When you have
| a father and mother who work all their lives so that you can have an education and build your body, it’s a
| blessing! When you have a wife who has been a tower of strength and shown more courage than you dreamed
| existed, that’s the finest I know. So I close in saying that I might have had a tough break – but I have an
| awful lot to live for!
hr.bar
.box.article-container
.box.article
.content
img#Chief-Joseph(src='data:image/jpeg;base64,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', alt='')
h1.title Surrender Speech
i.subtitle
strong.author Chief Joseph
| , October 5, 1877, Montana Territory
p.text
| Tell General Howard I know his heart. What he told me before, I have it in my heart. I am
| tired of
| fighting. Our Chiefs are killed; Looking Glass is dead, Ta Hool Hool Shute is dead. The old men are all
| dead. It is the young men who say yes or no. He who led on the young men is dead. It is cold, and we have
| no blankets; the little children are freezing to death. My people, some of them, have run away to the
| hills, and have no blankets, no food. No one knows where they are – perhaps freezing to death. I want to
| have time to look for my children, and see how many of them I can find. Maybe I shall find them among the
| dead. Hear me, my Chiefs! I am tired; my heart is sick and sad. From where the sun now stands I will fight
| no more forever.
.box.article
.content
img#jfk(src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxMTEhUSEhMVFRUVFxcYGBgWFRUXGBcXFRUWFxUXFRcYHSggGB0lHRUVITEhJSkrLi4uFx8zODMtNygtLisBCgoKBQUFDgUFDisZExkrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrK//AABEIAP4AxwMBIgACEQEDEQH/xAAcAAACAgMBAQAAAAAAAAAAAAAEBQMGAQIHAAj/xAA+EAABAwIDBgQEBAUDAwUAAAABAAIRAwQFITEGEkFRYXEigZGhEzKx8BRSwdEHI0Jy4TNi8RUWkkOCorLC/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AAatdL7mvK1qVkDXqINnV1Ph11DwlDqi3pVIIKDrGD30ARorHRvgQuWYXiZAz0Vkw+8LoMx55wgvDKwKlDBx1KS2dSQSDmAoat1UMAncJnLgek80Fj+G0ZkiOpWr8Tot1qN9VV7qmTMl3Ykx5oQ0qc+Jr2uAk56jmPzDogsLdsKO/uQ8QYmMu4jgrBRrBwBaZBVFsrRp8VJzT0LQBPpkt6ePOouLXMLOh08jyQXkuXpSOwx9lUQ1w3vynU9BzW7sSAMTH6FA4c1VzaS3lpKa0b8EZnP2QOLOkFBx/GSWvISkVDKebVth6r4CAum5Th6FpN6ohoQeqPPNCVKp5+5UtdyCrPQYNy6cnH/yK1/Gu/M7/wAj+6EeVjqgZ07g/mPqV5B2xzXkDJ9VC16i9UchKr0Ht9SUyhGnNN8KtQZe/wCRvXU8kDrZ/Dy8bxIgHMTwVuOH+Fr6Th4fp29VVMKu3zIADBlExkfqntziA3C1rg1x4g5IDRiIDCZhzZB6TzHAdVlmLNeAHaDIxmW/7hzB5Km17lwcN4kHg4Zg9+iKpvjxAZHWHceeSC0VK72jeY4OacwZy8pOS2vblxHxGZObry8xokFO6pkRvjMZgiM+w/ZCOxx9Cd07w055deaB3/3OGn5dx41jLe7g5OTK32ho14Do6j70XPLvHqNb/VaWHoDHpwQJoEiaVVpHIuhw7cUHUvwlEkvpiOMtyjqQPl7jJS/inxFUyP6agAM8t4DXuuW2ePXNFw8TjHqPPirXhO0VOqYefhPOsjwP7tOU9QgsD8aLPDUgDmPYhG08abUbG8JjP9/NIcUaIJyc3kYJg6lh0cFUqty4V2mjL2AjICXDmHhAw2m8T5VcLlcrq0Zc09+nk8as584VSv7JzDmCEHqb1OKqVl5GqyKiAqrWzyzQdy8wvVq/JC1K6CP4gUu8gn1M1K16BjbHNeUVo/P75LyAyo1D1GI5wQ1YIBKYzRT6roDRIHAfUqOyLd7xcJPmtXVoJJ1JQNMODy8Alwnk4AepVlrWjcg3fmNTuuHqFRvxpBlpz48VaMFvnuEuMxB0y9RMIM3FgflJA7g59M1BdU/hiC4sdzIJaR/cEbiN+YyeOg3pB9UgrV5nNo6bxAPkgjqvMeJ7R3G80/qPRAXFB+tN7P8A2v8A30UV7UHCW9jLf8IJlwW8z5wgL+HU/rqU4/3ET7ZrNJ1JvzHe/sB+qX1HzoI81PQoOIgBA4bjQDd1tEkcz/lTC7bVhjgQeEx9AhrLAqtTUwFbcH2VZTzdmUG+EWlXc3BVDmflfOfSYVgsbVu8xhY1gJzLRBJ/umYTDDMMpuETlyT24wtjqRYBoMvLRAkvMMDKm8BBHFuQPccStcSw+ncN+HVgPI8Dxr07hSXl4dwF2oyPlxI4oWlcb/8ALGT/AJmTpPKUHM8csXUKhpv4folFStGi6vtJhYurc1A0Cq0ZzrlkQey5NcUiDBGiCBziVhxWxbC0cggctmrO6sQgOtnZry0tBn98l5A/qMQdxomNYJbcoIbOiSXEEZBA3r/FuotjoBPZJrp8uJ5oCG1wBrmmuG4yG5GTPLKPRIKNFz3BrQSToAr7snsK9xDq/hbxHFAsrj4n+mHu55H6oWpZkDxQPc+i7jhGEUqTdxrQB2Wa2zlu75qQ9IQfPNWm4mASirXBalT8x8l2ipshaid2nmprbBmMHhaAg5vhuxTiAXCFY7TZmmwZ6/VWsWwGZJPQZBZZAQK7awawZCPJbFhBLpGXqj7lhPytJPXIe6S31RzQc2A9ASf0QMrW8AMkeYT23vwWnNc+p3bxnE9QCI8uSMZiBAjQ/eiCyYjQbVaQNeHMHl2VTdSfTIDnDwnKZ3geInkgqmNvbU1kcZy9CvVcRa57jvZiInMOadJ/dBcKLg8EENlwyPBxjLt3XKcYsw2q9sEEE5HUZq5YFiZNVw1LcxBBaR07aJPtqB+IcfzAEdiEFRqUlDUoI8szlDXBCAMhRwpHNWQxBNaDP75LymtKea8gfXCU3SbXISm6CAB7iWkBCYda/EdByA19URcjwO7j3OSxhpjeM8W+ZmI9/ZB1DZjZ6jQ8e7LjoTwAGaudBwAnkqRY4qXtaPlawbvfgSfMqy4fchwH6oHVF06+iJLzwSu3pkHUwm1B0DTzQCupu4BYFFwGZRr6wnshK100AoIHURlOi33Q0clBfXcNDhrqErv8Vbuh5dl9yEG+IXzid1iX0bJzyS5w7cFW8W2uY10UwXOP3qmeBXF7UIcGjd5QEFjbhYA0y9UBiVg0iD5cCEb/ANWc0w9hEa5ZI2jWp126CR5+YQcux23LHamOZ/UoFj86VRvyuljhyIz++66Ri2CtqsIORIIHDNcwu7J9CsaT5a10Hs4aEIH+zVUtrNggST83HgR17LG21Itc1xdII/VL7ffFRgqtIJIIP0PqPdPv4gACizfB3iZb2Izz/RBRnVlHEqAuU9AoN20pWTboph4qRBrb0oXlKxyygaV6aV3FJNqj5Qly1BXrxngdlpB/ZaYG0GoGxJJbl2Mn6I24p6jmg8K8D/iHg10dwIHugtljeA5CJLmzPEmSVbcNcZDecFUHZ079ZreENK6ZRpDwu5ZILJZtESfRSXd5TpNJcdED+KDR1yVY2q2htqAipVBfrutzOfMIN8U29oNmM+HFLP8AvKlUbkSCffoudYpjTaryQCG9ggaVfxsLfzDI90H0NbWfxKLP7RPmuR7ZVn276lJs7hdLZ4TqOy7Bs9V3qQ/tH0zVE/ijgm+z4jMyNUFX2Vp21Kl+KuSXGfC0cU/q7X3r6e9a27adIBxBPJvzHkqRg+GOe5jah3ac5y6PRdfq/hXWjbcloa0QNxwnTjzCDl1Tbm4d8+6fVWDYzapr6u46QTppryS2/bY0iWhkxlmZPlwUOHYOar2VLZjmEOmQJHug6vZVqVY7zQ57hrkYKk2lwBtxS3t0b7RlkJjkhdncLrNM1Kzx0DGtCf3DiwGXF2XGEHOLi23mtactznnERIPTNMdorF9zYy0SacEDjAEGPKCoqtUurVA4QTBAP9Q4x5KKvtM+ypSxm+T/AOIHCeQ4IOWvEFbU3kJhtDVa+qarW7oqgPA4DezI8jISrfQGsrKYXWSXFyyHIGdGtJXkJa6j74LyCwfFWKjkMHrfeQDVtQUJVo+IAmA72DijKy3Za74ni3OOYGqBlsxZkViNC1oBV9a+Bz/dVrY6gCXuOZP6fYVpqiJhhd2KCnbU7QVKQ3GE779DySC12Uq1mOqNcCXSHfE+adS4Ep4/DKlS7+M5kMYPCCJz6pnf296W+BgA0GSCoU8DpUab/jPaXGBIzjstdmaFua8BjqnKY3R1KKqbI3L3A1TJJ+XorrhmzLbWlMDfd7DkgsWzxLWFvRa4rSDxuuGRUuADI9FnFLqmCGue1pOklBzTEsFaKkEZTkVINjqjoiSDoWnKOys+JYQXgmm4OcMxnkURs3i7Y+GcnNyIPAoE2Hfw0pZOqPceiutlg9GmAGtOXXL2RYuBCXXWIxpkgLrVy2d0EngJ5cEDeXxq0d4ZOz9RwKVHGvEYOY0684U1K4ZUJOm9mf7ufmgVOpOduv8A66cv8gDvBR7PVaT6TnV4LXtc1zSRJaTq0cx+isWEUB8QmJByM9clynb22/D3ZFMkM1YOWeY9ZQa7T4S6gA05im5zJ5id9h7EOCrJXQb+8NxhZe4S9jmNceg+U+mXkudvcg3lbtchmFEU0B1rqsL1mMx5ryA1r1Mx0oDeRdF6CRwV0wPBafwWuJ/mPbva5QflHtmqU4qw4NbOqvpO3nAbhZkcpYZ+h9kEltUfbXIFQEB4gcjn9Ve6DwW56H3QGOYUXUWgiXNhzTxBHBJ7O9/lhpOYPsgvFvRZkYHTpKmq0ARGv3wSDDL6cin7LgRqg1t7RrTpPdBY3pJ5okXUSeCU4i11ZlQN1Ay7oKfi20/w3up03gOOUSqBjeL1n1Zc4yOqcWWzlV1074zHZGek8M0Rf7LfEuQwGA4Ez1HBBWqOPXDdKjvXgndliFVx+MyZjPqi6ewJLs3EBWnDMGbTaGgCAEBezmNmqzPXRTYrXygaqJtg0ZsG6eI4FCXT94GDBGoQLTXaKkznonFo4SCHan0lVa9+flHHkEfhV+c2kg8+cIL7h7TklG2uyv4stDAA7MyeZ4IjDbmQIOR8oKYVaDqlSk9pJ3D4mgwCOZQUi8sRb2Fe3JBe0AuHKHCPYrl9VdY/iLU+A2vOb67gB0bqY9lydx1lBGxF00MwIlmSBhZDNeXrHX75LyDHFEUkNKnolASrbsi8/DJA+Sqw+TwWH3IVRKsmxl2G1gx3y1Bun9D6oLRtzj76DG7gE5SD7wq9Q8UOAic475q27Y4X8ai0tbLsh5jIpO+z3HlkRED/AOIQYtWukHhGqsNrVJb+qW21OWhOLSmAM80GGUy4nsjRSDG7o1OqkoNA5ZqG5qeLNAPSsQXLF3g4+I14Hy6IXGtp6VuN0Zvie3dUutthWeZpGo88gCc+kILtjdWhRbvVXBpPrPZJDjNr/TXaO+SqJwvELypvfDc3rUMeinH8NbiCatVjfKUBmN4zu+Jr2uA/KVHZ4kKhDgNNY4g6ykV1sXuQPxAM6gBWbZvChRYWk70jXigExu1g5CeP/KSWlSHyRxz7J7tNckO3JgHWOKrzakHVBcrXEN1og6adpzTy0xsUxvazAkepJ7QVQTdndEdk7wdhrUqzRPhaDlz6IKhtpj7ryuXxDRk0dAde6rzqZT2tY5meaFq2iBUGqRqIqUCohTKA7D3Zry1sm5ryDd4U1CmUeyzk6JrZYYeSBL8MrajWLXA6EKxVMNgaJVfWccEHStlsaFam2TLhG83rwIXtoaZFcPMAPH/1XLsMvn0agLDB+q6FVxsXFJvhh7YPnEH2QFUAEwoVRoktCrl3RgqHUcs0DZtTSeCpGNY3c1K5t7Zhc8+jepPBWb48jy91vhFsxjy+PE7U/ogrOGbIDJ968vdMlo08+atRu7a3Z4WNAGkABT3kEZaqrY7YvcIaCTwQYxXbogxTaBP0VSxPaqtVMFx8ipn7JXdQzAaOZKY2WwZbnUfJ6IFeFEk7xmfVP2XYaDI7dZ5I9uAtY3JJMaqboynzQVnaG/l5jVKRc81i/JJJQRGaB3+KMBdA/h1T3qdY8xHsSuX0X5Lr2xlAUrYcyCT3IkoKje0hvOjmfZBvoAppjNq+md8jwOOThokhvM0GlWzCHNoEy395YMAIF7LaCPvgvIreWEFxsMHM5hWO0wkAaIqkwBGNqAIFd1ZADRVPGKAEq6X9cQqbi9QGUFRuGQ5O8MvIhKLoCVJZ1IQW+hdD74I2ndgjqqp+IgaqSliM5TmgfXdxEQdOq9Y4g7SUofdAtj0XrapBCC8WFbe1PJMadJqqdhdxlr2TWriu6OGfsgPv7xrMkkusVGo0+qS4/i2Wuqrl1i4DeZQW65xnIwVUcavi+Z++yQ3OJucZkhQOu3FBpXqZqAtlbOCyAgKwy33njLT3XXNm7prgQ4eCjTc5/L5dFyzD3hq6DiLTZ4a2m7/Wu3AuHEUxmAfb3QFYI+nVoGlUbIOrTyJkR10VZx/Y2pSmpRmpT1I/rb5cQpbTEtwZHP8A4Vgw7acD5v8APf6IOf0LjdEFYfcroGKbP294C9jhSqfmA8Lv7m/qqFjOA17Z+7UYSNQ5slpHQhB6kZzXlpbPjI5LyDp9a/E6rP8A1ERqqTUxQ81kYieaCyX18DxVeu6srZkvUjbAlAlq0pK2bRIVit8EJzUlfByAgq1YlQW9ctdPkeya31keSANmQUB76GUhQ/iHt1HomFlSO7BW9W26IBqGIkZrNzi5LSB/wsPtIGiXXDOiAS6ui7IlL4RVcRrkhHVeSDQsjhHdQ1FuSStC1BHKkCxuKybFbK1L2sBBFJp/mP8A/wAt6n2QPf4YbLm4qi4qj+TSMidHvGfoNUHtvjhurtxb8lPwM7Dj5nNdE23xBlhYijRAYXj4bAODf6j981xalOueaAsXJJz07IqhUgZyOGnHp6LW3o6SJy9+ZRTKfp7oG+HVyA3XKNRE8/RW2zxJ0luRA3cyJEnMj6Kq2TXCJyy4xA80dghLmZ/1OLtctT65Qgulvb0avz02P7sHPmvIPDnEMy1mcus8OC8g5HVtHKe2tncV0l2zrI4IC8wgN0CBBh4gwrNYWm9GSWWtt4s1ZsLcBkgNtcOCIq4YCjLaEUYhBTsSwEZkBVmvhJ3tF0bEKgSPdBKAPDsGDmwRqkd5aupvcxwgj0I4EK/WDIQu1WFh9L4gHiZ7jigoYAJ1+iCr2o1H0RL6JBLgMuawa2Wscz/hBWb+2kydEB8MZlPcX0yzS21p7zo1nT74oBG25PCFE6lyz++KfPsMs/MfuU/2T2JfdkVHg06AOuhqdG9OqBDslsjVvag/ppNPifGXZvM/RdzwfCqVtSbSpNDWj3PMniibCwZRY2nTaGtaIACVbY4sLa2e/wDqI3Wf3H9kHJv4iYqbm8cAZZTO43llqfVIqFIjz+ixMmYzPuTrKMpUiNfdBJQZnxg/ZlG24zOnRR2rBoRGWqZWtvJA05ICt0MovMZ7p/YZo7CmQwN5ADnpl5r1/bkW751IA7DeHH1U1Fp0HAAaIGVKGiT5dcv8ryFbWk5H24ryDdt2OI9CpqD2nKT6pY4+pUtE8EB7rFh0WG2jhm0z3W7KuSkFXggJtLl7fmCKOKN0lAmtGQUbqIdm4QOeiDTE8RyQFo97s4gczopKnw6eY8R4bxmOwQdziTidcuCB/Tvdwcyon4qSW7xkSJHCOqrL7vqYnJSG5gb51Gg09UDzaPBBSO+wTTfnHBpPDsqdcsG9y+i6/aFtWgwuEhzBM9lTNo9lXiXUWl7dYHzDy4oOd4i4HKRHv6L1oQ0Q0Znjx7KarhzjU3Ax5f8AlDSTPZdH2N2RFINrVwDU1a3Ihn6F30QL9ltii+K10Ibq2kePIv8A2XRKVMNAAAAGQAWQFsAg8uUfxMxA1a4ot0p69XFdTu6241zjoAT6LiuIvNSq9/F5J6oELLbij2tGUAohtnkeHnwRFC1Ea5dZ+qCOlQJAI0Ta1pxBjieC9Sp5ACJ101U9NnPUemeqCTEh/KA4EtmdfmErIeM5mMlFjFSaTTGW+yJOniCIoszmNJnqgnpNyJ4E5fv0XkRTZmB0/wCYleQK6js8uCloPGpUVWnuwOPFYDC47rRmgLD8z1RVCi85nIcz+y2oWzaebvE4DWch2C0qXZJGsd/RAS+sxnU8z+yT32JE8fKUPiF1JjRJn1ZOhkFAZVuJJzj6IarcdYPAcVEHkZnRbson5nHsg2ZU3cz99Shr+6O6f1lTubJnP6JXjLoacxmg7BsPdfEsaDv9u6e7TCVX2JPr4g+3DnMpWzA58Bw33v08QzgcI5oX+Dd3v2TmH/06rh5OzVouHdHgRm9kA5nJojMn6IIK9Q5uhziAIFOS8TxLXZfVQ4BtIypWdbl1OR8hbUaXOj5mvaMmuHLRVnbm9IBpumuAWkMou+HUo/76zpkj17hUC3xCqysytTe34gdvB9IBrXD8rxq49T76oPo1oWxbkgcGvfjUWVd0tLgCQREHijzogrO3N5uWxaNXkAdtSuZbkTx/dW/by63q7acn+WBOXE5lVuq3hz+nkgjo0umc80VSoxkOJnONOShtxwHHhy/ZEhoBkyY4koJWu5iOGWvGe3ko6tYNHihmZ9OZWbm6axpLnQBPTXiqrWr1L1+4yWUZMu4u6dUDB2Jm6qtpUh/LpuDnuP8AUWmQB00Vusqc5kHr37pVhdiykA1oiOAgk6J1ZvMnT6Zc44oDKNPOOn3wWVvbg8uJjn3XkFfu3yTz5fsiKLQxgnNxOg66BRtzeAR17rVtYurxwAJ7nKEBzqnDX790vvKuscBojXnj1QNalJkHigS1gS4cFqaMaEH7zTKpZZTOcqF9uPsfTNBFStgfFHYcMufJSGhr/wAe6IbTDhu8f2zW1RsZe/8AhAA+nn2+9VXNoiBxJ7/orZWZlCqOIUDVrtpuPzPa3yJAQdV/hNhxpWDXOEGq5z/I5N9kzNZtJpc94pbxLQ/fBbJOQAGbnnkJTIN+FSDGaMa1o8slz3arHDTxOjaeItc6nUI8Ia3eJjd5mR0yQLNqq4+OWBm46WxUpuaKld2f+qyBus6ZHurJsPsYwEXFZocdWtjwg84RW22H1KrHNpuaKlECq1zxIfuGdypkSW8hwVowB5NFkxO6CYECSJyHJA0a1erOgEnQCT5LM5JTtBclts7/AHQ3tKDnmJ1t6o6oRm5xMwdEFuSRDvL/AJRVWkZ1zOWiidQjPLy/VAO4/wCOaKgjh6jLtKkp0Zz6dVhreHHzQU/ErOo+4FGo/wAHzCNCP3Vpw+zayGtbAAPPpBPNA7R0A34dQZOY4A9QU1siXAHtrrrwQFUhJ4+g467qY0HwYPHpyQ1KnnvcRy04aKdsATHP0HdAdQBIkwPUff8AheW1u/wzw6R0heQf/9k=', alt='')
h1.title Inauguration Address
i.subtitle
strong.author John F. Kennedy
| , January 20, 1961, Washington, D.C.
p.text
| We’ve grown used to wonders in this century. It’s hard to dazzle us. But for 25 years the
| United States
| space program has been doing just that. We’ve grown used to the idea of space, and perhaps we forget that
| we’ve only just begun. We’re still pioneers. They, the members of the Challenger crew, were pioneers.
| And I want to say something to the school children of America who were watching the live coverage of the
| shuttle’s takeoff. I know it is hard to understand, but sometimes painful things like this happen. It’s all
| part of the process of exploration and discovery. It’s all part of taking a chance and expanding man’s
| horizons. The future doesn’t belong to the fainthearted; it belongs to the brave. The Challenger crew was
| pulling us into the future, and we’ll continue to follow them……
| The crew of the space shuttle Challenger honoured us by the manner in which they lived their lives. We will
| never forget them, nor the last time we saw them, this morning, as they prepared for the journey and waved
| goodbye and ‘slipped the surly bonds of earth’ to ‘touch the face of God.’
.box.article
.content
img#Alexander(src='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxMTEhUTExMWFhUXGBoYGBgYGBgbGBodFxgXHxgYGhgaHSggGholGxoYIjEhJSkrLi4uFx8zODMsNygtLisBCgoKDg0OGxAQGy0lICUtLS0tLS0tLS0tLS0tLS0tLS0rLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLf/AABEIAQwAvAMBIgACEQEDEQH/xAAcAAABBQEBAQAAAAAAAAAAAAAAAwQFBgcCCAH/xAA+EAABAwIEBAMGBQEHBAMAAAABAAIRAwQFEiExBkFRYSJxgQcTMpGh8EKxwdHhYggUI1JykvEVM0OCFiSi/8QAGQEAAwEBAQAAAAAAAAAAAAAAAAECAwQF/8QAJBEAAgICAgIDAAMBAAAAAAAAAAECEQMhMUESURMiMiNCcQT/2gAMAwEAAhEDEQA/ANxQhCABCEIAEISVzcNY0udsgBVChK2NkjwMg/1H9AmD8Vr75gPJohZPNFGixSZakKqDGqw3c3yI/ZK1MfqH4Q0dzMFHzRH8UizIVcpY3VIPhaSPNOBjTyNKYnz/AITWWInikTaFB0cdOudoHlKUOPN/yH5/wj5Y+xfHL0TCFHMxqlpJyz1/hOqV5TcJDwR5q1JPglxaF0LlrwdiD5LpMQIQhAAhCEACEIQAIQhAAhCiOIMSNJoa34nT6AJSaStjSbdIeYhftpNk78gqtdXz6riZPYdEwqVszocST6/Uri7vhS1/FEz005rknlcv8OqGNRHApGZcf3Tu3aQYBkbwfqqdSx11RxbTa5755NJ/L9VaMLqva2a4h2nhGpHmQd+yiOi3Y6qUY3iO/wCSSdRaWyRsd5Th1QukzA8kmKbpk8tVVIm2MK1SoBoYA+f8osryqPE4g9jz/ZPLi0zGWnWJTGuTOvIenffZZtNMu0yatazHgkDXmDy81G3BcXEatHafkm2E1wWvcDmBd9PvoptrNjyj1+StryRKdEBcVfdgFusCTzA7eai8VxmaGc+CRoeYXXE2JmkH5QIAjXeTsIWa4xfVanxvOXTw+SlQb0NyS2X7h/iAMomp7/LUa4ktJ0AIBHmtE4S4uo3jBlcPebEdx09NYXnSzaXaAEjmrtw3Z1GZalPQsdmG4EjmfyW0bx8cGUl5o3hCh8Cx1tdjc0NedxynmphdKaatHO01yCEITECEIQAIQhAHFeqGNLnaACSst4k4ll5fOUctJMD9FfuJa0Uskxn09OarNChTDT4RrE6CT5rlzu34nRhXZS7jiouEU3E99gPTon2D4LUuR7ys5wZ8i/ynZvdTz8Gtpa/3NPNuIbHqY38ilri+cNBHLWfyCxSSN22dNLLemW0mNbyAA69+ZTWleOLg1oknWNphGKuOVomSdykbauGMcT8QAl31+STdyBKkTFBrvxOEnZo1jt3806qOy+GRP5BUzhfGXVa9UuE5AIOuknoPJOru8c90Z8oIlxnYKm6QkreyXucTaCQOX4uSjq1wHDxCZMEDTf4fPdVPEcXs6ZIfU94RyzOI9A2B6Jk3EWOrMdSOuZvhDnGdR/mSipN7G/Hg1PCLEUGCnl7knYdk5zjY7nbVJCrLZeQPIlMbi4aOYPTqqlKiUrG2JYe2S59MO0jxCY7qt3VpTrVCxlsAAdXZd/VWWhiskU3ah0gEjQHkJUXSre7rmi+QXGW77jlPcJRl6G4jelhdNn/iaI6gn11KnratDYPPQwNtFzct2bquKNEEkZocdR5DeO6qyR9a2gbOUnXbtCkcLxpzKgpv1aTGboTsoZtV4jmDp37OTapSuKj3O0Y0HTkTA3jlqmpNbQnFPTNMQq7wTjpuaLg+Pe0nFj45xs7yKsS607VnK1WgQhCYgQhNsRuRTpPefwtJ+miG6Ao+PYsH3JYDJBhoEkAdTGy4dQdILtgOu55AqJw3N8US95OYp2zEGl76UHMyCSdiCD8PkvOu7Z3JVSQ+qE8jqumYcC5snUan06dlzaERm67z9+aicPxN761SSMrZEcjqQPoE4tcjkOcYuMoaecH0Gmqo+KY84yzNvrpPJd8UcWEE06QzO1aTrA9Oqz+tduzGSSeZ/RVDG5O2TKaiqL7wtdua2seRg9pb15pDiHFz7vwOIc4wSNtPTVT/AATgmawLngzVaYjoToeyqmPYM63ORz84JJB5CI0VUvIVvxKkXFxJO33qpTh65yVqbp0a4E6E7KSwTg6vcnMBlZO5V+wjgqhQAzDOeZOy1lJGUYu7IHF+McuYUczs2+bQD0UDS4orEy5/P8IiPTmFfOIuFqNw3M2KbgNHNGh/1BZljmCVbd3iEiYDxJafVZxhFluUlwXGhizi33g/xGgfFJBB21bCjeI+IhUdRqB+sSQOuxJ+SlMOpU6Vi2sIktkgNku7FZtVq53EhsayAOkqMcE2ypzpI2KwvatWk2owh2kFmxJ8+iUq+8huZxGsQ06gdZPXVRvBLs1MsPKHDXlzU/xiRTti5sBwAdJWdNMvof07dlR2cSczQATrAj5T+yU4fvBUa+mTLqZLH/1R8JHooT2f48alAseNWSQeyTwq59ziDgYArAkgcsxMb/eq1uiOhfhek+3xcAaMrseHAHSWiQT3/dausuxmsadenXG9J+YDrpDh6grTqFUOaHDYgEeq6MUrVGGVU7O0IQtTIFD8WsJtagHafKRKmEyxmlmoVB/Sfopkri0OLpozZ5IjLy580he2hJ8PxHUO5/8AHZP6dPxFrtj+0iPvkunUIc2fsBcCR2jW0uyGFmmn3qOqq1qKj6lVtI+LxEQddJ0HfdSPEtyaYc5hIzmAQobhW7/+0Gg9Pz1TxqxzdFYvrCo0l5l2/i1310PQ9io20snVHBjRLnGNlr2J4DcU7h1a3Yx7XiH03GJPUTopjh/DGs8branSqE/hgn57A+S3UmjFxTKNibrymKdEB4hjQ0MB1gDp+SXwzgu5rw+5cWs6HV/y5LVmmBC7JHJSklwU22Q9tbCkxtNg0A00+pX022ur/Of0KlSxokrmm0H1RQEbUpN6bKPqU2O8Lmgt5g6/mrDWoNUZc0mjSB+qmWhopXFN82izIGRSLcoy6AdR2KoFj7hj5zOAJ5iY81quOYQ2u0tJjlyWUYrhrqD3NcNvuU4bsUnRfuDL6m91b3QgAACeYnUpH2m4sW0GsB1cYiddBzUL7PnAOqPOnggdN+aiuOKtR9UFwOkEeR5pKH8lDcvpZZvZ1clpAOzmkephK8UvfTummdgNe/58kx4TrtploiXAAt85XHGN273zXujK7xNy/LVHMhXUS2ure8pCoBLniDlHw9R5kqwezvHIqPtHumNWA8p/D8ljuIYy8U/cgloJkOH5dYUZhF7VoVW1WPOdpzAzz7qoQcXZM5qSo9bISNnXFSmyoNntDh/7AFLLrOYFFcSXvu6Jjd3hH6/RSqqHGNyTUayNGtzeZP8ACzyy8Y2XBXIqN3ckPYO436J7WqZxDDrBkDfnp81EY1QL2wwjPEsPQjds9/zVTocXm3qFxBk6ObrE89OR7rjS8uDrbrknbHD/AO8PPvKhAZ4YMw0857qa4b4IbRre9NUOk5gI101CzbH+KhUq+9tnPpOcIe0bHv0Wi8D3ZpWofWqFz6gzy47A7Aei0pwWyLUnouRbMydoXxh07z9yoerxDSAJnpOnY6KHuONqTdGkn9PNLzH4lyzxuk61wdhHrsqI/j6noC0kc1PYRj9OvGVw9Y06IsKJ9twT9/yvla7DI0ETGmnJN21AP8xPPQ/cJK4qdvp890gHL7/t67/8KPe7MefVR+K4pRoCXuDejRofOB+qqlf2g0wSWtPY9Ummx2kXn3cnUqN4gwSncMhw15Ebj+FWLDjim9/ils9dlZm4wzIHBwjqdvmp3HkemU+nUOFh4c3MH/C6Jjv/AAqviHEge8ugukRJgfTXTsrxxFVbVpPBggiR5jYhZLe04K6MSU9mGRuOiwYbjYbULyBoPCO8fupHDMSbWBo1dM0kE7NPZUikw8t1MYdTLnAHloZ/VXKC5JjN8ErcWefNqPDt991FW1SD4lKWpEu1kSYhNWWufUbukAc5mB9UWDR6Z4ErZ8PtXa60m776CP0U8kLCiGUmMAgNa1sdIACXWxkCoPEt2HXFQRs0N9Rur8sp4rpOp3tw4k5S1rh0Mjl6grD/AKL8TbD+iHxW4ALQD8JDifJVn2jWLQ4VGD4hJ9efmm/EOI5agDTJI23mdu8r5xhiE5WzGRjQfONVhiTVG2SnZTMKtzUrNZEy4D66/RX7HLt9N4aBIAAA5CI08lAezm2z3gdyZLvnstoZhtCq0iowOnqNlplf2ozxLVmQVcXqkETuI0XVrhdd7PeBhynbpp0Wkf8Awi2a8vYXSNQ0wWz6iU9z5GgGk08tBH5KfJLgurMjdbEeaUwm9NCuwzuQD0I7rQ77Cm3AyttwwmfFznz5hRbPZ9WNRpJYGAyTzjoAmpXyJxov2Hg5A6N9fspHEapawvGkAnxaRvqeyVtTlEASBooLjW8LLZ0bmAfI/ZUX0WZFxHir6tVxJJBJhRDZ6pxcDWF9tqJc4Aeq6lSRyttsTYT1T2jij2wJ0HKfop+0wi3FMvqZx5c1AXVNpccrTHKd1NqRVOJzUxepJ135KMun5iDG6ei16ykq9OFSSXBEm3yd4SwgmBrG5U828p0aTmwDVdpPTuqrRrvnwmO6nsPwp0B7515nc+ima9lRfoUsXZWxHPfmrB7MbFle9o03kABxfB55DIHzhQ1/SDG9DulfZ5cup4javaP/AChp8n6H80o7HLWj1IhCFuZAs29rbajnUWUhLyx+h23bqTyjX5rSVUfaLbNFAV9nsOUHs8iQs8v4Zpi/SMLt8AqtealYaNM7gyRrCi7thrOJI5k6fSStJFq2tSNPq4SfPcqK4is2tc2jRYAAYEczGpJXNHJ2dDh0QPszbD656ZR9XLVcOrj0WWcAty1blp3BaPq5X23rRCnM/vYY19SyOaeXXXlp0X3eJCaUHZh9E8pNjXcdUJjaFqVPmlKx8ML4532PoVxUd3nr6KyRkw5S7p9Qqxx1VHuI/qB5SR+qs5dqdDrsVU+NaYLRMafP59VH9iuigWVk17tRpKu+AcMMe0OgNb9SqnhsipHUhaxZtAY0DoAtJyd0RGKG9TA6BGU0xACQPDVsGx7sR1UuXdN0wv60T9hZuRdFMx7h+kwFzOXJZxjZjQdVeeKcZiWjdZ9iTpjzW+G+zDLQ8wWmzdxAI1E7afqpzDcQa54fVdDRsFWKLiQAFImDEbAAK5KyYuh5jN6Kry5ohvJSvs5oB99agEf95rv9uv6Kq3boEDVW/wBjNInFaGkgNefKG/yhITe7PTaEIWpAKqe0+3qPw+qaYlzC15HZpkx6K1rmowOBBEgiCDsQdwk1aoadOzzLhPE5bUDdIMEnnpqrLUvWT70kGAY7TzVM9o+Ats76qynpTzS0cwHAER21hQr8TdlABPUyd1zPCujoWX2WLhauBeXQB+IAj0d/KulGrosrwS+yXbXH8fhPrstJov0UZ47KxMsdlU00Ui25gR2nvqq9h92QYUkKpI/VZRNGP7e711+/NOmFpG8HooqjTk+n35qDxnGTa1Dna/K4eFwnlvKu2ItLau5nkRB+91VOJrpj2gAa7dvmq9ecXNGz9CZInccpUJiHFgeAGD5j9UKE2+Abiltlg/6exjRULoP00/VXW2rjK0g7gH5hYvXxWtU8J+GZK0bhK895QaObR9AnkhJK2RCSb0WN95AUVi1/4UvXHn6feip/El/BcNuSyjFtmjaK7jdxmedVXcQ3AUhXqSSVGXh8QXfBUcc3ZI2mHE5SHAefLzStVoGjXS7py85TVlQhoAO66ov0JJ1Qw0IOfqtm/s/YUHPr3JHwgU2nudXR6QsdfRBO8dV6E9gr2/8AT3sbEtrOLjzOYNIJ9NPRNckmlIQhWIEIQgDOPal7N3YiRWt3tZXAykPnK8DbUAwe8Lz5juFVLSvUt6pbnpnK7KSWzAOhIHIjkvZS82e2zhqpb3z7mCaVd0h3IOygFv0SAzczoRuNQtRwq8FSlTePxAfz9VmLWq4cEXUtdSP4TI8j/KxzK4muJ0y82m6mLZs8uRnVRViBl2/dOhVPVci0dL2S1J/i2H3+iMew2jXp5KsxMyNCD2KiW0KlTSk7K7kdYH0Sd1hmIkkOfS0/FOh7xEq03QqKVxVwb7oZ6Ti9m5BHiA66bhVEUGtK0+6wvEWA+BlQf0EfkVQ8Uwq4aS51u9o5y0wFtjk+zKcFyhtauLjlCvPC5NMsby281Q7KyqvPhgR3hWLA7asKgdUeC1pECeac1aJhyXbEruAdJ3gdfToFmOOXpe8lWLiO9gmHKl3D5KjHHsvI+j4mN0JcnxOgSfupnquhHOxpRrEHqlajhySVZhBXDXKqFY9onWCtw/s/3Ol1Snmx/wBCJlYjTqAxK3z2CYMadrUuXDWs+G/6GaT6un5KVyV0akhCFZIIQhAAs39ubps6VIiQ+rPeWtJH5rSFX+NuG231saU5Xg5mO6OHI9jslLjQ41ezypWs3tk5TAMSneC3QpEuI1BGvbmPkrXiuF1qJdSuKbmHUDTR3cO5hU+pSyPLXDt/KyUr0zWUa2jSsNvg5og6FPmj5T8ln/Dl8Q0idGb+R5q34behwjMuacKZtGVosmHXBZoDp+fkm+OX1RozN5axrBHMFObQgxspinTb/lCXQyi0+M46tjlCSuON2uaQdZ7BWXHOGrWsZcMjuZbp8xChavAVtsK1QH/SD68tE1GAOUiiYjiBe7wDKD0AH0GydMuCymAJVpHBFNpn3uYdYj9Tqo/FcKDNiC3QEhaqUeEZNS5Kff3Rduo0FP8AE4DiAmGkLVLRlJnSUBSbAvrSmISuhISdGlMAAknQACTJ6Abp4GaFc2lZ9GoytTMPpuD2+bdQnYqLj7O/Zxc3ldrq1J9O2aQXl4LS+PwNB1Pcr0ra27KbGsY0NY0Q1oEAAcgFWvZ1xgzErb3kZajDlqN6GNx2KtSsQIQhAAhCEACEIQBTPazw6byweKYmrT/xGRvLd2jzErzC5zp1mRoQdwehHJe0VQeMvZZa3tQ1mE0KpMuc0Ah3ct2nuk0NM8+cP3GSsByeMp/T77qUr3bqD9PhOy1HAvYlSZUzXNc1Gj4WsGTyJP7KncfYB7mvVoCYGrJ3gjT9vRZTXbNIvpC2BcRAgAkCOqtFvjQga6hYkK7qZjp8wnVHHajdnfMwfmspYXzFmkcq7Ndr4sC4a69PvsvlLExqCY0WVO4jdvrK4bxI4GYKhYJF/LA0m8xUjQ6aco13VSxXHCSROk9vkq1cY3UcZndMH1idytYYa5MpZV0Obm4LnE6eiRJXDQuoW1GN2KseumBIBPbanzKGCPgCTuNk+aN/JcXVGRIHLVTeyqHns/4sqYdciq3Vh0qM5Ob+45L1fZ3DalNlRvwvaHDyIkLx5Z4c52seHqvUns4rufhtsXbhmX/YS0fQK09k1osqEIVCBCEIAEIQgAQhCABZv7YcNaWUq4gOByHuDJHyP5rRyVivtIx2reXLKVBh/u9CSXHT3jiIJH9IG3XVRkarZcLvRnGM4fmbnbvzHNVl7YWgUhvOx0UBxHg5Yc7B4Tv2Kyxz6ZeSHaK0QvgC7c3VcLcwOg1dwuWldSgZ0AvpXIKHFIBxb08xhSjRH5JrYMhs8yn9KnIkqJMuKEHBPLQ6hJvpp7Y0RofVQ3otLY/ZTy6j1C3rgKgWYfbtIg5J/wBziR9CsIrtLiGtmXENHmSAF6QsqWWmxv8AlaB8gE8XbDL6FkIQtzEEIQgAQhCABCFHcQXhpW9R43iB5nSUm6VjSt0Vni7GnPJo0nENHxkcz0noqjcU+ad0tdzK6qU9F50pOUrZ2xioqkUW5pFryE4FEOblOo2KfYraw6U1pDLP/CpvsEilY7gZpulolh27KEdTWnXDMzYiQqljWDlniaPCfoujHlvTMMmOtorgavjQl3MPNDWrazChIJSmJ06rlPbKjz9Ak3Q0h5QpxyT+iNNUhRnslnArLk2SO6rE7tCJXdlZOeNBzU/b4Q23omrVI01g9vzUSkioxG3CDM+KWlMyBnL/APa0kfVeh15n9nl8+tjdB7Ru46RszKV6YXRjVIxm7YIQhWQCEIQAIQhAAoHjYH+6ujk5p+qnlD8XUybStG7W5v8AZqfoCpn+WVHlGc0H9dE5cVEWOIMeJkHyUgKi8zs7Rpe28gqLuKB0n5qwxpCQrWpPIKkwINlHlC6fZCDOxHNSBoSduyUdRkeKOyaEzOMbwMtJc0S38lAVWRutWuae42n8lT8ewEkksHouiGXpmU8faKm3VTVtRgAQm9lhjw6S06KetsMqHYE94VykjOMWNn05ClMKw0OGd23Lv3TmhgjzBfoPrp2UxQtJ0GgCxlP0bRidYRbtadNGx8lTeOeJDWcabD/ht081J8U8Qim33NEy8/ERy5QOpVg4O9jTqwZWv3FrCARRb8RnXxu5eQV4YN7ZGWdaQv8A2dsEBNxeuGoijTP1eR/+R6FbamuG4fToU20qLAxjRAaE6XUc4IQhAAhCEACEIQAL49oIIIkHQhfUIAzLin2c+7mvYSHTLqM6Huydj2VMscfAqGlWBY9pghwgg9wV6AUVjvDttdsLLik1467OHcOGoWM8MZGsMriZtQu2kaFPfeNjsVH33ssvKL3GzuQ6nqQypId2bOx81D1cTr2rhTvaDqZOjSdnR/ldsVzPDKJuskZFm/u8jRIN8tNk0t8ZpH4Xj9fVOHV5EclJQ2vmNJ0HJItsCR4htqDvp0TioQIOqdMqgHQqeBjJts1o+HXqlqVvp+icuE6nUptd4hTpCXHyA1J8gNUlyA5ZbTvoAOaqmOYq57za2bHVaz9Dl1jqrnhfD93eN8QNtRPM/wDdcOeUfhB7q/YNgNvatDaFJrNILgBmPdztyV148Te5GE8iWkUH2f8Asrp0A24vQKtxOYN3Yzp/qd3WoIQuk5wQhCABCEIAEIQgAQhCABCEIAEIQgASVxbsqNyva1zejgCPkUqhAFQv/Zth1WT7k0ydZpuc36AwoG79ldTN/g39RrRs17A76iCVpqEnFMak1wZfT9nV6HQbqk5sfEabg6fIGPqlncB3sR/eKJ/9Hj9VpSFDxQfRfyz9meUvZ5XJAqXgy/iFOnBI6BxJhWvAOG6FoCKTSXO+J7jmcfU8uymEKowjHhEubfLBCEKiQQhCABCEIAEIQgD/2Q==', alt='')
h1.title Speech of Alexander
i.subtitle
strong.author Alexander the Great
| , 326 B.C., Hydaspes River, India
p.text
| I could not have blamed you for being the first to lose heart if I, your commander, had not
| shared in your
| exhausting marches and your perilous campaigns; it would have been natural enough if you had done all the
| work merely for others to reap the reward. But it is not so. You and I, gentlemen, have shared the labour
| and shared the danger, and the rewards are for us all. The conquered territory belongs to you; from your
| ranks the governors of it are chosen; already the greater part of its treasure passes into your hands, and
| when all Asia is overrun, then indeed I will go further than the mere satisfaction of our ambitions: the
| utmost hopes of riches or power which each one of you cherishes will be far surpassed, and whoever wishes
| to return home will be allowed to go, either with me or without me. I will make those who stay the envy of
| those who return.
script(async='', defer='', src='https://buttons.github.io/buttons.js')
@import url("https://fonts.googleapis.com/css?family=UnifrakturCook:700");
/* ⬇ class for test purpose ⬇ */
.testShadow {
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
/* ⬇ code useful only for this pen ⬇ */
body {
margin: 0;
font-family: Georgia, serif;
}
hr {
width: 70%;
}
button {
display: block;
margin: auto;
border: none;
padding: 10px 20px;
border-radius: 3px;
color: #444;
font-size: 21px;
cursor: pointer;
}
.wrapper {
filter: brightness(10%);
width: 100%;
margin: 0;
display: grid;
grid-gap: 10px;
grid-template-columns: 3fr 2fr;
grid-template-rows: auto;
grid-template-areas:
"header header"
"main sidebar"
"article-container sidebar";
background-color: #fff;
color: #444;
}
.box {
color: #444;
padding: 20px;
}
.header {
grid-area: header;
text-align: center;
}
.header h1 {
font-family: "UnifrakturCook", cursive;
font-size: 48px;
margin: 0;
}
#main-article {
grid-area: main;
border-right: 1px solid #999;
}
#main-article .content {
padding: 0 20px;
-webkit-columns: 150px 3;
-moz-columns: 150px 3;
columns: 150px 3;
}
aside .content {
padding: 0 20px;
-webkit-columns: 150px 2;
-moz-columns: 150px 2;
columns: 150px 2;
}
.sidebar {
grid-area: sidebar;
}
.article-container {
grid-area: article-container;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.content {
margin: 40px 0 40px 0;
font-family: Georgia, serif;
font-weight: 400;
}
.main-article-image,
.The-luckiest-man,
.Demostenes,
#Chief-Joseph,
#jfk,
#Alexander {
border-radius: 3px;
display: block;
margin: auto;
}
.git {
margin: 20px;
}
.explain {
opacity: 0.9;
background: #444;
color: #fff;
position: fixed;
max-width: 500px;
max-height: 500px;
padding: 30px;
z-index: 999;
border-radius: 3px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
top: 50%;
left: 50%;
transition: transform 1s;
transform: translate(-50%, -50%);
}
.explain h1,
.explain strong {
color: palegoldenrod;
}
@media screen and (max-width: 960px) {
.article-container {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 1024px) {
.wrapper {
grid-template-columns: auto;
grid-template-areas:
"header"
"main"
"sidebar"
"article-container";
}
}
// Scroll down for Debucsser configurations
// check out repo and docs at:
// https://github.com/lucagez/Debucsser
class Debucsser {
constructor(props) {
this.config = props || {};
this.color = this.config.color || 'palevioletred';
this.width = this.config.width || '3px';
this.style = this.config.style || 'solid';
this.customClass = this.config.customClass || null;
this.grayscaleOnDebug = this.config.grayscaleOnDebug || false;
this.grayscaleOnDebugAll = this.config.grayscaleOnDebugAll || false;
this.string = `${this.width} ${this.style} ${this.color}`;
this.mainKey = this.config.mainKey || 17;
this.secondKey = this.config.secondKey || 16;
this.init = this.init.bind(this);
this.debug = this.debug.bind(this);
this.debugAll = this.debugAll.bind(this);
this.stop = this.stop.bind(this);
this.addClass = this.addClass.bind(this);
this.labels = this.labels.bind(this);
this.createGlobalClass = this.createGlobalClass.bind(this);
this.removeGlobalClass = this.removeGlobalClass.bind(this);
}
init() {
// initialize invisible label element => we'll make it visible on selected keystroke
this.label = document.createElement('div');
this.label.classList.add('debucsser-label');
this.label.style = 'display: none;';
document.body.appendChild(this.label);
this.inject_label_style();
this.createDebugStyle();
this.debug();
this.globalStyle = this.createGlobalClass();
}
debug() {
console.log(this);
document.addEventListener('keydown', (key) => {
if (key.keyCode == this.mainKey) {
document.addEventListener('mousemove', this.labels, true);
document.addEventListener('mouseover', this.addClass, true);
document.addEventListener('keydown', this.debugAll, true);
}
this.stop();
});
}
stop() {
document.addEventListener('keyup', (key) => {
if (key.keyCode == this.mainKey) {
document.removeEventListener('mouseover', this.addClass, true);
document.removeEventListener('mousemove', this.labels, true);
this.label.style = 'display: none;';
}
})
}
addClass(over) {
over.target.classList.add(this.customClass ? this.customClass : 'debucsser');
document.addEventListener('mouseout', (out) => {
out.target.classList.remove(this.customClass ? this.customClass : 'debucsser');
}, true);
}
debugAll(key) {
if (key.keyCode == this.secondKey) {
document.body.appendChild(this.globalStyle);
document.addEventListener('keyup', this.removeGlobalClass, true)
}
}
createDebugStyle() {
const style = document.createElement('style');
style.innerHTML = `
.debucsser {
outline: ${this.string};
${this.config.grayscaleOnDebug && 'filter: grayscale(100%);'}
}
`;
document.body.appendChild(style);
}
createGlobalClass() {
const global = document.createElement('style');
console.log(this.config.grayscaleOnDebugAll)
global.innerHTML = `
* {
outline: ${this.string};
${this.config.grayscaleOnDebugAll && 'filter: grayscale(100%);'}
}
`;
return global;
}
removeGlobalClass(key) {
if (key.keyCode == this.secondKey) {
document.body.removeChild(this.globalStyle);
}
}
labels(e) {
if (e.target) {
const classList = e.target.classList ? e.target.classList.value.replace('debucsser', '') : undefined;
const id = e.target.id ? '#' + e.target.id : undefined;
const dimensions = e.target.getBoundingClientRect();
this.label.innerHTML = `
<h2>class: <strong>${classList || `¯\\_(ツ)_/¯`}</strong></h2>
<h2>id: <strong>${id || `¯\\_(ツ)_/¯`}</strong></h2>
<h2><strong>${dimensions.width.toFixed(0)}px</strong> × <strong>${dimensions.height.toFixed(0)}px</strong></h2>
`;
this.label.style = `display: block; top:${e.clientY + 20}px; left:${e.clientX + 20}px;`;
} else {
this.label.style = 'display: none;';
}
}
inject_label_style() {
const style = document.createElement('div');
style.innerHTML = `
<style>
.debucsser-label {
position: fixed;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
padding: 10px 20px;
background: #333;
border-radius: 3px;
color: #f9f9f9;
opacity: 0.9;
z-index: 999;
}
.debucsser-label strong {
color: palevioletred;
}
</style>`;
document.body.appendChild(style);
}
}
// init Debucsser
// comment out config properties to customize how Debucsser behave
const config = {
// color: 'palevioletred',
// width: '4px',
// grayscaleOnDebugAll: true,
// customClass: 'testShadow',
}
const debug = new Debucsser(config).init();
// demo initial explanation
const explain = document.querySelector('.explain');
explain.querySelector('button').addEventListener('click', () => {
explain.style.transform = 'translateX(2000px)';
document.querySelector('.wrapper').style.filter = 'none';
});
Also see: Tab Triggers