API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 23rd, 2012
45
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.36 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html> <html lang='en'> <head> <meta charset='utf-8'> <title>Git Playback</title> <style type='text/css'>.container { margin-left: auto; margin-right: auto; width: 1000px; display:none; } .container div { width: 1000px; height: 800px; display:block; } body { background: #272822; } ul { list-style: none; } li { float: left; } pre { min-width: 480px; }</style> <link rel='stylesheet' href='http://yandex.st/highlightjs/6.2/styles/monokai.min.css' type='text/css'> </head> <body> <div id='playback'> <div class='container'>
  3. <div><ul>
  4. <li><pre><code>
  5. # git-playback
  6.  
  7. git-playback is a bash script that creates a visual playback of git commits. Run it from your repository like this:
  8.  
  9.     sh git-playback file1 file2...
  10.  
  11. git-playback automatically uses the branch you're currently on. Output will be written to playback.html.
  12. </code></pre></li>
  13. </ul></div>
  14. <div><ul>
  15. <li><pre><code>
  16. # git-playback
  17.  
  18. git-playback is a bash script that creates a visual playback of git commits. Use it like this:
  19.  
  20.     git clone git://github.com/mmozuras/git-playback.git
  21.     cd /repository/you/want/to/playback
  22.     sh /path/to/git-playback/git-playback file1 file2
  23.     open playback.html
  24.  
  25. git-playback automatically uses the branch you're currently on. Output will be written to playback.html.
  26. </code></pre></li>
  27. </ul></div>
  28. <div><ul>
  29. <li><pre><code>
  30. # git-playback
  31.  
  32. git-playback is a bash script that creates a visual playback of git commits. Use it like this:
  33.  
  34.     git clone git://github.com/mmozuras/git-playback.git
  35.     cd /repository/you/want/to/playback
  36.     sh /path/to/git-playback/git-playback file1 file2
  37.     open playback.html
  38.  
  39. git-playback automatically uses the branch you're currently on. Output will be written to playback.html.
  40. </code></pre></li>
  41. </ul></div>
  42. <div><ul>
  43. <li><pre><code>
  44. # git-playback
  45.  
  46. git-playback is a bash script that creates a visual playback of git commits. Use it like this:
  47.  
  48.     git clone git://github.com/mmozuras/git-playback.git
  49.     cd /repository/you/want/to/playback
  50.     sh /path/to/git-playback/git-playback file1 file2
  51.     open playback.html
  52.  
  53. git-playback automatically uses the branch you're currently on. Output will be written to playback.html.
  54. </code></pre></li>
  55. </ul></div>
  56. <div><ul>
  57. <li><pre><code>
  58. # git-playback
  59.  
  60. git-playback is a bash script that creates a visual playback of git commits. Use it like this:
  61.  
  62.     git clone git://github.com/mmozuras/git-playback.git
  63.     cd /repository/you/want/to/playback
  64.     sh /path/to/git-playback/git-playback file1 file2
  65.     open playback.html
  66.  
  67. git-playback automatically uses the branch you're currently on. Output will be written to playback.html.
  68. </code></pre></li>
  69. </ul></div>
  70. <div><ul>
  71. <li><pre><code>
  72. # git-playback
  73.  
  74. git-playback is a bash script that creates a visual playback of git commits. Use it like this:
  75.  
  76.     git clone git://github.com/mmozuras/git-playback.git
  77.     cd /repository/you/want/to/playback
  78.     sh /path/to/git-playback/git-playback file1 file2
  79.     open playback.html
  80.  
  81. git-playback automatically uses the branch you're currently on. Output will be written to playback.html.
  82. </code></pre></li>
  83. </ul></div>
  84. <div><ul>
  85. <li><pre><code>
  86. # git-playback
  87.  
  88. git-playback is a bash script that creates a visual playback of git commits. Use it like this:
  89.  
  90.     git clone git://github.com/mmozuras/git-playback.git
  91.     cd /repository/you/want/to/playback
  92.     sh /path/to/git-playback/git-playback file1 file2
  93.     open playback.html
  94.  
  95. git-playback automatically uses the branch you're currently on. Output will be written to playback.html.
  96. </code></pre></li>
  97. </ul></div>
  98. <div><ul>
  99. <li><pre><code>
  100. # git-playback
  101.  
  102. git-playback is a bash script that creates a visual playback of git commits. Use it like this:
  103.  
  104.     git clone git://github.com/mmozuras/git-playback.git
  105.     cd /repository/you/want/to/playback
  106.     sh /path/to/git-playback/git-playback file1 file2
  107.     open playback.html
  108.  
  109. git-playback automatically uses the branch you're currently on. Output will be written to playback.html.
  110. </code></pre></li>
  111. </ul></div>
  112. <div><ul>
  113. <li><pre><code>
  114. # git-playback
  115.  
  116. git-playback is a bash script that creates a visual playback of git commits. Use it like this:
  117.  
  118.     git clone git://github.com/mmozuras/git-playback.git
  119.     cd /repository/you/want/to/playback
  120.     sh /path/to/git-playback/git-playback file1 file2
  121.     open playback.html
  122.  
  123. git-playback automatically uses the branch you're currently on. Output will be written to playback.html.
  124. </code></pre></li>
  125. </ul></div>
  126. <div><ul>
  127. <li><pre><code>
  128. # git-playback
  129.  
  130. git-playback is a bash script that creates a visual playback of git commits. Use it like this:
  131.  
  132.     git clone git://github.com/mmozuras/git-playback.git
  133.     cd /repository/you/want/to/playback
  134.     sh /path/to/git-playback/git-playback file1 file2
  135.     open playback.html
  136.  
  137. git-playback automatically uses the branch you're currently on. Output will be written to playback.html.
  138. </code></pre></li>
  139. </ul></div>
  140. <div><ul>
  141. <li><pre><code>
  142. # git-playback
  143.  
  144. git-playback is a bash script that creates a visual playback of git commits. Use it like this:
  145.  
  146.     git clone git://github.com/mmozuras/git-playback.git
  147.     cd /repository/you/want/to/playback
  148.     sh /path/to/git-playback/git-playback file1 file2
  149.     open playback.html
  150.  
  151. git-playback automatically uses the branch you're currently on. Output will be written to playback.html.
  152. </code></pre></li>
  153. </ul></div>
  154. </div> </div> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script> <script src='http://yandex.st/highlightjs/6.2/highlight.min.js'></script> <script type='text/javascript'>(function($){ $.fn.playback = function() { return this.each(function(){ $('.container', $(this)).children().wrapAll('<div class=control/>'); var elem = $(this), control = $('.control', elem), total = control.children().size(), width = control.children().outerWidth(), height = control.children().outerHeight(), start = 0, next = 0, prev = 0, current = 0, active, position, direction; function animate(direction) { if (!active) { active = true; switch(direction) { case 'next': prev = current; next = current + 1; next = total === next ? 0 : next; position = width*2; direction = -width*2; current = next; break; case 'prev': prev = current; next = current - 1; next = next === -1 ? total-1 : next; position = 0; direction = 0; current = next; break; } control.children(':eq('+ next +')').css({ left: position, display: 'block' }); control.animate({ left: direction }, 350, function(){ control.css({ left: -width }); control.children(':eq('+ next +')').css({ left: width, zIndex: 5 }); control.children(':eq('+ prev +')').css({ left: width, display: 'none', zIndex: 0 }); active = false; }); } } if (start > total) { start = total - 1; } $('.container', elem).css({ overflow: 'hidden', position: 'relative' }); control.children().css({ position: 'absolute', top: 0, left: control.children().outerWidth(), zIndex: 0, display: 'none' }); control.css({ position: 'relative', width: (width + width + width), height: height, left: -width }); $('.container', elem).css({ display: 'block' }); control.children(':eq(' + start + ')').show(); $('body').keydown(function(e) { if(e.keyCode == 37) { animate('prev'); } else if(e.keyCode == 39) { animate('next'); } }); }); }; })(jQuery);</script> <script> jQuery(document).ready(function(){ jQuery('#playback').playback(); hljs.initHighlightingOnLoad(); }); </script> </body> </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!