Addressing https://github.com/HabitRPG/habitrpg/issues/5244

Changes:
1. optOutText made more accurate
2. Modal heading in single translatable line with no link to wiki -
which looks nicer
3. Links to wiki articles about classes made translatable
4. New "Learn more" link to wiki article on classes system in the modal
footer

common/locales/en/character.json

@@ -109,15 +109,12 @@
     "taskAllocationPop": "Assigns points based on the Physical (Strength), Mental (Intelligence), Social (Constitution), and Other (Perception) categories associated with the tasks you complete.",
     "distributePoints": "Distribute Unallocated Points",
     "distributePointsPop": "Assigns all unallocated attribute points according to the selected allocation scheme.",
-    "chooseClass1": "Choose your",
-    "chooseClass2": "Class!",
-    "chooseClass3": "Or opt out to choose later.",
     "warriorText": "Warriors score more and better \"critical hits\", which randomly give bonus Gold, Experience, and drop chance for scoring a task. They also deal heavy damage to boss monsters. Play a Warrior if you find motivation from unpredictable jackpot-style rewards, or want to dish out the hurt in boss Quests!",
     "mageText": "Mages learn swiftly, gaining Experience and Levels faster than other classes. They also get a great deal of Mana for using special abilities. Play a Mage if you enjoy the tactical game aspects of Habit, or if you are strongly motivated by leveling up and unlocking advanced features!",
     "rogueText": "Rogues love to accumulate wealth, gaining more Gold than anyone else, and are adept at finding random items. Their iconic Stealth ability lets them duck the consequences of missed Dailies. Play a Rogue if you find strong motivation from Rewards and Achievements, striving for loot and badges!",
     "healerText": "Healers stand impervious against harm, and extend that protection to others. Missed Dailies and bad Habits don't faze them much, and they have ways to recover Health from failure. Play a Healer if you enjoy assisting others in your Party, or if the idea of cheating Death through hard work inspires you!",
     "optOut": "Opt Out",
-    "optOutText": "Can't be bothered with classes? Want to choose later? Opt out - you'll be a warrior and your points handled automatically. You can enable classes later under Settings.",
+    "optOutText": "Can't be bothered with classes? Want to choose later? Opt out - you'll be a warrior with no special abilities. You can read about the class system later on the wiki and enable classes at any time under User -> Stats.",
     "select": "Select",
     "stealth": "Stealth",
     "stealthNewDay": "When a new day begins, you will avoid damage from this many missed Dailies.",
@@ -140,5 +137,11 @@
     "unequipBattleGear": "Unequip Battle Gear",
     "unequipCostume": "Unequip Costume",
     "unequipPetMountBackground": "Unequip Pet, Mount, Background",
-    "animalSkins": "Animal Skins"
+    "animalSkins": "Animal Skins",
+    "chooseClassHeading": "Choose your Class! Or opt out to choose later.",
+    "warriorWiki": "<a href='http://habitrpg.wikia.com/wiki/Warrior' target='_blank'>Warrior</a>",
+    "mageWiki": "<a href='http://habitrpg.wikia.com/wiki/Mage' target='_blank'>Mage</a>",
+    "rogueWiki": "<a href='http://habitrpg.wikia.com/wiki/Rogue' target='_blank'>Rogue</a>",
+    "healerWiki": "<a href='http://habitrpg.wikia.com/wiki/Healer' target='_blank'>Healer</a>",
+    "chooseClassLearn": "<a href='http://habitrpg.wikia.com/wiki/Class_System' target='_blank'>Learn more about classes</a>"
 }

website/views/shared/modals/classes.jade

@@ -1,18 +1,11 @@
 script(type='text/ng-template', id='modals/chooseClass.html')  
   .modal-header
-    h4 
-      | 
-      =env.t('chooseClass1')
-      |  
-      a(href='http://habitrpg.wikia.com/wiki/Class_System' target='_blank')=env.t('chooseClass2')
-      | 
-      =env.t('chooseClass3')
+    h4=env.t('chooseClassHeading')
   .modal-body.select-class
     .container-fluid
       .row
         .col-md-3(ng-click='selectedClass = "warrior"')
-          h5
-            a(href='http://habitrpg.wikia.com/wiki/Warrior' target='_blank')=env.t('warrior')
+          h5!=env.t('warriorWiki')
           figure.herobox(ng-class='{"selected-class": selectedClass=="warrior"}')
             .character-sprites
               span(class='skin_{{user.preferences.skin}}')
@@ -26,8 +19,7 @@ script(type='text/ng-template', id='modals/chooseClass.html')
               span(class='shield_warrior_5')
               span(class='weapon_warrior_6')
         .col-md-3(ng-click='selectedClass = "wizard"')
-          h5
-            a(href='http://habitrpg.wikia.com/wiki/Mage' target='_blank')=env.t('mage')
+          h5!=env.t('mageWiki')
           figure.herobox(ng-class='{"selected-class": selectedClass=="wizard"}')
             .character-sprites
               span(class='skin_{{user.preferences.skin}}')
@@ -41,8 +33,7 @@ script(type='text/ng-template', id='modals/chooseClass.html')
               span(class='shield_wizard_5')
               span(class='weapon_wizard_6')
         .col-md-3(ng-click='selectedClass = "rogue"')
-          h5
-            a(href='http://habitrpg.wikia.com/wiki/Rogue' target='_blank')=env.t('rogue')
+          h5!=env.t('rogueWiki')
           figure.herobox(ng-class='{"selected-class": selectedClass=="rogue"}')
             .character-sprites
               span(class='skin_{{user.preferences.skin}}')
@@ -56,8 +47,7 @@ script(type='text/ng-template', id='modals/chooseClass.html')
               span(class='shield_rogue_6')
               span(class='weapon_rogue_6')
         .col-md-3(ng-click='selectedClass = "healer"')
-          h5
-            a(href='http://habitrpg.wikia.com/wiki/Healer' target='_blank')=env.t('healer')
+          h5!=env.t('healerWiki')
           figure.herobox(ng-class='{"selected-class": selectedClass=="healer"}')
             .character-sprites
               span(class='skin_{{user.preferences.skin}}')
@@ -79,3 +69,4 @@ script(type='text/ng-template', id='modals/chooseClass.html')
   .modal-footer
     button.btn.btn-sm.btn-danger(ng-click='user.ops.disableClasses({}); $close()', popover-placement='top', popover-trigger='mouseenter', popover=env.t('optOutText'))=env.t('optOut')
     button.btn.btn-primary(ng-disabled='!selectedClass' ng-click='changeClass(selectedClass); $close()')=env.t('select')
+    div.pull-left!=env.t('chooseClassLearn')