GitHub Bookmark Plugin

raw.html

<li>
    <div class="select-menu js-menu-container js-select-menu">
        <span class="minibutton select-menu-button js-menu-target">
            Bookmark
        </span>

        <div class="select-menu-modal-holder js-menu-content js-navigation-container" data-pjax="">

            <div class="select-menu-modal">
                <div class="select-menu-header">
                    <span class="select-menu-title">Add this repo to your bookmark lists</span>
                    <span class="octicon octicon-remove-close js-menu-close"></span>
                </div>

                <div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket">

                    <div class="select-menu-item js-navigation-item">
                        <span class="select-menu-item-icon octicon octicon-check"></span>
                        <div class="select-menu-item-text">
                            JS Project
                        </div>
                    </div>

                    <div class="select-menu-item js-navigation-item">
                        <span class="select-menu-item-icon octicon octicon-check"></span>
                        <div class="select-menu-item-text">
                            PHP Projects
                        </div>
                    </div>

                    <div class="select-menu-item js-navigation-item">
                        <span class="select-menu-item-icon octicon octicon-check"></span>
                        <div class="select-menu-item-text">
                            Hardware Stuff
                        </div>
                    </div>

                    <div class="select-menu-item js-navigation-item">
                        <span class="select-menu-item-icon octicon octicon-check"></span>
                        <div class="select-menu-item-text">
                            Audio
                        </div>
                    </div>

                    <div class="select-menu-no-results">Nothing to show</div>
                </div>


                <div style="margin: 10px;">
                    <input type="text" name="newlist" placeholder="new list" style="width: 100%;">
                </div>
            </div>
        </div>
    </div>
</li>

sample.js

jQuery('.repohead .pagehead-actions').prepend(jQuery('<li><div class="select-menu js-menu-container js-select-menu"><span class="minibutton select-menu-button js-menu-target"> Bookmark </span><div class="select-menu-modal-holder js-menu-content js-navigation-container" data-pjax=""><div class="select-menu-modal"><div class="select-menu-header"><span class="select-menu-title">Add this repo to your bookmark lists</span><span class="octicon octicon-remove-close js-menu-close"></span></div><div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket"><div class="select-menu-item js-navigation-item"><span class="select-menu-item-icon octicon octicon-check"></span><div class="select-menu-item-text"> JS Project </div></div><div class="select-menu-item js-navigation-item"><span class="select-menu-item-icon octicon octicon-check"></span><div class="select-menu-item-text"> PHP Projects </div></div><div class="select-menu-item js-navigation-item"><span class="select-menu-item-icon octicon octicon-check"></span><div class="select-menu-item-text"> Hardware Stuff </div></div><div class="select-menu-item js-navigation-item"><span class="select-menu-item-icon octicon octicon-check"></span><div class="select-menu-item-text"> Audio </div></div><div class="select-menu-no-results">Nothing to show</div></div><div style="margin: 10px;"><input type="text" name="newlist" placeholder="new list" style="width: 100%;"></div></div></div></div></li>'));