Collection of projects I'm doing while working through the Free Code Camp full stack web developer certifications.
- Build a Tribute Page | Requirements | Demo | Source Code
- Build a Personal Portfolio Page | Requirements | Demo | Source Code
function detectIE() { | |
var ua = window.navigator.userAgent; | |
var msie = ua.indexOf('MSIE '); | |
if (msie > 0) { | |
// IE 10 or older => return version number | |
return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10); | |
} |
.subscribe-feed { | |
display: none !important; | |
} | |
/* allow for absolute positioning relative to the dashboard */ | |
#dashboard, | |
.orgpage > .container { | |
position: relative !important; | |
} |
Collection of projects I'm doing while working through the Free Code Camp full stack web developer certifications.
<?php | |
function create_data_uri( $file, $mime ) { | |
$contents=file_get_contents( $file ); | |
$base64=base64_encode( $contents ); | |
echo "data:$mime;base64,$base64"; | |
} | |
?> |
body { | |
background-color: #111; | |
color: #efefef; | |
} | |
label, | |
legend { | |
color: white; | |
} | |
.primary-navbar.navbar.navbar-default.navbar-condensed { | |
background-color: #333 !important; |
body { | |
background-color: #101010 !important; | |
color: #fff !important; | |
} | |
.my-courses .my-courses-header { | |
background-color: #333 !important; | |
color: #ccc; | |
} | |
.curriculum-navigation { | |
background-color: #333 !important; |
@-moz-document domain("mediawiki.org"), domain("wikipedia.org"), domain("wikimedia.org"), domain("wikinews.org"), domain("wikibooks.org"), domain("wikiquote.org"), domain("wikiversity.org"), domain("wikisource.org"), domain("wiktionary.org"), domain("wikimediafoundation.org"), domain("toolserver.org"), domain("wikia.com"), domain("wikihow.com"), domain("wikileaks.org"), domain("wikimapia.org") { | |
html, | |
body, | |
div#mw-head, | |
#firstHeading, | |
div#content, | |
div.vectorTabs li.selected a, | |
div.vectorTabs li.selected a:visited, | |
div.vectorTabs span > a, |
body { | |
background: #222 !important; | |
color: #969696; | |
} | |
code { | |
padding: 2px 4px !important; | |
} | |
a:hover { | |
color: #999; | |
} |
// The cross-browser way to check if the document has loaded in pure JavaScript is using readyState. | |
if (document.readyState === 'complete') { | |
// The page is fully loaded | |
} | |
// You can detect when the document it's ready... | |
let stateCheck = setInterval(() => { | |
if (document.readyState === 'complete') { | |
clearInterval(stateCheck); | |
// document ready |