mirror of
https://github.com/Lissy93/twitter-sentiment-visualisation.git
synced 2021-05-12 19:52:18 +03:00
38 lines
1.4 KiB
Plaintext
38 lines
1.4 KiB
Plaintext
extends layout
|
|
|
|
block head
|
|
link(href='https://fonts.googleapis.com/icon?family=Material+Icons', rel='stylesheet')
|
|
|
|
block content
|
|
|
|
|
|
div.row.center-block(style='width: 80%')
|
|
div.col.s9.card-panel.input-field(style='height: 4em')
|
|
input#txtKeyword.validate(type='text', value='#{searchTerm}')
|
|
label(for='txtKeyword', style='margin-top: 1em') Enter a keyword, topic or search term to fetch new Tweets
|
|
|
|
div.col.s2.offset-s1.card-panel(style='height: 4em')
|
|
form.tree
|
|
input#size(type='radio', name='mode', value='size', checked='')
|
|
label(for='size') Size
|
|
input#count(type='radio', name='mode', value='count')
|
|
label(for='count') Count
|
|
|
|
div.row.center-block(style='width: 80%').card-panel
|
|
if searchTerm
|
|
- var relatingTo = ' relating to <b>'+searchTerm+'</b>'
|
|
else
|
|
- var relatingTo = ''
|
|
p The block diagram shows key terms that represented sentiment!{relatingTo}.
|
|
| The color represents sentiment, and the size of the block, weighting.
|
|
b You can hover over the blocks to see the topic being described.
|
|
div#tree
|
|
br
|
|
|
|
block scripts
|
|
script(type='text/javascript').
|
|
var data = !{JSON.stringify(data)};
|
|
script(type='text/javascript', src='/bower_components/d3/d3.min.js')
|
|
script(type='text/javascript', src='/javascripts/charts/break-down.js')
|
|
|