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
Michael Sprague mikesprague
This file contains hidden or 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
| # editorconfig.org | |
| root = true | |
| [*] | |
| charset = utf-8 | |
| indent_style = space | |
| indent_size = 2 | |
| end_of_line = lf | |
| trim_trailing_whitespace = true | |
| insert_final_newline = true |
mikesprague
/ create_portable_jdk.bat
Last active
January 29, 2016 00:23
Create portable JDK 1.8 for Windows from unzipped install executable (from http://www.brucalipto.org/java/how-to-create-a-portable-jdk-1-dot-8-on-windows/)
This file contains hidden or 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
| for /r %x in (*.pack) do .\bin\unpack200 -r "%x" "%~dx%~px%~nx.jar" |
mikesprague
/ document-ready.js
Created
February 19, 2016 15:21
Cross-browser way to check if document has loaded (vanilla JS)From http://www.jstips.co/en/detect-document-ready-in-pure-js/
This file contains hidden or 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
| // 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 |
mikesprague
/ fcc-chrome-dark-user-style.css
Last active
July 15, 2020 18:52
Dark/night user style for Free Code Camp in Chrome (WIP)
This file contains hidden or 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
| body { | |
| background: #222 !important; | |
| color: #969696; | |
| } | |
| code { | |
| padding: 2px 4px !important; | |
| } | |
| a:hover { | |
| color: #999; | |
| } |
mikesprague
/ modern-github-banner.css
Last active
March 2, 2016 04:35
Modern Github Banner via SVG (from: http://tholman.com/github-corners/)
mikesprague
/ wikipedia-wikimedia-userstyle.css
Last active
March 8, 2016 02:13
Dark/night userstyle for the Wikipedia/Wikimedia domains (very much a work in progress)
This file contains hidden or 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
| @-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, |
mikesprague
/ udemy-dark-theme.css
Last active
January 20, 2021 21:03
Dark User Style for Udemy (WIP)
This file contains hidden or 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
| 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; |
mikesprague
/ upwork-dark-userstyle.css
Last active
March 26, 2016 02:16
Dark Userstyle for Upwork (WIP)
This file contains hidden or 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
| body { | |
| background-color: #111; | |
| color: #efefef; | |
| } | |
| label, | |
| legend { | |
| color: white; | |
| } | |
| .primary-navbar.navbar.navbar-default.navbar-condensed { | |
| background-color: #333 !important; |
mikesprague
/ create-data-uri.php
Last active
April 19, 2016 02:14
Create and output data URI from an image file
This file contains hidden or 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
| <?php | |
| function create_data_uri( $file, $mime ) { | |
| $contents=file_get_contents( $file ); | |
| $base64=base64_encode( $contents ); | |
| echo "data:$mime;base64,$base64"; | |
| } | |
| ?> |