You will need the user_id from the user. This is difficult to discover at Instagram but easy from this site http://jelled.com/instagram/lookup-user-id
I used http://jelled.com/instagram/access-token for the next few steps
You will also need an access token which ends up being difficult to obtain. Log into the account and go to their Developer Page.
| # Join multiple lines without new line | |
| value: > | |
| part 1 | |
| part 2 | |
| # Join with newline | |
| value2: | | |
| line 1 | |
| line 2 |
| // https://www.sitepoint.com/jquery-document-ready-plain-javascript/ | |
| var callback = function(){ | |
| // Handler when the DOM is fully loaded | |
| }; | |
| if ( | |
| document.readyState === "complete" || | |
| (document.readyState !== "loading" && !document.documentElement.doScroll) | |
| ) { | |
| callback(); |
| // browser | |
| var nAgt = navigator.userAgent; | |
| // system | |
| var os = unknown; | |
| var clientStrings = [ | |
| {s:'Windows 10', r:/(Windows 10.0|Windows NT 10.0)/}, | |
| {s:'Windows 8.1', r:/(Windows 8.1|Windows NT 6.3)/}, | |
| {s:'Windows 8', r:/(Windows 8|Windows NT 6.2)/}, | |
| {s:'Windows 7', r:/(Windows 7|Windows NT 6.1)/}, |
| /** | |
| * JavaScript Client Detection | |
| * (C) viazenetti GmbH (Christian Ludwig) | |
| * http://jsfiddle.net/ChristianL/AVyND/ | |
| */ | |
| (function (window) { | |
| { | |
| var unknown = '-'; | |
| // // screen |
| /** | |
| * Gets the browser name or returns an empty string if unknown. | |
| * This function also caches the result to provide for any | |
| * future calls this function has. | |
| * http://stackoverflow.com/questions/9847580/how-to-detect-safari-chrome-ie-firefox-and-opera-browser#answer-31479176 | |
| * | |
| * @returns {string} | |
| */ | |
| var browser = function() { | |
| // Return cached result if avalible, else get result then cache it. |
| // Breakpoints | |
| $screen-sm: 500px; | |
| $screen-md: 768px; | |
| $screen-lg: 1024px; | |
| $screen-lg: 1500px; | |
| // Font Sizes | |
| $base-font-size: 1rem; | |
| $base-font-sizes: ( | |
| null : 1rem, |
| [ | |
| { "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} }, | |
| { "keys": ["super+v"], "command": "paste_and_indent" }, | |
| { "keys": ["super+shift+v"], "command": "paste" }, | |
| { | |
| "keys": ["super+alt+shift+f"], // create your own key command combination here! | |
| "command": "html_beautify", // command that executes html_beautify | |
| "context": [{ | |
| // these options ensure that the command is executed in the right files/context | |
| "key": "selector", |
| var svg = document.querySelector( "svg" ); | |
| var svgData = new XMLSerializer().serializeToString( svg ); | |
| var canvas = document.createElement( "canvas" ); | |
| var ctx = canvas.getContext( "2d" ); | |
| var img = document.createElement( "img" ); | |
| img.setAttribute( "src", "data:image/svg+xml;base64," + btoa( svgData ) ); | |
| img.onload = function() { |
| $(document).ready(function() { | |
| // https://medium.com/@mariusc23/hide-header-on-scroll-down-show-on-scroll-up-67bbaae9a78c#.jim2ghyzy | |
| // Hide Header on on scroll down | |
| var didScroll; | |
| var lastScrollTop = 0; | |
| var delta = 5; | |
| var navbarHeight = $('body > header').outerHeight(); | |
| $(window).scroll(function(event){ |