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 |