View
Theme
Font Style
7pt
8pt
9pt
10pt
11pt
Line Style
100%
110%
120%
130%
140%
Bold Keyword
Default
Inspector
Kkaefer
Eclipse
SQ Light
Lesser
Dark
Cobalt
Monokai
Rubyblue
Night
SQ Dark
Ambiance
Blackboard
Line Num.
Wrap Lines
Preview
Redraw
JS Tab
HTML Tab
CSS Tab
Live Tab
Prev. Tab
Next Tab
Browser
History…
Help
Edit
Settings
Auto Complete
Match Brackets
Match Highlight
Strip Whitespace
Auto Close Brackets
Auto Close Quotes
Show Print Margin
Undo
Redo
Delete
Select Line
Select All
Find & Replace
Find
Find in Repo.
Find Next
Find Previous
Replace Single
Replace All
Wrap Search
Revert
As Template
Diff Revision
Format
Compress
Text
Zen Coding
Indent
Tab Width
1
2
3
4
5
6
7
8
Indent Unit
1
2
3
4
5
6
7
8
Smart Indent
Use Tabs
Visible Tabs
Shift Left
Shift Right
Put Indent
Number
Increment by 1
Decrement by 1
Increment by 0.1
Decrement by 0.1
Increment by 10
Decrement by 10
Simple Math
Comment
Line
Move Up
Move Down
Copy Up
Copy Down
Go to Line…
Remove Line
Next Point
Prev. Point
Help
Share
Login
You can jump to the latest bin by adding
/latest
to your URL
×
z
Find
→
←
⟲
Replace
⊗
All
Replace
var Retro = { MAX_ROTATION: 3, VOTE_SYMBOL: '✓', addTo: null, rotate: function (obj) { var rand = Math.round((Math.random() * (this.MAX_ROTATION * 2) - 3) * 10) / 10; $(obj).css({ '-moz-transform': 'rotate(' + rand + 'deg)', '-webkit-transform': 'rotate(' + rand + 'deg)' }); }, add: function (obj) { this.addTo = obj; $('#intro').hide(); $('#new').find('textarea').addClass('default').attr('value', this.addTo.find('h2').text() + '...').end().show(); }, cancel: function () { $('#new').hide(); this.addTo = null; }, save: function () { this.addTo.find('ul').append("
" + $('#new textarea').attr('value') + "
"); this.rotate(this.addTo.find('li').last().click(function () { Retro.vote(this) })); this.cancel(); }, vote: function (obj) { $(obj).find('.votes').html($(obj).find('.votes').html() + this.VOTE_SYMBOL); } }; $(document).ready(function () { $('#reset').click(function () { if (confirm('Are you sure?')) { location.reload(); } return false; }); $('#export').click(function () { $("link").attr("href", $(this).attr('rel')); $("section li").css({ '-moz-transform': 'none', '-webkit-transform': 'none' }); }); $('section li').each(function () { Retro.rotate(this); }); $('section li').click(function () { Retro.vote(this); return false; }); $('header a').click(function () { Retro.add($(this).parent().parent()); return false; }); $('#new').find('a').click(function () { Retro.cancel(); return false; }).end().find('textarea').focus(function () { $(this).removeClass('default').attr('value', ''); }).end().submit(function () { Retro.save(); return false; }); $(window).bind('resize', function () { $('#new,#intro').each(function () { $(this).css({ 'left': ($(window).width() / 2) - ($(this).width() / 2) + 'px', 'top': ($(window).height() / 2) - ($(this).height() / 2) + 'px' }); }); }); $(window).resize(); $('#intro').find('#go').click(function () { $(this).parent().hide(); return false; }).end().show(); var today = new Date(); var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']; $('#timestamp').text(days[today.getDay()] + ', ' + today.getDate() + ' ' + months[today.getMonth()] + ' ' + today.getFullYear()); });
Retro : For Agile Retrospectives
Retro:For Agile Retrospectives
Reset
Export
What Worked
+
What Didn't
+
Next Time
+
New Sticky
What worked...
or
Cancel
Retro is an app to help you conduct an
agile retrospective
. Click the
+
next to each heading to add a "sticky" to that column. Afterwords you can vote for each sticky by clicking on it. When you're done, you can easily export your page. Enjoy!
Get Started!
html { color:#000; background:#fff; } body, div, ul, li, h1, h2, form, fieldset, input, textarea { margin:0; padding:0; } fieldset { border:0; } li { list-style:none; } h1, h2 { font-size:100%; font-weight:normal; } input, textarea { font-family:inherit; font-size:inherit; font-weight:inherit; } body { font:13px/1.231 "Helvetica Neue", Helvetica, Arial, clean, sans-serif; font-weight:400; } html, body { height:100%; color:#333; } a { color:#6a3e00; } a:hover { color:#9eb933; } nav { display:block; height:40px; background:#6a3e00 url("/attach/logo.png") top left no-repeat; } nav h1 { display:block; float:left; } nav h1 span { display:none; } #timestamp { display:none; } nav ul { float:right; margin:7px 0 0; } nav ul li { display:block; float:left; margin:0 0.5em; } nav ul li a { display:block; background-color:#f48c00; color:#fff; text-decoration:none; padding:0.2em 0.5em; font-size:116%; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px } h2 { letter-spacing:-0.06em; } section { } section header { display:block; background-color:#FBF1B6; border-right:4px solid #fff; padding:0.1em 0.3em; overflow:hidden; white-space:nowrap; } section header h2 { font-size:300%; font-weight:bold; color:#f48c00; float:left; } section header a { font-family:monospace; font-weight:bold; display:block; padding:0 0.22em; margin:0.2em; line-height:1; text-align:center; float:right; font-size:270%; text-decoration:none; color:#fff; background-color:#9eb933; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; } section header a:hover { color:#fff; background-color:#89A029; } #worked, #failed, #next { width:33%; padding:0 0 1em; float:left; } #next { width:34%; } #next header { border:none; } section ul { font-size:146.5%; } section ul li { display:block; float:left; margin:0.4em 1em; padding:0.5em 1em; background-color:#9eb933; color:#fff; cursor:pointer; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); border:2px solid #fff; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); } section ul li:hover { background-color:#92AA2D; } section ul li .votes { padding:0 0 0 0.5em; } #new { width:40em; height:23em; position:absolute; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 auto; top:200px; left:400px; border:5px solid #fff; -moz-box-shadow:10px 10px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow:10px 10px 10px rgba(0, 0, 0, 0.3); box-shadow:10px 10px 10px rgba(0, 0, 0, 0.3); } #new h2 { background-color:#6a3e00; padding:0.4em; font-size:197%; color:#fff; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; } #new fieldset { font-size:161.6%; margin:1em; text-align:center; } #new fieldset label { font-size:161.6%; } #new fieldset select { padding:0 0.2em; } #new fieldset textarea { display:block; width:100%; height:7em; margin:0 0 1em; font-family:Georgia; } #new fieldset textarea.default { color:#aaaaaa; } #new fieldset input { background-color:#f48c00; border:1px solid #f48c00; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; color:white; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.7); padding:0.2em 1em; cursor:pointer; } #intro { position:absolute; top:100px; left:200px; font-family:Georgia, 'Times New Roman', serif; width:28em; background-color:#eeeeee; padding:1em; font-size:131%; line-height:1.4; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; -moz-box-shadow:10px 10px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow:10px 10px 10px rgba(0, 0, 0, 0.3); box-shadow:10px 10px 10px rgba(0, 0, 0, 0.3); } #intro span { color:#9eb933; font-weight:bold; font-family:monospace; } #intro #go { display:block; text-align:center; margin:0.5em 0 0; font-size: 161.6%; }
Pop out
Help
About
×
×