<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<table>
<thead>
<tr class="header-row">
<th></th>
<th class="bg-purple">Keystone</th>
<th class="bg-yellow">Gold</th>
<th class="bg-grey">Silver</th>
<th class="bg-pink">Bronze</th>
<th class="bg-orange">Patron</th>
<th class="bg-blue">Startup</th>
<th class="bg-coral">Diversity</th>
</tr>
</thead>
<tbody>
<tr>
<td class="category">Pricing</td>
<td class="bg-purple"></td>
<td class="bg-yellow"></td>
<td class="bg-grey"></td>
<td class="bg-pink"></td>
<td class="bg-orange"></td>
<td class="bg-blue"></td>
<td class="bg-coral"></td>
</tr>
<tr>
<td class="subcategory">Package price (VAT not included)</td>
<td class="bg-purple">10,000€</td>
<td class="bg-yellow">7,000€</td>
<td class="bg-grey">4,500€</td>
<td class="bg-pink">3,000€</td>
<td class="bg-orange">1,000€</td>
<td class="bg-blue">500€</td>
<td class="bg-coral">1,000€</td>
</tr>
<tr>
<td class="category">Availability</td>
<td class="bg-purple"></td>
<td class="bg-yellow"></td>
<td class="bg-grey"></td>
<td class="bg-pink"></td>
<td class="bg-orange"></td>
<td class="bg-blue"></td>
<td class="bg-coral"></td>
</tr>
<tr>
<td class="subcategory">Number of slots available</td>
<td class="bg-purple">1</td>
<td class="bg-yellow">2</td>
<td class="bg-grey">4</td>
<td class="bg-pink">unlimited</td>
<td class="bg-orange">unlimited</td>
<td class="bg-blue">unlimited</td>
<td class="bg-coral">unlimited</td>
</tr>
<tr>
<td class="category">Sponsored Content</td>
<td class="bg-purple"></td>
<td class="bg-yellow"></td>
<td class="bg-grey"></td>
<td class="bg-pink"></td>
<td class="bg-orange"></td>
<td class="bg-blue"></td>
<td class="bg-coral"></td>
</tr>
<tr>
<td class="subcategory">Sponsored Keynote (1h)</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">-</td>
<td class="bg-grey">-</td>
<td class="bg-pink">-</td>
<td class="bg-orange">-</td>
<td class="bg-blue">-</td>
<td class="bg-coral">-</td>
</tr>
<tr>
<td class="subcategory">Sponsored talk (30min)</td>
<td class="bg-purple">-</td>
<td class="bg-yellow">✓</td>
<td class="bg-grey">-</td>
<td class="bg-pink">-</td>
<td class="bg-orange">-</td>
<td class="bg-blue">-</td>
<td class="bg-coral">-</td>
</tr>
<tr>
<td class="category">Booth</td>
<td class="bg-purple"></td>
<td class="bg-yellow"></td>
<td class="bg-grey"></td>
<td class="bg-pink"></td>
<td class="bg-orange"></td>
<td class="bg-blue"></td>
<td class="bg-coral"></td>
</tr>
<tr>
<td class="subcategory">Booth in exhibit hall</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">✓</td>
<td class="bg-grey">✓</td>
<td class="bg-pink">-</td>
<td class="bg-orange">-</td>
<td class="bg-blue">-</td>
<td class="bg-coral">-</td>
</tr>
<tr>
<td class="subcategory">Option for booth in front of conference rooms</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">✓</td>
<td class="bg-grey">-</td>
<td class="bg-pink">-</td>
<td class="bg-orange">-</td>
<td class="bg-blue">-</td>
<td class="bg-coral">-</td>
</tr>
<tr>
<td class="subcategory">Option for small table in front of conference rooms</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">✓</td>
<td class="bg-grey">✓</td>
<td class="bg-pink">✓</td>
<td class="bg-orange">-</td>
<td class="bg-blue">-</td>
<td class="bg-coral">-</td>
</tr>
<tr>
<td class="category">Session Passes</td>
<td class="bg-purple"></td>
<td class="bg-yellow"></td>
<td class="bg-grey"></td>
<td class="bg-pink"></td>
<td class="bg-orange"></td>
<td class="bg-blue"></td>
<td class="bg-coral"></td>
</tr>
<tr>
<td class="subcategory">Complimentary conference session passes</td>
<td class="bg-purple">6</td>
<td class="bg-yellow">4</td>
<td class="bg-grey">2</td>
<td class="bg-pink">2</td>
<td class="bg-orange">2</td>
<td class="bg-blue">1</td>
<td class="bg-coral">-</td>
</tr>
<tr>
<td class="subcategory">Conference session passes with discount (30%)</td>
<td class="bg-purple">10</td>
<td class="bg-yellow">8</td>
<td class="bg-grey">4</td>
<td class="bg-pink">4</td>
<td class="bg-orange">2</td>
<td class="bg-blue">2</td>
<td class="bg-coral">-</td>
</tr>
<tr>
<td class="category">Brand Visibility</td>
<td class="bg-purple"></td>
<td class="bg-yellow"></td>
<td class="bg-grey"></td>
<td class="bg-pink"></td>
<td class="bg-orange"></td>
<td class="bg-blue"></td>
<td class="bg-coral"></td>
</tr>
<tr>
<td class="subcategory">Social Event named after sponsor</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">-</td>
<td class="bg-grey">-</td>
<td class="bg-pink">-</td>
<td class="bg-orange">-</td>
<td class="bg-blue">-</td>
<td class="bg-coral">-</td>
</tr>
<tr>
<td class="subcategory">Logo on video titles</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">✓</td>
<td class="bg-grey">✓</td>
<td class="bg-pink">✓</td>
<td class="bg-orange">-</td>
<td class="bg-blue">-</td>
<td class="bg-coral">special thanks</td>
</tr>
<tr>
<td class="subcategory">Logo on speaker desks</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">✓</td>
<td class="bg-grey">✓</td>
<td class="bg-pink">✓</td>
<td class="bg-orange">✓</td>
<td class="bg-blue">-</td>
<td class="bg-coral">special thanks</td>
</tr>
<tr>
<td class="subcategory">Logo on banners</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">✓</td>
<td class="bg-grey">✓</td>
<td class="bg-pink">✓</td>
<td class="bg-orange">✓</td>
<td class="bg-blue">-</td>
<td class="bg-coral">special thanks</td>
</tr>
<tr>
<td class="subcategory">Logo on website</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">✓</td>
<td class="bg-grey">✓</td>
<td class="bg-pink">✓</td>
<td class="bg-orange">✓</td>
<td class="bg-blue">✓</td>
<td class="bg-coral">✓</td>
</tr>
<tr>
<td class="category">Recruiting</td>
<td class="bg-purple"></td>
<td class="bg-yellow"></td>
<td class="bg-grey"></td>
<td class="bg-pink"></td>
<td class="bg-orange"></td>
<td class="bg-blue"></td>
<td class="bg-coral"></td>
</tr>
<tr>
<td class="subcategory">Recruiting session participation</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">✓</td>
<td class="bg-grey">✓</td>
<td class="bg-pink">-</td>
<td class="bg-orange">-</td>
<td class="bg-blue">-</td>
<td class="bg-coral">-</td>
</tr>
<tr>
<td class="subcategory">Job positions in the Job Board on the website</td>
<td class="bg-purple">3</td>
<td class="bg-yellow">2</td>
<td class="bg-grey">2</td>
<td class="bg-pink">2</td>
<td class="bg-orange">-</td>
<td class="bg-blue">1</td>
<td class="bg-coral">-</td>
</tr>
<tr>
<td class="subcategory">One recruiting email to attendees (opt-in)</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">✓</td>
<td class="bg-grey">✓</td>
<td class="bg-pink">-</td>
<td class="bg-orange">-</td>
<td class="bg-blue">✓</td>
<td class="bg-coral">-</td>
</tr>
<tr>
<td class="category">Communication</td>
<td class="bg-purple"></td>
<td class="bg-yellow"></td>
<td class="bg-grey"></td>
<td class="bg-pink"></td>
<td class="bg-orange"></td>
<td class="bg-blue"></td>
<td class="bg-coral"></td>
</tr>
<tr>
<td class="subcategory">Branded newsletter content highlighting the sponsor</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">-</td>
<td class="bg-grey">-</td>
<td class="bg-pink">-</td>
<td class="bg-orange">-</td>
<td class="bg-blue">-</td>
<td class="bg-coral">-</td>
</tr>
<tr>
<td class="subcategory">Blog posts highlighting the sponsor</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">✓</td>
<td class="bg-grey">-</td>
<td class="bg-pink">-</td>
<td class="bg-orange">-</td>
<td class="bg-blue">-</td>
<td class="bg-coral">-</td>
</tr>
<tr>
<td class="subcategory">Questions in the conference feedback form</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">✓</td>
<td class="bg-grey">✓</td>
<td class="bg-pink">-</td>
<td class="bg-orange">-</td>
<td class="bg-blue">-</td>
<td class="bg-coral">-</td>
</tr>
<tr>
<td class="subcategory">One tweet to all @PyConIT subscribers</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">✓</td>
<td class="bg-grey">✓</td>
<td class="bg-pink">✓</td>
<td class="bg-orange">-</td>
<td class="bg-blue">-</td>
<td class="bg-coral">-</td>
</tr>
<tr>
<td class="subcategory">One post on all the official @PyConIT social channels</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">✓</td>
<td class="bg-grey">✓</td>
<td class="bg-pink">✓</td>
<td class="bg-orange">✓</td>
<td class="bg-blue">-</td>
<td class="bg-coral">✓</td>
</tr>
<tr>
<td class="category">Sponsor / Attendee Interaction</td>
<td class="bg-purple"></td>
<td class="bg-yellow"></td>
<td class="bg-grey"></td>
<td class="bg-pink"></td>
<td class="bg-orange"></td>
<td class="bg-blue"></td>
<td class="bg-coral"></td>
</tr>
<tr>
<td class="subcategory">Participation in the gamification</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">-</td>
<td class="bg-grey">-</td>
<td class="bg-pink">-</td>
<td class="bg-orange">-</td>
<td class="bg-blue">-</td>
<td class="bg-coral">-</td>
</tr>
<tr>
<td class="subcategory">Shared meeting room</td>
<td class="bg-purple">✓</td>
<td class="bg-yellow">✓</td>
<td class="bg-grey">✓</td>
<td class="bg-pink">-</td>
<td class="bg-orange">-</td>
<td class="bg-blue">-</td>
<td class="bg-coral">-</td>
</tr>
</tbody>
</table>
</body>
</html>
Output
300px
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. |