Skip to content

Instantly share code, notes, and snippets.

@rgrannell1
Created March 11, 2024 22:11
Show Gist options
  • Save rgrannell1/cbd58330176f612aac28d480cba25bc5 to your computer and use it in GitHub Desktop.
Save rgrannell1/cbd58330176f612aac28d480cba25bc5 to your computer and use it in GitHub Desktop.
data:text/html,%3Chtml%3E%3Chead%3E%3Ctitle%3EJust%20a%20URL%3C%2Ftitle%3E%0A%20%20%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20html%20%7B%0A%20%20%20%20%20%20%20%20font-family%3A%20sans-serif%3B%0A%20%20%20%20%20%20%20%20text-align%3A%20center%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20pre%20%7B%0A%20%20%20%20%20%20%20%20white-space%3A%20pre-line%3B%0A%20%20%20%20%20%20%20%20background-color%3A%20%23002b36%3B%0A%20%20%20%20%20%20%20%20color%3A%20%23fdf6e3%3B%0A%20%20%20%20%20%20%20%20text-align%3A%20left%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fhead%3E%0A%0A%20%20%3Cbody%3E%0A%20%20%20%20%3Ch1%3ETodo%3C%2Fh1%3E%0A%0A%20%20%20%20%3Cpre%3E%20%20%20%20%20%20%3Ccode%20id%3D%22url%22%3Edata%3Atext%2Fhtml%2C%253Chtml%253E%253Chead%253E%253Ctitle%253EJust%2520a%2520URL%253C%252Ftitle%253E%250A%2520%2520%250A%2520%2520%2520%2520%253Cstyle%253E%250A%2520%2520%2520%2520%2520%2520html%2520%257B%250A%2520%2520%2520%2520%2520%2520%2520%2520font-family%253A%2520sans-serif%253B%250A%2520%2520%2520%2520%2520%2520%2520%2520text-align%253A%2520center%253B%250A%2520%2520%2520%2520%2520%2520%257D%250A%2520%2520%2520%2520%2520%2520pre%2520%257B%250A%2520%2520%2520%2520%2520%2520%2520%2520white-space%253A%2520pre-line%253B%250A%2520%2520%2520%2520%2520%2520%2520%2520background-color%253A%2520%2523002b36%253B%250A%2520%2520%2520%2520%2520%2520%2520%2520color%253A%2520%2523fdf6e3%253B%250A%2520%2520%2520%2520%2520%2520%2520%2520text-align%253A%2520left%253B%250A%2520%2520%2520%2520%2520%2520%257D%250A%2520%2520%2520%2520%253C%252Fstyle%253E%250A%2520%2520%253C%252Fhead%253E%250A%250A%2520%2520%253Cbody%253E%250A%2520%2520%2520%2520%253Ch1%253ETodo%253C%252Fh1%253E%250A%250A%2520%2520%2520%2520%253Cpre%253E%2520%2520%2520%2520%2520%2520%253Ccode%2520id%253D%2522url%2522%253E%250A%250A%2520%2520%2520%2520%2520%2520%253C%252Fcode%253E%250A%2520%2520%2520%2520%253C%252Fpre%253E%250A%250A%2520%2520%2520%2520%253Ch2%253ETasks%253C%252Fh2%253E%250A%250A%2520%2520%2520%2520%253Col%253E%250A%250A%2520%2520%2520%2520%253Cli%253Etest%253C%252Fli%253E%253Cli%253Ei%2520have%2520to%2520do%2520a%2520thing%253C%252Fli%253E%253C%252Fol%253E%250A%250A%2520%2520%2520%2520%253Cform%253E%250A%2520%2520%2520%2520%2520%2520%253Clabel%253ETask%253C%252Flabel%253E%250A%2520%2520%2520%2520%2520%2520%253Cinput%2520name%253D%2522task%2522%2520type%253D%2522text%2522%253E%250A%250A%2520%2520%2520%2520%2520%2520%253Cinput%2520type%253D%2522submit%2522%2520value%253D%2522Add%2522%2520onclick%253D%2522appendTask(event)%2522%253E%250A%2520%2520%2520%2520%253C%252Fform%253E%250A%2520%2520%253C!--%2520Code%2520injected%2520by%2520live-server%2520--%253E%250A%253Cscript%253E%250A%2509%252F%252F%2520%253C!%255BCDATA%255B%2520%2520%253C--%2520For%2520SVG%2520support%250A%2509if%2520('WebSocket'%2520in%2520window)%2520%257B%250A%2509%2509(function%2520()%2520%257B%250A%2509%2509%2509function%2520refreshCSS()%2520%257B%250A%2509%2509%2509%2509var%2520sheets%2520%253D%2520%255B%255D.slice.call(document.getElementsByTagName(%2522link%2522))%253B%250A%2509%2509%2509%2509var%2520head%2520%253D%2520document.getElementsByTagName(%2522head%2522)%255B0%255D%253B%250A%2509%2509%2509%2509for%2520(var%2520i%2520%253D%25200%253B%2520i%2520%253C%2520sheets.length%253B%2520%252B%252Bi)%2520%257B%250A%2509%2509%2509%2509%2509var%2520elem%2520%253D%2520sheets%255Bi%255D%253B%250A%2509%2509%2509%2509%2509var%2520parent%2520%253D%2520elem.parentElement%2520%257C%257C%2520head%253B%250A%2509%2509%2509%2509%2509parent.removeChild(elem)%253B%250A%2509%2509%2509%2509%2509var%2520rel%2520%253D%2520elem.rel%253B%250A%2509%2509%2509%2509%2509if%2520(elem.href%2520%2526%2526%2520typeof%2520rel%2520!%253D%2520%2522string%2522%2520%257C%257C%2520rel.length%2520%253D%253D%25200%2520%257C%257C%2520rel.toLowerCase()%2520%253D%253D%2520%2522stylesheet%2522)%2520%257B%250A%2509%2509%2509%2509%2509%2509var%2520url%2520%253D%2520elem.href.replace(%252F(%2526%257C%255C%253F)_cacheOverride%253D%255Cd%252B%252F%252C%2520'')%253B%250A%2509%2509%2509%2509%2509%2509elem.href%2520%253D%2520url%2520%252B%2520(url.indexOf('%253F')%2520%253E%253D%25200%2520%253F%2520'%2526'%2520%253A%2520'%253F')%2520%252B%2520'_cacheOverride%253D'%2520%252B%2520(new%2520Date().valueOf())%253B%250A%2509%2509%2509%2509%2509%257D%250A%2509%2509%2509%2509%2509parent.appendChild(elem)%253B%250A%2509%2509%2509%2509%257D%250A%2509%2509%2509%257D%250A%2509%2509%2509var%2520protocol%2520%253D%2520window.location.protocol%2520%253D%253D%253D%2520'http%253A'%2520%253F%2520'ws%253A%252F%252F'%2520%253A%2520'wss%253A%252F%252F'%253B%250A%2509%2509%2509var%2520address%2520%253D%2520protocol%2520%252B%2520window.location.host%2520%252B%2520window.location.pathname%2520%252B%2520'%252Fws'%253B%250A%2509%2509%2509var%2520socket%2520%253D%2520new%2520WebSocket(address)%253B%250A%2509%2509%2509socket.onmessage%2520%253D%2520function%2520(msg)%2520%257B%250A%2509%2509%2509%2509if%2520(msg.data%2520%253D%253D%2520'reload')%2520window.location.reload()%253B%250A%2509%2509%2509%2509else%2520if%2520(msg.data%2520%253D%253D%2520'refreshcss')%2520refreshCSS()%253B%250A%2509%2509%2509%257D%253B%250A%2509%2509%2509if%2520(sessionStorage%2520%2526%2526%2520!sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer'))%2520%257B%250A%2509%2509%2509%2509console.log('Live%2520reload%2520enabled.')%253B%250A%2509%2509%2509%2509sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer'%252C%2520true)%253B%250A%2509%2509%2509%257D%250A%2509%2509%257D)()%253B%250A%2509%257D%250A%2509else%2520%257B%250A%2509%2509console.error('Upgrade%2520your%2520browser.%2520This%2520Browser%2520is%2520NOT%2520supported%2520WebSocket%2520for%2520Live-Reloading.')%253B%250A%2509%257D%250A%2509%252F%252F%2520%255D%255D%253E%250A%253C%252Fscript%253E%250A%250A%250A%2520%2520%253Cscript%253E%250A%2520%2520%2520%2520function%2520getURL()%2520%257B%250A%2520%2520%2520%2520%2520%2520const%2520link%2520%253D%2520document.querySelector('%2523url')%253B%250A%2520%2520%2520%2520%2520%2520link.innerHTML%2520%253D%2520%2560data%253Atext%252Fhtml%252C%2524%257BencodeURIComponent(document.documentElement.outerHTML)%257D%2560%253B%250A%2520%2520%2520%2520%257D%250A%250A%2520%2520%2520%2520function%2520appendTask(event)%2520%257B%250A%2520%2520%2520%2520%2520%2520event.preventDefault()%253B%250A%250A%2520%2520%2520%2520%2520%2520const%2520task%2520%253D%2520document.querySelector('input%255Bname%253D%2522task%2522%255D').value%253B%250A%2520%2520%2520%2520%2520%2520const%2520list%2520%253D%2520document.querySelector('ol')%253B%250A%2520%2520%2520%2520%2520%2520const%2520item%2520%253D%2520document.createElement('li')%253B%250A%250A%2520%2520%2520%2520%2520%2520item.textContent%2520%253D%2520task%253B%250A%2520%2520%2520%2520%2520%2520list.appendChild(item)%253B%250A%250A%2520%2520%2520%2520%2520%2520const%2520link%2520%253D%2520document.querySelector('%2523url')%253B%250A%2520%2520%2520%2520%2520%2520link.href%2520%253D%2520getURL()%253B%250A%2520%2520%2520%2520%257D%250A%2520%2520%253C%252Fscript%253E%250A%250A%253C%252Fbody%253E%253C%252Fhtml%253E%3C%2Fcode%3E%0A%20%20%20%20%3C%2Fpre%3E%0A%0A%20%20%20%20%3Ch2%3ETasks%3C%2Fh2%3E%0A%0A%20%20%20%20%3Col%3E%0A%0A%20%20%20%20%3Cli%3Etest%3C%2Fli%3E%3Cli%3Ei%20have%20to%20do%20a%20thing%3C%2Fli%3E%3Cli%3Ecalendar%3C%2Fli%3E%3C%2Fol%3E%0A%0A%20%20%20%20%3Cform%3E%0A%20%20%20%20%20%20%3Clabel%3ETask%3C%2Flabel%3E%0A%20%20%20%20%20%20%3Cinput%20name%3D%22task%22%20type%3D%22text%22%3E%0A%0A%20%20%20%20%20%20%3Cinput%20type%3D%22submit%22%20value%3D%22Add%22%20onclick%3D%22appendTask(event)%22%3E%0A%20%20%20%20%3C%2Fform%3E%0A%20%20%3C!--%20Code%20injected%20by%20live-server%20--%3E%0A%3Cscript%3E%0A%09%2F%2F%20%3C!%5BCDATA%5B%20%20%3C--%20For%20SVG%20support%0A%09if%20('WebSocket'%20in%20window)%20%7B%0A%09%09(function%20()%20%7B%0A%09%09%09function%20refreshCSS()%20%7B%0A%09%09%09%09var%20sheets%20%3D%20%5B%5D.slice.call(document.getElementsByTagName(%22link%22))%3B%0A%09%09%09%09var%20head%20%3D%20document.getElementsByTagName(%22head%22)%5B0%5D%3B%0A%09%09%09%09for%20(var%20i%20%3D%200%3B%20i%20%3C%20sheets.length%3B%20%2B%2Bi)%20%7B%0A%09%09%09%09%09var%20elem%20%3D%20sheets%5Bi%5D%3B%0A%09%09%09%09%09var%20parent%20%3D%20elem.parentElement%20%7C%7C%20head%3B%0A%09%09%09%09%09parent.removeChild(elem)%3B%0A%09%09%09%09%09var%20rel%20%3D%20elem.rel%3B%0A%09%09%09%09%09if%20(elem.href%20%26%26%20typeof%20rel%20!%3D%20%22string%22%20%7C%7C%20rel.length%20%3D%3D%200%20%7C%7C%20rel.toLowerCase()%20%3D%3D%20%22stylesheet%22)%20%7B%0A%09%09%09%09%09%09var%20url%20%3D%20elem.href.replace(%2F(%26%7C%5C%3F)_cacheOverride%3D%5Cd%2B%2F%2C%20'')%3B%0A%09%09%09%09%09%09elem.href%20%3D%20url%20%2B%20(url.indexOf('%3F')%20%3E%3D%200%20%3F%20'%26'%20%3A%20'%3F')%20%2B%20'_cacheOverride%3D'%20%2B%20(new%20Date().valueOf())%3B%0A%09%09%09%09%09%7D%0A%09%09%09%09%09parent.appendChild(elem)%3B%0A%09%09%09%09%7D%0A%09%09%09%7D%0A%09%09%09var%20protocol%20%3D%20window.location.protocol%20%3D%3D%3D%20'http%3A'%20%3F%20'ws%3A%2F%2F'%20%3A%20'wss%3A%2F%2F'%3B%0A%09%09%09var%20address%20%3D%20protocol%20%2B%20window.location.host%20%2B%20window.location.pathname%20%2B%20'%2Fws'%3B%0A%09%09%09var%20socket%20%3D%20new%20WebSocket(address)%3B%0A%09%09%09socket.onmessage%20%3D%20function%20(msg)%20%7B%0A%09%09%09%09if%20(msg.data%20%3D%3D%20'reload')%20window.location.reload()%3B%0A%09%09%09%09else%20if%20(msg.data%20%3D%3D%20'refreshcss')%20refreshCSS()%3B%0A%09%09%09%7D%3B%0A%09%09%09if%20(sessionStorage%20%26%26%20!sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer'))%20%7B%0A%09%09%09%09console.log('Live%20reload%20enabled.')%3B%0A%09%09%09%09sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer'%2C%20true)%3B%0A%09%09%09%7D%0A%09%09%7D)()%3B%0A%09%7D%0A%09else%20%7B%0A%09%09console.error('Upgrade%20your%20browser.%20This%20Browser%20is%20NOT%20supported%20WebSocket%20for%20Live-Reloading.')%3B%0A%09%7D%0A%09%2F%2F%20%5D%5D%3E%0A%3C%2Fscript%3E%0A%0A%0A%20%20%3Cscript%3E%0A%20%20%20%20function%20getURL()%20%7B%0A%20%20%20%20%20%20const%20link%20%3D%20document.querySelector('%23url')%3B%0A%20%20%20%20%20%20link.innerHTML%20%3D%20%60data%3Atext%2Fhtml%2C%24%7BencodeURIComponent(document.documentElement.outerHTML)%7D%60%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20function%20appendTask(event)%20%7B%0A%20%20%20%20%20%20event.preventDefault()%3B%0A%0A%20%20%20%20%20%20const%20task%20%3D%20document.querySelector('input%5Bname%3D%22task%22%5D').value%3B%0A%20%20%20%20%20%20const%20list%20%3D%20document.querySelector('ol')%3B%0A%20%20%20%20%20%20const%20item%20%3D%20document.createElement('li')%3B%0A%0A%20%20%20%20%20%20item.textContent%20%3D%20task%3B%0A%20%20%20%20%20%20list.appendChild(item)%3B%0A%0A%20%20%20%20%20%20const%20link%20%3D%20document.querySelector('%23url')%3B%0A%20%20%20%20%20%20link.href%20%3D%20getURL()%3B%0A%20%20%20%20%7D%0A%20%20%3C%2Fscript%3E%0A%0A%3C%2Fbody%3E%3C%2Fhtml%3E
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment