Skip to content

Instantly share code, notes, and snippets.

View mikesprague's full-sized avatar

Michael Sprague mikesprague

  • Cornell University
  • New York
  • 01:07 (UTC -04:00)
View GitHub Profile
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);
}
@mikesprague
mikesprague / github-refined-userstyle.css
Last active April 29, 2016 12:37
GitHub Refined (with minor modifications) Userstyle
.subscribe-feed {
display: none !important;
}
/* allow for absolute positioning relative to the dashboard */
#dashboard,
.orgpage > .container {
position: relative !important;
}
@mikesprague
mikesprague / fcc-project-list.md
Last active November 25, 2022 14:55
Free Code Camp Project List

My Free Code Camp Projects

Collection of projects I'm doing while working through the Free Code Camp full stack web developer certifications.

Front End Development Certification

Basic Front End Development Projects

  • Build a Tribute Page | Requirements | Demo | Source Code
  • Build a Personal Portfolio Page | Requirements | Demo | Source Code
@mikesprague
mikesprague / create-data-uri.php
Last active April 19, 2016 02:14
Create and output data URI from an image file
<?php
function create_data_uri( $file, $mime ) {
$contents=file_get_contents( $file );
$base64=base64_encode( $contents );
echo "data:$mime;base64,$base64";
}
?>
@mikesprague
mikesprague / upwork-dark-userstyle.css
Last active March 26, 2016 02:16
Dark Userstyle for Upwork (WIP)
body {
background-color: #111;
color: #efefef;
}
label,
legend {
color: white;
}
.primary-navbar.navbar.navbar-default.navbar-condensed {
background-color: #333 !important;
@mikesprague
mikesprague / udemy-dark-theme.css
Last active January 20, 2021 21:03
Dark User Style for Udemy (WIP)
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
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)
@-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,
<a href="https://your-url" class="github-corner">
<svg width="80" height="80" viewbox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.
@mikesprague
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)
body {
background: #222 !important;
color: #969696;
}
code {
padding: 2px 4px !important;
}
a:hover {
color: #999;
}
@mikesprague
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/
// 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