<h1>Coffee Personality</h1>

<div ng-app="app" ng-controller="PersonalityController">
  <form id="twitterInput" ng-submit="getData()">
    <h2>Twitter Handle</h2>
    <input class="form-control form-control-vertical" id="twitterName" type="text" name="twitterHandle" ng-model="twitter">
    <input class="btn" type="submit" value="Submit">
  </form>
  <p></p>

  <div ng-if="preference" ng-cloak>
    <p>Your desire to discover and learn is {{curiosity | number:2 | decimalToPercent}}.</p>
    <p>Your desire to pursue new experiences is at {{liberty | number:2 | decimalToPercent}}.</p>
    <p>You sound like you would enjoy a {{preference}} roast.</p>

    <h3>Other Traits</h3>
    <p ng-repeat="stuff in array" ng-cloak>
      {{stuff.id}}: {{stuff.percentage*100 | number:0}}%
    </p>
  </div>
</div>

<h1>Coffee Personality</h1>

<div ng-app="app" ng-controller="PersonalityController">
  <form id="twitterInput" ng-submit="getData()">
    <h2>Twitter Handle</h2>
    <input class="form-control form-control-vertical" id="twitterName" type="text" name="twitterHandle" ng-model="twitter">
    <input class="btn" type="submit" value="Submit">
  </form>
  <p></p>

  <div ng-if="preference" ng-cloak>
    <p>Your desire to discover and learn is at {{curiosity | number:2 | decimalToPercent}}.</p>
    <p>Your desire to pursue new experiences is at {{liberty | number:2 | decimalToPercent}}.</p>
    <p>You sound like you would enjoy a {{preference}} roast.</p>

    <h3>Other Traits</h3>
    <p ng-repeat="stuff in array" ng-cloak>
      {{stuff.id}}: {{stuff.percentage*100 | number:0}}%
    </p>
  </div>
</div>

Change wording for curiosity description
Change wording for curiosity description
