File
Login or Register via GitHub
<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>nPower Themostat</title></head><body> <div class="container"> <div class="container-inner temp-location"> <div> <img id="dial" src="https://lh3.googleusercontent.com/lG5U-E3ecJN9bnzHb2lIoAw5eWetP9oXGEo6HdezN25GB_8-edI9fmMm8goiK5JcFui9bAvFp8jtd6QRBf2LarzM824_6Vmhurat8pQbHqqu-zjwfTSAkq2rKUwErDhPdYnk1X9FL_ZZVGpkEW_jpmD02EOXgUlWphcxzM3x4_tRfnO6xfdVc2QVznrqrNxvWCCDeOIIkcPM-UDUDZH6wVFWxv4BNDQSlnUOe5U0fsNkoHjvXpG1_Ibzj266A2mVB0RoAqM9QqbPHovXqt-befWGo9lw6NpfKYatpmEjO28EiQe_N_YX6lgtLPKFtaMUbJMSXVbpjyyApwBTjMG2UXeEKSw9cmn49pazCPtr8U-NNrMiv69K0sOf9npBOfAR8LBNShIy5cZNi4-gcQwGw1Nug1QEZ23G2uAk7QyJq8GpToJaMy9A1cxJ9GcS5kZG1CZe_qqPBWCHOwzzkFTtCnE5v9nAD64ipiPoGgx4hSEo2NBjPGCLwNRK6ZeA_RGY0xl34ppCU-sZOTEGzd4W-QcjkG2-vVJjOgrG17CtsI7ifNJ55PYHnimg53SnWXstXsyY5XcLG2fm8Hf7zkOo9Dl00xBXDRXZ32CsNcum93olkoY=s188-no" width="188" height="188"> <div id="temperature-panel"><span id="temperature">18</span></div> </div> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenLite.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/utils/Draggable.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/plugins/CSSPlugin.min.js"></script></body></html>body { font-family: Arial, sans-serif;}.container { width: 600px; margin: 0 auto;}.temp-location { padding: 10px 0 10px 10px; background-color: transparent; background-size: contain; background-repeat: no-repeat; background-position: 0 0;}#dial { /*max-width: 100%;*/ display: block; height:auto; float: left;}#temperature { color: #333;}#temperature-panel { float: left; color: #FFF; font-weight: bold; font-size: 3em;}
Output
You can jump to the latest bin by adding /latest to your URL
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
| ctrl + [num] | Toggle nth panel |
| ctrl + 0 | Close focused panel |
| ctrl + enter | Re-render output. If console visible: run JS in console |
| Ctrl + l | Clear the console |
| ctrl + / | Toggle comment on selected lines |
| ctrl + ] | Indents selected lines |
| ctrl + [ | Unindents selected lines |
| tab | Code complete & Emmet expand |
| ctrl + shift + L | Beautify code in active panel |
| ctrl + s | Save & lock current Bin from further changes |
| ctrl + shift + s | Open the share options |
| ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts | |
JS Bin URLs
| URL | Action |
|---|---|
| / | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
| /edit | Edit the current bin |
| /watch | Follow a Code Casting session |
| /embed | Create an embeddable version of the bin |
| /latest | Load the very latest bin (/latest goes in place of the revision) |
| /[username]/last | View the last edited bin for this user |
| /[username]/last/edit | Edit the last edited bin for this user |
| /[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
| /quiet | Remove analytics and edit button from rendered output |
| .js | Load only the JavaScript for a bin |
| .css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. | |
public
0viewers