Lissy93/twitter-sentiment-visualisation

extends layout
block pageConfig
    - var hideNav = true

block content
    div.top-left-controls-dark
        a.outline-button.auto-width(href='/', title='Back to Home') ← Home
        h2 Sentiment Globe
        input#txtKeyword(placeholder='Enter a keyword or topic', value='#{summary_text.searchTerm}')
        div.outline-button#btnSearch Search
        div.outline-button(title='Hide this container', id='btnHide') More Data

        div#theContent(style='display:none')
            p The globe shows the sentiment from Tweets around the world,
                | in real-time. Red indicates negative and green positive.
                | The height of the bar represents the scale of the sentiment.
                | You can use your mouse to rotate the globe.
            br
            p!=summary_text.globeSentence
            br
            a.outline-button(href='/') Home Page
            a.outline-button(href='/now') World Now
            a.outline-button(href='/search/#{summary_text.searchTerm}') New Search
            a.outline-button(href='/about') About App

            a.center.block.white-text.sml-margin(href='https://github.com/Lissy93/twitter-sentiment-visualisation/blob/dev/docs/LICENSE.md') Open sourced under MIT
            a.center.block.white-text.sml-margin(href='http://aliciasykes.com') © Alicia Sykes 2018

    div#container

block scripts
    script(type='text/javascript', src='/bower_components/Detector/index.js')
    script(type='text/javascript', src='/bower_components/three.min/index.js')
    script(type='text/javascript', src='/bower_components/Tween/index.js')
    script(type='text/javascript', src='/bower_components/globe/index.js')
    script(type='text/javascript', src='https://cdn.socket.io/socket.io-1.4.3.js')
    script(type='text/javascript').
        var sentimentResults = !{JSON.stringify(data)};
    script(type='text/javascript', src='/javascripts/globe.bundle.js')