• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24

style = config['style']

    behavior = config['behavior']
    bar = """
      (function() {
        body = document.querySelector('body')
        var bar = `<div id='nanobar' style='
        border: %s ;
        background: linear-gradient(#373e44,#262c31);
        color: #eee;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 15px 0;
        text-align: center;
        z-index: 1;
        '>
        -- user content here --
        </div>`
        body.insertAdjacentHTML('afterbegin', bar);
        nanobar = document.querySelector('nanobar')
      })()
      """ % (style['border'])