Created
June 13, 2018 17:16
-
-
Save antalregina84/67619ed8c5e1e25a40341abd48c3acc4 to your computer and use it in GitHub Desktop.
Medium article // source https://jsbin.com/salivod
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width"> | |
<title>Medium article</title> | |
<style id="jsbin-css"> | |
figcaption, h1 { | |
text-align: center; | |
font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; | |
} | |
h1 { | |
color: rgba(0,0,0,.8); | |
font-size: 36px; | |
} | |
figcaption { | |
font-size: 11px; | |
} | |
img { | |
height: auto; | |
width: 100%; | |
} | |
figure { | |
margin: 0; | |
} | |
body { | |
margin: 0; | |
} | |
article { | |
margin-left: auto; | |
margin-right: auto; | |
max-width: 700px; | |
padding: 10px; | |
} | |
p { | |
color: rgba(0,0,0,.8); | |
font-family: Georgia,Cambria,"Times New Roman",Times,serif; | |
font-size: 21px; | |
letter-spacing: -.003em; | |
line-height: 1.58; | |
} | |
a { | |
color: rgba(0,0,0,.8); | |
} | |
a:hover { | |
color: rgba(153, 153, 153, 1); | |
} | |
</style> | |
</head> | |
<body> | |
<h1>Please do learn to code</h1> | |
<figure> | |
<img src="https://orange.codeberryschool.com/content/images/project-assets/medium-article-cover.jpg" alt="coders"> | |
<figcaption>Learning to code at a Free Code Camp Toronto coffee-and-code.</figcaption> | |
</figure> | |
<article> | |
<p>This morning I woke up to dozens messages from students who had read an article titled "Please Don't Learn to Code."</p> | |
<p>At first, I assumed <a href="http://blog.codinghorror.com/please-dont-learn-to-code/" title="Jeff Atwood">Jeff Atwood's 2012 article</a> had spontaneously reappeared on Reddit. But no – this was a <a href="http://techcrunch.com/2016/05/10/please-dont-learn-to-code" title="Tech crunch">brand new Tech Crunch article</a> of the same name, which echoed Atwood's assertion that encouraging everyone to learn programming is like encouraging everyone to learn plumbing.</p> | |
<p>Here's why programming – unlike plumbing – is an important skill that everyone should learn: <strong>programming is how humans talk to machines.</strong></p> | |
</article> | |
<script id="jsbin-source-css" type="text/css">figcaption, h1 { | |
text-align: center; | |
font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; | |
} | |
h1 { | |
color: rgba(0,0,0,.8); | |
font-size: 36px; | |
} | |
figcaption { | |
font-size: 11px; | |
} | |
img { | |
height: auto; | |
width: 100%; | |
} | |
figure { | |
margin: 0; | |
} | |
body { | |
margin: 0; | |
} | |
article { | |
margin-left: auto; | |
margin-right: auto; | |
max-width: 700px; | |
padding: 10px; | |
} | |
p { | |
color: rgba(0,0,0,.8); | |
font-family: Georgia,Cambria,"Times New Roman",Times,serif; | |
font-size: 21px; | |
letter-spacing: -.003em; | |
line-height: 1.58; | |
} | |
a { | |
color: rgba(0,0,0,.8); | |
} | |
a:hover { | |
color: rgba(153, 153, 153, 1); | |
}</script> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
figcaption, h1 { | |
text-align: center; | |
font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; | |
} | |
h1 { | |
color: rgba(0,0,0,.8); | |
font-size: 36px; | |
} | |
figcaption { | |
font-size: 11px; | |
} | |
img { | |
height: auto; | |
width: 100%; | |
} | |
figure { | |
margin: 0; | |
} | |
body { | |
margin: 0; | |
} | |
article { | |
margin-left: auto; | |
margin-right: auto; | |
max-width: 700px; | |
padding: 10px; | |
} | |
p { | |
color: rgba(0,0,0,.8); | |
font-family: Georgia,Cambria,"Times New Roman",Times,serif; | |
font-size: 21px; | |
letter-spacing: -.003em; | |
line-height: 1.58; | |
} | |
a { | |
color: rgba(0,0,0,.8); | |
} | |
a:hover { | |
color: rgba(153, 153, 153, 1); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment