-
-
Save tyrcho/692fc16812e7a1ecb457 to your computer and use it in GitHub Desktop.
This file contains hidden or 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> | |
| <title>Agile Catalog</title> | |
| <xmp theme="cerulean" style="display:none;"> | |
| This catalog references books and videos on agile. | |
| Last publication : May, 2015 | |
| Table of contents | |
| ================= | |
| *Note : this page is best viewed in a modern browser (IE >=9, Chrome, Firefox).* | |
| 5 min ScrumBan Podcasts | |
| ==================== | |
| These 5 min [#video](#video)s from Laurent Moriceau explain [#ScrumBan](#ScrumBan) : how to have [#Scrum](#Scrum) meet [#Kanban](#Kanban) | |
| * https://www.youtube.com/watch?v=qHYnLz9EnuQ | |
| * https://www.youtube.com/watch?v=8X0mywtJ_aI | |
| * https://www.youtube.com/watch?v=pOzlkPO3AAQ | |
| * https://www.youtube.com/watch?v=fpFPbiJr4Pc | |
| * https://www.youtube.com/watch?v=da3Tg5Q_GnA | |
| * https://www.youtube.com/watch?v=yPpVYerSzIg | |
| * https://www.youtube.com/watch?v=fBPqpkIzDwE | |
| * https://www.youtube.com/watch?v=qHYnLz9EnuQ | |
| Kanban principles by Laurent Moriceau | |
| =========== | |
| A [#video](#video) [#introduction](#introduction) to [#Kanban](#Kanban) in 1h10 : | |
| Shorter (47 min) version on InfoQ : http://www.infoq.com/fr/presentations/kanban-pour-it | |
| </xmp> | |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> | |
| <script src="http://strapdownjs.com/v/0.2/strapdown.js"></script> | |
| <script src="https://rawgit.com/jashkenas/coffeescript/master/extras/coffee-script.js"></script> | |
| <script src="http://masonry.desandro.com/masonry.pkgd.min.js"></script> | |
| <style> | |
| .navbar-fixed-top {position: relative;} | |
| body { | |
| padding-top : 0px ; | |
| } | |
| .even { | |
| background-color:rgba(225,150,225, 0.25); | |
| padding: 5px; | |
| } | |
| img { | |
| float: left; | |
| clear: left; | |
| margin-right: 20px; | |
| max-height: 100px; | |
| } | |
| h1 { | |
| clear: left; | |
| } | |
| * { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .masonry .item{ | |
| float: left; | |
| background: #F8F8F8;; | |
| border-radius: 5px; | |
| border: 1px solid rgb(225,225,225); | |
| width: 280px; | |
| margin:5px; | |
| border-radius: 5px; | |
| box-shadow: 5px 5px 4px 0 rgba(9,130,154,0.2); | |
| background: linear-gradient(rgba(225,225,225, 1), rgba(225,225,225, 0.1)); | |
| } | |
| .item h2 { | |
| font-size: 20px; | |
| line-height: 20px; | |
| text-align: center; | |
| } | |
| .content-item a { | |
| margin-left: 15px; | |
| } | |
| .content-item { | |
| border-top: 1px dotted #999; | |
| } | |
| </style> | |
| <script type="text/javascript"> | |
| eval(CoffeeScript.compile((function(){/** | |
| # div containing the TOC | |
| $("h1:first").after "<div id='tags' class='masonry'/>" | |
| $("h1:first").after "<div id='toc'/>" | |
| # add anchor to each <h1> | |
| $("h1:not(:first)").each (i, h) -> | |
| name = $(h).text() | |
| $(h).before("<br style='clear:both;'/><a href='##{name}' id='#{name}'/>") | |
| a = $(h).prev() | |
| $(h).detach() | |
| $(h).appendTo($(a)) | |
| # add link in toc to each <h1> | |
| # $("#toc").append "<h4><a href='##{$(h).text()}'>#{$(h).text()}</a></h4>\n" for h in $("h1:not(:first)") | |
| findTitle = (elt) -> | |
| h1 = $(elt).parent().prevAll("a:first()") | |
| if h1.text() | |
| h1 | |
| else | |
| findTitle($(elt).parent()) | |
| # process each #tag | |
| $("a:contains('#')").each (i, a) -> | |
| # head of section containing the current tag | |
| title = findTitle(a) | |
| name = a.innerText.replace("#", "") | |
| # do we create or reuse the <h2> in TOC to handle the #tag ? | |
| if $("#" + name).length is 0 | |
| $("#tags").append("<div id='#{name}' class='item'><h2><a href='#{@innerText}'>#{@innerText}</a></h2> <div id='content-#{name}'class='content-item'/></div>") | |
| else | |
| $("#" + name) | |
| titleText = $(title).text() | |
| # actual link to the section containing the tag | |
| h2 = $("#content-" + name) | |
| h2.append "<a href='##{titleText}'>#{titleText}</a><br/>" | |
| #wrap content between headers in divs | |
| $("#content").children("a").each (i, a) -> | |
| style = if (i % 2) then "odd" else "even" | |
| $(a).nextUntil("a").addBack().wrapAll("<div class='#{style}'>") | |
| **/}).toString().split('\n').slice(1, -1).join('\n'))); | |
| window.setTimeout(function(){ | |
| container = document.querySelector('.masonry'); | |
| msnry = new Masonry( container, { | |
| itemSelector: '.item' | |
| }); | |
| },100); | |
| </script> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment