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

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')