Info on each game:
- Name
- Platform
- Set (32GB, 64GB, 128GB)
- Parenthesis - info in the parenthesis of the title
I want to create a table view where you could text search and filter by platform.
| <h1>⌨️ Do the Konami Code!</h1> | |
| <script> | |
| // https://jamiebuilds.github.io/tinykeys/ | |
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e||self).tinykeys={})}(this,function(e){var t=["Shift","Meta","Alt","Control"],n="object"==typeof navigator?navigator.platform:"",i=/Mac|iPod|iPhone|iPad/.test(n),o=i?"Meta":"Control",r="Win32"===n?["Control","Alt"]:i?["Alt"]:[];function a(e,t){return"function"==typeof e.getModifierState&&(e.getModifierState(t)||r.includes(t)&&e.getModifierState("AltGraph"))}function f(e){return e.trim().split(" ").map(function(e){var t=e.split(/\b\+/),n=t.pop();return[t=t.map(function(e){return"$mod"===e?o:e}),n]})}function u(e,n){var i;void 0===n&&(n={});var o=null!=(i=n.timeout)?i:1e3,r=Object.keys(e).map(function(t){return[f(t),e[t]]}),u=new Map,d=null;return function(e){e instanceof KeyboardEvent&&(r.forEach(function(n){var i=n[0],o=n[1],r=u.get(i)||i;!function(e,n){return!(n[1].toUpperCase()!==e.ke |
I was getting tired of how slow this page was material-ui.com/components/material-icons/ so I made my own. Using the debugger, I found the SVG and keyword association data.
The page is already massive with all of that SVG and text data and then it includes a menu and other stuff.
99% of the time, I'm visiting this page to do one thing and that is to search for icons and the dark mode doesn't always turn on and the search is oddly broken sometimes. Maybe it's just a Firefox thing, but whatever the case, I'm solving this problem on my own.
This tiny app displays a clock and a dropdown of the hour and minute for the alarm time. The borderless input field is there so you can add the purpose of the alarm.
When the hour and time match, the text will flash red and beeping will persist until the hour and minute no longer match the dropdown values.
data:text/html,Alarm<select id=h></select>:<select id=m></select> <input style=border:0><body onload='p=u=>(u>9?"":"0")+u;b=_=>{d=new AudioContext;l=d.createOscillator();l.frequency.value=800;l.connect(d.destination);l.start();setTimeout(()=>l.stop(),500)};u=n=>Array(n).fill().map((_,i)=>`<option>${p(i)}</option>`).join``;h.innerHTML=u(24);m.innerHTML=u(60);setInterval(()=>{d=new Date;a=[H,M,S]=[d.getHours(),d.getMinutes(),d.getSeconds()].map(p);e=H===h.value&&M===m.value;if(e)b();o.style.color=(e&&S%2?"red":"");o.innerHTML=a.join`:`;},1000)'><center id=o style=font:25vw/90vh'>
In this bookmarklet, I was able to put all code into the onload in the `` tag
| <!doctype html> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"/> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"/> | |
| <title>Lost Planet 2 Quick Guide</title> | |
| <meta name="author" content="Lewis Nakao"> | |
| <meta name="description" content="Helpful list to IGN guide, YouTube videos, Cheats, Abilities, and Weapons."> | |
| <meta name="keywords" content="Lost Planet 2, Walkthrough, Game Guide, Links, YouTube Videos"> |
I appreciate the walkthrough, I like to believe everyone playing the game seeks their place in the guide using the Episode and Chapter numbers; not by "part" which is confusing.
There are a total of 6 episodes, 1 prologue, 21 chapters, and 37 missions, 10 bosses.
PS1 Rip CHD files list rom sizes are very small.
https://romsfun.com/download/the-misadventures-of-tron-bonne-28268/2
List by Lucas.
| <style>*{font-size: 50px}</style> | |
| <div id=o></div> | |
| <div id=msg></div> | |
| <script> | |
| const BACK = "🎴"; | |
| const FOOD = [..."🍄🍅🍆🍇🍈🍉🍊🍋🍌🍍🍎🍏🍐🍑🍒🍓🍔🍕🍖🍗🍘🍙🍚🍛🍜🍝🍞🍟🍠🍡🍢🍣🍤🍥🍦🍧🍨🍩🍪🍫🍬🍭🍮🍯🍰🍱🍲🍳"]; | |
| const TYPE_COUNT = 4; | |
| const COLUMNS = Math.ceil(Math.sqrt(TYPE_COUNT * 2)); | |
| const cards = []; | |
| let indexA = indexB = -1; |
<p id=o></p>
<script>
const toStrArraySize = (str, limit) => str.split(/\s+/).reduce((arr, word, i) => {
if ([...arr[arr.length - 1], word].join(" ").length > limit) {
arr.push([word]);
}
else {
arr[arr.length - 1].push(word);
Adjust the x, y, and font-size attributes in the text element to get your specific emoji to be centered and fit. Emojis have differing widths and heights.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y="1.045em" font-size="72">👨💻</text></svg>
Then put it in an icon meta tag. Be sure to replace the double-quotes with %22.
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>📂</text></svg>">