Skip to content

Instantly share code, notes, and snippets.

@emmasamuel

emmasamuel/index.html

Last active February 8, 2018 14:26
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save emmasamuel/e68107d780c9b196fc0dbbd8af58bdc0 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save emmasamuel/e68107d780c9b196fc0dbbd8af58bdc0 to your computer and use it in GitHub Desktop.
Download ZIP
my freecodecamp tribute page JS Bin// source https://jsbin.com/faliqoj
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
body {
background: #000000;
width: auto;
height: auto;
color: white;
font-family: cookie serif monospace;
}
.header {
width: 1000px;
height: 50px;
text-align: center;
font-family: cookie;
font-size: 20px;
letter-spacing: normal;
padding-bottom: 20px;
font-size: 19.5px;
color: #f20e0e;
line-height: normal;
word-spacing: 10px;
font-weight: 700;
font-style: normal;
vertical-align: baseline;
}
.headerimage {
width: 200px;
height: 198px;
background-image: url(https://media-exp2.licdn.com/mpr/mpr/shrinknp_200_200/p/2/000/28a/16e/22e8778.jpg);
background-repeat: no-repeat;
margin-top: 10px;
margin-left: 400px;
padding: 0;
}
.mainsection {
width: 900px;
height: 300px;
margin: 50px;
text-align: center;
}
p {
font-family: Sacramento;
font-size: 30px;
letter-spacing: normal;
padding-bottom: 20px;
font-size: 20px;
color: white;
line-height: normal;
word-spacing: 10px;
font-style: normal;
vertical-align: baseline;
}
h3 {
width: inherit;
text-align: center;
font-family: cookie;
font-size: 30px;
letter-spacing: normal;
padding-bottom: 20px;
color: green;
line-height: normal;
word-spacing: 10px;
font-weight: 700;
font-style: normal;
vertical-align: baseline;
}
.subimage {
width: 600px;
height: 700px;
background-image: url(https://qph.ec.quoracdn.net/main-qimg-7658fe20e6baa65a7a22f890af31b20c-c);
background-repeat: no-repeat;
margin-top: 130px;
margin-left: 250px;
}
.subsection {
width: 900px;
height: 680px;
text-align: center;
margin-left: 50px;
}
.images {
width: 600px;
height: 300px;
background-image: url(https://qph.ec.quoracdn.net/main-qimg-4fa1e1364a851e670568f1bdec0baa1e);
background-repeat: no-repeat;
margin-top: 50px;
margin-left: 180px;
}
footer {
width: 800px;
height: 200px;
}
.mainfooter {
font-family: arial helvetica sans-serif;
text-align: center;
font-size: 15px;
letter-spacing: normal;
padding-bottom: 20px;
color: white;
line-height: normal;
word-spacing: 5px;
font-weight: 400;
font-style: normal;
vertical-align: baseline;
margin-top: 30px;
margin-left: 250px;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h2> QUINCY LARSON </h2>
</div>
<div class="headerimage"> </div>
<div class="mainsection">
<p>I am dedicating my tribute page to Quincy Larson who is the founder of freecodecamp.org. Since I started my programming journey he has been my pillar of inspiration and reading through blogs and articles via his other website called medium.com which
keeps me motivated and strong each day when I try to lose hope. </p>
<h3> THIS IS A LITTLE SUMMARY OF HOW HE STARTED THIS GREAT SPRING OF BLESSING.</h3>
<p>As a school director, I dabbled in coding, writing Excel scripts and automated tasks with tools like AutoHotKey. These scripts freed our school's teachers and administrators from an unbelievable volume of tedious work, allowing them to spend more
time with students. After seeing what even a tiny amount of coding skills could accomplish in a school environment, it became clear what I needed to do. </p>
</div>
<div class="subimage"> </div>
<div class="subsection">
<p> I proceeded to make just about every mistake a new coder can make. </p>
<p>
I spent months sitting alone in libraries and cafes, blindly installing tools from the command line, debugging Linux driver problems, and banging my head over things as trivial as missing parenthesis.
</p>
<p>
I dabbled in every online course imaginable, and started countless MOOCs. I don’t think I actually got something onto the internet without the guidance of a tutorial until month number five!</p>
<p>
This gave me the impression that coding was a Sisyphean struggle. I was convinced that the seemingly normal engineers I ran into were actually sociopaths who had experienced - then repressed - the trauma of learning to code.</p>
<div class="images"> </div>
</div>
<footer>
<div class="mainfooter">
<h4> <span>&copy;Copyright</span> By SAMUEL</h4>
</div>
</footer>
</div>
<script id="jsbin-source-css" type="text/css">body {
background: #000000;
width: auto;
height: auto;
color: white;
font-family: cookie serif monospace;
}
.header {
width: 1000px;
height: 50px;
text-align: center;
font-family: cookie;
font-size: 20px;
letter-spacing: normal;
padding-bottom: 20px;
font-size: 19.5px;
color: #f20e0e;
line-height: normal;
word-spacing: 10px;
font-weight: 700;
font-style: normal;
vertical-align: baseline;
}
.headerimage {
width: 200px;
height: 198px;
background-image: url(https://media-exp2.licdn.com/mpr/mpr/shrinknp_200_200/p/2/000/28a/16e/22e8778.jpg);
background-repeat: no-repeat;
margin-top: 10px;
margin-left: 400px;
padding: 0;
}
.mainsection {
width: 900px;
height: 300px;
margin: 50px;
text-align: center;
}
p {
font-family: Sacramento;
font-size: 30px;
letter-spacing: normal;
padding-bottom: 20px;
font-size: 20px;
color: white;
line-height: normal;
word-spacing: 10px;
font-style: normal;
vertical-align: baseline;
}
h3 {
width: inherit;
text-align: center;
font-family: cookie;
font-size: 30px;
letter-spacing: normal;
padding-bottom: 20px;
color: green;
line-height: normal;
word-spacing: 10px;
font-weight: 700;
font-style: normal;
vertical-align: baseline;
}
.subimage {
width: 600px;
height: 700px;
background-image: url(https://qph.ec.quoracdn.net/main-qimg-7658fe20e6baa65a7a22f890af31b20c-c);
background-repeat: no-repeat;
margin-top: 130px;
margin-left: 250px;
}
.subsection {
width: 900px;
height: 680px;
text-align: center;
margin-left: 50px;
}
.images {
width: 600px;
height: 300px;
background-image: url(https://qph.ec.quoracdn.net/main-qimg-4fa1e1364a851e670568f1bdec0baa1e);
background-repeat: no-repeat;
margin-top: 50px;
margin-left: 180px;
}
footer {
width: 800px;
height: 200px;
}
.mainfooter {
font-family: arial helvetica sans-serif;
text-align: center;
font-size: 15px;
letter-spacing: normal;
padding-bottom: 20px;
color: white;
line-height: normal;
word-spacing: 5px;
font-weight: 400;
font-style: normal;
vertical-align: baseline;
margin-top: 30px;
margin-left: 250px;
}</script>
</body>
</html>
Raw
jsbin.faliqoj.css
body {
background: #000000;
width: auto;
height: auto;
color: white;
font-family: cookie serif monospace;
}
.header {
width: 1000px;
height: 50px;
text-align: center;
font-family: cookie;
font-size: 20px;
letter-spacing: normal;
padding-bottom: 20px;
font-size: 19.5px;
color: #f20e0e;
line-height: normal;
word-spacing: 10px;
font-weight: 700;
font-style: normal;
vertical-align: baseline;
}
.headerimage {
width: 200px;
height: 198px;
background-image: url(https://media-exp2.licdn.com/mpr/mpr/shrinknp_200_200/p/2/000/28a/16e/22e8778.jpg);
background-repeat: no-repeat;
margin-top: 10px;
margin-left: 400px;
padding: 0;
}
.mainsection {
width: 900px;
height: 300px;
margin: 50px;
text-align: center;
}
p {
font-family: Sacramento;
font-size: 30px;
letter-spacing: normal;
padding-bottom: 20px;
font-size: 20px;
color: white;
line-height: normal;
word-spacing: 10px;
font-style: normal;
vertical-align: baseline;
}
h3 {
width: inherit;
text-align: center;
font-family: cookie;
font-size: 30px;
letter-spacing: normal;
padding-bottom: 20px;
color: green;
line-height: normal;
word-spacing: 10px;
font-weight: 700;
font-style: normal;
vertical-align: baseline;
}
.subimage {
width: 600px;
height: 700px;
background-image: url(https://qph.ec.quoracdn.net/main-qimg-7658fe20e6baa65a7a22f890af31b20c-c);
background-repeat: no-repeat;
margin-top: 130px;
margin-left: 250px;
}
.subsection {
width: 900px;
height: 680px;
text-align: center;
margin-left: 50px;
}
.images {
width: 600px;
height: 300px;
background-image: url(https://qph.ec.quoracdn.net/main-qimg-4fa1e1364a851e670568f1bdec0baa1e);
background-repeat: no-repeat;
margin-top: 50px;
margin-left: 180px;
}
footer {
width: 800px;
height: 200px;
}
.mainfooter {
font-family: arial helvetica sans-serif;
text-align: center;
font-size: 15px;
letter-spacing: normal;
padding-bottom: 20px;
color: white;
line-height: normal;
word-spacing: 5px;
font-weight: 400;
font-style: normal;
vertical-align: baseline;
margin-top: 30px;
margin-left: 250px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment