This file contains 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
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <title>+ position</title> | |
| <script src="main.js" defer></script> | |
| <style> | |
| body { |
This file contains 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
| @keyframes waiting { | |
| 0%, 100% { content: '⠇'; } | |
| 16% { content: '⠋'; } | |
| 32% { content: '⠙'; } | |
| 48% { content: '⠸'; } | |
| 64% { content: '⠴'; } | |
| 80% { content: '⠦'; } | |
| } |
Rplus
/ index.html
Last active
May 4, 2018 09:24
demo from https://medium.freecodecamp.org/learn-react-js-in-5-minutes-526472d292f4
This file contains 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
| <script src="https://unpkg.com/react@15/dist/react.min.js"> </script><script src="https://unpkg.com/react-dom@15/dist/react-dom.min.js"> | |
| </script> | |
| <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script> | |
| <div id="root"></div> | |
| <script type="text/babel"> | |
| class Hello extends React.Component { | |
| constructor(){ | |
| super(); |
This file contains 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
| let getUrl = (page) => `https://ck101.com/forum.php?mod=viewthread&tid=1762239&extra=&page=${page}`; | |
| let toTxt = (d) => d.text(); | |
| let hr = '\n\n=====\n\n'; | |
| let getContent = (html) => { | |
| let doc = document.implementation.createHTMLDocument(); | |
| doc.body.innerHTML = html; | |
| return [...doc.querySelectorAll('.t_f')].map(i => i.textContent).join(hr); | |
| }; | |
| let save = (page, text) => { | |
| console.log(`save page ${page}`); |
This file contains 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
| // getDeepProp({a: {b: 3}}, 'a.b') => 3 | |
| export function getDeepProp(obj, deepProp, splitChar = '.') { | |
| return deepProp.split(splitChar).reduce((_obj, _deepProp) => _obj && _obj[_deepProp], obj); | |
| } |
This file contains 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
| // get codepen stats in `/pen/` & `/full/` page | |
| /* globals fetch */ | |
| javascript: (function () { | |
| var dialogId = 'stat-dialog'; | |
| var dialog = document.getElementById(dialogId); | |
| if (!dialog) { | |
| dialog = document.createElement('dialog'); | |
| dialog.id = dialogId; | |
| dialog.style.position = 'fixed'; |
This file contains 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
| window.log = {}; | |
| const timeInterval = 5.5; // minute(s) | |
| const filters = { | |
| '/B/': 'iv80+', | |
| '/G/': 'iv90+', | |
| '/W/': 'iv0', | |
| '/R/': 'iv100', | |
| '/349.': '醜醜魚', | |
| }; | |
| var checkGoodItems = () => { |
This file contains 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
| <figure name="322b" id="322b" class="graf--figure graf-after--h3"> | |
| <div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 389px;"> | |
| <div class="aspect-ratio-fill" style="padding-bottom: 55.60000000000001%;"></div> | |
| <div class="progressiveMedia js-progressiveMedia graf-image" | |
| data-image-id="1*vRzbJmu0VC5yWRWbc7d-0w.png" | |
| data-width="955" data-height="531" | |
| data-action="zoom" data-action-value="1*vRzbJmu0VC5yWRWbc7d-0w.png"> |
This file contains 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
| *.map | |
| prepros-6.config |
Rplus
/ index.html
Last active
December 31, 2017 07:53
Pokémons' CP Calculator [Vue] -- https://codepen.io/Rplus/full/POMKVv/
This file contains 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
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"/> | |
| <title>max CP by level Pokémons</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"/> | |
| <link rel="stylesheet" href="style.css"/> | |
| </head> | |
| <body> | |
| <h1 class="intro">Pokémons' CP calculator<small>vue version</small></h1> |