diff --git a/public/css/style.css b/public/css/style.css index 44808643..85f49961 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -2530,3 +2530,10 @@ pre[class^="language-"] > code[class^="language-"], pre[class^="language-"] > co float: left; margin-left: 0; margin-right: 1.69492%; } } + +.dim { + opacity: 0.4; + filter: alpha(opacity=40); /* msie */ +} + +.show { } diff --git a/public/data/review.txt b/public/data/review.txt new file mode 100644 index 00000000..c451367e --- /dev/null +++ b/public/data/review.txt @@ -0,0 +1 @@ +I was asked to sign a third party contract a week out from stay. If it wasn't an 8 person group that took a lot of wrangling I would have cancelled the booking straight away. Bathrooms - there are no stand alone bathrooms. Please consider this - you have to clear out the main bedroom to use that bathroom. Other option is you walk through a different bedroom to get to its en-suite. Signs all over the apartment - there are signs everywhere - some helpful - some telling you rules. Perhaps some people like this but It negatively affected our enjoyment of the accommodation. Stairs - lots of them - some had slightly bending wood which caused a minor injury. diff --git a/public/data/tweets.txt b/public/data/tweets.txt new file mode 100644 index 00000000..260ec54f --- /dev/null +++ b/public/data/tweets.txt @@ -0,0 +1,12 @@ +I hate these new features On #ThisPhone after the update. +I hate #ThisPhoneCompany products, you'd have to torture me to get me to use #ThisPhone. +The emojis in #ThisPhone are stupid. +#ThisPhone is the worst phone I've ever had - ever. +#ThisPhone is a useless, stupid waste of money. +#ThisPhone stop cheating customers, lost all respect SHAME on u. +I'm worried my #ThisPhone is going to overheat like my brother's did. +#ThisPhoneCompany really let me down... my new phone won't even turn on. +Loving the colors in my #ThisPhone pictures. +Honestly I just love the look of the new #ThisPhone. +Wonderful #ThisPhone app delivers on all fronts, with excellent audio, gapless playback, collaborative playlists, and features for runners. + diff --git a/public/js/demo.js b/public/js/demo.js index 42e5e9b6..3f86fd24 100755 --- a/public/js/demo.js +++ b/public/js/demo.js @@ -40,13 +40,13 @@ function ready() { // load all json data first $.when( $.ajax('/data/threshold_v0.1.1.json'), - $.ajax('/data/customer-call.txt'), - $.ajax('/data/corporate-announcement.txt'), + $.ajax('/data/tweets.txt'), + $.ajax('/data/review.txt'), $.ajax('/data/personal-email.txt')) - .done(function(thresholds, customerCall, corporateAnnouncement, personalEmail) { + .done(function(thresholds, tweets, review, personalEmail) { var sampleText = { - 'customer-call': customerCall[0], - 'corporate-announcement': corporateAnnouncement[0], + 'review': review[0], + 'tweets': tweets[0], 'email': personalEmail[0], 'own-text': '' }; @@ -141,6 +141,7 @@ function allReady(thresholds, sampleText) { score: app.percentagify(item.score, 'Emotion Tone'), tooltip: app.toneHash()[item.tone_name].tooltip, likeliness: v1 > v3 ? 'VERY LIKELY' : v1 > v2 ? 'LIKELY' : 'UNLIKELY', + visible: v1 > v3 ? 'show' : v1 > v2 ? 'show' : 'dim', thresholdLow: app.percentagify(app.thresholds().doc[item.tone_name][0]), thresholdHigh: app.percentagify(app.thresholds().doc[item.tone_name][1]) }; @@ -159,6 +160,7 @@ function allReady(thresholds, sampleText) { label: item.tone_name, score: app.percentagify(item.score, 'Language Tone'), tooltip: app.toneHash()[item.tone_name].tooltip, + visible: v1 > v3 ? 'show' : v1 > v2 ? 'show' : 'dim', likeliness: v1 > v3 ? 'VERY LIKELY' : v1 > v2 ? 'LIKELY' : 'UNLIKELY' }; } @@ -176,7 +178,8 @@ function allReady(thresholds, sampleText) { label: item.tone_name, score: app.percentagify(item.score, 'Social Tone'), tooltip: app.toneHash()[item.tone_name].tooltip, - likeliness: v1 > v3 ? 'VERY LIKELY' : v1 > v2 ? 'LIKELY' : 'UNLIKELY' + likeliness: v1 > v3 ? 'VERY LIKELY' : v1 > v2 ? 'LIKELY' : 'UNLIKELY', + visible: v1 > v3 ? 'show' : v1 > v2 ? 'show' : 'dim' }; } @@ -359,12 +362,12 @@ function allReady(thresholds, sampleText) { $emotionGraph.html(_.template(emotionBarGraph_template, { items: emotionTone, className: 'emotion' - })); + })); $writingGraph.html(_.template(barGraph_template, { items: writingTone, className: 'writing' - })); + })); $socialGraph.html(_.template(barGraph_template, { items: socialTone, @@ -453,7 +456,7 @@ function allReady(thresholds, sampleText) { $output.hide(); $error.hide(); scrollTo($input); - $('#input-customer-call').trigger('click'); + $('#input-tweets').trigger('click'); } /** diff --git a/views/index.ejs b/views/index.ejs index b07f09c8..cde02753 100755 --- a/views/index.ejs +++ b/views/index.ejs @@ -6,7 +6,7 @@ - + @@ -52,7 +52,7 @@ Tone Analyzer @@ -89,14 +89,15 @@

Sample use cases

Choose an example to learn how you can adjust the tone of your content to change people's perceptions, or improve its effectiveness. Learn more.

- - + + + + - - +

Analyzing Customer Engagement Data? Try out the Tone Analyzer Customer Engagement Endpoint.


@@ -145,6 +146,7 @@
+
Thank You
- - +-->
@@ -207,12 +207,14 @@ +
@@ -259,6 +261,7 @@
+