angular.module('templates', []).run(['$templateCache', function($templateCache) {$templateCache.put('/achievement-titles/achievement-titles.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row crown p-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h2 class="orange-text mb-2">Achievement Titles</h2>\r\n               <p class="w-50 mt-3 text-white">\r\n                  Show off your outstanding accomplishments with\xA0a\xA0title granted to\xA0you by wielding legendary items\r\n                  or\xA0accomplishing extreme feats.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n               <h3 class="orange-text">Available Titles</h3>\r\n\r\n            </div>\r\n\r\n\t\t\t<div class="col-lg-6 mb-4">\r\n               <h5 class="text-white mb-3"> <span class="star mr-2">&starf;</span> Lorekeeper</h5>\r\n               <p class="text-gray">\r\n                 Knowledge is power! Lorekeeper is the title for those who managed to complete 1700 quests!\r\n               </p>\r\n            </div>\r\n\r\n\r\n\t\t\t<div class="col-lg-6 mb-4">\r\n               <h5 class="text-white mb-3"> <span class="star mr-2">&starf;</span> Cartographer</h5>\r\n               <p class="text-gray">\r\n                  For those that are bold and adventurous enough to discover all locations in both continents of Azeroth.\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-6 mb-4">\r\n               <h5 class="text-white mb-3"> <span class="star mr-2">&starf;</span> Sulfuron Champion</h5>\r\n               <p class="text-gray">\r\n                  Wielder of Sulfuras, Hand of Ragnaros.\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-6 mb-4">\r\n               <h5 class="text-white mb-3"> <span class="star mr-2">&starf;</span> Guardian of Tirisfal</h5>\r\n               <p class="text-gray">\r\n                  Wielder of Atiesh, Greatstaff of the Guardian.\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-6 mb-4">\r\n               <h5 class="text-white mb-3"> <span class="star mr-2">&starf;</span> Stormwielder</h5>\r\n               <p class="text-gray">\r\n                  Wielder of Thunderfury, Blessed Blade of\xA0the\xA0Windseeker.\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-6 mb-4">\r\n               <h5 class="text-white mb-3"> <span class="star mr-2">&starf;</span> Conqueror of Naxxramas</h5>\r\n               <p class="text-gray">\r\n                  Participated in the realm first defeat of\xA0Kel\'Thuzad\xA0in Naxxramas.\r\n               </p>\r\n            </div>\r\n\r\n\r\n            <div class="col-lg-6 mb-4">\r\n               <h5 class="text-white mb-3"> <span class="star mr-2">&starf;</span> Scarab Lord</h5>\r\n               <p class="text-gray">\r\n                  A proud owner of the Black Qiraji Battle Tank, the Legendary mount of Shifting Sands!\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-6 mb-4">\r\n               <h5 class="text-white mb-3"> <span class="star mr-2">&starf;</span> Immortal</h5>\r\n               <p class="text-gray">\r\n                  Reach level 60 in Hardcore Mode.\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-6 mb-4">\r\n               <h5 class="text-white mb-3"> <span class="star mr-2">&starf;</span> Seeker of Knowledge</h5>\r\n               <p class="text-gray">\r\n                  Seeker of Knowledge is the title for those who managed to complete 2800 quests!\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-6 mb-4">\r\n               <h5 class="text-white mb-3"> <span class="star mr-2">&starf;</span> Blood Ring Champion</h5>\r\n               <p class="text-gray">\r\n                  Reach Exalted with the Steamwheedle Blood Ring faction.\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-6 mb-4">\r\n               <h5 class="text-white mb-3"> <span class="star mr-2">&starf;</span> Crazy Cat Lady</h5>\r\n               <p class="text-gray">\r\n                  Get ready to embark on a wild adventure of snatching up every feline you come across on the street! Bring them all back to your humble abode and claim the ultimate title of Crazy Cat Lady in the game. It\'s time to show the world just how much you\'re head-over-heels in love with these purrfect little creatures. Meow!\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-6 mb-4">\r\n               <h5 class="text-white mb-3"> <span class="star mr-2">&starf;</span> Lord of the Frogs</h5>\r\n               <p class="text-gray">\r\n                  Are you a frog fanatic like us? Are you ready to hop around and explore every slimy corner in search of that rare breed? It\'s time to gather every frog in Azeroth and earn the legendary title of Lord of the Frogs! Let\'s ribbit our way to victory!\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-6 mb-4">\r\n               <h5 class="text-white mb-3"> <span class="star mr-2">&starf;</span> Bloodthirsty</h5>\r\n               <p class="text-gray">\r\n                  Reach 250000 honorable kills.\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-6 mb-4">\r\n               <h5 class="text-white mb-3"> <span class="star mr-2">&starf;</span> The Wanderer</h5>\r\n               <p class="text-gray">\r\n                  Reach level 60 in Vagrant\'s Endeavor challenge.\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-6 mb-4">\r\n               <h5 class="text-white mb-3"> <span class="star mr-2">&starf;</span> Diplomat</h5>\r\n               <p class="text-gray">\r\n                  You know what they say - you can\'t please everyone. But let\'s face it, who wants to be a people pleaser anyway? If you\'re ready to earn your title of Diplomat, it\'s time to prove the naysayers wrong! So, buckle up and get ready to cozy up with the Timbermaw Hold, Cenarion Circle, and Thorium Brotherhood.\r\n               </p>\r\n            </div>\r\n\r\n\t\t\t</div><div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-4 mt-4">\r\n               <img src="images/turtlewow_atiesh_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_atiesh.png\')">\r\n            </div>\r\n\r\n            <div class="col-lg-4 mt-4">\r\n               <img src="images/turtlewow_thunderfury_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_thunderfury.png\')">\r\n            </div>\r\n\r\n            <div class="col-lg-4 mt-4">\r\n               <img src="images/turtlewow_wielderofsulfuras_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_wielderofsulfuras.png\')">\r\n            </div>\r\n\r\n\t\t\t<div class="col-lg-4 mt-4">\r\n               <img src="images/turtlewow_cartographer_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_cartographer.png\')">\r\n            </div>\r\n\r\n\t\t\t<div class="col-lg-4 mt-4">\r\n               <img src="images/turtlewow_lorekeeper_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_lorekeeper.png\')">\r\n            </div>\r\n\r\n         <div class="col-lg-4 mt-4">\r\n            <img src="images/turtlewow_vagrantmode.webp" class="img-fluid hand" ng-click="lb(\'images/turtlewow_vagrantmode.webp\')">\r\n         </div>\r\n\r\n         <div class="col-lg-4 mt-4">\r\n            <img src="images/turtlewow_grandfrogus.webp" class="img-fluid hand" ng-click="lb(\'images/turtlewow_grandfrogus.webp\')">\r\n         </div>\r\n\r\n         <div class="col-lg-4 mt-4">\r\n            <img src="images/turtlewow_diplomat.webp" class="img-fluid hand" ng-click="lb(\'images/turtlewow_diplomat.webp\')">\r\n         </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/additional-transport-routes/additional-transport-routes.html','<div class="section mb-5" id="pages" style="background-image: url(images/subpagebackground.png)">\r\n    <div class="container-fluid pb-5">\r\n        <div class="container pt-5 pb-5">\r\n\r\n            <div class="row horse p-5">\r\n\r\n                <div class="col-lg-12 ">\r\n\r\n                    <h2 class="orange-text mb-1">Additional</h2>\r\n                    <h2 class="orange-text mb-2">Transport Routes</h2>\r\n                    <p class="w-50 mt-3 text-white">\r\n                        By creating new transport routes and flight paths, the Horde and Alliance\xA0can now access even\r\n                        the\r\n                        farthest corners of the world. Including\xA0those undeservedly forgotten.\r\n                    </p>\r\n\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12  mb-5">\r\n                    <h3 class="orange-text">New Flight Paths</h3>\r\n                </div>\r\n\r\n\r\n                <div class="col-lg-6 mb-4">\r\n                    <h5 class="text-white">\r\n                        <img src="images/icon_alliance_small.png" class="mb-1 mr-2">\r\n                        Dun Agrath</h5>\r\n                    <img src="images/footerline.png" class="mt-1 mb-2 w-75">\r\n                    <p class="text-gray">\r\n                        A quaint farming village nestled in the high ridges of the Wetlands. Unlocked by discovering\r\n                        Menethil Harbor.<Br><Br>\r\n                    </p>\r\n                </div>\r\n\r\n                <div class="col-lg-6 mb-4">\r\n                    <h5 class="text-white">\r\n                        <img src="images/icon_horde_small.png" class="mb-1 mr-2">\r\n                        Mosh\'ogg Refuge</h5>\r\n                    <img src="images/footerline.png" class="mt-1 mb-2 w-75">\r\n                    <p class="text-gray">\r\n                        The ogre clan of Mosh\u2019ogg is home to Gilijim\u2019s Isle and locked in an eternal conflict with the\r\n                        remaining troll tribes, struggling for dominance on the island. Unlocked by discovering Booty\r\n                        Bay.\r\n                    </p>\r\n                </div>\r\n\r\n\r\n                <div class="col-lg-6 mb-4">\r\n                    <h5 class="text-white">\r\n                        <img src="images/icon_alliance_small.png" class="mb-1 mr-2">\r\n                        Ironforge Airfield</h5>\r\n                    <img src="images/footerline.png" class="mt-1 mb-2 w-75">\r\n                    <p class="text-gray">\r\n                        Vital for many supply lines within Alliance territories, this icy plateau overlooks Dun Morogh\r\n                        and acts as a base for Ironforge\u2019s mountaineers. Unlocked by discovering Ironforge.\r\n                    </p>\r\n                </div>\r\n\r\n                <div class="col-lg-6 mb-4">\r\n                    <h5 class="text-white">\r\n                        <img src="images/icon_alliance_small.png" class="mb-1 mr-2">\r\n                        Alah\'thalas</h5>\r\n                    <img src="images/footerline.png" class="mt-1 mb-2 w-75">\r\n                    <p class="text-gray">\r\n                        Newly established city in the Northern Eastern Kingdoms that the High Elves now call their home.\r\n                    </p>\r\n                </div>\r\n\r\n\r\n                <div class="col-lg-6 mb-4">\r\n                    <h5 class="text-white">\r\n                        <img src="images/icon_alliance_small.png" class="mb-1 mr-2">\r\n                        Caelan\'s Rest</h5>\r\n                    <img src="images/footerline.png" class="mt-1 mb-2 w-75">\r\n                    <p class="text-gray">\r\n                        Shipwrecked on the shores of Lapidis Isle, these stout survivors from Kul Tiras fight tooth and\r\n                        nail on this hostile island surrounded by foes and traitors alike. Unlocked by discovering Booty\r\n                        Bay.\r\n                    </p>\r\n                </div>\r\n\r\n                <div class="col-lg-6 mb-4">\r\n                    <h5 class="text-white">\r\n                        <img src="images/icon_horde_small.png" class="mb-1 mr-2">\r\n                        <img src="images/icon_alliance_small.png" class="mb-1 mr-2">\r\n                        Nordanaar</h5>\r\n                    <img src="images/footerline.png" class="mt-1 mb-2 w-75">\r\n                    <p class="text-gray">\r\n                        As Nordrassil heals from demonic corruption, new threats emerge from the shadows. Druids of\r\n                        Hyjal have gathered in the ancient shrine of Nordanaar and lead the efforts to stop the Emerald\r\n                        Nightmare.\r\n                    </p>\r\n                </div>\r\n\r\n                <div class="col-lg-6 mb-4">\r\n                    <h5 class="text-white">\r\n                        <img src="images/icon_alliance_small.png" class="mb-1 mr-2">\r\n                        Ravenshire, Gilneas</h5>\r\n                    <img src="images/footerline.png" class="mt-1 mb-2 w-75">\r\n                    <p class="text-gray">\r\n                        The heart of the Ravenwood Rebellion, last bastion of resistance against tyranny of the Greymane\r\n                        dynasty.\r\n                    </p>\r\n                </div>\r\n\r\n                <div class="col-lg-6 mb-4">\r\n                    <h5 class="text-white">\r\n                        <img src="images/icon_horde_small.png" class="mb-1 mr-2">\r\n                        Stillward Church</h5>\r\n                    <img src="images/footerline.png" class="mt-1 mb-2 w-75">\r\n                    <p class="text-gray">\r\n                        Ravaged by the Greymane forces in the past, this abandoned church now serves as a main military\r\n                        base for the Forsaken in Gilneas.\r\n                    </p>\r\n                </div>\r\n\r\n                <div class="col-lg-6 mb-4">\r\n                    <h5 class="text-white">\r\n                        <img src="images/icon_alliance_small.png" class="mb-1 mr-2">\r\n                        Bael Hardul</h5>\r\n                    <img src="images/footerline.png" class="mt-1 mb-2 w-75">\r\n                    <p class="text-gray">\r\n                        Dwarven outpost in Stonetalon Mountains estabilished during the events of Warcraft 3, now\r\n                        reclaimed by the Explorers\' League.\r\n                    </p>\r\n                </div>\r\n\r\n                <div class="col-lg-12 mt-3 mb-3"></div>\r\n\r\n                <div class="col-lg-4">\r\n                    <img src="images/fp1.png" class="img-fluid hand" ng-click="lb(\'images/fp1.png\')">\r\n                </div>\r\n                <div class="col-lg-4">\r\n                    <img src="images/fp2.png" class="img-fluid hand" ng-click="lb(\'images/fp2.png\')">\r\n                </div>\r\n                <div class="col-lg-4">\r\n                    <img src="images/fp3.png" class="img-fluid hand" ng-click="lb(\'images/fp3.png\')">\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12  mb-5">\r\n                    <h3 class="orange-text">New Flying Machine Route</h3>\r\n                </div>\r\n\r\n                <div class="col-lg-6 mb-4">\r\n                    <h5 class="text-white">\r\n                        <img src="images/icon_horde_small.png" class="mb-1 mr-2">\r\n                        Sparkwater Port\r\n                        <img src="images/icon_boat_route.png" class="mb-1 ml-2 mr-2">Blackstone Island\r\n                    </h5>\r\n                </div>\r\n\r\n                <div class="col-lg-12 mt-3 mb-3"></div>\r\n\r\n                <img src="images/sparkwater_flying_machine.png" class="img-fluid hand"\r\n                     ng-click="lb(\'images/sparkwater_flying_machine.png\')">\r\n\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12  mb-5">\r\n                    <h3 class="orange-text">New Boat Routes</h3>\r\n                </div>\r\n\r\n                <div class="col-lg-4 mb-4">\r\n                    <h5 class="text-white">\r\n                        <img src="images/icon_alliance_small.png" class="mb-1 mr-2">\r\n                        Alah\'thalas\r\n                        <img src="images/icon_boat_route.png" class="mb-1 ml-2 mr-2">\r\n                        Auberdine\r\n                    </h5>\r\n                </div>\r\n\r\n                <div class="col-lg-4 mb-4">\r\n                    <h5 class="text-white">\r\n                        <img src="images/icon_alliance_small.png" class="mb-1 mr-2">\r\n                        Stormwind Harbor\r\n                        <img src="images/icon_boat_route.png" class="mb-1 ml-2 mr-2">\r\n                        Auberdine\r\n                    </h5>\r\n                </div>\r\n\r\n                <div class="col-lg-4 mb-4">\r\n                    <h5 class="text-white">\r\n                        <img src="images/icon_horde_small.png" class="mb-1 mr-2">\r\n                        Sparkwater Port\r\n                        <img src="images/icon_boat_route.png" class="mb-1 ml-2 mr-2">\r\n                        Revantusk Village\r\n                    </h5>\r\n                </div>\r\n\r\n                <div class="col-lg-12 mt-3 mb-3"></div>\r\n\r\n                <div class="col-lg-4">\r\n                    <img src="images/boat1.png" class="img-fluid hand" ng-click="lb(\'images/boat1.png\')">\r\n                </div>\r\n                <div class="col-lg-4">\r\n                    <img src="images/boat2.png" class="img-fluid hand" ng-click="lb(\'images/boat2.png\')">\r\n                </div>\r\n                <div class="col-lg-4">\r\n                    <img src="images/boat3.png" class="img-fluid hand" ng-click="lb(\'images/boat3.png\')">\r\n                </div>\r\n\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12  mb-5">\r\n                    <h3 class="orange-text">New Zeppelin Routes</h3>\r\n                </div>\r\n\r\n                <div class="col-lg-6 mb-4">\r\n                    <h5 class="text-white">\r\n                        <img src="images/icon_horde_small.png" class="mb-1 mr-2">\r\n                        Orgrimmar\r\n                        <img src="images/icon_boat_route.png" class="mb-1 ml-2 mr-2">\r\n                        Thunder Bluff\r\n                    </h5>\r\n                </div>\r\n\r\n                <div class="col-lg-6 mb-4">\r\n                    <h5 class="text-white">\r\n                        <img src="images/icon_horde_small.png" class="mb-1 mr-2">\r\n                        Orgrimmar\r\n                        <img src="images/icon_boat_route.png" class="mb-1 ml-2 mr-2">\r\n                        Kargath\r\n                    </h5>\r\n                </div>\r\n\r\n                <div class="col-lg-12 mt-3 mb-3"></div>\r\n\r\n                <div class="col-lg-4">\r\n                    <img src="images/zep1.png" class="img-fluid hand" ng-click="lb(\'images/zep1.png\')">\r\n                </div>\r\n                <div class="col-lg-4">\r\n                    <img src="images/zep2.png" class="img-fluid hand" ng-click="lb(\'images/zep2.png\')">\r\n                </div>\r\n                <div class="col-lg-4">\r\n                    <img src="images/zep3.png" class="img-fluid hand" ng-click="lb(\'images/zep3.png\')">\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n');
$templateCache.put('/changelog/changelog.html','<div class="section mb-5" id="pages" style="background-image: url(images/subpagebackground.png)">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row">\r\n            <div class="col-lg-7 p-5">\r\n               <h2 class="orange-text mb-2">CHANGELOG</h2>\r\n               <p class="mt-3 text-white">\r\n                  Turtle WoW has rescheduled their maintenance & update procedures.<BR><BR>\r\n\r\n                  From now on the server will be down for maintenance & bug fixes weekly every Tuesday morning anywhere\r\n                  between 7 AM \u2014 10 AM (07:00-10:00) Server Time.<BR><BR>\r\n\r\n                  Not much will change during these times, we still expect barely any downtime (~15 minutes) but this\r\n                  introduces a set schedule for when a player can expect downtime to increase clarity, transparency and\r\n                  planning.<BR><BR>\r\n\r\n                  Weekly changelogs will be published alongside these updates if any substantial changes have been made.\r\n               </p>\r\n            </div>\r\n            <div class="col-lg-5 cog">\r\n            </div>\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 ">\r\n\r\n               <h3 class="orange-text mb-4">{{changelog[logIndex].date}}\r\n\r\n                  <a class="hand orange-text pull-right ml-5 mr-5" ng-click="log(1)">Next</a>\r\n                  <a class="hand orange-text pull-right" ng-click="log(-1)">Previous</a>\r\n\r\n               </h3>\r\n               <ng-container ng-repeat="c in changelog[logIndex].changes">\r\n\r\n                  <p class="w-70 mt-3 text-white">\r\n                     <span class="star mr-3">&starf;</span> {{c.text}}\r\n                  </p>\r\n\r\n                  <ul class="ml-0">\r\n                     <li ng-repeat="b in c.bullets">{{b}}</li>\r\n                  </ul>\r\n\r\n               </ng-container>\r\n\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n      </div>\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/beginners-guild/beginners-guild.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row group p-5">\r\n\r\n            <div class="col-lg-12 ">\r\n\r\n               <h2 class="orange-text mb-2">Beginner\'s Guild</h2>\r\n               <p class="w-50 mt-3 text-white">\r\n                  In an effort to assist new players, we\xA0implemented\xA0a\xA0feature called The Beginner\u2019s Guild.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n            <div class="col-lg-5">\r\n\t\t\t<img src="images/turtlewow_guild.jpg" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_guild.jpg\')">\r\n            </div>\r\n\r\n            <div class="col-lg-7">\r\n\r\n               <p class="text-white pt-2 w-75 line-height-36">\r\n\r\n                  This feature is auto inviting players into a guild, helping them easily find players who are also just\r\n                  starting out fresh. We hope this further strengthens the community, and helps\xA0make many new friends\r\n                  for your future adventures in Azeroth. Please, meet\r\n                  &lt;Newcomers&gt!\r\n\r\n               </p>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-12 mt-5">\r\n\r\n               <iframe width="100%" height="480" src="https://www.youtube.com/embed/fA3RJf-GN0w"\r\n                       title="YouTube video player" frameborder="0"\r\n                       allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"\r\n                       allowfullscreen></iframe>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/character-customizations/character-customizations.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row moustache p-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h5 class="orange-text mb-0">New Character</h5>\r\n               <h2 class="orange-text mb-2">Customizations</h2>\r\n               <p class="w-50 mt-3 text-white">\r\n                  With new hair colors, skin paints and colors its never been\xA0easier\xA0to\xA0make your character truly yours.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n               <h3 class="orange-text">Hair Dyes</h3>\r\n               <div class="hair-dyes">\r\n\r\n               <p class="text-white">Do your new fancy shoulderpads look awful with your hair? Would you rather not cover your amazing face with an ugly helmet? Don\'t worry! Find your local barber in Stormwind or Crossroads and buy some hair dyes.</p>\r\n               <div class="col-lg-4 text-center">\r\n\r\n                  <img class="img-fluid hand w-100" src="images/turtlewow_barbershop_square.jpg"\r\n                       ng-click=lb(\'images/turtlewow_barbershop_square.jpg\')>\r\n\r\n               </div>\r\n               </div>\r\n            </div>\r\n         </div>\r\n\r\n         <div class="row pt-5 pb-0 pl-3 pr-3 mt-5">\r\n\r\n            <div class="col-lg-4 mb-5 text-center" ng-repeat="c in customizations">\r\n\r\n               <img class="img-fluid hand w-100" src="images/skins/{{c.file}}" style="height: 190px;"\r\n               ng-click="lb(\'images/skins/\' + c.file)">\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/chronoboon-displacer/chronoboon-displacer.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row p-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h5 class="orange-text mb-0">Suspending World Buffs:</h5>\r\n               <h2 class="orange-text mb-0">Chronoboon </h2>\r\n               <h2 class="orange-text mb-2">Displacer</h2>\r\n               <p class="w-50 mt-3 text-white">\r\n                  Alters the fabric of time, suspending beneficial world effects from dragonslaying, Dire Maul,\r\n                  Zul\'Gurub, Darkmoon Faire and Felwood.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n               <h4 class="orange-text mb-3">Chronoboon Displacer</h4>\r\n\r\n               <p class="text-white w-50">\r\n                  The purpose of this item is to store world buffs pausing their timers to use the remaining duration\r\n                  when you please.\r\n                  <br><br>\r\n                  <span class="text-gray">Cost: </span> 5 gold <span class="text-gray">Unique and Soulbound</span>\r\n               </p>\r\n\r\n               <img src="images/footerline.png" class="mt-3 mb-4 w-100">\r\n\r\n               <p class="text-white">\r\n\r\n                  Consumed on use, turns into Supercharged Chronoboon Displacer if you have world buffs, storing\r\n                  them\xA0for later use. Cannot use in combat, battlegrounds, arenas, or during raid encounters.\r\n                  <br><br>\r\n                  Once consumed you can buy another one from Chromie.\r\n                  <br><br>\r\n                  Buffs stored: Rallying Cry of the Dragonslayer, Spirit of Zandalar, Mol\'dar\'s Moxie, Fengus\' Ferocity,\r\n                  Slip\'kik\'s Savvy, Songflower Serenade, Sayge\'s Dark Fortune of Damage, Sayge\'s Dark Fortune\r\n                  of\xA0Agility, Sayge\'s Dark Fortune of Armor, Sayge\'s Dark Fortune of Intelligence, Sayge\'s Dark Fortune\r\n                  of\xA0Resistance, Sayge\'s Dark Fortune of Spirit, Sayge\'s Dark Fortune of Stamina, Sayge\'s Dark Fortune\r\n                  of\xA0Strength, Warchief\'s Blessing.\r\n\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n               <h4 class="orange-text mb-0">Supercharged</h4>\r\n               <h4 class="orange-text mb-3">Chronoboon Displacer</h4>\r\n\r\n               <p class="text-white w-75">\r\n                  The purpose of this item is to restore any world buffs stored by the <span class="orange-text">Chronoboon Displacer</span>.\r\n                  <br><br>\r\n                  <span class="text-gray">Consumed on use</span>\r\n               </p>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-7">\r\n\r\n               <p class="text-white">\r\n                  While you have world buffs stored you cannot benefit from them and any new world buffs you get\r\n                  while\xA0having this. Item will fade from you if you already have them stored. Cannot use in combat,\r\n                  battlegrounds, arenas, or during raid encounters.<Br><Br>\r\n\r\n               </p>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-5">\r\n               <img src="images/turtlewow_\xDFhronoboon_preview.png" class="w-100">\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/class-race-combinations/class-race-combinations.html','<div class="section mb-5" id="pages" style="background-image: url(images/subpagebackground.png)">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row shield p-5">\r\n\r\n            <div class="col-lg-12 ">\r\n\r\n               <h4 class="orange-text mb-0">Additional class & race</h4>\r\n               <h2 class="orange-text mb-2">combinations</h2>\r\n               <p class="w-75 mt-3 text-white">\r\n                  As many new dangers show themselves, new heroes rise to take on the challenge. Orc mages trained by\r\n                  their other kin in the arts of the arcane, dwarf mages reconnecting with their titanic past, undead\r\n                  hunters rekindling their sharp senses and survival skills, gnomes hunters bending mighty beasts to\r\n                  their will with technological marvels, its truly the time of adventurers.\r\n               </p>\r\n\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5 combinations">\r\n\r\n            <div class="col-lg-6">\r\n               <div class="p-4">\r\n                   <div  class="class-race-flex" style="background-color: transparent !important">\r\n                  <h5 class="orange-text"> Orc \u2022 Mage\r\n                  </h5>\r\n                       <div class="class-race-pics" style="background-color: transparent !important">\r\n                       <img src="images/icon_mage.png" class="pull-right ml-2">\r\n                       <img src="images/icon_orc.png" class="pull-right ml-2">\r\n                       </div>\r\n                   </div>\r\n                  <p class="class-race-p">While orcs typically lean towards their affinity for elemental magic, their time on Azeroth has brought them valuable teachings from the ogre and troll mages. Today, a fresh generation of orcish spellcasters diligently delves into the ancient tomes, meticulously unearthing the long-buried arcane secrets.</p>\r\n                  <img src="images/turtlewow_orcmage_preview.png" class="img-fluid h-100 hand class-race-img mt-4 w-100"\r\n                       ng-click="lb(\'images/turtlewow_orcmage.png\')">\r\n               </div>\r\n            </div>\r\n\r\n            <div class="col-lg-6">\r\n               <div class="p-4">\r\n                   <div  class="class-race-flex" style="background-color: transparent !important">\r\n                  <h5 class="orange-text"> Dwarf \u2022 Mage\r\n                  </h5>\r\n                       <div class="class-race-pics" style="background-color: transparent !important">\r\n                       <img src="images/icon_mage.png" class="pull-right ml-2">\r\n                       <img src="images/icon_dwarf.png" class="pull-right ml-2">\r\n                       </div>\r\n                   </div>\r\n                  <p class="class-race-p">Dwarves possess an inherent affinity for Arcane magic, a power further fortified by their lineage traced back to the Titans. In a remarkable revival, the Azurestone Order, a guild of dwarves exceptionally adept in the arcane arts, has been reestablished. Now, it falls upon the shoulders of these skilled dwarven mages to rekindle the Order\'s former strength and grandeur.</p>\r\n                  <img src="images/turtlewow_dwarfmage_preview.png" class="img-fluid h-100 hand class-race-img w-100"\r\n                       ng-click="lb(\'images/turtlewow_dwarfmage.png\')">\r\n               </div>\r\n            </div>\r\n\r\n            <div class="col-lg-6 mt-4">\r\n               <div class="p-4" style="height: 40rem">\r\n                   <div  class="class-race-flex" style="background-color: transparent !important">\r\n                  <h5 class="orange-text"> Gnome \u2022 Hunter\r\n                  </h5>\r\n                       <div class="class-race-pics" style="background-color: transparent !important">\r\n                       <img src="images/icon_hunter.png" class="pull-right ml-2">\r\n                       <img src="images/icon_gnome.png" class="pull-right ml-2">\r\n                       </div>\r\n                   </div>\r\n                  <p class="class-race-p">The ingenious gnomes of Gnomeregan stand as masterful inventors, skilled mechanics, and adept constructors. Their expertise with firearms and intricate gadgets has long positioned them as outstanding marksmen. However, with the invaluable support of their Dwarven allies, they have further solidified their hunting prowess. Today, they hunt amidst the rolling hills of Dun Morogh, not only showcasing their strength but also providing sustenance and vital resources for the refugees of Gnomeregan.</p>\r\n                  <img src="images/turtlewow_gnomehunter_01_preview.png" class="img-fluid h-100 hand class-race-img mt-4 w-100"\r\n                       ng-click="lb(\'images/turtlewow_gnomehunter_01.png\')">\r\n               </div>\r\n            </div>\r\n\r\n            <div class="col-lg-6 mt-4">\r\n               <div class="p-4 undead" style="height: 40rem">\r\n                   <div  class="class-race-flex" style="background-color: transparent !important">\r\n                  <h5 class="orange-text"> Undead \u2022 Hunter\r\n                  </h5>\r\n                       <div class="class-race-pics" style="background-color: transparent !important">\r\n                  <img src="images/icon_hunter.png" class="pull-right ml-2">\r\n                  <img src="images/icon_undead.png" class="pull-right ml-2">\r\n                       </div>\r\n                   </div>\r\n                  <p class="class-race-p">\r\n                     Countless Forsaken have clung to the memories of their former lives, particularly those who once roamed the lush forests of Lordaeron as skilled hunters. Guided and mentored by the enigmatic Dark Rangers, they have embarked on a journey to rekindle their prowess as marksmen and masterful trappers. These reawakened skills now find a new purpose as they ardently dedicate themselves to the cause of the Dark Lady.</p>\r\n                  <img src="images/turtlewow_undeadhunter_01_preview.png" class="img-fluid h-100 hand class-race-img mt-5 w-100"\r\n                       ng-click="lb(\'images/turtlewow_undeadhunter_01.png\')">\r\n               </div>\r\n            </div>\r\n\r\n            <div class="col-lg-6 mt-4">\r\n               <div class="p-4 human">\r\n                   <div  class="class-race-flex" style="background-color: transparent !important">\r\n                  <h5 class="orange-text"> Human \u2022 Hunter\r\n                  </h5>\r\n                       <div class="class-race-pics" style="background-color: transparent !important">\r\n                       <img src="images/icon_hunter.png" class="pull-right ml-2">\r\n                       <img src="images/icon_human.png" class="pull-right ml-2">\r\n                       </div>\r\n                   </div>\r\n                  <p class="class-race-p">Many humans have been training vigorously with their newfound High Elven allies ever since they joined forces. They have been forging strong bonds with nature and honing their marksmanship skills. Finally, the first line of Human Hunters is now fully prepared and ready to face whatever challenges the world may present.</p>\r\n                  <img src="images/turtlewow_humanhunter.webp" class="img-fluid h-100 hand class-race-img hunter w-100"\r\n                       ng-click="lb(\'images/turtlewow_humanhunter.webp\')">\r\n               </div>\r\n            </div>\r\n\r\n            <div class="col-lg-6 mt-4">\r\n               <div class="p-4">\r\n                   <div  class="class-race-flex" style="background-color: transparent !important">\r\n                  <h5 class="orange-text"> Troll \u2022 Warlock\r\n                  </h5>\r\n                       <div class="class-race-pics" style="background-color: transparent !important">\r\n                       <img src="images/icon_warlock.png" class="pull-right ml-2" style="width: 2.5rem">\r\n                       <img src="images/icon_troll.png" class="pull-right ml-2">\r\n                       </div>\r\n                   </div>\r\n                   <p class="class-race-p">The reunion of the forest trolls and the Darkspear tribes has resulted in a fusion of cultures. As a consequence, the prominence of dark magic has increased within troll society, offering new avenues for those who crave power. The audacious tusken kin, willing to pay the price, are now prepared to venture into the wider world. The question remains: Will you rise above all others, or will your insatiable hunger for power lead to your downfall?</p>\r\n                   <img src="images/troll_warlock-new.png" class="img-fluid h-100 hand class-race-img w-100"\r\n                        ng-click="lb(\'images/troll_warlock-new.png\')">\r\n               </div>\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/client-interface-improvements/client-interface-improvements.html','<div class="section mb-5" id="pages">\r\n    <div class="container-fluid pb-5">\r\n        <div class="container pt-5 pb-5">\r\n\r\n            <div class="row brush p-5">\r\n\r\n                <div class="col-lg-12 ">\r\n\r\n                    <h2 class="orange-text mb-1">CLIENT INTERFACE</h2>\r\n                    <h2 class="orange-text mb-2">IMPROVEMENTS</h2>\r\n                    <p class="w-50 mt-3 text-white">\r\n                        As the development continues and we add more content to the game, we aim to help you better\r\n                        navigate through all the changes. For that reason, our team is hard at work on improving the\r\n                        interface to make your journey more enjoyable.\r\n                    </p>\r\n\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-5">\r\n                    <img src="images/postman.png" ng-click="lb(\'images/postman.png\')" class="img-fluid hand">\r\n                </div>\r\n                <div class="col-lg-7">\r\n                    <h5 class="orange-text mt-3 mb-4">Items Sent to the Winner</h5>\r\n                    <p class="text-white w-75">\r\n                        Items won through group loot will no longer become free-for-all if the roll winner\'s bags are full. Any rare or higher quality items that are still unlooted upon the corpse despawning will be sent to the winner by mail, instead of being lost forever.\r\n                    </p>\r\n                </div>\r\n                <div class="col-lg-12 mt-4 mb-4"></div>\r\n                <div class="col-lg-5">\r\n                    <img src="images/world_map.png" ng-click="lb(\'images/world_map.png\')" class="img-fluid hand">\r\n                </div>\r\n                <div class="col-lg-7">\r\n                    <h5 class="orange-text mt-3 mb-4">Minimized World Map</h5>\r\n                    <p class="text-white w-75">\r\n                        Your world map can now be minimized by clicking the arrow button next to the close button, allowing a more streamlined experience.\r\n                    </p>\r\n                </div>\r\n                <div class="col-lg-12 mt-4 mb-4"></div>\r\n                <div class="col-lg-5">\r\n                    <img src="images/turtlewow_hcchat.webp" ng-click="lb(\'images/turtlewow_hcchat.webp\')" class="img-fluid hand">\r\n                </div>\r\n                <div class="col-lg-7">\r\n                    <h5 class="orange-text mt-3 mb-4">Hardcore Channel</h5>\r\n                    <p class="text-white w-75">\r\n                        You can access hardcore channel by typing a chat command /h now, if you\'re hardcore player. This channel is disabled at level 60 if you are not an Inferno Mode player and therefore immortal again.                </div>\r\n\r\n                <div class="col-lg-12 mt-4 mb-4"></div>\r\n                <div class="col-lg-5">\r\n                    <img src="images/turtlewow_lookingforgroup.png" ng-click="lb(\'images/turtlewow_lookingforgroup.png\')" class="img-fluid hand">\r\n                </div>\r\n\r\n                <div class="col-lg-7">\r\n                    <h5 class="orange-text mt-3 mb-4">LFT \u2014 Looking For Turtles</h5>\r\n                    <p class="text-white w-75">\r\n                        Looking for Group Addon for Turtle WoW. Allowing you to queue for\xA0a\xA0dungeon, shows a list of\r\n                        available\r\n                        dungeons\xA0and how many people\xA0are\xA0queueing. This addon will\xA0not teleport you and your\r\n                        group\xA0inside\xA0the\r\n                        dungeon.\r\n                    </p>\r\n                </div>\r\n\r\n                <div class="col-lg-12 mt-4 mb-4"></div>\r\n\r\n                <div class="col-lg-5">\r\n                    <img src="images/turtlewow_questlog.png" ng-click="lb(\'images/turtlewow_questlog.png\')" class="img-fluid hand">\r\n                </div>\r\n                <div class="col-lg-7">\r\n                    <h5 class="orange-text mt-3 mb-4">Extended Quest Log</h5>\r\n                    <p class="text-white w-75">\r\n                        Now enough space to see all quests at the same time.\r\n                        coming\r\n                        with the\xA0next\xA0update!\r\n                    </p>\r\n                </div>\r\n\r\n\r\n                <div class="col-lg-12 mt-4 mb-4"></div>\r\n\r\n                <div class="col-lg-5">\r\n                    <img src="images/turtlewow_xpgaintoggle.png" ng-click="lb(\'images/turtlewow_xpgaintoggle.png\')" class="img-fluid hand">\r\n                </div>\r\n                <div class="col-lg-7">\r\n                    <h5 class="orange-text mt-3 mb-4">XP Gain Toggle on Player\'s Portrait</h5>\r\n                    <p class="text-white w-75">\r\n                        Experience can now be toggled on and off by right-clicking on\xA0your\xA0character\xA0portrait.\r\n                    </p>\r\n                </div>\r\n\r\n\r\n                <div class="col-lg-12 mt-4 mb-4"></div>\r\n\r\n                <div class="col-lg-5">\r\n                    <img src="images/turtlewow_collections.png" ng-click="lb(\'images/turtlewow_collections.png\')" class="img-fluid hand">\r\n                </div>\r\n                <div class="col-lg-7">\r\n                    <h5 class="orange-text mt-3 mb-4">Pet & Mount Collections</h5>\r\n                    <p class="text-white w-75">\r\n                        Rejoice pet collectors for your little ones will no longer have to spend their time at the bank\r\n                        waiting for you. New collection tab can be used to bring all of\r\n                        your\r\n                        pets with you on your numerous journeys. You heard about pulling a rabbit out of the hat. How\r\n                        about\r\n                        pulling a\xA0horse out of the spellbook? Amongst other functions, there is a\r\n                        mount tab\r\n                        where you can store all your favorite mounts.\r\n                    </p>\r\n                </div>\r\n\r\n\r\n                <div class="col-lg-12 mt-4 mb-4"></div>\r\n\r\n                <div class="col-lg-5">\r\n                    <img src="images/turtlewow_battlegroundfinder.png" ng-click="lb(\'images/turtlewow_battlegroundfinder.png\')" class="img-fluid hand">\r\n                </div>\r\n                <div class="col-lg-7">\r\n                    <h5 class="orange-text mt-3 mb-4">Battleground Finder on the Minimap</h5>\r\n                    <p class="text-white w-75">\r\n                        From the sands of the Blood Ring to the timeless conflicts of Sunnyglade Valley, there are many\r\n                        opportunities to earn fame and glory for your faction!\r\n                    </p>\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n');
$templateCache.put('/community-artworks/community-artworks.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n          <div class="row p-5" id="official-artwork-container">\r\n\r\n              <div class="col-lg-12"  id="official-artwork">\r\n                  <div>\r\n                      <h5 class="orange-text mb-0">Official</h5>\r\n                      <h2 class="orange-text mb-2">Artworks</h2>\r\n                      <p class="w-75 mt-3 text-white">\r\n                          Turtle WoW is a community-driven project, and we are grateful to those who contribute their unique talents to enhance it by creating the amazing promotional artwork for our content! You have probably seen those beautiful pictures on our website, social media or the launcher.                      </p>\r\n                  </div>\r\n                  <div id="official-artwork-pictures">\r\n                      <div class="col-lg-4"><div ><img src="images/art_adventurers.png" class="img-fluid h-75 hand" ng-click="lb(\'images/art_adventurers.png\')"></div>\r\n                      <div class="mb-5 text-center orange-text">Mysteries of Azeorth, <br>Misho Tenev</div></div>\r\n                      <div class="col-lg-4"><div ><img src="images/art_crescent_grove_no_logo.png" class="img-fluid h-75 hand" ng-click="lb(\'images/art_crescent_grove_no_logo.png\')"></div>\r\n                      <div class="mb-5 text-center orange-text">Crescent Grove, <br>Ghor</div></div>\r\n                      <div class="col-lg-4"><div ><img src="images/art_giln.png" class="img-fluid h-75 hand" ng-click="lb(\'images/art_giln.png\')"></div>\r\n                      <div class="mb-5 text-center orange-text">Beyond the Greymane Wall, Stonegut</div></div>\r\n                  </div>\r\n              </div>\r\n\r\n          </div>\r\n\r\n         <div class="row p-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h5 class="orange-text mb-0">Community</h5>\r\n               <h2 class="orange-text mb-2">Artworks</h2>\r\n               <p class="w-75 mt-3 text-white">\r\nWe are happy to see that our community is constantly growing and attracting many new players, amongst whom we have encountered a lot of creative and talented individuals. Thanks to all our players for living in our world and creating wonderful memories!<br><br>Submit your artwork to info@turtlewow.org to get featured on our website and social media, and possibly in-game!\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row pt-5 pb-0 pl-3 pr-3 mt-5">\r\n\r\n            <div class="col-lg-4 mb-5 text-center orange-text" ng-repeat="c in artworks">\r\n\r\n               <div style="width:100%; height: 190px; background-image: url(\'images/artworks/{{c.file}}\'); background-size: cover"\r\n                    class="hand" ng-click="lb(\'images/artworks/\' + c.file)"></div>\r\n\r\n               {{c.author}}\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n          <div class="row pt-5 pb-0 pl-3 pr-3 mt-5">\r\n\r\n              <div class="col-lg-12"  id="official-artwork">\r\n                  <div>\r\n                      <h5 class="orange-text mb-0">Community Art Museum</h5>\r\n                      <p class="w-100 mt-3 text-white">\r\n                          Your creative efforts haven\'t gone unnoticed by the goblins of Gadgetzan, and they have gone through the effort of building a proper art museum in Steamwheedle Port! Being rich in gold brings taste in art they say, most of the time anyway.\r\n                            <br>\r\n                          You can now find a dedicated art museum of your favorite Art Contest winners in Tanaris, located in Steamwheedle Port to the east of Gadgetzan.\r\n                      </p>\r\n                  </div>\r\n                  <img src="images/art_museum.webp" class="img-fluid">\r\n              </div>\r\n\r\n          </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/donate/donate.html','<div class="section mb-5 donate" id="pages" style="background-image: url(images/donatebg.png)"><div class="container-fluid pt-1"><div class="container pt-5"><div class="row p-5 mt-5"><div class="col-lg-6 "><h2 class="orange-text mb-2 font-weight-bold">Donations —<Br> How does it work?</h2><p class="w-100 mt-3 mb-5 text-white">We have a scaling milestone donation system that starts from 30 Euro. Your support will be rewarded with a bonus of extra 2.5% tokens every 10 Euro, that scales up to a maximum of 40%. This bonus is calculated automatically, for each separate received donation.<br><span class="orange-text">The ratio is 10:1, which means 1 Euro gives you 10 tokens. </span></p></div><div class="col-lg-6"><div class="shield text-center"><p class="sum"> {{user.tokens}} </p><p class="text"> tokens </p></div></div><div class="col-lg-6 bg-dark-gray p-3"><div ng-repeat="d in discounts" ng-if="$index < 5" class="dono"><div class="d-inline-block text-white" style="width: 70px;"><span class="orange-text">&euro;</span> {{d[0]}}</div><div class="d-inline-block text-right text-gray" style="width: 80px; "> + {{d[1]}}%</div><div class="d-inline-block text-center text-gray" style="width: 70px; "> ⟶</div><div class="d-inline-block text-center text-white" style="width: 100px; "><img class="mr-1" src="images/icon_turtle_small.png">{{_round(d[0] * 10 + d[0] * d[1] / 10)}}</div></div></div><div class="col-lg-6 bg-dark-gray p-3"><div ng-repeat="d in discounts" ng-if="$index >= 5" class="dono"><div class="d-inline-block text-white" style="width: 70px;"><span class="orange-text">&euro;</span> {{d[0]}}</div><div class="d-inline-block text-right text-gray" style="width: 80px; "> + {{d[1]}}%</div><div class="d-inline-block text-center text-gray" style="width: 70px; "> ⟶</div><div class="d-inline-block text-center text-white" style="width: 100px; "><img class="mr-1" src="images/icon_turtle_small.png">{{_round(d[0] * 10 + d[0] * d[1] / 10)}}</div></div></div><div class="col-lg-12 mt-5 mb-3"><p class="text-white w-100">If you want to help support our project or would like to obtain some of our donation rewards, you have the following options:</p></div><div class="col-lg-4 text-gray2 text-left hand" ng-click="donateSetVisible(donate_visible_enum.GP)"><img src="images/buttongamepoints.png" class="w-100"><p class="mt-3">&nbsp;</p></div><div class="col-lg-4 text-gray2 text-center hand" ng-click="donateSetVisible(donate_visible_enum.ENOT)"><img src="images/buttonenot.png" class="w-100"><p class="mt-3">&nbsp;</p></div><div class="col-lg-4 text-gray2 text-center hand " ng-click="donateSetVisible(donate_visible_enum.PAYPAL)"><img src="images/buttonpaypal.png" class="w-100"><p class="mt-3">&nbsp;</p></div><!--            <div class="col-lg-3 pr-0 text-gray2 text-center">--><!--               <img src="images/buttonbitcoin.png" class="img-fluid">--><!--               <p class="mt-3">--><!--                  Soon--><!--               </p>--><!--            </div>--><div class="col-lg-4 text-gray2 text-left hand" ng-click="donateSetVisible(donate_visible_enum.PW)"><img src="images/buttonpaymentwall.png" class="w-100"><p class="mt-3">&nbsp;</p></div><!--<div class="col-lg-4 text-gray2 text-left hand" ng-click="donateSetVisible(donate_visible_enum.SBERBANK)"><img src="images/buttonsberbank.png" class="w-100"> <p class="mt-3">&lt;!&ndash;                  5469400050966113&ndash;&gt;</p></div>--><!--<div class="col-lg-4 text-gray2 text-center hand" ng-click="donateSetVisible(donate_visible_enum.BOOSTY)"><img src="images/buttonboosty.png" class="w-100"> <p class="mt-3"> &lt;!&ndash;                  <a href="boosty.to/turtlewow" class="text-gray2" target="_blank">boosty.to/turtlewow</a>&ndash;&gt;</p> </div>--><!--<div class="col-lg-12 text-white" ng-if="donateIsVisible(donate_visible_enum.BOOSTY)">Please DM your account or character name while donating via Boosty: <a href="https://boosty.to/turtlewow" target="_blank" class="text-green">boosty.to/turtlewow</a><br><br><span class="orange-text">Your donation will be processed within 24 hours.</span></div>--><div class="col-lg-12 text-white" ng-if="donateIsVisible(donate_visible_enum.PAYPAL)"> Please use this PayPal address to donate: <span class="orange-text">info.turtlewow@gmail.com</span><!--&lt;!&ndash; or click <a href=\'https://www.paypal.com/paypalme/mysteriesofazeroth\'><span class="orange-text">here</span></a>.&ndash;&gt;--><br><br> Include your <span class="orange-text">account name</span> in the payment comment. Turtle WoW is not a company, so while donating via PayPal please use the option Sending to a Friend.<br><br> <span class="orange-text">Your donation will be processed within 24 hours.</span></div><!--<div class="col-lg-12 text-white" ng-if="donateIsVisible(donate_visible_enum.SBERBANK)">Приоритетным каналом для оплаты из России является вот эта карта Сбербанка <span class="orange-text">2202202356626196</span><br><br>Это наш разработчик, которому из-за санкций мы не имеем возможности платить зарплату никак, кроме прямого сбора пожертвований сразу на его карту. Платить можно в рублях, конвертируем мы по текущему курсу с округлением в пользу отправителя.<br><br>Для получения токенов после оплаты пожалуйста пришлите скриншот транзакции и имя аккаунта на почту <span class="orange-text">info.turtlewow@gmail.com</span><br><br><span class="orange-text">Токены зачисляются в течении 1-24 часов. Спасибо за поддержку!</span> </div>--><div class="col-lg-12" ng-if="donateIsVisible(donate_visible_enum.PW) && pw_url != \'\'"><iframe ng-src="{{pw_url}}" width="100%" height="750px" frameborder="0" id="pw-iframe"></iframe></div><div class="col-lg-12 mt-4" ng-if="donateIsVisible(donate_visible_enum.ENOT)"><form method=\'get\' action=\'https://enot.io/pay\' class="enot_form"><input type="hidden" name="m" value="{{enot_merchant_id}}"/><input type="hidden" name="o" value="{{now_time}}"/><input type="hidden" name="cf" value="{{user.user_id}}_{{enot_infos.enot_points}}"/><input type="hidden" name="s" value="{{enot_sign}}"/><input type="number" ng-model="enot_infos.enot_price" ng-change="enotUpdatePoints()" class="form-control col-lg-3"/><input type="hidden" ng-value="enot_infos.enot_price_updated" name="oa"/><div class="currency"><span class="orange-text"> € </span></div><div class="enot_result_conversion col-lg-3">{{enot_infos.enot_points}} tokens</div><input type="submit" class="btn btn-primary btn-enot col-lg-2" value="Donate"></form></div><div class="col-lg-12" ng-if="donateIsVisible(donate_visible_enum.GP)"><!--h2 class="gp_title orange-text"> Gamepoints : <br/> Follow instructions to donate</h2--><div class="gp_container"><div class="col-lg-6"><p class="text-white"> Purchase a code :</p><a class="gp_link wtf_its_shit_rule" href="https://gamepoints.org/offers/15" target="_blank"></a></div><div class="col-lg-6"><p class="text-white"> Redeem the code to receive your points :</p><input type="text" class="form-control" ng-model="gp_infos.code"/><p class="gp_error" ng-if="isGPErrorVisible()"> {{gp_infos.msg}} </p><div class="btn-gp hand" ng-click="useGPCode()"></div></div></div></div><img src="images/footerline.png" class="mt-3 mb-4 w-100"><!-- div class="col-lg-12 mt-5"> <p class="text-white"> <span class="orange-text">Gift for character.</span> Enter your friend\'s character name to gift tokens: </p> </div> <div class="col-lg-3 mt-4"> <input type="text" class="form-control" placeholder="Enter your code"> </div> <div class="col-lg-3" style="margin-top: 17px !important;"> <img src="images/buttonactivate.png" style="height: 76px;"> </div> <img src="images/footerline.png" class="mt-3 mb-4 w-100"--></div></div><div class="container p-5" id="thanks"><img src="images/footerline.png" class="mt-5 mb-4 w-100"><h2 class="orange-text font-weight-bold">THANK YOU</h2><h4 class="orange-text font-weight-bold">FOR</h4><h3 class="orange-text font-weight-bold">supporting Turtle WoW!</h3><img src="images/footerline.png" class="mt-3 mb-5 w-100"></div></div></div>\n');
$templateCache.put('/dynamic-mount-speed/dynamic-mount-speed.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row rocket p-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h2 class="orange-text mb-0">Dynamic  </h2>\r\n               <h2 class="orange-text mb-2">Mount Speed</h2>\r\n               <p class="w-50 mt-3 text-white">\r\n                  All mounts now have dynamic speed, the speed will adapt along with your riding skill.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n               <h3 class="orange-text mb-4">How does it work?</h3>\r\n\r\n               <img src="images/mount-speed.png" class="mt-4 w-100">\r\n\r\n            </div>\r\n\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/everlook-broadcasting/everlook-broadcasting.html','<div class="section mb-5" id="pages">\r\n  <!--  <div>\r\n        <img src="images/radio_cover.png" alt="Radio Cover" class="w-100">\r\n    </div>-->\r\n    <div class="container-fluid pb-5">\r\n        <div class="container pt-5 pb-5">\r\n\r\n            <div class="row p-5">\r\n\r\n                <div class="col-lg-12 ">\r\n\r\n                    <h2 class="orange-text mb-2">Everlook Broadcasting Co.</h2>\r\n                    <div class="radio-staff mt-3">\r\n                        <p class="w-50 mt-3 text-white">\r\n                            Get ready to rock your socks off with the unrivaled radio experience in Azeroth! And guess\r\n                            what? We\'ve got the legendary DJ Zappo Zapblast, the master of spinning the most\r\n                            outrageously honest news you\'ll ever hear in this realm!\r\n                            <br><br>\r\n                            You can find this new feature on your minimap!\r\n                        </p>\r\n                        <div class="col-lg-5"><img src="images/broadcast.png" class="img-fluid hand"\r\n                                                   ng-click="lb(\'images/broadcast.png\')"></div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5">\r\n                <div class="col-lg-12">\r\n                    <h3 class="orange-text mb-2">Live Show "Living in the Past"</h3>\r\n                    <div class=" mt-3">\r\n                        <p class="w-100 mt-3 text-white">\r\n                            Join us on "Living in the Past," where we kick back with tales from Azeroth and learn more\r\n                            about its mysteries. So relax, sit back, and let our host, with more stories than a Booty\r\n                            Bay auctioneer, share a mix of historical tidbits, server news, and his own bizarre\r\n                            adventures.\r\n                            <br><br>\r\n                            Tune in, soak up the good vibes, and share a chuckle with this new Everlook Broadcasting Co.\r\n                            show.\r\n                        </p>\r\n                        <div class="mt-4 text-white" style="font-size: 1.5rem">\r\n                            You can find&nbsp;\r\n                            <a href="https://www.youtube.com/@EverlookBroadcastingCo" target="_blank"\r\n                               style="color: #f7c15e;">\r\n\r\n                                the Show on YouTube\r\n                            </a>\r\n                            , and if our host got you intrigued, check out his channel\r\n                            <a href="https://www.youtube.com/@TheDanNation" target="_blank" style="color: #388ea3">\r\n\r\n                                &nbsp;here!\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n\r\n            <div class="row p-4 mt-5">\r\n\r\n                <div class="col-lg-12 radio-img-text">\r\n\r\n                    <img src="downloads/logotypes/radio_logo_smaller.png" class="rounded-circle zappo-img">\r\n                    <p class="text-white w-65 mr-3">\r\n                        "Hey Azeroth! Hold onto your helms because it\'s that time again! Everlook Broadcasting Co. is\r\n                        about to drop the hottest deals and products of the week!\r\n                        <br><br>\r\n                        If you\'ve got something to sell, why aren\'t you on this list? And now, roll the adverts!"\r\n                    </p>\r\n                    <turtle-video-embed id="\'d95b0639\'"></turtle-video-embed>\r\n\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n\r\n            <turtle-video-embed id="\'9f6262a1\'" height="\'500px\'" class="mt-5"></turtle-video-embed>\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12 radio-staff">\r\n\r\n                    <div>\r\n                        <h5 class="orange-text mb-4"><span class="star mr-3">\u2605</span> Radio Staff:</h5>\r\n                        <ul class="text-white">\r\n                            <li>DJ Zappo Zapblast</li>\r\n                            <li>DJ Dapper</li>\r\n                            <li>Newsmaker Vrograg the Fishslayer</li>\r\n                            <li>Station Chief Engineer Dan Leto</li>\r\n                            <li>DJ Dave</li>\r\n                            <li>Volca</li>\r\n                            <li>Loth</li>\r\n                            <li>Charles Lobaugh</li>\r\n                        </ul>\r\n                    </div>\r\n\r\n                    <div class="w-50">\r\n                        <h5 class="orange-text mb-4"><span class="star mr-3">\u2605</span> Radio Narrative Team:</h5>\r\n                        <ul class="text-white">\r\n                            <li>Rile</li>\r\n                        </ul>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</div>');
$templateCache.put('/fail/fail.html','<div class="section mb-5 donate" id="pages" style="background-image: url(images/donatebg.png)">\r\n    <div class="container-fluid pt-1">\r\n        <div class="container pt-5">\r\n           <div class="row p-5 mt-5">\r\n                <h1 class="col-lg-12 orange-text"> Fail </h1>\r\n                <p class="col-lg-12 text-white">\r\n                    It seems something went wrong on the payment process.\r\n                    <br/>\r\n                    You can try again later, contact your bank to know more.\r\n                </p>\r\n            </div>\r\n        </div>\r\n        <div class="container p-5" id="thanks">\r\n\r\n            <img src="images/footerline.png" class="mt-5 mb-4 w-100">\r\n   \r\n            <h2 class="orange-text font-weight-bold">THANK YOU</h2>\r\n            <h4 class="orange-text font-weight-bold">FOR</h4>\r\n            <h3 class="orange-text font-weight-bold">supporting Turtle WoW!</h3>\r\n   \r\n            <img src="images/footerline.png" class="mt-3 mb-5 w-100">\r\n   \r\n         </div>\r\n    </div>\r\n</div>');
$templateCache.put('/guild-banks/guild-banks.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row bank p-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h2 class="orange-text mb-2">Guild Banks</h2>\r\n               <p class="w-50 mt-3 text-white">\r\n                  Are you tired of stashing away your guild\'s goodies on your alts? By\xA0paying a hefty sum of gold, you\r\n                  can unlock the Guild Vault to store all your valuables. And if that is\xA0not enough, you can always pay\r\n                  extra gold from either the guild vault or your own pockets for additional tabs. Personalize your vault\r\n                  by adding icons to the tabs, limiting the number of\xA0items you take daily and which guilds ranks can\r\n                  access them.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n               <h3 class="orange-text mb-4">Feature Preview</h3>\r\n\r\n               <p class="w-75 text-white">\r\n                  Guild Vaults have been added, they can be unlocked by paying a hefty sum of gold, with extra tabs\r\n                  costing extra gold, either from the vault itself donated by members or from your pockets.\r\n                  <BR><BR>\r\n                  The tabs can be customized with icons, limits to amount of items you can take daily and which guild\r\n                  ranks can access the tab.\r\n               </p>\r\n\r\n               <br>\r\n\r\n               <img src="images/turtlewow_guildbank.png" class="img-fluid">\r\n\r\n            </div>\r\n\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/hardcore-mode/hardcore-mode.html','<div class="section mb-5" id="pages">\r\n    <div class="container-fluid pb-5">\r\n        <div class="container pt-5 pb-5">\r\n\r\n            <div class="row skull p-5">\r\n\r\n                <div class="col-lg-12 ">\r\n\r\n                    <h2 class="orange-text mb-2">Hardcore Mode</h2>\r\n                    <p class="w-75 mt-3 text-white">\r\n                        Inspired by Diablo games and actual Hardcore Challenge of Classic realms, we welcome you to join\r\n                        the\r\n                        true test of your player\'s skills: leveling as a mortal being. The ultimate goal of this\r\n                        challenge is\r\n                        to reach level 60 without ever dying. Once you\u2019re level 60, you can participate in raiding and\r\n                        PvP\r\n                        without a risk of losing your character. Mode can be removed upon reaching level 60 even if the remove chance is already used.\r\n                    </p>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h4 class="orange-text mb-3">How does it work?</h4>\r\n\r\n                    <p class="text-white w-100 mb-5">\r\n                        To join the challenge, create a character as usual and find the NPC named Mysterious Stranger in\r\n                        your\r\n                        starting location. Accept and complete the quest \u201CStay awhile and listen\u2026\u201D to\xA0become mortal.\r\n                        This\r\n                        decision is irreversible. Your bags, bank and mail items will be erased\xA0once you turn\r\n                        mortal.<BR><BR>\r\n                        You will automatically join a Hardcore chat channel that\'s only accessible by Hardcore and Inferno mode players to help you easily find players who are also leveling hardcore characters. This feature allows you to form independant guilds without losing contact with the Hardcore community at large.\r\n                    </p>\r\n                    <turtle-video-embed id="\'d9428505\'" height="\'500px\'"></turtle-video-embed>\r\n                </div>\r\n\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h4 class="orange-text mb-3">Rules</h4>\r\n\r\n                    <p class="text-white w-75 pl-5">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        When your character dies, the game ends for you. If you choose to create and play a hardcore\r\n                        character, you do so at your own risk: we will not restore any deceased hardcore characters\xA0for\r\n                        any\r\n                        reason including connection problems, bugs, global warming, your little sister, or\xA0any\xA0other\r\n                        reason\r\n                        whatsoever.\r\n                    </p>\r\n\r\n                    <p class="text-white w-75 pl-5">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        Dead characters will remain locked on a selection screen unavailable for playing. As long as you\r\n                        don\u2019t\r\n                        delete them, characters above level 10 will be displayed on our scoreboard.\r\n                    </p>\r\n\r\n                    <p class="text-white w-75 pl-5">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        You will be able to trade items and gold only with other Hardcore characters as long as the\r\n                        difference\r\n                        between your levels isn\u2019t higher than 5.\r\n                    </p>\r\n\r\n                    <p class="text-white w-75 pl-5">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        You will be able to group up only with other Hardcore characters as long as the difference\r\n                        between\r\n                        your levels isn\u2019t higher than 5.\r\n                    </p>\r\n\r\n                    <p class="text-white w-75 pl-5">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        Hardcore characters can not trade, nor buy on Auction House.\r\n                    </p>\r\n\r\n                    <p class="text-white w-75 pl-5">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        Hardcore characters can use mail, but with no attachments.\r\n                    </p>\r\n\r\n\t\t\t\t\t <p class="text-white w-75 pl-5">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        It is strictly forbidden to multibox if either of your characters is undergoing a Hardcore challenge.\r\n                    </p>\r\n\r\n\t\t\t\t\t<p class="text-white w-75 pl-5">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        Hardcore characters are not permitted to get assistance from players outside of their group.\r\n                    </p>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h4 class="orange-text mb-3">Inferno Mode</h4>\r\n\r\n                    <p class="text-white w-100">\r\n                        Otherwise known as HC60, this is the max-level continuation of the Hardcore challenge! Upon reaching level 55, an attunement questline will be unlocked which allows players to opt-in to Inferno Mode. Upon completion of the questline, players will gain a [Inferno] effect, allowing them to continue their Hardcore challenge at max level, and remain part of the Hardcore ecosystem.\r\n                    </p>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h4 class="orange-text mb-3">Rewards</h4>\r\n\r\n                    <p class="text-white w-100">\r\n                        At level 60 you will be awarded with the title \u201CImmortal\u201D, unique tabard and a mount\r\n\r\n                        <a href="https://database.turtle-wow.org/?item=80692" target="_blank"\r\n                           data-wowhead="item=80692&amp;domain=classic;">\r\n                            <span class="text-green">[Immortal Champion\'s Charger]</span>\r\n                        </a>\r\n                    </p>\r\n\r\n                    <img src="images/turtlewow_immortal.png" class="img-fluid">\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n\r\n        </div>\r\n\r\n        <div class="text-center text-white mt-4">\r\n\r\n            <h4 class="mb-0">Customer service</h4>\r\n            <h1 class="mb-0 font-weight-bold">will not revive</h1>\r\n            <h4 class="mb-0">a fallen hero for any reason </h4>\r\n            <h1 class="orange-text font-weight-bold">Stay safe!</h1>\r\n\r\n            <a href="https://armory.turtle-wow.org/hardcore/" target="_blank">\r\n                <img src="images/hardcore_scoreboard_button.png" class="mt-2">\r\n            </a>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n');
$templateCache.put('/items-and-recipes/items-and-recipes.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row gloves p-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h2 class="orange-text mb-2">Items & Recipes</h2>\r\n               <p class="w-50 mt-3 text-white">\r\n                  \u041Ene of our goals is to alter or enhance certain existing aspects of the game to uphold current\r\n                  standards, this also extends to items as well. Unique item design is one of the strongest parts of\r\n                  Vanilla, finding that item with the prefix "of the Bear" amongst the piles of rubbish has always felt\r\n                  good, feeling truly rewarded after getting that one item you grinded a dungeon for days. Even if we\r\n                  want to preserve this feeling there are items that are too weak for their qualities, that end up\r\n                  sharded\xA0whenever they drop.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="orange-text mb-4">Stats, balance and all that magic</h3>\r\n\r\n               <p class="w-75 text-white mb-3">\r\n                  Many crafted items, world drop epics and even some high level dungeon drops have been adjusted to\r\n                  bring their power level to similar items to make them more worthwhile to use.\r\n                  <BR><BR>\r\n                  Over 1000 new items have been added all around Azeroth, from simple quest drops to powerful armaments\r\n                  from dungeons and even some you can make yourself! Some items were contributed from the community via\r\n                  the forum.\r\n               </p>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-4 mt-4"><img src="images/items1.png"></div>\r\n            <div class="col-lg-4 mt-4"><img src="images/items2.png"></div>\r\n            <div class="col-lg-4 mt-4"><img src="images/items3.png"></div>\r\n            <div class="col-lg-4 mt-4"><img src="images/items4.png"></div>\r\n            <div class="col-lg-4 mt-4"><img src="images/items5.png"></div>\r\n            <div class="col-lg-4 mt-4"><img src="images/items6.png"></div>\r\n            <div class="col-lg-4 mt-4"><img src="images/models1.png"></div>\r\n            <div class="col-lg-4 mt-4"><img src="images/models2.png"></div>\r\n            <div class="col-lg-4 mt-4"><img src="images/models3.png"></div>\r\n            <div class="col-lg-4 mt-4"><img src="images/models4.png"></div>\r\n            <div class="col-lg-4 mt-4"><img src="images/models5.png"></div>\r\n            <div class="col-lg-4 mt-4"><img src="images/models6.png"></div>\r\n\r\n         </div>\r\n      </div>\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/new-challenges/new-challenges.html','<div class="section mb-5" id="pages">\r\n    <div class="container-fluid pb-5">\r\n        <div class="container pt-5 pb-5">\r\n\r\n            <div class="row p-5 horse">\r\n                <div class="col-lg-12 ">\r\n                    <h2 class="orange-text mb-2">Leveling Challenges</h2>\r\n\r\n                    <p class="w-50 mt-3 text-white">\r\n                        No matter which way you like to play the game, Turtle WoW offers exciting and thrilling challenges to those aspiring to be great heroes. Whether you wish to slow down and immerse yourself in the narrative or throw yourself into the fray with the opposite faction in heartpounding skirmishes - these leveling challenges enable you to alter your playstyle to your liking!\r\n                    </p>\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="challenge-war-mode">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">War Mode</h3>\r\n\r\n                    <p class="text-gray w-100 mb-2">\r\n                        A new Glyph that permanently flags you for PvP in return for certain benefits: +30% for all experience\r\n                        gains.\r\n                    </p>\r\n                    <span class="text-white">This glyph will flag you for PvP combat permanently! Players can opt-out War Mode challenge once at the glyph master in starting zone or additionaly at level 60.\r\n\t\t\t\t</span>\r\n\r\n                </div>\r\n\r\n                <div class="col-lg-12 mt-5">\r\n                    <img src="images/thinbord.png" class="img-fluid"  ng-click="lb(\'images/thinbord.png\')">\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class="row turtle p-5 mt-5">\r\n\r\n                <div class="col-lg-12 ">\r\n\r\n                    <h3 class="orange-text mb-2">Slow & Steady</h3>\r\n                    <p class="w-75 mt-3 text-white">\r\n                        If you really like questing and leveling, play in turtle mode, your creature kill rates will be set to\r\n                        0.5 rates. Enjoy your journey and receive rewards every 10 levels.\r\n                    </p>\r\n                    <div class="row mt-3">\r\n\r\n                        <div class="col-lg-4"><img src="images/turtlewow_dunmorogh_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_dunmorogh.png\')"></div>\r\n                        <div class="col-lg-4"><img src="images/turtlewow_duskwood_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_duskwood.png\')"></div>\r\n                        <div class="col-lg-4"><img src="images/turtlewow_elwynnforest_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_elwynnforest.png\')"></div>\r\n                        <div class="col-lg-4 mt-5"><img src="images/turtlewow_flightpaths_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_flightpaths.png\')"></div>\r\n                        <div class="col-lg-4 mt-5"><img src="images/turtlewow_hinterlands_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_hinterlands.png\')"></div>\r\n                        <div class="col-lg-4 mt-5"><img src="images/turtlewow_stonetalonmountains_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_stonetalonmountains.png\')"></div>\r\n\r\n\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12 ">\r\n                    <h3 class="orange-text mb-2">Vagrant\'s Endeavor challenge</h3>\r\n\r\n                    <p class="w-75 mt-3 text-white">\r\n                        Join the Vagrant\'s Endeavor challenge and bid farewell to the headache of having to pick the right item stats! You\'ll be forced to wear nothing but poor or common quality gear until you hit level 60. Enchanting items is not permitted.\r\n                        <br>\r\n                        <br>\r\n                        But fear not, once you reach that milestone, you\'ll be rewarded with the coveted title of "The Wanderer" and a beat-up mule to lug around all your not-so-valuable possessions. Who needs rare items when you can have a donkey, am I right?\r\n                    </p>\r\n                    <img src="images/turtlewow_vagrantmode.webp" class="img-fluid hand mt-4" ng-click="lb(\'images/turtlewow_vagrantmode.webp\')">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row skull p-5 mt-5">\r\n\r\n                <div class="col-lg-12 ">\r\n\r\n                    <h3 class="orange-text mb-2">Hardcore Mode</h3>\r\n                    <p class="w-75 mt-3 text-white">\r\n                        Inspired by Diablo games and actual Hardcore Challenge of Classic realms, we welcome you to join\r\n                        the\r\n                        true test of your player\'s skills: leveling as a mortal being. The ultimate goal of this\r\n                        challenge is\r\n                        to reach level 60 without ever dying. Once you\u2019re level 60, you can participate in raiding and\r\n                        PvP\r\n                        without a risk of losing your character. Mode can be removed upon reaching level 60 even if the remove chance is already used.\r\n                    </p>\r\n                    <img src="images/turtlewow_immortal.png" class="img-fluid" ng-click="lb(\'images/turtlewow_immortal.png\')">\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h4 class="orange-text mb-3">Inferno Mode</h4>\r\n\r\n                    <p class="text-white w-100">\r\n                        Otherwise known as HC60, this is the max-level continuation of the Hardcore challenge! Upon reaching level 55, an attunement questline will be unlocked which allows players to opt-in to Inferno Mode. Upon completion of the questline, players will gain a [Inferno] effect, allowing them to continue their Hardcore challenge at max level, and remain part of the Hardcore ecosystem.\r\n                    </p>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12 ">\r\n                    <h3 class="orange-text mb-2">Exhaustion</h3>\r\n\r\n                    <p class="w-75 mt-3 text-white">\r\n                        You are a walking arsenal? Do you switch weapons on the fly, but are held back by lacking expertise? Choosing the Exhaustion glyph might remedy this problem for you! With this glyph in your possession, your rate at which your weapon skill increases doubles at the cost of no longer receiving rested experience. If you are everso restless and journey far and wide, seek the Glyph Master in your starting zone to enable this challenge.\r\n                    </p>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>');
$templateCache.put('/logos/logos.html','<div class="section mb-5" id="pages">\r\n    <div class="container-fluid pb-5">\r\n        <div class="container pt-5 pb-5">\r\n\r\n            <div class="row p-5">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h2 class="orange-text mb-2">Turtle WoW Logotypes</h2>\r\n                    <p class="w-100 mt-3 text-white">\r\n                        Are you looking for a logo to use on your stream or content? Look\xA0no\xA0further\xA0as\xA0we\xA0have\xA0prepared\r\n                        three different versions of our logo that you can use.\r\n                        <BR><BR>\r\n                        <spon class="text-gray">Although the third logo is shrouded in mystery, Explorer\'s League found\r\n                            out that it is the\r\n                            intellectual property of Blizzard Entertainment.\r\n                        </spon>\r\n                    </p>\r\n\r\n                </div>\r\n\r\n                <div class="col-lg-6 text-center mt-5"><img src="images/logo2.png">\r\n                    <br>\r\n                    <a href="downloads/logotypes/turtlewow_logo_lettering.png" target="_blank" class="orange-text"> <i class="fa fa-fw fa-arrow-down"></i> Download PNG</a>\r\n                </div>\r\n                <div class="col-lg-6 text-center mt-5"><img src="images/logo1.png">\r\n                    <br>\r\n                    <a href="downloads/logotypes/turtlewow_logo_full.png" target="_blank" class="orange-text"> <i class="fa fa-fw fa-arrow-down"></i> Download PNG</a>\r\n                </div>\r\n                <div class="col-lg-6 text-center mt-5"><img src="images/logo3.png">\r\n                    <br>\r\n                    <a href="downloads/logotypes/expansion_logo_mysteriesofazeroth.png" target="_blank" class="orange-text"> <i class="fa fa-fw fa-arrow-down"></i> Download PNG</a>\r\n                </div>\r\n                <div class="col-lg-6 text-center mt-5"><img src="images/radio_logo_image.png" id="radio-img">\r\n                    <br>\r\n                    <a href="downloads/logotypes/radio_logo_smaller.png" target="_blank" class="orange-text"> <i class="fa fa-fw fa-arrow-down"></i> Download PNG</a>\r\n                </div>\r\n\r\n            </div>\r\n\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n');
$templateCache.put('/new-factions-and-quests/new-factions-and-quests.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row book p-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h2 class="orange-text mb-0">New Factions</h2>\r\n               <h2 class="orange-text mb-2">& Quests</h2>\r\n               <p class="w-50 mt-3 text-white">\r\n\t\t\t   With the danger lurking around every corner and as the Mysteries of Azeroth began to unravel, prepare to meet numerous new factions and characters that will no doubt need the help of an adventurer like you.</br></br>1500 quests have been added all around Azeroth!</p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h5 class="orange-text mb-4">\r\n                  <span class="star mr-3">&starf;</span> Wardens of Time\r\n               </h5>\r\n\r\n               <p class="text-gray mb-3">\r\n                  This specific group of the Bronze Dragonflight will accept the aid of any mortal that have earned\r\n                  access to the Caverns of Time. Their goal is to undo the mysterious time anomalies that have recently\r\n                  begun to\xA0appear across the timeways.\r\n               </p>\r\n\r\n               <h5 class="orange-text mt-5 mb-4">\r\n                  <span class="star mr-3">&starf;</span> Steamwheedle Blood Ring\r\n               </h5>\r\n\r\n               <p class="text-gray mb-3">\r\n                  A grand arena tournament organized by the Steamwheedle Cartel. The strongest fighters are invited to\r\n                  compete in the bloody sands for fame and great rewards provided by the Arena Masters of the Cartel.\r\n               </p>\r\n\r\n               <h5 class="orange-text mt-5 mb-4">\r\n                  <span class="star mr-3">&starf;</span> Kul Tiran\r\n               </h5>\r\n\r\n               <p class="text-gray mb-3">\r\n                  Remnants of Admiral Daelin Proudmoore\'s Exploratory Fleet, these few survivors that have not been\r\n                  killed by the Horde eke out a dangerous existence.\r\n               </p>\r\n\r\n               <h5 class="orange-text mt-5 mb-4">\r\n                  <span class="star mr-3">&starf;</span> Keepers of Outerend\r\n               </h5>\r\n\r\n               <p class="text-gray mb-3">\r\n                  These stalwart servants have kept the relic Outerend safe for a dozen millenia. With the coming\r\n                  darkness, they now seek to guide mortals to fight for Azeroth.\r\n               </p>\r\n\r\n               <h5 class="orange-text mt-5 mb-4">\r\n                  <span class="star mr-3">&starf;</span> Theramore\r\n               </h5>\r\n\r\n               <p class="text-gray mb-3">\r\n                  Theramore, a human city led by Lady Jaina Proudmoore, stands as a beacon of peace and alliance amidst the turbulent waters of Dustwallow Marsh.\r\n               </p>\r\n\r\n               <h5 class="orange-text mt-5 mb-4">\r\n                  <span class="star mr-3">&starf;</span> Dalaran\r\n               </h5>\r\n\r\n               <p class="text-gray mb-3">\r\n                  Dalaran, a magical city hidden from the eyes of bystanders, serves as a sanctuary for the Kirin Tor, a powerful group of mages dedicated to the pursuit of knowledge and the protection of Azeroth.\r\n               </p>\r\n\r\n               <h5 class="orange-text mt-5 mb-4">\r\n                  <span class="star mr-3">&starf;</span> Wildhammer Clan\r\n               </h5>\r\n\r\n               <p class="text-gray mb-3">\r\n                  The Wildhammer Clan, a faction of dwarves residing in the Hinterlands, are known for their mastery of aerial combat and their alliance with the Alliance, providing crucial support in the ongoing battle against the Horde.\r\n               </p>\r\n\r\n               <h5 class="orange-text mt-5 mb-4">\r\n                  <span class="star mr-3">&starf;</span> Gelkis and Magran Centaur\r\n               </h5>\r\n\r\n               <p class="text-gray mb-3">\r\n                  The Gelkis and Magran Centaur tribes, residing in Desolace, are locked in a bitter conflict over resources and territory, caught in the crossfire of the ongoing war between the Alliance and the Horde.\r\n               </p>\r\n\r\n               <h5 class="orange-text mt-5 mb-4">\r\n                  <span class="star mr-3">&starf;</span> Thorium Brotherhood\r\n               </h5>\r\n\r\n               <p class="text-gray mb-3">\r\n                  The secretive Thorium Brotherhood, based in the Searing Gorge, harnesses the power of rare minerals to create powerful weapons and armor, serving as a vital source of support for the Alliance and the Horde alike in their ongoing battles.\r\n               </p>\r\n\r\n            </div>\r\n\r\n\t\t\t\t\t \t<div class="col-lg-4  mb-4"><img src="images/turtlewow_cavernsoftime_01_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_cavernsoftime_01.png\')"></div>\r\n            <div class="col-lg-4  mb-4"><img src="images/turtlewow_cavernsoftime_02_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_cavernsoftime_02.png\')"></div>\r\n            <div class="col-lg-4  mb-4"><img src="images/turtlewow_goblin_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_goblin.png\')"></div>\r\n            <div class="col-lg-4  mb-4"><img src="images/turtlewow_hightelf_tirisfal_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_hightelf_tirisfal.png\')"></div>\r\n            <div class="col-lg-4  mb-4"><img src="images/turtlewow_human_tirisfal_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_human_tirisfal.png\')"></div>\r\n            <div class="col-lg-4  mb-4"><img src="images/turtlewow_kultiran_01_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_kultiran_01.png\')"></div>\r\n            <div class="col-lg-4  mb-4"><img src="images/turtlewow_kultiran_02_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_kultiran_02.png\')"></div>\r\n            <div class="col-lg-4  mb-4"><img src="images/turtlewow_morogal_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_morogal.png\')"></div>\r\n            <div class="col-lg-4  mb-4"><img src="images/turtlewow_troll_lapidis_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_troll_lapidis.png\')"></div>\r\n\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/new-locations-and-maps/new-locations-and-maps.html','<div class="section mb-5" id="pages">\r\n    <div class="container-fluid pb-5">\r\n\r\n        <div class="container pt-5 pb-5">\r\n\r\n            <div class="row web p-5" id="new-locations">\r\n\r\n                <div class="col-lg-12 ">\r\n\r\n                    <h2 class="orange-text mb-1">New locations</h2>\r\n                    <h2 class="orange-text mb-2">& maps</h2>\r\n                    <p class="w-75 mt-3 text-white">\r\n                        Whether you are a seasoned adventurer or a new one, Mysteries of Azeroth offers a ton of new\r\n                        maps and locations to explore. From the war-torn lands of Lordaeron to the harsh yet beautiful\r\n                        shores of Durotar, travel around the world and experience never-before-seen places.\r\n                    </p>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class="row mt-5 p-5">\r\n                <div class="col-lg-12">\r\n                    <div class="d-flex flex-wrap">\r\n                        <div class="col-lg-4">\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#gillijims-isle\')" class="orange-text mb-2">Gillijim\'s\r\n                                Isle & Island of Lapidis</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#caelans-rest\')" class="orange-text mb-2">Caelan\'s\r\n                                Rest</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#tirisfal-uplands\')" class="orange-text mb-2">Tirisfal\r\n                                Uplands</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#sparkwater-port\')" class="orange-text mb-2">Sparkwater\r\n                                Port</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#hawks-vigil\')" class="orange-text mb-2">Hawk\'s\r\n                                Vigil</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#dun-agrath\')" class="orange-text mb-2">Dun\r\n                                Agrath</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#venture-camp\')" class="orange-text mb-2">Venture\r\n                                Camp and Broken Cliff Mine</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#sorrowguard-keep\')" class="orange-text mb-2">Sorrowguard\r\n                                Keep</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#hyjal\')"\r\n                               class="orange-text mb-2">Hyjal</a><br>\r\n                        </div>\r\n                        <div class="col-lg-4">\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#blackstone-island\')" class="orange-text mb-2">Blackstone\r\n                                Island</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#forlorn-summit\')" class="orange-text mb-2">Forlorn\r\n                                Summit</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#gilneas\')"\r\n                               class="orange-text mb-2">Gilneas</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#stormwind-additions\')"\r\n                               class="orange-text mb-2">Davensburg</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#telabim\')"\r\n                               class="orange-text mb-2">Tel\'abim</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#anchors-edge\')" class="orange-text mb-2">Anchor\'s\r\n                                Edge</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#thalassian-highlands\')"\r\n                               class="orange-text mb-2">Thalassian Highlands</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#gnomeregan-reclamation-facility\')"\r\n                               class="orange-text mb-2">Gnomeregan Reclamation Facility</a><br>\r\n                        </div>\r\n                        <div class="col-lg-4">\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#karfang-hold\')" class="orange-text mb-2">Karfang\r\n                                Hold</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#little-silvermoon\')" class="orange-text mb-2">Little\r\n                                Silvermoon</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#hateforge-excavation\')"\r\n                               class="orange-text mb-2">Hateforge Excavation</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#scarlet-enclave\')" class="orange-text mb-2">Scarlet\r\n                                Enclave</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#suntail-pass\')" class="orange-text mb-2">Suntail\r\n                                Pass</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#sandmoon-village\')" class="orange-text mb-2">Sandmoon\r\n                                Village</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#redcloud-roost\')" class="orange-text mb-2">Redcloud\r\n                                Roost</a><br>\r\n                            <a ng-click="goToPage(\'new-locations-and-maps#shrine-of-the-betrayer\')"\r\n                               class="orange-text mb-2">Shrine of the Betrayer</a><br>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5" id="gillijims-isle">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Gillijim\'s Isle & Island of Lapidis</h3>\r\n\r\n                    <p class="text-white">\r\n                        Long has it been since explorers reveled stories of the great Isle of Giljim, and the Island of\r\n                        Lapidis. Stories shared around the campfires of eager voyagers ready to make their mark upon the\r\n                        world. A place where trolls practiced shadow, a place where pirates called home and brewed ale\r\n                        to the\r\n                        cartload! Surely these tales and stories are just that, stories right? Is what the old travelers\r\n                        say\r\n                        true, are there really islands out there, that beckon new adventurers?\r\n                    </p>\r\n\r\n                    <turtle-video-embed id="\'6dd28596\'" height="\'500px\'" class="mt-5"></turtle-video-embed>\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/image 1412.png" class="img-fluid hand w-100 h-100"\r\n                         ng-click="lb(\'images/image 1412.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/image-2.png" class="img-fluid hand" ng-click="lb(\'images/image-2.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/image 16231.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/image 16231.png\')">\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5" id="caelans-rest">>\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Caelan\'s Rest</h3>\r\n\r\n                    <p class="text-white">\r\n                        This once proud fleet of Kul Tiras lays shipwrecked upon Lapidis Isle. Betrayed and left ashore,\r\n                        they\r\n                        battled to secure themselves at Caelan\'s Rest. With their allegiances to the Old Alliance\r\n                        intact, they\r\n                        graciously accept the help of those loyal to Stormwind.\r\n                    </p>\r\n\r\n                    <turtle-video-embed id="\'18d915e6\'" height="\'500px\'" class="mt-5"></turtle-video-embed>\r\n\r\n                </div>\r\n\r\n                <!--            <div class="col-lg-4 mt-5">-->\r\n                <!--               <img src="images/locations2" class="img-fluid">-->\r\n                <!--            </div>-->\r\n\r\n                <!--            <div class="col-lg-4 mt-5">-->\r\n                <!--               <img src="images/locations2" class="img-fluid">-->\r\n                <!--            </div>-->\r\n\r\n                <!--            <div class="col-lg-4 mt-5">-->\r\n                <!--               <img src="images/locations2" class="img-fluid">-->\r\n                <!--            </div>-->\r\n\r\n\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5" id="tirisfal-uplands">\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Tirisfal Uplands</h3>\r\n\r\n                    <p class="text-white">\r\n                        The wind howls, and the clouds thicken over the Whispering Forest. The Forsaken begin their\r\n                        efforts\r\n                        into the Tirisfal Uplands, a land ravaged by the undead scourge and holding the remains of what\r\n                        once\r\n                        was. This forgotten territory has much at stake for those eager enough to help.\r\n                    </p>\r\n\r\n                    <turtle-video-embed id="\'42429472\'" height="\'500px\'" class="mt-5"></turtle-video-embed>\r\n                </div>\r\n\r\n                <!--            <div class="col-lg-4 mt-5">-->\r\n                <!--               <img src="images/locations3" class="img-fluid">-->\r\n                <!--            </div>-->\r\n\r\n                <!--            <div class="col-lg-4 mt-5">-->\r\n                <!--               <img src="images/locations3" class="img-fluid">-->\r\n                <!--            </div>-->\r\n\r\n                <!--            <div class="col-lg-4 mt-5">-->\r\n                <!--               <img src="images/locations3" class="img-fluid">-->\r\n                <!--            </div>-->\r\n\r\n\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5" id="sparkwater-port">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Sparkwater Port</h3>\r\n\r\n                    <p class="text-white">\r\n                        The grinding of gears, the buzzing of saws, smoke billows upon the horizon of Durotar as the\r\n                        Labor\r\n                        Union finds its footing within the region. Within the new Sparkwater Port the fire\'s of industry\r\n                        awaken, and loom upon the shoreline as the Goblin\'s forge their new destinies within the Horde.\r\n                        Come\r\n                        to the new town and find your place amongst the crafty goblins. With over 50 quests, gambling,\r\n                        unique\r\n                        vendor goods, rare items, you ain\'t going to want to miss all the action!\r\n                    </p>\r\n\r\n                    <turtle-video-embed id="\'63e99be1\'" height="\'500px\'" class="mt-5"></turtle-video-embed>\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/turtlewow_sparkwaterport_preview.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/turtlewow_sparkwaterport.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/turtlewow_sparkwaterport_goblin_preview.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/turtlewow_sparkwaterport_goblin.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/turtlewow_sparkwaterport_goblins_preview.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/turtlewow_sparkwaterport_goblins.png\')">\r\n                </div>\r\n\r\n\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5" id="hawks-vigil">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Hawk\'s Vigil</h3>\r\n\r\n                    <p class="text-white">\r\n                        Expecting a Scourge retaliation, refugees of Lordaeron managed to escape south into the\r\n                        mountains and\r\n                        worked hard to fortify their new settlement so it could survive a siege from the Undead. Over\r\n                        time,\r\n                        the threats became less real and the inhabitants of Hawk\'s Vigil could finally start to feel a\r\n                        sense\r\n                        of comfort in this small but fruitful land. Whether you\'re a warrior, wizard, or just a weary\r\n                        traveler; all are welcome in the hills of Wetlands!\r\n                    </p>\r\n                    <turtle-video-embed id="\'1b581b88\'" height="\'500px\'" class="mt-5"></turtle-video-embed>\r\n                </div>\r\n\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/turtlewow_hawksvigil_03_preview.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/turtlewow_hawksvigil_03.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/turtlewow_hawksvigil_01_preview.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/turtlewow_hawksvigil_01.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/turtlewow_hawksvigil_02_preview.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/turtlewow_hawksvigil_02.png\')">\r\n                </div>\r\n\r\n\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5" id="dun-agrath">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Dun Agrath</h3>\r\n\r\n                    <p class="text-white">\r\n                        The town of Dun Agrath: enjoy their secluded peace as the sun sets to rest another day.\r\n                    </p>\r\n\r\n                    <turtle-video-embed id="\'2baafefe\'" height="\'500px\'" class="mt-5"></turtle-video-embed>\r\n                </div>\r\n\r\n\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5" id="venture-camp">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Venture Camp and Broken Cliff Mine</h3>\r\n\r\n                    <p class="text-white">\r\n                        The Venture Company have finally arrived to check on Nert Blastentom and his crew\'s mission, to\r\n                        find no trace of their (now-ex) employees. They\'ve now dug open a way to the valley to find a\r\n                        clue to their whereabouts and to finish the mission that was tasked to them all that time ago:\r\n                        Drain the land of all of its resources.\r\n                    </p>\r\n                </div>\r\n\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/stonetalon1.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/stonetalon1.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/stonetalon2.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/stonetalon2.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/stonetalon3.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/stonetalon3.png\')">\r\n                </div>\r\n\r\n\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="sorrowguard-keep">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Sorrowguard Keep</h3>\r\n\r\n                    <p class="text-white">\r\n                        Sorrowguard Keep stands as a testament to humankind\'s resillience. Originally built to keep\r\n                        vigil over the orcs in the Second War, it was damaged and abandoned. It has since been repaired\r\n                        by Watch Paladin Janathos and his guard, unbeknownst to the Horde. Help them conceal the keep\r\n                        from scouts, gather valuable supplies and clear out the encroaching wildlife.\r\n                    </p>\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/turtlewow_sorrowguardkeep.png" class="img-fluid hand w-100" style="height: 78%"\r\n                         ng-click="lb(\'images/turtlewow_sorrowguardkeep.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/turtlewow_sorrowguardkeep_1.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/turtlewow_sorrowguardkeep_1.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/turtlewow_sorrowguardkeep_2.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/turtlewow_sorrowguardkeep_2.png\')">\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="hyjal">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Hyjal</h3>\r\n\r\n                    <p class="text-white">\r\n                        Perched atop the peaks of Kalimdor, Hyjal has long been a sacred place for the Night Elves,\r\n                        serving as a constant watch against the horrors of the past. Archimonde\'s bones, a haunting\r\n                        reminder of the War of the Ancients, adorn Nordrassil. Recently, the once secluded Hyjal has\r\n                        opened its gates, beckoning for aid in the battle against the growing Nightmare and demonic\r\n                        corruption that plagues the mountain. It is crucial that we climb Mount Hyjal and join the fight\r\n                        against this evil, lest we return to the dark days of ten thousand years ago, or worse.\r\n                    </p>\r\n\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/turtlewow_hyjal_0.webp" class="img-fluid hand w-100"\r\n                         ng-click="lb(\'images/turtlewow_hyjal_0.webp\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/hyjal_1.png" class="img-fluid hand" ng-click="lb(\'images/hyjal_1.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/hyjal_2.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/hyjal_2.png\')">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="gilneas">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Gilneas</h3>\r\n\r\n                    <p class="text-white">\r\n                        Gilneas, once the proud home of a nation, now lies in ruins. Its despondent people struggle to\r\n                        survive, scavenging whatever scraps they can find from the remains. However, with the battered\r\n                        and broken gate of the Greymane Wall, the nation can now open its doors to the outside world,\r\n                        raising hope that Gilneas may flourish once more. </p>\r\n\r\n                    <img src="images/turtlewow_gilneas_city_2.webp" class="img-fluid">\r\n                </div>\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5" id="stormwind-additions">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Davensburg</h3>\r\n\r\n                    <p class="text-white">\r\n                        Founding an embassy in Stormwind Harbor, sailors of Kul Tiras have been welcomed into the city\r\n                        heart of the Alliance, building the ground for diplomatic relations between the divided nations.\r\n                        However, while many are eager to mend the deep wounds from wars long gone, other countrymen\r\n                        cannot quell their hatred so easily. With torches aflame in the advent of war, the people of\r\n                        Davenburg need to prove their allegiance towards the Alliance and their brittle peace with the\r\n                        Horde.\r\n                    </p>\r\n                    <img src="images/davensburg.png" class="img-fluid">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="telabim">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Tel\'abim</h3>\r\n\r\n                    <p class="text-white">\r\n                        Found off the eastern coast of Tanaris, Tel\'abim stands as the center for banana export,\r\n                        overseen by the neutral Tel Company, Tel Co. for short. Recently the apes of the island have\r\n                        started a rebellion against the company, driving them off of collection sites and demolishing\r\n                        equipment, it\'s up to you to restore order to the island and help Tel Co. resume collection, or\r\n                        else Azeroth might never see another banana again. </p>\r\n                    <turtle-video-embed id="\'d62d953b\'" height="\'500px\'" class="mt-5"></turtle-video-embed>\r\n\r\n                    <img src="images/maps/turtlewow_telabim.png" class="img-fluid mt-3">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="anchors-edge">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Anchor\'s Edge</h3>\r\n\r\n                    <p class="text-white">\r\n                        Kul Tirans of the expeditionary fleet led by Lieutenant Alverold have finally returned, the\r\n                        promised reinforcements of Tiragarde. Settling on a new island that has been called Anchor\'s\r\n                        Edge, just south of the Echo Isles. Already, scouts and commandos have pushed into the southern\r\n                        Echo Isles and may become a threat to the Horde if not dealt with in time! </p>\r\n                    <img src="images/patch_1164/anchors_edge_house.jpg" class="img-fluid">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="thalassian-highlands">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Thalassian Highlands</h3>\r\n\r\n                    <p class="text-white">\r\n                        Located at the remote fringes of Quel\'thalas, these lands were initially established as an\r\n                        outpost for Alah\'Thalas. Over time, with your assistance, it has developed into a thriving city,\r\n                        complete with its own dock. However, one must not be deceived by the beauty of these lands, for\r\n                        lurking in the shadows are sinister forces, even within the city walls. This zone serves as the\r\n                        starting point for fledgling High Elves, offering a level 1-10 experience.\r\n                    </p>\r\n\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/thalas_1.png" class="img-fluid hand w-100"\r\n                         ng-click="lb(\'images/thalas_1.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/thalas_2.png" class="img-fluid hand" ng-click="lb(\'images/thalas_2.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/thalas_3.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/thalas_3.png\')">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="gnomeregan-reclamation-facility">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Gnomeregan Reclamation Facility</h3>\r\n\r\n                    <p class="text-white">\r\n                        The Gnomeregan Reclamation Facility is the result of gnomekind\'s collective efforts to reclaim\r\n                        their city. Located in Dun Morogh, it serves as the new home for the Gnomeregan Exiles. This\r\n                        Alliance town offers familiar amenities like an auction house and bank, as well as general goods\r\n                        vendors. Former residents of Tinker Town, Ironforge, have relocated here, along with new gnomes\r\n                        joining the cause. The facility provides quests for reclaiming Gnomeregan, including a section\r\n                        overrun by toxic components. While you will be rewarded for your helping efforts, be cautious of\r\n                        the gadgets you receive, as they may turn you into a test subject.\r\n                    </p>\r\n\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/grf_1.png" class="img-fluid hand w-100"\r\n                         ng-click="lb(\'images/grf_1.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/grf_2.png" class="img-fluid hand" ng-click="lb(\'images/grf_2.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/grf_3.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/grf_3.png\')">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="blackstone-island">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Blackstone Island</h3>\r\n\r\n                    <p class="text-white">\r\n                        After escaping from the lands of Stonetalon Mountains, the goblins of the Durotar Labor Union\r\n                        have succumbed to their biggest weakness: greed. They have seized control of an island rich in\r\n                        natural resources, but this new empire has been built on the backs of hopeful goblins who sought\r\n                        an escape from the clutches of the Venture Co. These new recruits found themselves trapped in a\r\n                        similar predicament again, only this time under new management. It is now your responsibility to\r\n                        break free from the chains of poverty and claim your rightful place in the Durotar Labor Union.\r\n                        This zone serves as the starting point for fledgling goblins, offering a level 1-10\r\n                        experience. </p>\r\n\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/blackstone_1.png" class="img-fluid hand w-100"\r\n                         ng-click="lb(\'images/blackstone_1.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/blackstone_2.png" class="img-fluid hand" ng-click="lb(\'images/blackstone_2.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/blackstone_3.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/blackstone_3.png\')">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="forlorn-summit">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Forlorn Summit</h3>\r\n\r\n                    <p class="text-white">\r\n                        Forgotten and decayed, this cliff holds Prince Arthas Menethil\u2019s base from which he issued the\r\n                        Culling of Stratholme during the Scourge\u2019s infestation by the Cult of the Damned. In his fervent\r\n                        pursuit of Mal\u2019Ganis, he abandoned this outpost - unbeknownst to the Silver Hand, Arthas\u2019\r\n                        suspicions were about to be verified: among the refugees of Stratholme were not only bearers of\r\n                        the Plague of Undeath, but also remaining agents of the Cult of the Damned, Kel\u2019thuzad\u2019s\r\n                        necromantic acolytes. To this day, the Forlorn Summit is a breeding ground of vile sorcery and\r\n                        crimes against all life. Are you valiant enough to stand against Kel\u2019thuzad\u2019s sect?\r\n                    </p>\r\n\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/forlorn_1.png" class="img-fluid hand w-100"\r\n                         ng-click="lb(\'images/forlorn_1.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/forlorn_2.png" class="img-fluid hand" ng-click="lb(\'images/forlorn_2.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/forlorn_3.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/forlorn_3.png\')">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="karfang-hold">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Karfang Hold</h3>\r\n\r\n                    <p class="text-white">\r\n                        Made aware of their position as puppets to the dragons of the upper spires, Karfang and other\r\n                        wiser Blackrock orcs have ventured northeast of the Burning Steppes to establish what is now\r\n                        known as Karfang Hold. Seeking the aid of the New Horde, they have opened their doors to\r\n                        adventurers and allies. Quests in this hub will require you to scrounge up vital resources for\r\n                        survival, clean up traces of the Orcs\' departure and the resulting betrayal of the Old Horde to\r\n                        prevent an all-out attack from the Blackrock Mountain, and aid them as they strive to solidify\r\n                        themselves as part of the New Horde.\r\n                    </p>\r\n                    <img src="images/turtlewow_karfanghold.webp" class="img-fluid">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="little-silvermoon">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Little Silvermoon</h3>\r\n\r\n                    <p class="text-white">\r\n                        Established in the nook of Stormwind that was formerly called Cutthroat Alley, Little Silvermoon\r\n                        serves as the embassy of the High Elven refugees, also serving as a slice of what once was\r\n                        before their exile.\r\n                    </p>\r\n                    <img src="images/little_silvermoon.png" class="img-fluid">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="hateforge-excavation">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Hateforge Excavation</h3>\r\n\r\n                    <p class="text-white">\r\n                        Under order of the Blackrock senate, an excavation by the Dark Iron dwarves has been issued in\r\n                        the east of the Burning Steppes. Born from the mind of High Foreman Bargul Blackhammer, they\r\n                        mine day in day out, yet with no apparent results. Suspicious of their actions, members of the\r\n                        Royal Senate of Ironforge and the renegade group of Blackrock Orcs in Karfang Hold seek the aid\r\n                        of adventurers to unveil the shadows seeping out of the Hateforge Quarry.\r\n                    </p>\r\n                    <img src="images/turtlewow_hateforge_01.png" class="img-fluid">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="scarlet-enclave">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Scarlet Enclave</h3>\r\n\r\n                    <p class="text-white">\r\n                        Left in disarray after the assault on the Scarlet Monastery, the leadership of the Scarlet\r\n                        Crusade rapidly increased their recruitments and many of the lost and impressionable youths have\r\n                        been drafted into their fanatic fold. Rumors spread across the Eastern Kingdoms, as the Crusade\r\n                        started retreating and hiding more and more in the secretive Scarlet Enclave yonder Tyr\u2019s Hand.\r\n                        What they\u2019re conspiring behind that shut gate may remain a mystery for now.\r\n                    </p>\r\n                    <img src="images/scarlet_enclave.png" class="img-fluid">\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="suntail-pass">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Suntail Pass</h3>\r\n\r\n                    <p class="text-white">\r\n                        Located in the northeastern corner of Mulgore, this pass serves as a place of pilgrimage to a\r\n                        few spirit walkers dedicated to honoring their ancestors and as a passage between Mulgore and\r\n                        the Barrens, allowing a safer trip to the Crossroads for young Tauren adventurers looking to\r\n                        make their place in the world. This location also serves as a small quest hub to clear the\r\n                        Bristleback Quilboar presence found east of the pass.\r\n                    </p>\r\n                    <img src="images/turtlewow_suntailpass.webp" class="img-fluid">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="sandmoon-village">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Sandmoon Village</h3>\r\n\r\n                    <p class="text-white">\r\n                        Only accessible via a hidden path from Tanaris, Sandmoon Village serves as a hidden home to a\r\n                        small sect of Sandfury trolls. Less bloodthirsty than the rest of their kind and aware of the\r\n                        corruption growing behind the walls of Zul\'Farrak, they\'ve established this village to separate\r\n                        themselves from them, and in requirement of aid from the Horde for survival in the cliffs of the\r\n                        scorching desert.\r\n                    </p>\r\n                    <img src="images/turtlewow_sandmoon.webp" class="img-fluid">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="redcloud-roost">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Redcloud Roost</h3>\r\n\r\n                    <p class="text-white">\r\n                        Found atop a spire at the Red Cloud Mesa, it\'s here where fledgling wyverns are given the\r\n                        training needed to transport passengers around Kalimdor. Perhaps you can train a fledgling of\r\n                        your own?\r\n                    </p>\r\n                    <img src="images/turtlewow_redcloud.webp" class="img-fluid">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="shrine-of-the-betrayer">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Shrine of the Betrayer</h3>\r\n\r\n                    <p class="text-white">\r\n                        An ancient statue devoted to Illidan, built by the exiled highborne a millennia ago. It is\r\n                        currently occupied by blood elves and a wayward demon hunter.\r\n                    </p>\r\n                    <img src="images/shrine.png" class="img-fluid">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="icepoint-rock">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Icepoint Rock</h3>\r\n\r\n                    <p class="text-white">\r\n                        This frozen glacier floats in the midpoint between Kalimdor and Northrend. The means to get to\r\n                        it and its inhabitants remain a mystery even to the hardiest of adventurers.\r\n                    </p>\r\n                    <img src="images/icepoint_rock.png" class="img-fluid">\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="chimaera-roost-vale">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Chimaera Roost Vale</h3>\r\n\r\n                    <p class="text-white">\r\n                        Once abandoned after the Third War, the forgotten Chimaera Roost Vale finds hope in the\r\n                        determined efforts of night elf Velos, who strives to restore its former glory.\r\n                    </p>\r\n                    <img src="images/turtlewow_chiemareroost.webp" class="img-fluid">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="amani-alor">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Amani\'Alor</h3>\r\n\r\n                    <p class="text-white">\r\n                        Amani\'alor serves as Kalimdor outpost of the Revantusk Trolls situated in the northwestern\r\n                        corner of the Stonetalon Mountains. They toil and work to unite the troll tribes under the\r\n                        banner of the Horde.\r\n                    </p>\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/amani_1.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/amani_1.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/amani_2.png" class="img-fluid hand" ng-click="lb(\'images/amani_2.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/amani_3.png" class="img-fluid hand"\r\n                         ng-click="lb(\'images/amani_3.png\')">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5 worldmaps" id="new-world-maps-and-updates">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">New World Maps and Updates</h3>\r\n\r\n                    <p class="text-white">\r\n                        New towns to explore, new stories to tell, new villains to defeat!\r\n                    </p>\r\n\r\n                    <!--               <iframe width="100%" height="480" src="https://www.youtube.com/embed/8xzz7x4BNAo"-->\r\n                    <!--                       title="YouTube video player" frameborder="0"-->\r\n                    <!--                       allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"-->\r\n                    <!--                       allowfullscreen></iframe>-->\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5" ng-repeat="g in gallery">\r\n                    <img ng-src="images/maps/small/{{g}}" class="img-fluid"\r\n                         ng-click="openLB(g)">\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img ng-src="images/turtlewow_crescentmap.jpg" class="img-fluid"\r\n                         ng-click=lb("images/turtlewow_crescentmap.jpg")>\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img ng-src="images/hyjal_mini.jpg" class="img-fluid"\r\n                         ng-click=lb("images/hyjal_mini.jpg")>\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img ng-src="images/alahthalas.webp" class="img-fluid"\r\n                         ng-click=lb(\'images/alahthalas.webp\')>\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img ng-src="images/maps/karamap.jpg" class="img-fluid"\r\n                         ng-click=lb(\'images/maps/karamap.jpg\')>\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img ng-src="images/maps/new-map.jpeg" class="img-fluid"\r\n                         ng-click=lb(\'images/maps/new-map.jpeg\')>\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img ng-src="images/maps/preview.png" class="img-fluid"\r\n                         ng-click=lb(\'images/maps/preview.png\')>\r\n                </div>\r\n\r\n\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5 worldmaps" id="zone-revamps">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Zone Revamps</h3>\r\n\r\n                    <h5 class="orange-text mb-4"><span class="star mr-3">\u2605</span> Arathi Highlands:</h5>\r\n                    <ul class="text-white">\r\n                        <li>\r\n                            Wildtusk Village\r\n                        </li>\r\n                        <li>Ruins of Zul\'rasaz</li>\r\n                        <li>Trails of Zul\'rasaz</li>\r\n                        <li>Farwell Stead</li>\r\n                        <li>Gallant Square</li>\r\n                        <li>Livingstone Croft</li>\r\n                    </ul>\r\n\r\n                    <h5 class="orange-text mb-4"><span class="star mr-3">\u2605</span> Azshara:</h5>\r\n                    <ul class="text-white">\r\n                        <li>Flaxwhisker Front</li>\r\n                        <li>Bloodfist Point</li>\r\n                        <li>Rethress Sanctum</li>\r\n                    </ul>\r\n\r\n                    <h5 class="orange-text mb-4"><span class="star mr-3">\u2605</span> Badlands:</h5>\r\n                    <ul class="text-white">\r\n                        <li>\r\n                            Ruins of Corthan\r\n                        </li>\r\n                        <li>Scalebane Ridge</li>\r\n                        <li>Crystalline Oasis</li>\r\n                        <li>Crystalline Pinnacle</li>\r\n                        <li>Redbrand\'s Digsite</li>\r\n                        <li>Angor Digsite</li>\r\n                        <li>Ruins of Zeth</li>\r\n                    </ul>\r\n\r\n                    <h5 class="orange-text mb-4"><span class="star mr-3">\u2605</span> Stonetalon Mountains:</h5>\r\n                    <ul class="text-white">\r\n                        <li>\r\n                            Bramblethorn Pass\r\n                        </li>\r\n                        <li>Powder Town</li>\r\n                        <li>Blacksand Oil Fields</li>\r\n                        <li>Bael Hardul</li>\r\n                    </ul>\r\n\r\n                    <h5 class="orange-text mb-4"><span class="star mr-3">\u2605</span> Dustwallow Marsh:</h5>\r\n                    <ul class="text-white">\r\n                        <li>\r\n                            Westhaven Hollow\r\n                        </li>\r\n                        <li>Blackhorn Village</li>\r\n                        <li>Deserter\'s Hideout</li>\r\n                        <li>Hermit of the East Coast</li>\r\n                        <li>Continuation of Shady Rest Inn</li>\r\n                    </ul>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5" id="updated-vanilla-locations">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Updated Vanilla Locations</h3>\r\n\r\n                    <p class="text-white"><span class="star mr-3">\u2605</span>Forest Song\r\n                        <br>\r\n                        <span class="star mr-3">\u2605</span>Thalanaar\r\n                        <br>\r\n                        <span class="star mr-3">\u2605</span>Talonbranch Glade</p>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n');
$templateCache.put('/pets-and-mounts/pets-and-mounts.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row paw p-5">\r\n\r\n            <div class="col-lg-12 ">\r\n\r\n               <h2 class="orange-text mb-2">Pets & Mounts</h2>\r\n               <p class="w-75 mt-3 text-white">\r\n                  From cute critters to valiant steeds and whirring shredders there is a new companian for everyone, now\r\n                  safely stored in your personal pets and mounts tabs found in your spellbook.\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-12">\r\n               <p class="text-white w-75">\r\n                  Good news for pet & mount collectors! All companions and riding mounts are correctly\r\n                  displayed on our online database: <span class="orange-text"><a href = \'https://database.turtle-wow.org/?items=15.2\'>Companions</a></span> and <span\r\n                       class="orange-text"><a href = \'https://database.turtle-wow.org/?items=15.4\'>Mounts</a></span>.\r\n               </p>\r\n            </div>\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5 pets-and-mounts">\r\n            <div class="col-lg-5 mt-5 mb-4">\r\n               <img src="images/pm1.png" class="w-100">\r\n            </div>\r\n            <div class="col-lg-7 mt-5 pt-4 mb-4">\r\n               <h5 class="orange-text">Pounders of Gnomeregan</h5>\r\n               <p class="text-white">\r\n                  Building a Pounder isn\'t easy! But the most calculating and dedicated engineers will be able to\r\n                  prospect and use an <span class="orange-text">Intact Pounder Mainframe</span>, that\xA0will help them to\r\n                  assemble a real Gnomeregan Battle\r\n                  Pounder! Compatible models could be used for salvageable parts most likely.\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-3 text-center text-white mt-4" id="official-artwork">\r\n               <img src="images/pm2.png" class="mb-4">\r\n               New reputation reward for players exalted with the\r\n               Ironforge\r\n            </div>\r\n\r\n            <div class="col-lg-3 text-center text-white mt-4" id="official-artwork">\r\n               <img src="images/pm3.png" class="mb-4">\r\n               New reputation reward for players exalted with the\r\n               Orgrimmar\r\n            </div>\r\n\r\n            <div class="col-lg-3 text-center text-white mt-4" id="official-artwork">\r\n               <img src="images/pm4.png" class="mb-4">\r\n               New reputation reward for players exalted with the\r\n               Thunder Bluff\r\n            </div>\r\n\r\n            <div class="col-lg-3 text-center text-white mt-4" id="official-artwork">\r\n               <img src="images/pm5.png" class="mb-4">\r\n               New reputation rewards for players exalted with the\r\n               Undercity\r\n            </div>\r\n\r\n            <div class="col-lg-12 mt-3 mb-3"></div>\r\n\r\n            <div class="col-lg-5 mt-5 mb-4">\r\n               <img src="images/turtlewow_gryphon_mount_preview.png" class="w-100" ng-click="lb(\'images/turtlewow_gryphon_mount.png\')">\r\n            </div>\r\n            <div class="col-lg-7 mt-5 pt-4 mb-4">\r\n               <h5 class="orange-text">Aerie Peak Gryphon</h5>\r\n\r\n               <p class="text-white w-75">\r\n                  <span class="text-green">Wildhammer Clan Quartermaster</span> is now offering to their exalted allies\r\n                  a chance to befriend one of\r\n                  their great <span class="orange-text">Aerie Peak Gryphon</span>! Prove yourself and aid our allies!\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-5 mt-5 mb-4">\r\n               <img src="images/turtlewow_shredder_mount_preview.png" class="w-100" ng-click="lb(\'images/turtlewow_shredder_mount.png\')">\r\n            </div>\r\n            <div class="col-lg-7 mt-5 pt-4 mb-4">\r\n               <h5 class="orange-text">mechanical Shredder</h5>\r\n\r\n               <p class="text-white w-75">\r\n                  A work of mechanical terror, fueled by a desire to extract and exploit the natural wonders of Azeroth:\r\n                  <span class="orange-text">Red Shredder X-0524A</span> and <span class="orange-text">Green\xA0Shredder X-0524B</span>\r\n                  are ready to walk and s-s-shred everything on their\r\n                  way! Due to complications in use of those deadly machines are restricted for Engineers only.\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-5 mt-5 mb-4">\r\n               <img src="images/turtlewow_mechaspider_mount_preview.png" class="w-100" ng-click="lb(\'images/turtlewow_mechaspider_mount.png\')">\r\n            </div>\r\n            <div class="col-lg-7 mt-5 pt-4 mb-4">\r\n               <h5 class="orange-text">Scrapforged Mechaspider</h5>\r\n\r\n               <p class="text-white w-75">\r\n                  New reputation rewards for players Exalted with the\xA0Gnomeregan Exiles.\r\n               </p>\r\n            </div>\r\n\r\n         </div>\r\n      </div>\r\n\r\n       <div class="text-center text-white mt-4">\r\n           <h1 class="orange-text font-weight-bold">Happy hunting!</h1>\r\n           <h4 class="mb-0">Examples listed above are just a fraction of our extensive collection.</h4>\r\n           <h4> More pets and mounts awaits you through the links:  <span class="orange-text">\r\n               <a href = \'https://database.turtle-wow.org/?items=15.2\'>Companions</a></span> and\r\n               <span\r\n                   class="orange-text">\r\n                   <a href = \'https://database.turtle-wow.org/?items=15.4\'> Mounts</a></span></h4>\r\n       </div>\r\n   </div>\r\n\r\n</div>\r\n\r\n');
$templateCache.put('/new-races/new-races.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row helmet p-5">\r\n\r\n            <div class="col-lg-12 ">\r\n\r\n               <h2 class="orange-text mb-2">New Races</h2>\r\n               <p class="w-50 mt-3 text-white">\r\n                  In addition to new dungeons, raids, and zones, the expansion also features two new races. A group of\r\n                  greedy Goblins splits off from the Venture Company to join their fellow outcasts in the Horde,\r\n                  and High Elf refugees from the fall of Quel\'Thalas lends(lend) their magical talents to the Alliance.\r\n               </p>\r\n\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="text-white">High Elves of the Alliance</h3>\r\n               <h3 class="orange-text mb-4">Silvermoon Remnants</h3>\r\n\r\n               <p class="w-100 text-white">\r\n\r\n                  Long ago, the exiled high elves founded the magical city of Quel\'Thalas. Here they created a mystical\r\n                  fount called the Sunwell. Strengthened by its magic, the High Elves grew increasingly dependent on the\r\n                  powers provided by the well. For generations, the elves cultivated a prosperous and powerful country\r\n                  until the shadow of death fell upon them. Scourge attacked Quel\'Thalas and destroyed the Sunwell, at\r\n                  the same time reducing the population of the High Elves to an all-time low. Scattered and regretful,\r\n                  the refugees of this once proud race now seek a new place to call home and a way to feel the void\r\n                  inside them, left by the destruction of the Sunwell.\r\n\r\n               </p>\r\n\r\n                <turtle-video-embed id="\'87c37432\'" height="\'500px\'" class="mt-5"></turtle-video-embed>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_highelf_01_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_highelf_01.png\')"></div>\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_highelf_02_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_highelf_02.png\')"></div>\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_highelf_03_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_highelf_03.png\')"></div>\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_highelf_04_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_highelf_04.png\')"></div>\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_highelf_alahthalas_01_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_highelf_alahthalas_01.png\')"></div>\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_highelf_alahthalas_02_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_highelf_alahthalas_02.png\')"></div>\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_highelf_alahthalas_03_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_highelf_alahthalas_03.png\')"></div>\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_highelf_room_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_highelf_room.png\')"></div>\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_highelf_stormwindcity_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_highelf_stormwindcity.png\')"></div>\r\n\r\n            <div class="col-lg-12 mt-4 mb-4">\r\n               <h4 class="orange-text">Racial traits</h4>\r\n            </div>\r\n            <div class="col-lg-1">\r\n               <img src="images/he_trait_1.png">\r\n            </div>\r\n            <div class="col-lg-5">\r\n               <h5 class="orange-text">Arcane resistance</h5>\r\n               <p class="text-gray">\r\n                  Arcane resistance increased by 10\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-1">\r\n               <img src="images/he_trait_2.png">\r\n            </div>\r\n            <div class="col-lg-5">\r\n               <h5 class="orange-text">Bow specializacion</h5>\r\n               <p class="text-gray">\r\n                  +5 Bow skill\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-1 mt-3">\r\n               <img src="images/he_trait_3.png">\r\n            </div>\r\n            <div class="col-lg-5 mt-3">\r\n               <h5 class="orange-text">Quel\'dorei Meditation</h5>\r\n               <p class="text-gray">\r\n                   While channeling this spell, generate 4% maximum mana, 6 Rage, or 13 Energy per second for 5 seconds.\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-1 mt-3">\r\n               <img src="images/he_trait_4.png">\r\n            </div>\r\n            <div class="col-lg-5 mt-3">\r\n               <h5 class="orange-text">Enchanting specializacion</h5>\r\n               <p class="text-gray">\r\n                  +10 Enchanting\r\n               </p>\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="text-white">Goblins of the Horde</h3>\r\n               <h3 class="orange-text mb-4">Durotar Labor Union</h3>\r\n\r\n               <p class="w-100 text-white">\r\n\r\n                  Shrewd, greedy, and ruthless, goblins have a long-standing reputation for being neutral in the rest of\r\n                  the world, despite the Steamwheedle Cartel allying with the Old Horde during the Second War. Heroes of\r\n                  goblin society are not bastions of honor or integrity. Instead, goblins tend to admire the ruthless\r\n                  acquisition of profit, by any means necessary. Goblins are gifted engineers and accomplished seafarers\r\n                  but are best known for their unabashed avarice.\r\n\r\n               </p>\r\n\r\n                <turtle-video-embed id="\'d4357514\'" height="\'500px\'" class="mt-5"></turtle-video-embed>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_goblin_01_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_goblin_01.png\')"></div>\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_goblin_02_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_goblin_02.png\')"></div>\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_goblin_03_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_goblin_03.png\')"></div>\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_goblin_04_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_goblin_04.png\')"></div>\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_goblin_05_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_goblin_05.png\')"></div>\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_goblin_bolid_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_goblin_bolid.png\')"></div>\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_goblincity_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_goblincity.png\')"></div>\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_goblins_01_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_goblins_01.png\')"></div>\r\n            <div class="col-lg-4 mb-4"><img src="images/turtlewow_goblins_02_preview.png" class="img-fluid hand h-100" ng-click="lb(\'images/turtlewow_goblins_02.png\')"></div>\r\n\r\n            <div class="col-lg-12 mt-4 mb-4">\r\n               <h4 class="orange-text">Racial traits</h4>\r\n            </div>\r\n            <div class="col-lg-1">\r\n               <img src="images/go_trait1.png">\r\n            </div>\r\n            <div class="col-lg-5">\r\n               <h5 class="orange-text">chemical superfreak</h5>\r\n               <p class="text-gray">\r\n                  +10 Alchemy Skill\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-1">\r\n               <img src="images/go_trait2.png">\r\n            </div>\r\n            <div class="col-lg-5">\r\n               <h5 class="orange-text">Prospecting</h5>\r\n               <p class="text-gray">\r\n                  +10 Mining Skill\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-1 mt-3">\r\n               <img src="images/go_trait3.png">\r\n            </div>\r\n            <div class="col-lg-5 mt-3">\r\n               <h5 class="orange-text">exit strategy</h5>\r\n               <p class="text-gray">\r\n                  Increases movement speed by 30% for\xA05\xA0seconds\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-1 mt-3">\r\n               <img src="images/go_trait4.png">\r\n            </div>\r\n            <div class="col-lg-5 mt-3">\r\n               <h5 class="orange-text">Aggressive Negotiations</h5>\r\n               <p class="text-gray">\r\n                  +5 Dagger & Mace skills\r\n               </p>\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/player-versus-player-content/player-versus-player-content.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row swords p-5">\r\n\r\n            <div class="col-lg-12 ">\r\n\r\n               <h2 class="orange-text mb-1">Player vs Player</h2>\r\n               <h2 class="orange-text mb-2">Content</h2>\r\n               <p class="w-50 mt-3 text-white">\r\n                  From the sands of the Blood Ring to the timeless conflicts of\xA0Sunnyglade\xA0Valley, there are many\r\n                  opportunities to earn fame and\xA0glory\xA0for your faction.\r\n               </p>\r\n\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n          <div class="row mt-5 p-5">\r\n              <div class="col-lg-12">\r\n                  <div class="d-flex flex-wrap">\r\n                      <div class="col-lg-6">\r\n                          <a ng-click="goToPage(\'player-versus-player-content#general-pvp-changes\')" class="orange-text mb-2">General PvP Changes</a><br>\r\n                          <a ng-click="goToPage(\'player-versus-player-content#no-de-ranking\')" class="orange-text mb-2">No De-Ranking: Allowing breaks</a><br>\r\n                          <a ng-click="goToPage(\'player-versus-player-content#new-battleground\')" class="orange-text mb-2">New Battlegroud</a><br>\r\n                          <a ng-click="goToPage(\'player-versus-player-content#blood-ring\')" class="orange-text mb-2">Blood Ring \u2014 3v3 Unranked</a><br>\r\n                          <a ng-click="goToPage(\'player-versus-player-content#pvp-bounty-boards\')" class="orange-text mb-2">PvP Bounty Boards</a><br>\r\n                          <a ng-click="goToPage(\'player-versus-player-content#city-protectors\')" class="orange-text mb-2">City Protectors</a><br>\r\n                          <a ng-click="goToPage(\'player-versus-player-content#dishonorable-ranks\')" class="orange-text mb-2">Dishonorable Ranks</a><br>\r\n                          <a ng-click="goToPage(\'player-versus-player-content#challenge-war-mode\')" class="orange-text mb-2">Challenge: War Mode</a><br>\r\n                      </div>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n\r\n         <div class="row p-5 mt-5" id="general-pvp-changes">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h4 class="orange-text mb-3">General PvP Changes:</h4>\r\n\r\n                <div class="text-white" style="line-height: 36px;">\r\n                    <div class="pvp-row">\r\n                        <span class="star mr-2">&starf;</span>\r\n                        <div>Warsong Gulch is open for the 1-1 and 2-9 level brackets!<br></div>\r\n                    </div>\r\n\r\n                    <div class="pvp-row">\r\n                        <span class="star mr-2">&starf;</span>\r\n                        <div>Losers of specific Battlegrounds are rewarded accordingly to incentivize Battlegrounds.<br></div>\r\n                    </div>\r\n\r\n                    <div class="pvp-row">\r\n                        <span class="star mr-2">&starf;</span>\r\n                        <div>Specific Battlegrounds reward XP under normal conditions.<br></div>\r\n                    </div>\r\n\r\n                    <div class="pvp-row">\r\n                        <span class="star mr-2">&starf;</span>\r\n                        <div>RP decay and requirements for specific PvP ranks are dynamically scaled depending on gathered data.<br></div>\r\n                    </div>\r\n\r\n                    <div class="pvp-row">\r\n                        <span class="star mr-2">&starf;</span>\r\n                        <div>Toggle XP gain off for gear collection without leaving your desired bracket!<br></div>\r\n                    </div>\r\n\r\n                    <div class="pvp-row">\r\n                        <span class="star mr-2">&starf;</span>\r\n                        <div>Arathi Basin can be queued in the 21-29 level bracket.<br></div>\r\n                    </div>\r\n\r\n                    <div class="pvp-row">\r\n                        <span class="star mr-2">&starf;</span>\r\n                        <div>Warsong Gulch: Capturing a flag now grants your team 108 reputation up from 35 reputation, amounting to 324 reputation if you capture all three flags to win the battleground.<br></div>\r\n                    </div>\r\n\r\n                    <div class="pvp-row">\r\n                        <span class="star mr-2">&starf;</span>\r\n                        <div>Arathi Basin: The reputation points granted for gathering resources has been increased from 13 to 25 for each tick, amounting to 325 reputation with 13 ticks if you acquire enough resources to win the battleground.<br></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n         </div>\r\n\r\n          <div class="row p-5 mt-5" id="no-de-ranking">\r\n\r\n              <div class="col-lg-12">\r\n\r\n                  <h4 class="orange-text mb-3">No De-Ranking: Allowing breaks.</h4>\r\n\r\n                  <p class="text-white w-100 mb-2">While we value the competitiveness of the Vanilla PvP system, we understand that the base system is too punishing for players who can\'t dedicate large amounts of time without breaks for PvP. As a result, PvP ranks will no longer drop due to decay. Decay will still occur, but your total amount of RP (Rank Points) will never drop below the minimum amount required for your current rank.<br>\r\n\r\n                  </p>\r\n              </div>\r\n          </div>\r\n\r\n\r\n         <div class="row p-5 mt-5" id="new-battleground">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h4 class="orange-text mb-0">New Battlegroud:</h4>\r\n               <h4 class="orange-text mb-3">Sunnyglade Valley</h4>\r\n\r\n               <p class="text-white w-100">\r\n                  Sunnyglade Valley represents one of the largest clashes between the forces of the old Kingdom of\r\n                  Azeroth and the Horde during the First War. It is a 10v10 Domination Battleground with a focus on\r\n                  uncovering the mystery of the shifting of time through the exploration of the nearby woodlands, as\r\n                  well as the local mines to gather clues. Here you will be acting at the behest of the guardian of the\r\n                  timeways, the bronze dragon Vairozdormu, as an agent for the flight in their attempts to uncover the\r\n                  ongoing crisis threatening to alter the very fabric of history and the entirety of the modern world.\r\n               </p>\r\n\r\n<script>!function(r,u,m,b,l,e){r._Rumble=b,r[b]||(r[b]=function(){(r[b]._=r[b]._||[]).push(arguments);if(r[b]._.length==1){l=u.createElement(m),e=u.getElementsByTagName(m)[0],l.async=1,l.src="https://rumble.com/embedJS/u1ec5nv"+(arguments[1].video?\'.\'+arguments[1].video:\'\')+"/?url="+encodeURIComponent(location.href)+"&args="+encodeURIComponent(JSON.stringify([].slice.apply(arguments))),e.parentNode.insertBefore(l,e)}})}(window, document, "script", "Rumble");</script>\r\n\r\n<div id="rumble_v1httpl"></div>\r\n<script>\r\nRumble("play", {"video":"v1httpl","div":"rumble_v1httpl"});</script>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n         <div class="row p-5 mt-5" id="blood-ring">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h4 class="orange-text mb-0">Blood Ring \u2014 3v3 Unranked</h4>\r\n               <h4 class="orange-text mb-3">Arena & New PvP Gear!</h4>\r\n\r\n               <p class="text-white w-100">\r\n                  Earn reputation for Steamwheedle Blood Ring by doing matches and proving your worth in\xA0the\xA0bloody\r\n                  sands, rewards included.\r\n               </p>\r\n\r\n               <img src="images/turtlewow_bloodring_pvp.png" class="img-fluid">\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n         <div class="row p-5 mt-5" id="pvp-bounty-boards">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h4 class="orange-text mb-3">Player vs Player Bounty Boards</h4>\r\n\r\n               <p class="text-white w-100">\r\n                  You must kill the player listed as target to complete the quest. Group kills will not count. An active\r\n                  player with the highest amount of Honorable Kills on the Last Week will become a target of the Bounty\r\n                  Hunt for the opposite faction! Targets will be updated every Wednesday, for both, Horde and Alliance.\r\n                  The quest for each target is not repeatable.\r\n               </p>\r\n\r\n               <img src="images/turtlewow_bountyboards.png" class="img-fluid">\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n         <div class="row p-5 mt-5" id="city-protectors">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h4 class="orange-text mb-3">City Protectors</h4>\r\n\r\n               <p class="text-gray w-75">\r\n                  \u201CDefend the weak, protect both young and old, never desert your friends. Give justice\r\n                  to\xA0all,\xA0be\xA0fearless in battle and always ready to defend the right.\u201D\r\n               </p>\r\n\r\n               <p class="text-white w-75">\r\n                  If the PvP stage is active enough each week, 8 players will be granted the title of\xA0\u201CCity\xA0Protector\u201D,\r\n                  and assigned each of them to their major city. City Protectors will receive in-game mail with City\r\n                  Protector\u2019s Medallion, allowing them to teleport to their homeland, with a cooldown of 60 minutes.\r\n               </p>\r\n\r\n\r\n\t\t\t   <p class="text-white w-75">\r\n\t\t\t   Every week, the player with the highest amount of honorable kills from each playable race will be granted the following title in addition to their PvP rank:\r\n\t\t\t   </p>\r\n\r\n\t\t\t   <img src="images/footerline.png" class="mt-4 mb-5 w-100">\r\n\r\n\r\n\r\n\r\n            </div>\r\n            <div class="col-lg-6">\r\n               <h5><span class="orange-text">Humans</span>\r\n                  <img src="images/rombus.png" class="mb-1">\r\n                  <span class="text-white">Protector of Stormwind</span>\r\n               </h5>\r\n\r\n               <h5><span class="orange-text">Orcs</span>\r\n                  <img src="images/rombus.png" class="mb-1">\r\n                  <span class="text-white">Overlord of Orgrimmar</span>\r\n               </h5>\r\n\r\n               <h5><span class="orange-text">Dwarves</span>\r\n                  <img src="images/rombus.png" class="mb-1">\r\n                  <span class="text-white">Thane of Ironforge</span>\r\n               </h5>\r\n\r\n               <h5><span class="orange-text">Night Elves</span>\r\n                  <img src="images/rombus.png" class="mb-1">\r\n                  <span class="text-white">High Sentinel of Darnassus</span>\r\n               </h5>\r\n\r\n               <h5><span class="orange-text">Undead</span>\r\n                  <img src="images/rombus.png" class="mb-1">\r\n                  <span class="text-white">Deathlord of the Undercity</span>\r\n               </h5>\r\n            </div>\r\n\r\n            <div class="col-lg-6">\r\n               <h5><span class="orange-text">Taurens</span>\r\n                  <img src="images/rombus.png" class="mb-1">\r\n                  <span class="text-white">Chieftain of Thunderbluff</span>\r\n               </h5>\r\n\r\n               <h5><span class="orange-text">Gnomes</span>\r\n                  <img src="images/rombus.png" class="mb-1">\r\n                  <span class="text-white">Avenger of Gnomeregan</span>\r\n               </h5>\r\n\r\n               <h5><span class="orange-text">Trolls</span>\r\n                  <img src="images/rombus.png" class="mb-1">\r\n                  <span class="text-white">Voodoo Boss of Sen\'jin</span>\r\n               </h5>\r\n\r\n               <h5><span class="orange-text">High Elves</span>\r\n                  <img src="images/rombus.png" class="mb-1">\r\n                  <span class="text-white">Avenger of Quel\'thalas</span>\r\n               </h5>\r\n\r\n               <h5><span class="orange-text">Goblins</span>\r\n                  <img src="images/rombus.png" class="mb-1">\r\n                  <span class="text-white">Bruiser of Sparkwater</span>\r\n               </h5>\r\n            </div>\r\n\r\n            <div class="col-lg-12 mt-5">\r\n               <img src="images/turtlewow_nightelf_darnassus.png" class="img-fluid">\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n\r\n         <div class="row p-5 mt-5" id="dishonorable-ranks">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h4 class="orange-text mb-3">Dishonorable Ranks</h4>\r\n\r\n               <p class="text-gray w-50 mb-5">\r\n                  For killing low level players or civilians, players are ranked negatively. We have added these\r\n                  dishonorable ranks:\r\n               </p>\r\n\r\n               <h5 class="orange-text">&starf; &nbsp; Dishonored</h5>\r\n               <h5 class="orange-text">&starf; &nbsp; Exiled</h5>\r\n               <h5 class="orange-text">&starf; &nbsp; Outlaw</h5>\r\n               <h5 class="orange-text">&starf; &nbsp; Pariah</h5>\r\n               <h5 class="orange-text">&starf; &nbsp; Have fun and be evil!</h5>\r\n\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-12 mt-5">\r\n               <img src="images/dish.png" class="img-fluid">\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <a id="war-mode"></a>\r\n\r\n         <div class="row p-5 mt-5" id="challenge-war-mode">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h4 class="orange-text mb-3">Challenge: War Mode</h4>\r\n\r\n               <p class="text-gray w-100 mb-2">\r\n                  A new Glyph that permanently flags you for PvP in return for certain benefits: +30% for all experience\r\n                  gains.\r\n               </p>\r\n\t\t\t\t<span class="text-white">This glyph will flag you for PvP combat permanently! Players can opt-out War Mode challenge once at the glyph master in starting zone or additionaly at level 60.\r\n\t\t\t\t</span>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-12 mt-5">\r\n               <img src="images/thinbord.png" class="img-fluid">\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/population-graph/population-graph.html','<div class="section mb-5" id="pages">\r\n    <style>\r\n        .custom-nav-tabs {\r\n            padding: 10px;\r\n        }\r\n\r\n        .custom-nav-link {\r\n            background-color: var(--dark-gray);\r\n            border-radius: 5px;\r\n            margin-right: 10px;\r\n            border: 1px solid transparent;\r\n        }\r\n\r\n        .custom-nav-link.active {\r\n            color: var(--orange) !important;\r\n            border-color: transparent;\r\n        }\r\n    </style>\r\n    <div class="container-fluid pb-5">\r\n        <div class="container pt-5 pb-5">\r\n\r\n            <ul class="nav custom-nav-tabs" id="myTab" role="tablist">\r\n                <li class="nav-item" role="presentation">\r\n                    <button class="nav-link custom-nav-link active" id="population-tab-1" data-toggle="tab" data-target="#population_1" type="button" role="tab" aria-controls="population_1" aria-selected="true" ng-click="refreshChart(1)">Turtle WoW PvE</button>\r\n                </li>\r\n                <li class="nav-item" role="presentation">\r\n                    <button class="nav-link custom-nav-link" id="population-tab-2" data-toggle="tab" data-target="#population_2" type="button" role="tab" aria-controls="population_2" aria-selected="false" ng-click="refreshChart(2)">TEL\'ABIM PvP</button>\r\n                </li>\r\n            </ul>\r\n\r\n            <div class="tab-content" id="myTabContent">\r\n                <div class="tab-pane fade show active" id="population_1" role="tabpanel" aria-labelledby="population-tab-1">\r\n\r\n                    <div class="row p-5">\r\n\r\n                        <div class="col-lg-12">\r\n\r\n                            <h2 class="orange-text mb-2">Population Graph</h2>\r\n                            <p class="mt-3 mb-5 text-white">\r\n                                The following graphs represent the peak numbers of online players for both factions for each\r\n                                week since the launch:\r\n                            </p>\r\n\r\n                            <div class="table-responsive">\r\n                                <canvas id="population-graph-1" class="table" style="height: 500px;"></canvas>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n\r\n                    </div>\r\n                </div>\r\n                <div class="tab-pane fade" id="population_2" role="tabpanel" aria-labelledby="population-tab-2">\r\n                    <div class="row p-5">\r\n\r\n                        <div class="col-lg-12">\r\n\r\n                            <h2 class="orange-text mb-2">Population Graph</h2>\r\n                            <p class="mt-3 mb-5 text-white">\r\n                                The following graphs represent the peak numbers of online players for both factions for each\r\n                                week since the launch:\r\n                            </p>\r\n\r\n                            <div class="table-responsive">\r\n                                <canvas id="population-graph-2" class="table" style="height: 500px;"></canvas>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n');
$templateCache.put('/raids-and-dungeons/raids-and-dungeons.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row tent p-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h2 class="orange-text mb-2">Raids & Dungeons</h2>\r\n               <p class="w-50 mt-3 text-white">\r\n                  From the depths of Karazhan Crypt to the corrupted wilds of Crescent Grove, new foes arise to threaten\r\n                  the world. Only by the combined might of the brave adventures do residents of Azeroth stand a chance.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n          <div class="row mt-5 p-5">\r\n              <div class="col-lg-12">\r\n                  <div class="d-flex flex-wrap">\r\n                     <div class="col-lg-6">\r\n                        <a ng-click="goToPage(\'raids-and-dungeons#emerald-sanctum\')" class="orange-text mb-2">Emerald Sanctum</a><br>\r\n                        <a ng-click="goToPage(\'raids-and-dungeons#lower-karazhan-halls\')" class="orange-text mb-2">Lower Karazhan Halls</a><br>\r\n                        <a ng-click="goToPage(\'raids-and-dungeons#caverns-of-time-black-morass\')" class="orange-text mb-2">Caverns of Time: Black Morass</a><br>\r\n                        <a ng-click="goToPage(\'raids-and-dungeons#karazhan-crypt\')" class="orange-text mb-2">Karazhan Crypt</a><br>\r\n                        <a ng-click="goToPage(\'raids-and-dungeons#stormwind-vault\')" class="orange-text mb-2">Stormwind Vault</a><br>\r\n                        <a ng-click="goToPage(\'raids-and-dungeons#hateforge-quarry\')" class="orange-text mb-2">Hateforge Quarry</a><br>\r\n                        <a ng-click="goToPage(\'raids-and-dungeons#gilneas-city\')" class="orange-text mb-2">Gilneas City</a><br>\r\n                     </div>\r\n                     <div class="col-lg-6">\r\n                        <a ng-click="goToPage(\'raids-and-dungeons#crescent-grove\')" class="orange-text mb-2">The Crescent Grove</a><br>\r\n                        <a ng-click="goToPage(\'raids-and-dungeons#world-boss-concavius\')" class="orange-text mb-2">World Boss Concavius</a><br>\r\n                        <a ng-click="goToPage(\'raids-and-dungeons#world-boss-ostarius\')" class="orange-text mb-2">World Boss Ostarius of Uldum</a><br>\r\n                        <a ng-click="goToPage(\'raids-and-dungeons#world-boss-nerubian\')" class="orange-text mb-2">World Boss Nerubian Overseer</a><br>\r\n                        <a ng-click="goToPage(\'raids-and-dungeons#world-boss-dark-reaver\')" class="orange-text mb-2">World Boss Dark Reaver of Karazhan</a><br>\r\n                        <a ng-click="goToPage(\'raids-and-dungeons#cross-faction-play\')" class="orange-text mb-2">Cross-faction play (Nordanaar Only)</a><br>\r\n                        <a ng-click="goToPage(\'raids-and-dungeons#new-rare-monsters\')" class="orange-text mb-2">New Rare Monsters</a><br>\r\n                     </div>\r\n                  </div>\r\n              </div>\r\n          </div>\r\n\r\n\r\n         <div class="row p-5 mt-5" id="emerald-sanctum">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="orange-text mb-4">Emerald Sanctum</h3>\r\n\r\n               <p class="w-100 text-white mb-4">\r\n                  Dungeon: <span class="text-gray mr-5">40 Man</span>\r\n                  Level: <span class="text-gray mr-5">60</span>\r\n                  Difficulty: <span class="text-gray mr-5">T2</span>\r\n               </p>\r\n\r\n               <p class="w-100 text-white">\r\n                  A fog of corruption has descended upon the Emerald Dream, twisting the morals and intentions of even\r\n                  the noblest and purest. The corrupted Wakener is preparing to send a premature call of awakening; if\r\n                  not stopped, his kin will arise and go on a frenzied rampage across Azeroth.\r\n               </p>\r\n               <br>\r\n               <br>\r\n\r\n               <turtle-video-embed id="\'d4ee18b4\'" height="\'500px\'" class="mt-5"></turtle-video-embed>\r\n\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-4"><img src="images/patch_1166/turtlewow_sanctum-raid_01.png" class="img-fluid hand" ng-click="lb(\'images/patch_1166/turtlewow_sanctum-raid_01.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/patch_1166/turtlewow_sanctum-raid_02.png" class="img-fluid hand" ng-click="lb(\'images/patch_1166/turtlewow_sanctum-raid_02.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/patch_1166/turtlewow_sanctum-raid_03.png" class="img-fluid hand" ng-click="lb(\'images/patch_1166/turtlewow_sanctum-raid_03.png\')"></div>\r\n\r\n         </div>\r\n\r\n\r\n         <div id="lower-karazhan-halls" class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="orange-text mb-4">Lower Karazhan Halls</h3>\r\n\r\n               <p class="w-100 text-white mb-4">\r\n                  Dungeon: <span class="text-gray mr-5">10 Man</span>\r\n                  Level: <span class="text-gray mr-5">60</span>\r\n                  Difficulty: <span class="text-gray mr-5">T1</span>\r\n               </p>\r\n\r\n               <p class="w-100 text-white">\r\n                  Karazhan, once the towering stronghold of the former Guardian of Tirisfal, now hums with magical\r\n                  energy as it perches atop a powerful leyline. Its long-forgotten corridors, covered in dust, have\r\n                  become a haven for various creatures, though it appears that not all of its inhabitants have willingly\r\n                  departed. In the depths of the lower halls, Medivh\'s loyal castellan, Moroes, remains a vigilant\r\n                  guardian. If you manage to impress him, he may grant you access to the upper floors.\r\n               </p>\r\n               <br>\r\n               <br>\r\n\r\n               <turtle-video-embed id="\'7835bc7a\'" height="\'500px\'" class="mt-5"></turtle-video-embed>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-4"><img src="images/patch_1166/turtlewow_karazhan-raid_01.png" class="img-fluid hand" ng-click="lb(\'images/patch_1166/turtlewow_karazhan-raid_01.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/patch_1166/turtlewow_karazhan-raid_02.png" class="img-fluid hand" ng-click="lb(\'images/patch_1166/turtlewow_karazhan-raid_02.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/patch_1166/turtlewow_karazhan-raid_03.png" class="img-fluid hand" ng-click="lb(\'images/patch_1166/turtlewow_karazhan-raid_03.png\')"></div>\r\n\r\n         </div>\r\n\r\n\r\n\r\n\r\n\r\n         <div id="caverns-of-time-black-morass" class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="orange-text mb-4">Caverns of Time: Black Morass</h3>\r\n\r\n               <p class="w-100 text-white mb-4">\r\n                  Dungeon: <span class="text-gray mr-5">5 Man</span>\r\n                  Level: <span class="text-gray mr-5">60</span>\r\n                  Difficulty: <span class="text-gray mr-5">Dire Maul+</span>\r\n                  Expected Clear Time: <span class="text-gray">1.5 \u2014 2.5 Hours</span>\r\n               </p>\r\n\r\n               <p class="w-100 text-white">\r\n                  Climb the spire that serves as the link between times past and present and prevent the Infinite\r\n                  Dragonflight from interfering with the one true timeline.\r\n               </p>\r\n\r\n               <br>\r\n               <br>\r\n\r\n               <turtle-video-embed id="\'fb195e7b\'" height="\'500px\'" class="mt-5"></turtle-video-embed>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-4"><img src="images/patch_1166/turtlewow_cavernsoftime_black_morass_01.png" class="img-fluid hand" ng-click="lb(\'images/patch_1166/turtlewow_cavernsoftime_black_morass_01.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/patch_1166/turtlewow_cavernsoftime_black_morass_02.png" class="img-fluid hand" ng-click="lb(\'images/patch_1166/turtlewow_cavernsoftime_black_morass_02.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/patch_1166/turtlewow_cavernsoftime_black_morass_03.png" class="img-fluid hand" ng-click="lb(\'images/patch_1166/turtlewow_cavernsoftime_black_morass_03.png\')"></div>\r\n\r\n         </div>\r\n\r\n\r\n         <div id="karazhan-crypt" class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="orange-text mb-4">Karazhan Crypt</h3>\r\n\r\n               <p class="w-100 text-white mb-4">\r\n                  Dungeon: <span class="text-gray mr-5">5 Man</span>\r\n                  Level: <span class="text-gray mr-5">60</span>\r\n                  Difficulty: <span class="text-gray mr-5">Dire Maul+</span>\r\n                  Expected Clear Time: <span class="text-gray">2 \u2014 3 Hours</span>\r\n               </p>\r\n\r\n               <p class="w-100 text-white">\r\n                  Something is twisting the dead back to life in the forlorn catacombs, find the source so the dead may\r\n                  rest again.\r\n               </p>\r\n\r\n               <br>\r\n               <br>\r\n               <turtle-video-embed id="\'45375240\'" height="\'500px\'" class="mt-5"></turtle-video-embed>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-4"><img src="images/turtlewow_karazhancrypt_01_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_karazhancrypt_01.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_karazhancrypt_02_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_karazhancrypt_02.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_karazhancrypt_03_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_karazhancrypt_03.png\')"></div>\r\n\r\n         </div>\r\n\r\n\r\n         <div id="stormwind-vault" class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="orange-text mb-4">Stormwind Vault</h3>\r\n\r\n               <p class="w-100 text-white mb-4">\r\n                  Dungeon: <span class="text-gray mr-5">5 Man</span>\r\n                  Level: <span class="text-gray mr-5">60</span>\r\n                  Difficulty: <span class="text-gray mr-5">Dire Maul+</span>\r\n                  Expected Clear Time: <span class="text-gray">1.5 \u2014 2.5 Hours</span>\r\n               </p>\r\n\r\n               <p class="w-100 text-white">\r\n                  The Vault\'s runes of warding are weakening as the horrors within threaten Azeroth once again, you must\r\n                  venture down and stop these fiends once and for all.\r\n               </p>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-4"><img src="images/turtlewow_stormwindvault_01_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_stormwindvault_01.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_stormwindvault_02_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_stormwindvault_02.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_stormwindvault_03_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_stormwindvault_03.png\')"></div>\r\n\r\n         </div>\r\n\r\n         <div id="hateforge-quarry" class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="orange-text mb-4">Hateforge Quarry</h3>\r\n\r\n               <p class="w-100 text-white mb-4">\r\n                  Dungeon: <span class="text-gray mr-5">5 Man</span>\r\n                  Level: <span class="text-gray mr-5">52-60</span>\r\n                  Difficulty: <span class="text-gray mr-5">Early Blackrock Depths</span>\r\n                  Expected Clear Time: <span class="text-gray">2 \u2014 2.5 Hours</span>\r\n               </p>\r\n\r\n               <p class="w-100 text-white">\r\n                  Hidden away at the northeastern walls of the Burning Steppes, the Hateforge Quarry is one of the new\r\n                  efforts the dark iron dwarves in search for a new weapon against their adversaries. Beyond the\r\n                  innocent look of the quarry hides an insidious cavern, where the shadowforge plot new schemes against\r\n                  all those that oppose them. Their plans cannot be allowed to come to fruition.\r\n               </p>\r\n\r\n               <br>\r\n               <br>\r\n\r\n               <turtle-video-embed id="\'ba3f6afb\'" height="\'500px\'" class="mt-5"></turtle-video-embed>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-4"><img src="images/turtlewow_hateforge_01_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_hateforge_01.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_hateforge_02_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_hateforge_02.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_hateforge_03_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_hateforge_03.png\')"></div>\r\n\r\n         </div>\r\n\r\n         <div id="gilneas-city" class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="orange-text mb-4">Gilneas City</h3>\r\n\r\n               <p class="w-100 text-white mb-4">\r\n                  Dungeon: <span class="text-gray mr-5">5 Man</span>\r\n                  Level: <span class="text-gray mr-5">43-49</span>\r\n                  Difficulty: <span class="text-gray mr-5">Zul\'Farrak</span>\r\n                  Expected Clear Time: <span class="text-gray">1.5 \u2014 2 Hours</span>\r\n               </p>\r\n\r\n               <p class="w-100 text-white">\r\n                  At the heart of this once-isolated land lies Gilneas City, which was once a bastion of hope for its\r\n                  people. Established after breaking free from the rule of the Arathorian lords, it stood as a symbol of\r\n                  resilience and prosperity. However, it is now a mere shell of its former beauty, with a dark presence\r\n                  casting a gripping shadow over Gilneas and serving as a reminder of its once glorious past. Distant\r\n                  howls echo through the city, haunting reminders of its new occupants. Yet, there is a possibility that\r\n                  not everyone is gone and that their accursed king may still live.\r\n               </p>\r\n\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-4"><img src="images/patch_1166/turtlewow_gilneascity_01.png" class="img-fluid hand" ng-click="lb(\'images/patch_1166/turtlewow_gilneascity_01.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/patch_1166/turtlewow_gilneascity_02.png" class="img-fluid hand" ng-click="lb(\'images/patch_1166/turtlewow_gilneascity_02.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/patch_1166/turtlewow_gilneascity_03.png" class="img-fluid hand" ng-click="lb(\'images/patch_1166/turtlewow_gilneascity_03.png\')"></div>\r\n\r\n         </div>\r\n\r\n\r\n         <div id="crescent-grove" class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="orange-text mb-4">The Crescent Grove</h3>\r\n\r\n               <p class="w-100 text-white mb-4">\r\n                  Dungeon: <span class="text-gray mr-5">5 Man</span>\r\n                  Level: <span class="text-gray mr-5">32-38</span>\r\n                  Difficulty: <span class="text-gray mr-5">SM: Library</span>\r\n                  Expected Clear Time: <span class="text-gray">2 \u2014 2.5 Hours</span>\r\n               </p>\r\n\r\n               <p class="w-100 text-white">\r\n                  Step foot into a hidden grove under the trees and find and eradicate the source of corruption within.\r\n               </p>\r\n\r\n               <br>\r\n               <br>\r\n\r\n               <turtle-video-embed id="\'90dda44d\'" height="\'500px\'" class="mt-5"></turtle-video-embed>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-4"><img src="images/turtlewow_crescentgrove_01_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_crescentgrove_01.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_crescentgrove_02_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_crescentgrove_02.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_crescentgrove_03_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_crescentgrove_03.png\')"></div>\r\n\r\n         </div>\r\n\r\n         <div id="world-boss-concavius" class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="orange-text mb-4">World Boss Concavius</h3>\r\n\r\n               <p class="w-100 text-white">\r\n                  Trouble is afoot in the Shadowbreak Ravine. The Twilight\'s Hammer have found that the interference of the Burning Legion\'s mortal lackeys is threatening the plans of their own dark masters. They have summoned the powerful Concavius, a voidwalker from the dark beyond, turning it against their enemies. However, such a creature will not stop with the Shadow Council. It will continue to devour all in its path unless stopped. Concavius is a 20+ man world boss designed for new max-level characters. In addition to the normal rewards you\'ll also be rewarded with a Void-Linked Satchel of Goods that contains many endgame materials.\r\n               </p>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-4"><img src="images/turtlewow_concavius_01_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_concavius_01.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_concavius_02_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_concavius_02.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_concavius_03_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_concavius_03.png\')"></div>\r\n\r\n         </div>\r\n\r\n\r\n         <div id="world-boss-ostarius" class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="orange-text mb-4">World Boss Ostarius of Uldum</h3>\r\n\r\n               <p class="w-100 text-white">\r\n                  The gates of Uldum beckon, as both factions move to gather and combine the fragments of the discs of\r\n                  Uldum and finally set foot into the facility. Even with the discs reformed, the facility\'s security\r\n                  system has detected the curse of flesh\'s presence, locked down the entrance and deployed the first\r\n                  barrier to your journey below: Ostarius. Ostarius is a 40 man world boss designed for raiders in the\r\n                  Tier 2.5-Tier 3 range.\r\n               </p>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-4"><img src="images/turtlewow_ostarius_uldum_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_ostarius_uldum.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_uldum_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_uldum.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_uldum_tanaris_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_uldum_tanaris.png\')"></div>\r\n\r\n         </div>\r\n\r\n\r\n\r\n         <div id="world-boss-nerubian" class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="orange-text mb-4">World Boss Nerubian Overseer</h3>\r\n\r\n               <p class="w-100 text-white">\r\n                  The terror of the plaguelands and the commander of all crypt friends that roam the Plaguelands, the\r\n                  Nerubian Overseer patrols the webweaver tunnels, preying on any adventurers foolish enough wander into\r\n                  the tunnels. Though with a coordinated strike, there is a chance this monstrosity could be brought\r\n                  down at last. Nerubian Overseer is a 40 man world boss designed for raiders in the Tier 2-Tier 2.5\r\n                  range. In addition to the normal rewards, you can expect to get a nerubling companion of your own and\r\n                  a sizable reputation reward for the Argent Dawn from the quest found at the entrance of the Eastern\r\n                  Plaguelands.\r\n               </p>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-12"><img src="images/patch_1166/turtlewow_nerubian_overseer_01.png" class="img-fluid hand" ng-click="lb(\'images/patch_1166/turtlewow_nerubian_overseer_01.png\')"></div>\r\n\r\n         </div>\r\n         <div id="world-boss-dark-reaver" class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="orange-text mb-4">World Boss Dark Reaver of Karazhan</h3>\r\n\r\n               <p class="w-100 text-white">\r\n                  The Dark Reaver of Karazhan stands vigil at the entrance of Lower Karazhan Halls, preventing any\r\n                  intrusion into his master\'s tower. If the secrets of Karazhan are to be unraveled, the way must be\r\n                  opened. Dark Reaver of Karazhan is a 40 man world boss designed for raiders in the Tier 1 range. </p>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-12"><img src="images/patch_1166/turtlewow_dark_reaver_of_karazhan_01.png" class="img-fluid hand" ng-click="lb(\'images/patch_1166/turtlewow_dark_reaver_of_karazhan_01.png\')"></div>\r\n\r\n         </div>\r\n\r\n\r\n         <div id="cross-faction-play" class="col-lg-12 mb-5">\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n               <h3 class="orange-text mb-4">Cross-faction play (Nordanaar Only)</h3>\r\n               <a id="war-mode"></a>\r\n               <p class="w-100 text-white">\r\n                  As ancient threats loom over Azeroth, many individuals among the races have chosen to cooperate rather\r\n                  than fight. Players of both factions can chat, group and trade cooperatively if they chose to do so,\r\n                  opening many new possibilities for questing, raiding or roleplay. Shaman\'s Totems and Paladin\'s\r\n                  Blessings also stack and don\'t override eachother, allowing them to be used in tandem. PvP and NPCs\r\n                  remain faction-locked, maintaining the unique faction identity that is an integral component of\r\n                  Vanilla.\r\n               </p>\r\n\r\n            </div>\r\n         </div>\r\n\r\n\r\n         <div id="new-rare-monsters" class="col-lg-12 mb-5">\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n               <h3 class="orange-text mb-4">NEW RARE MONSTERS IN THE OPEN WORLD</h3>\r\n\r\n               <p class="w-100 text-white">\r\n                  Should luck favor you, you might encounter these new rare monsters out in the wilds of new locations and zones that have been introduced so far, though be wary as they won\'t go out without a fight. If you succeed you\'re sure to acquire one of many new items created just for these elusive adversaries, with a low chance for a trinket from a few and an even lower chance for an epic from the new mini world bosses of Gilijim and Lapidis Islands!\r\n               </p>\r\n\r\n            </div>\r\n         </div>\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/roleplay/roleplay.html','<div class="section mb-5" id="pages">\r\n    <div class="container-fluid pb-5">\r\n        <div class="container pt-5 pb-5">\r\n\r\n            <div class="row hat2 p-5">\r\n\r\n                <div class="col-lg-12 ">\r\n\r\n                    <h2 class="orange-text mb-2">Roleplay</h2>\r\n                    <p class="w-75 mt-3 text-white">\r\n                        Turtle WoW has a bustling role-playing community that has been at the forefront of the server since its early days. Role-players have been crafting intricate storylines and character development for years, and the server is now home to a number of role-playing guilds that host regular events. Whether you\'re looking for a casual role-playing experience or an immersive narrative, you\'ll find what you\'re looking for at Turtle WoW.\r\n                    </p>\r\n                </div>\r\n\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5">\r\n                <div class="col-lg-5"><img src="images/roleplay/tavern-1.png" style="height: 226px"  class="img-fluid hand" ng-click="lb(\'images/roleplay/tavern-1.png\')"></div>\r\n                <div class="col-lg-7"><h4 class="orange-text mb-3 mt-3">Taverns and Camps:</h4>\r\n\r\n                    <p class="text-white w-100">\r\n                        "Come, sit by the fire. For here, you will meet seasoned adventurers, those who have weathered countless storms, battled fierce foes, conquered treacherous landscapes, and survived to tell tales. These bold wanderers have risked life and limb to seek adventure, explore unknown lands, and push the boundaries of what is possible. And now, they are eager to share their experiences, stories, and wisdom with you."\r\n                    </p>\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/roleplay/tavern-2.png"  class="img-fluid hand" ng-click="lb(\'images/roleplay/tavern-2.png\')">\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/roleplay/tavern-3.png"  class="img-fluid hand" ng-click="lb(\'images/roleplay/tavern-3.png\')">\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/roleplay/tavern-4.png"  class="img-fluid hand" ng-click="lb(\'images/roleplay/tavern-4.png\')">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5">\r\n                <div class="col-lg-5"><img src="images/roleplay/epic-2.png"  style="height: 226px" class="img-fluid hand" ng-click="lb(\'images/roleplay/epic-2.png\')"></div>\r\n                <div class="col-lg-7"><h4 class="orange-text mb-3 mt-3">One-Time Events and Epic Plots:</h4>\r\n\r\n                    <p class="text-white w-100">\r\n                        Ready for your new adventure? Join the public-hosted events on Turtle WoW, and experience an immersive and genuine journey every week. Whether you\'re a seasoned pro or just starting out, there are countless opportunities to explore, battle, and uncover secrets. So gear up and prepare for a journey beyond your wildest dreams\u2014where the only limit is your own courage.\r\n                    </p>\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/roleplay/epic-7.png"  class="img-fluid hand" ng-click="lb(\'images/roleplay/epic-1.png\')">\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/roleplay/epic-3.png"  class="img-fluid hand" ng-click="lb(\'images/roleplay/epic-3.png\')">\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/roleplay/epic-4.png"  class="img-fluid hand" ng-click="lb(\'images/roleplay/epic-4.png\')">\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/roleplay/epic-5.png"  class="img-fluid hand" ng-click="lb(\'images/roleplay/epic-5.png\')">\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/roleplay/epic-6.png"  class="img-fluid hand" ng-click="lb(\'images/roleplay/epic-6.png\')">\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/roleplay/epic-1.png"  class="img-fluid hand" ng-click="lb(\'images/roleplay/epic-7.png\')">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5">\r\n                <div class="col-lg-5"><img src="images/roleplay/race-1.png" style="height: 226px" class="img-fluid hand" ng-click="lb(\'images/roleplay/race-1.png\')"></div>\r\n                <div class="col-lg-7"><h4 class="orange-text mb-3 mt-3">Race-Specific Events:</h4>\r\n\r\n                    <p class="text-white w-100">\r\n                        Feeling out of place among other groups? Our community is there to embrace you! We value each individual\'s unique attributes, strengths, and skills. Whether you identify as a proud member of a particular race, culture, or community, we welcome you with open arms. This is a home that celebrates diversity and encourages personal growth. Join us and become part of our family, where you\'ll find acceptance, warmth, and a place to belong.\r\n                    </p>\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/roleplay/race-2.png"  class="img-fluid hand" ng-click="lb(\'images/roleplay/race-2.png\')">\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/roleplay/race-3.png"  class="img-fluid hand" ng-click="lb(\'images/roleplay/race-3.png\')">\r\n                </div>\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/roleplay/race-4.png"  class="img-fluid hand" ng-click="lb(\'images/roleplay/race-4.png\')">\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                    <h4 class="orange-text mb-3 mt-3">\r\n                        Roleplaying Guilds:\r\n                </h4>\r\n                    <p class="text-white w-100">\r\n                        Join the diverse and welcoming Turtle WoW roleplaying community. With a range of guilds to choose from, you\'ll find your place here. Our community provides a warm and inviting atmosphere for role-players to engage in immersive stories and adventures. Whether you\'re a serious role-player or prefer something lighter, we\'ve got you covered. Experience the thrill of roleplaying with us, and create memorable stories and adventures together.\r\n                    </p>\r\n\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-8">\r\n                    <h4 class="orange-text mb-3 mt-3">Our team is dedicated to support roleplay!</h4>\r\n\r\n\r\n                    <p class="mt-3 w-100 text-white">\r\n                        Even though roleplay is - and should be - entirely community-driven, our team supports the roleplaying scene wherever possible. This includes but is not limited to, GM support for roleplaying events. For all their roleplaying needs, our players can always count on Gheor.\r\n                    </p><br><br>\r\n\r\n\t\t\t\t\t<p class="text-white w-100">\r\n\r\n                        <span class="star mr-3">&starf;</span>See more of <a\r\n                            class="orange-text" href="https://www.instagram.com/turtlewowteam/" target="_blank">community screenshots</a>.\r\n                        <BR>\r\n                        <BR>\r\n                        <span class="star mr-3">&starf;</span>Join <a href="https://discord.gg/ddWaUkg2tE"\r\n                                                                      target="_blank" class="orange-text">our community\r\n                        Discord</a> or <a href="https://discord.gg/5FYEvrDExy" target="_blank" class="orange-text">Turtle RP Addon Discord.</a>\r\n\r\n                    </p>\r\n                </div>\r\n                <div class="col-lg-4">\r\n                    <img src="images/icon_heart_large.png">\r\n                </div>\r\n            </div>\r\n\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n\r\n');
$templateCache.put('/register/register.html','<div class="modal fade show" id="register" style="padding-right: 20px; display: block;">\r\n    <div class="modal-dialog modal-lg">\r\n        <div class="modal-content" ng-class="{\'done\' : modal == \'ok\'}">\r\n            <div class="modal-body p-0">\r\n\r\n                <a class="hand modalClose" href="#/home" target="_blank">&times;</a>\r\n\r\n                <div class="row">\r\n\r\n                    <div class="col-lg-2"></div>\r\n\r\n                    <div class="col-lg-8 text-center p-5" ng-if="modal == \'register\'">\r\n\r\n                        <h5 class="text-white">Create new account</h5>\r\n\r\n                        <BR><BR>\r\n\r\n                        <div ng-if="register_err" class="orange-text pb-2">\r\n                            Fill in correctly marked inputs:<br>\r\n                        </div>\r\n\r\n                        <input type="text" class="form-control" placeholder="Account Name"\r\n                               ng-class="{\'invalid\' : register_data.account_name.length <= 2}"\r\n                               ng-model="register_data.account_name">\r\n                        <input type="text" class="form-control" placeholder="E-mail"\r\n                               ng-class="{\'invalid\' : !validEmail(register_data.email_address)}"\r\n                               ng-model="register_data.email_address">\r\n                        <input type="text" class="form-control" placeholder="Forum Username"\r\n                               ng-class="{\'invalid\' : register_data.forum_name.length <= 2}"\r\n                               ng-model="register_data.forum_name">\r\n                        <input type="password" class="form-control w-50 pull-left" placeholder="Password"\r\n                               ng-class="{\'invalid\' : register_data.user_password.length <= 2}"\r\n                               ng-model="register_data.user_password">\r\n                        <input type="password" class="form-control w-50 pull-right"\r\n                               ng-class="{\'invalid\' : register_data.user_password != register_data.user_password2 }"\r\n                               placeholder="Repeat Password" ng-model="register_data.user_password2">\r\n\r\n                        <Br>\r\n                        <Br>\r\n                        <Br>\r\n\r\n                        <img ng-src="{{captchaImage}}" class="img-fluid">\r\n\r\n                        <div id="turnstile_reg" data-theme="dark"></div>\r\n\r\n                        <BR><BR>\r\n\r\n                        <img src="images/registerbutton.png" class="w-100 hand register" ng-click="register()"\r\n                             ng-class="{\'desat\' : registering }">\r\n\r\n                        <div class="response m-3 text-white" ng-if="response != \'\'">\r\n                            {{response}}\r\n                        </div>\r\n\r\n                        <img src="images/footerline.png" class="mt-5 mb-5 w-100">\r\n\r\n                        <a class="hand mr-3" ng-click="openLoginModal(\'/home\')">\r\n                            <img src="images/icon_user_small.png" class="mr-2">\r\n                            Log in\r\n                        </a>\r\n\r\n                        <a class="hand ml-3" ng-click="changeModal(\'forgot\')">\r\n                            <img src="images/icon_exclamation.png" class="mr-2">\r\n                            Forgot Password\r\n                        </a>\r\n\r\n                    </div>\r\n\r\n                    <div class="col-lg-8 text-center p-5" ng-if="modal == \'login\'">\r\n\r\n                        <h5 class="text-white">my account</h5>\r\n\r\n                        <BR><BR>\r\n\r\n                        <div ng-if="login_err" class="orange-text pb-2">\r\n                            {{login_err_msg}}\r\n                        </div>\r\n\r\n                        <input type="text" class="form-control" placeholder="Username" ng-model="login_data.username"\r\n                               ng-class="{\'invalid\' : login_data.username.length <= 2 }">\r\n                        <input type="password" class="form-control" placeholder="Password" ng-model="login_data.password"\r\n                               ng-class="{\'invalid\' : login_data.password.length <= 2 }">\r\n\r\n                        <img src="images/button_login.png" class="w-100 hand register mt-2" ng-click="login()">\r\n\r\n                        <img src="images/footerline.png" class="mt-5 mb-5 w-100">\r\n\r\n                        <a class="hand mr-3" ng-click="changeModal(\'forgot\')">\r\n                            <img src="images/icon_user_small.png" class="mr-2">\r\n                            Forgot Password\r\n                        </a>\r\n\r\n                        <a class="hand ml-3" ng-click="changeModal(\'register\')">\r\n                            <img src="images/icon_user_small.png" class="mr-2">\r\n                            Create new account\r\n                        </a>\r\n\r\n\r\n                    </div>\r\n\r\n                    <div class="col-lg-8 text-center p-5" ng-if="modal == \'forgot\'">\r\n\r\n                        <h5 class="text-white">forgot your password?</h5>\r\n\r\n                        <BR><BR>\r\n\r\n                        <input type="email" class="form-control" placeholder="E-mail" ng-class="{\'invalid\' : register_err }"\r\n                               ng-model="register_data.email_address">\r\n\r\n\r\n                        <img src="images/buttonforgot.png" class="w-100 hand register mt-5"\r\n                             ng-class="{\'desat\' : registering }" ng-click="forgot()">\r\n\r\n                        <div class="response m-3 text-white" ng-if="response != \'\'">\r\n                            {{response}}\r\n                        </div>\r\n\r\n                        <img src="images/footerline.png" class="mt-5 mb-5 w-100">\r\n\r\n                        <a class="hand" ng-click="changeModal(\'register\')">\r\n                            <img src="images/icon_user_small.png" class="mr-2"> Create new account\r\n                        </a>\r\n\r\n                    </div>\r\n\r\n                    <div class="col-lg-8 text-center p-5" ng-if="modal == \'resetok\'">\r\n\r\n                        <h3 class="text-white orange-text mt-3 mb-2">Done!</h3>\r\n\r\n                        <img src="images/footerline.png" class="mt-3 mb-4 w-50">\r\n\r\n                        <p class="text-white">\r\n                            {{response}}\r\n                        </p>\r\n\r\n                    </div>\r\n\r\n                    <div class="col-lg-8 text-center p-5" ng-if="modal == \'ok\'">\r\n\r\n                        <h3 class="text-white orange-text mt-3 mb-2">Done!</h3>\r\n\r\n                        <img src="images/footerline.png" class="mt-3 mb-4 w-50">\r\n\r\n\r\n                        <p class="text-white">\r\n                            {{response}}\r\n                        </p>\r\n\r\n                        <a class="hand play" href="https://forum.turtle-wow.org/viewtopic.php?t=7709" target="_blank"><img\r\n                                src="images/button_done.png"></a>\r\n\r\n                    </div>\r\n\r\n                    <div class="col-lg-8 text-center p-5" ng-if="modal == \'failed\'">\r\n\r\n                        <h3 class="text-white orange-text mt-3 mb-2">Failed!</h3>\r\n\r\n                        <img src="images/footerline.png" class="mt-3 mb-4 w-50">\r\n\r\n\r\n                        <p class="text-white">\r\n                            {{response}}\r\n                        </p>\r\n\r\n                        <a class="hand" ng-click="changeModal(\'register\')">\r\n                            <img src="images/icon_user_small.png" class="mr-2"> Go Back\r\n                        </a>\r\n\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>');
$templateCache.put('/seasonal-events/seasonal-events.html','<div class="section mb-5" id="pages">\r\n    <div class="container-fluid pb-5">\r\n        <div class="container pt-5 pb-5">\r\n\r\n            <div class="row star p-5">\r\n\r\n                <div class="col-lg-12 ">\r\n\r\n                    <h2 class="orange-text mb-1">EXCITING</h2>\r\n                    <h2 class="orange-text mb-2">SEASONAL EVENTS</h2>\r\n                    <p class="w-50 mt-3 text-white">\r\n                        Whether you like spending summer days on the beach parties in Tanaris or enjoying cold yet cozy\r\n                        holidays in Winter Veil Vale, there is always something to do for everyone!\r\n                    </p>\r\n\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Winter Veil Vale</h3>\r\n\r\n                    <div>\r\n                        <p class="text-white">\r\n                            Ha, ha! Youngest traveler, and boldest storyteller, have you heard?! My, as of late it has\r\n                            been\r\n                            everyone\'s word! The vale, the vale! The greatest of shows, where all are friends, and none\r\n                            are\r\n                            foes! Hear of this place, where snow is thrown at your face. As fires burn in the night, and\r\n                            warm stars shine with an enchanting light. Hear of this place where all do go, many a staut\r\n                            tauren, a bold dwarf, a curious elf, but where are you though? So come, and be swift, before\r\n                            it\r\n                            vanishes like a rift, in the land of Winter Veil Vale, we are waiting for you, with Egg Nog\r\n                            and\r\n                            many presents in hand! Come, come, there is snowmen and drink, good company, and even\r\n                            presents\r\n                            that come in pink! So what do you wait? Set out on this journey before it\'s too late!\r\n                        </p>\r\n                        <turtle-video-embed id="\'7e4546e3\'" height="\'500px\'" class="mt-5"></turtle-video-embed>\r\n\r\n                    </div>\r\n\r\n\r\n                    <h4 class="orange-text mt-5"> &starf; Icy Menace I</h4>\r\n\r\n                    <p class="text-gray mb-5">\r\n                        \u201CHelp Tinsel Lost-Gloves take revenge upon the thieves who have stolen his favorite gloves, and\r\n                        in\r\n                        turn he will reward you with a companion of the valley, a small yet brave Miniature Winter Veil\r\n                        Tree,\r\n                        who wishes to see the world, a most adventurous duo, you and he. To aid you in your future\r\n                        Tinsel\r\n                        shall let his trusted pal Hedwig, a bird of the skies and a hunter of the night accompany you in\r\n                        your\r\n                        travels!\u201D\r\n                    </p>\r\n\r\n                    <h4 class="orange-text mt-5"> &starf; Grizzlore wants Thunder</h4>\r\n\r\n                    <p class="text-gray mb-5">\r\n                        Hailing from the far off lands of Kalimdor, the Furbolgs are no\xA0strangers to a good drink, yet\r\n                        it\r\n                        seems the Thunderbrew has run dry and the Grizzlore is getting mad! Acquire Thunderbrew Lager\r\n                        from\r\n                        Grombooze Thunderbrew at his camp in Westfall, and be rewarded with an illusionary secret of the\r\n                        bear\r\n                        folk of Kalimdor, how\xA0to\xA0look like one!\r\n                    </p>\r\n\r\n\r\n                    <h4 class="orange-text mt-5"> &starf; Snowball Wars: Episode II</h4>\r\n\r\n                    <p class="text-gray mb-5">\r\n                        It is a period of civil war! Courageous snowball throwers, striking from the shadows have won\r\n                        the\r\n                        first victories against their counterparts! Partake in this endless battle, and earn\r\n                        for\xA0yourself a\r\n                        kit of disguising tools, with which you just may be able to save yourself from a certain\r\n                        snowball to\r\n                        the face!\r\n                    </p>\r\n\r\n\r\n                    <h4 class="orange-text mt-5"> &starf; Snowball Wars: Episode II</h4>\r\n\r\n                    <p class="text-gray mb-5">\r\n                        War! The merry times of Winter Veil are crumbling under attacks by the ruthless adventurers!\r\n                        There are\r\n                        heroes on all sides, and snowballs are everywhere! Join in the fray, and\xA0unleash these freezing\r\n                        projectiles upon the many classes, be\xA0rewarded with a box of Winter goodies!\r\n\r\n                    </p>\r\n\r\n\r\n                    <h4 class="orange-text mt-5"> &starf; Peace Comes at a Price</h4>\r\n\r\n                    <p class="text-gray mb-5">\r\n                        How quickly they grow up\u2026 you may even forget that they are monstrous frost demons. Snowball has\r\n                        gone\r\n                        on a rampage in the valley, and is scaring away all the other animals. It\u2019s time to put him to\r\n                        sleep!\r\n                        Defeat the ferocious wolf of Dun Morogh, and be rewarded with a bag to hold all the presents\r\n                        that you\r\n                        will be carrying around! I hear it has 20 slots!\r\n                    </p>\r\n\r\n\r\n                    <h4 class="orange-text mt-5"> &starf; Jolly Holly Dances Prolly</h4>\r\n\r\n                    <p class="text-gray mb-5">\r\n                        Holly Tallhair is a regular at many fine gatherings of drinkers and party goers, yet she may\r\n                        have\r\n                        bitten off more than she can chew. The Feast of Winter Veil is the greatest excuse to partake in\r\n                        this\r\n                        alongside her, grab yourself a drink or ten, and dance away the night with her. She may just be\r\n                        willing to give up some of her secret stash of Sparkling Booze in return!\r\n                    </p>\r\n\r\n\r\n                    <h4 class="orange-text mt-5"> &starf; Bracing the Inevitable</h4>\r\n\r\n                    <p class="text-gray mb-5">\r\n                        The times of Winter Veil are always a warm gathering of friends and the wildlife around you,\r\n                        except\r\n                        for the poor Moonkin. The tiny hatchlings underdeveloped feathers are not enough to shield them\r\n                        from\r\n                        the bitter cold! Procure a warm drink, the festive Egg Nog should do! And spread it around among\r\n                        the\r\n                        hatchlings, this should be enough of a good deed to earn yourself a box of Winter goodies!\r\n                    </p>\r\n\r\n\r\n                </div>\r\n\r\n                <div class="col-lg-4">\r\n                    <img src="images/winter.png" class="img-fluid hand" ng-click="lb(\'images/winter.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4">\r\n                    <img src="images/winterveil2.png" class="img-fluid hand" ng-click="lb(\'images/winterveil2.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4">\r\n                    <img src="images/winterveil3.png" class="img-fluid hand" ng-click="lb(\'images/winterveil3.png\')">\r\n                </div>\r\n\r\n                    <img src="images/maps/turtlewow_winterveil.png" class="img-fluid mt-3 col-lg-12">\r\n\r\n\r\n\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text">Steamwheedle</h3>\r\n                    <h3 class="orange-text mb-3">Beach Experience</h3>\r\n\r\n                    <p class="text-white">\r\n                        Ahoy, turtles! We present to you the Steamwheedle Beach Experience!<BR><BR>\r\n                        Open year round is the Steamwheedle Beach Experience at the Tanaris Coast where one can\r\n                        experience the\r\n                        tropical beach life. With the opening of the site we also announce a limited special event: the\r\n                        Super\r\n                        Lovey Beach Event.<BR><BR>\r\n                        With Love is in the Air arriving, one has to ask, what better way to spend the time with a loved\r\n                        one\r\n                        than at the beach? As a special present for future guests this flyer will serve as a present\r\n                        granting\r\n                        one free Ice Cream at the beach!\r\n                    </p>\r\n\r\n                    <h4 class="orange-text mt-5"> So what are you waiting for?</h4>\r\n\r\n                    <p class="text-gray mb-5">\r\n                        Whether you\'re coming alone or with a love interest, the time is ripe to experience the\r\n                        Steamwheedle\r\n                        Beach Experience with our Super Lovey Beach Event!\r\n                    </p>\r\n\r\n                </div>\r\n\r\n                <div class="col-lg-4">\r\n                    <img src="images/steam1.png" class="img-fluid hand" ng-click="lb(\'images/steam1.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4">\r\n                    <img src="images/steam2.png" class="img-fluid hand" ng-click="lb(\'images/steam2.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4">\r\n                    <img src="images/steam3.png" class="img-fluid hand" ng-click="lb(\'images/steam3.png\')">\r\n                </div>\r\n\r\n\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-3">Mirage Raceway</h3>\r\n\r\n                    <p class="text-white">\r\n                        The Mirage Raceway was a race track, deep within the dry lake bed known as the Shimmering Flats.\r\n                        After\r\n                        the end of the Third War, both the goblins and gnomes decided that the large alkali desert known\r\n                        as\r\n                        the Shimmering Flats near Thousand Needles would be a perfect place to test their new rocket\r\n                        designs.\r\n                        The natural animosity between the two engineering teams created the perfect opportunity for\r\n                        races to\r\n                        see once and for all whether Goblin Engineering or Gnome Engineering was superior.<bR><Br>\r\n                        However, Mirage Raceway was never fully implemented as a gameplay event. On the official\r\n                        Blizzard\r\n                        servers you can see gnome and goblin cars racing, but they\u2019re driven by NPCs.\r\n                    </p>\r\n\r\n                    <h4 class="orange-text mt-5"> &starf; What\u2019s new</h4>\r\n\r\n                    <p class="text-gray mb-5">\r\n                        Now, on Turtle WoW, it\u2019s possible to participate to the real race! Grab these car keys, find an\r\n                        opponent from your\xA0or\xA0the opposite faction and floor the gas pedal!\r\n                    </p>\r\n\r\n                    <h4 class="orange-text mt-5"> &starf; Features</h4>\r\n\r\n                    <ul>\r\n                        <li>Complete repeatable quests and get rewards, maybe even a mount!</li>\r\n                        <li>Get your driving licence and drive a single race against time.</li>\r\n                        <li>Queue for the competition on the main racetrack and win over your friends!</li>\r\n                        <li>Stun, Blink, Speed Boosters, Cloaking... and of course, Seat Belts!</li>\r\n                        <li>Hot Pants are still present.</li>\r\n                        <li>Definitely Non-explosive Sheeps (who got this stupid idea to put\u2019em on the racetrack!?)</li>\r\n                    </ul>\r\n\r\n                    <p class="text-white mt-5 mb-5">\r\n                        Find <span class="text-green">Fara Boltbreaker</span> in Stormwind or Orgrimmar and speak to\r\n                        this sneaky journalist to know what\u2019s going on.\r\n                    </p>\r\n\r\n\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/race1.jpg" class="img-fluid hand" ng-click="lb(\'images/race1.jpg\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/race2.png" class="img-fluid hand" ng-click="lb(\'images/race2.png\')">\r\n                </div>\r\n\r\n                <div class="col-lg-4 mt-5">\r\n                    <img src="images/race3.png" class="img-fluid hand" ng-click="lb(\'images/race3.png\')">\r\n                </div>\r\n\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n');
$templateCache.put('/shellcoin/shellcoin.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row p-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h2 class="orange-text mb-2">Shellcoin \u2014 turning peons into Warchiefs!</h2>\r\n               <p class="mt-3 mb-5 text-white">\r\n\r\n                  Welcome to Shell Co. Trading Company! With my genius I have invented a brand new currency that will take Azeroth by storm, the magical\r\n                  Shellcoin will turn the world on its head, and create an all new way to get rich. Down on your luck,\r\n                  well, now is the time to invest in Shellcoin and hit big like many others have!<Br>\r\n\r\n                  <BR>\r\n                  <i>Marlos Catos, CEO of Shell Co. Trading Company</i>\r\n                  <BR><BR>\r\n                  Shellcoins, total amount: {{amount}}\r\n               </p>\r\n\r\n               <div class="table-responsive">\r\n                  <canvas id="shellcoin-graph7d" class="table" style="height: 500px; width: 100%;"></canvas>\r\n               </div>\r\n\r\n               <div class="table-responsive">\r\n                  <canvas id="shellcoin-graph" class="table" style="height: 500px; width: 100%;"></canvas>\r\n               </div>\r\n\t\t\t   \r\n\t\t\t      <turtle-video-embed id="\'c0edfd95\'" height="\'500px\'" class="mt-5">\r\n\r\n\r\n            </div>\r\n\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/slow-and-steady/slow-and-steady.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row turtle p-5">\r\n\r\n            <div class="col-lg-12 ">\r\n\r\n               <h2 class="orange-text mb-2">Slow & Steady</h2>\r\n               <p class="w-50 mt-3 text-white">\r\n                  If you really like questing and leveling, play in turtle mode, your creature kill rates will be set to\r\n                  0.5 rates. Enjoy your journey and receive rewards every 10 levels.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h4 class="orange-text mb-3">How does it work?</h4>\r\n\r\n               <p class="text-white w-100" style="line-height: 36px">\r\n                  <span class="star mr-2">&starf;</span>\r\n                  Speak to a Glyph Master and get Glyph of the Turtle. Use it.<br>\r\n\r\n                  <span class="star mr-2">&starf;</span>\r\n                  You must turn on Slow & Steady Mode at Level 1. Otherwise, you\'ll remain permanently in normal\r\n                  mode.<br>\r\n\r\n                  <span class="star mr-2">&starf;</span>\r\n                  If you die, you lose 5% of your current level experience. Doesn\'t affect battlegrounds.<br>\r\n\r\n                  <span class="star mr-2">&starf;</span>\r\n                  Dungeons rates remain x1.0 for parties only to encourage players to group up and do dungeons.<br>\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n               <h4 class="orange-text mb-5">Rewards</h4>\r\n            </div>\r\n\r\n            <div class="col-lg-4">\r\n               <h5 class="orange-text">LEVEL <span style="font-size: 150%;">10</span></h5>\r\n               <p style="line-height: 36px;" class="text-white">\r\n\r\n                  <a href="https://database.turtle-wow.org/?item=51217" target="_blank"\r\n                     data-wowhead="item=51217&amp;domain=classic;">\r\n                     <span class="text-green">[Fashion Coin] x5</span>\r\n                  </a>\r\n                  <br>\r\n                  <a href="https://database.turtle-wow.org/?item=964" target="_blank"\r\n                     data-wowhead="item=1470&amp;domain=classic;">\r\n                     <span class="text-green">[Finely-Tailored Linen Shirt]</span>\r\n                  </a>\r\n                  <br>\r\n                  <a href="https://database.turtle-wow.org/?item=4981" target="_blank"\r\n                     data-wowhead="item=4981&amp;domain=classic;">\r\n                     <span class="text-green">[Adventurer\'s Belt Pouch]</span>\r\n                  </a>\r\n\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-4">\r\n               <h5 class="orange-text">LEVEL <span style="font-size: 150%;">20</span></h5>\r\n               <p style="line-height: 36px;" class="text-white">\r\n\r\n                  <a href="https://database.turtle-wow.org/?item=51217" target="_blank"\r\n                     data-wowhead="item=51217&amp;domain=classic;">\r\n                     <span class="text-green">[Fashion Coin] x5</span>\r\n                  </a>\r\n\r\n                  <br>\r\n                  <a href="https://database.turtle-wow.org/?item=50049" target="_blank"\r\n                     data-wowhead="item=50049&amp;domain=classic;">\r\n                     <span class="text-green">[Treasure Seeker\'s Torch]</span>\r\n                  </a>\r\n\r\n\t\t\t\t                    <br>\r\n                  <a href="https://database.turtle-wow.org/?item=50058" target="_blank"\r\n                     data-wowhead="item=50058&amp;domain=classic;">\r\n                     <span class="text-green">[Black Piglet]</span>\r\n                  </a>\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-4">\r\n               <h5 class="orange-text">LEVEL <span style="font-size: 150%;">30</span></h5>\r\n               <p style="line-height: 36px;" class="text-white">\r\n\r\n                  <a href="https://database.turtle-wow.org/?item=51217" target="_blank"\r\n                     data-wowhead="item=51217&amp;domain=classic;">\r\n                     <span class="text-green">[Fashion Coin] x5</span>\r\n                  </a>\r\n\r\n                  <br>\r\n                  <a href="https://database.turtle-wow.org/?item=23716" target="_blank"\r\n                     data-wowhead="item=23716&amp;domain=classic;">\r\n                     <span class="text-green">[Carved Ogre Idol]</span>\r\n                  </a>\r\n\r\n\t\t\t\t                    <br>\r\n                  <a href="https://database.turtle-wow.org/?item=3762" target="_blank"\r\n                     data-wowhead="item=3762&amp;domain=classic;">\r\n                     <span class="text-green">[Adventurer\'s Satchel]</span>\r\n                  </a>\r\n               </p>\r\n            </div>\r\n\r\n\r\n            <div class="col-lg-4">\r\n               <h5 class="orange-text">LEVEL <span style="font-size: 150%;">40</span></h5>\r\n               <p style="line-height: 36px;" class="text-white">\r\n\r\n                  <a href="https://database.turtle-wow.org/?item=51217" target="_blank"\r\n                     data-wowhead="item=51217&amp;domain=classic;">\r\n                     <span class="text-green">[Fashion Coin] x5</span>\r\n                  </a>\r\n\r\n\t\t\t\t  \t\t\t\t                    <br>\r\n                  <a href="https://database.turtle-wow.org/?item=23714" target="_blank"\r\n                     data-wowhead="item=23714&amp;domain=classic;">\r\n                     <span class="text-green">[Everlasting Firework]</span>\r\n                  </a>\r\n\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-4">\r\n               <h5 class="orange-text">LEVEL <span style="font-size: 150%;">50</span></h5>\r\n               <p style="line-height: 36px;" class="text-white">\r\n\r\n                  <a href="https://database.turtle-wow.org/?item=51217" target="_blank"\r\n                     data-wowhead="item=51217&amp;domain=classic;">\r\n                     <span class="text-green">[Fashion Coin] x5</span>\r\n                  </a>\r\n                  <Br>\r\n                  <a href="https://database.turtle-wow.org/?item=22780" target="_blank"\r\n                     data-wowhead="item=19054&amp;domain=classic;">\r\n                     <span class="text-green">[Terky]</span>\r\n                  </a>\r\n\r\n\t\t\t\t                    <Br>\r\n                  <a href="https://database.turtle-wow.org/?item=10683" target="_blank"\r\n                     data-wowhead="item=10683&amp;domain=classic;">\r\n                     <span class="text-green">[Adventurer\'s Knapsack]</span>\r\n                  </a>\r\n\r\n\t\t\t\t  \t\t\t\t                    <Br>\r\n                  <a href="https://database.turtle-wow.org/?item=51836" target="_blank"\r\n                     data-wowhead="item=51836&amp;domain=classic;">\r\n                     <span class="text-green">[Illusion: Murloc]</span>\r\n                  </a>\r\n\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-4">\r\n            </div>\r\n\r\n            <div class="col-lg-4">\r\n               <h3 class="orange-text">LEVEL <span style="font-size: 150%;">60</span></h3>\r\n               <p style="line-height: 36px;" class="text-green">\r\n                  <span class="star mr-2">&starf;</span>\r\n\r\n                  <a href="https://database.turtle-wow.org/?item=51217" target="_blank"\r\n                     data-wowhead="item=51217&amp;domain=classic;">\r\n                     <span class="text-green">[Fashion Coin] x5</span>\r\n                  </a>\r\n\r\n                  <Br>\r\n                  <span class="star mr-2">&starf;</span> 200 Turtle Tokens\r\n\t\t\t\t  \t\t\t\t                 <Br>\r\n                  <span class="star mr-2">&starf;</span>\r\n                  <a href="https://database.turtle-wow.org/?item=50094"\r\n                     target="_blank"\r\n                     data-wowhead="item=50094&amp;domain=classic;">\r\n                     <span class="text-green">[Sword of a Thousand Truths]</span>\r\n                  </a>\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-4">\r\n               <h3 class="orange-text">&nbsp;<span style="font-size: 150%;">&nbsp;</span></h3>\r\n               <p style="line-height: 36px;" class="text-green">\r\n                  <span class="star mr-2">&starf;</span>\r\n                  <a href="https://database.turtle-wow.org/?item=19160" target="_blank"\r\n                     data-wowhead="item=19160&amp;domain=classic;">\r\n                     <span class="text-green">[Turtle WoW Tabard]</span>\r\n                  </a>\r\n                  <Br>\r\n                  <span class="star mr-2">&starf;</span>\r\n                  <a href="https://database.turtle-wow.org/?item=50075"\r\n                     target="_blank"\r\n                     data-wowhead="item=50075&amp;domain=classic;">\r\n                     <span class="text-green">[Purple Tallstrider]</span>\r\n                  </a>\r\n\r\n               </p>\r\n            </div>\r\n\r\n            <div class="col-lg-12 text-gray">\r\n\r\n               <img src="images/footerline.png" class="mt-3 mb-4 w-100">\r\n\r\n               Sword of a Thousand Truths* is a vanity item without combat characteristics.\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n         <div class="row p-5 mt-5 transparent">\r\n\r\n            <div class="col-lg-5 text-right">\r\n               <img src="images/icon_heart_large.png">\r\n            </div>\r\n\r\n            <div class="col-lg-7 pt-5">\r\n\r\n               <h4 class="text-white mb-0">We reserve the right</h4>\r\n               <h2 class="orange-text mb-0">to change rewards</h2>\r\n               <h4 class="text-white mb-0">if we feel like we have</h4>\r\n               <h4 class="text-white">something better to offer</h4>\r\n\r\n            </div>\r\n\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-4"><img src="images/turtlewow_dunmorogh_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_dunmorogh.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_duskwood_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_duskwood.png\')"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_elwynnforest_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_elwynnforest.png\')"></div>\r\n            <div class="col-lg-4 mt-5"><img src="images/turtlewow_flightpaths_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_flightpaths.png\')"></div>\r\n            <div class="col-lg-4 mt-5"><img src="images/turtlewow_hinterlands_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_hinterlands.png\')"></div>\r\n            <div class="col-lg-4 mt-5"><img src="images/turtlewow_stonetalonmountains_preview.png" class="img-fluid hand" ng-click="lb(\'images/turtlewow_stonetalonmountains.png\')"></div>\r\n\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/sound-design/sound-design.html','<div class="section mb-5" id="pages" style="background-image: url(images/subpagebackground.png)">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row speaker p-5">\r\n\r\n            <div class="col-lg-12 ">\r\n\r\n               <h2 class="orange-text mb-2">Turtle WoW Sound Design Team</h2>\r\n               <p class="w-75 mt-3 text-white">\r\n                  Sound design has always been a big part of Warcraft Universe. It helped bring players closer to the\r\n                  stories this world had to offer and enhanced the experience its players had. We aim\r\n                  to keep up with\xA0this tradition and provide our players with excellent sound design to\xA0match the new\r\n                  content we provide.<br><br>\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row mt-5 p-5">\r\n\r\n            <div class="col-lg-12 ">\r\n                    <h2 class="orange-text mb-3">Original Soundtracks</h2>\r\n\r\n                        <p class="w-100 mt-3 text-white">Thanks to our talented artists and musicians (Gabriel Contreras \u2022 J\xF3zsef Kiss \u2022 George Kouroupakis \u2022 Charles Lobaugh), we are able to have numerous new soundtracks that you will experience as you embark on your journey through Azeroth.\r\n                        </p>\r\n                        <p class="w-75 mt-3 text-white">Warm thanks for the contributions in the past: Ivan Nikolic \u2022 Sauli Pulkkinen \u2022 Parhaus</p>\r\n                        <div class="mt-4 icons-container">\r\n                            <a href="https://music.apple.com/us/artist/turtle-wow/1649088037" target="_blank">\r\n                                <img src="images/apple_music-new.png" alt="Apple Music" class="icon">\r\n                            </a>\r\n                            <a href="https://www.deezer.com/en/artist/186062707" target="_blank">\r\n                                <img src="images/deezer-new.png" alt="Deezer" class="icon">\r\n                            </a>\r\n                            <a href="https://soundcloud.com/turtlewow" target="_blank">\r\n                                <img src="images/soundcloud-new.png" alt="SoundCloud" class="icon">\r\n                            </a>\r\n                            <a href="https://open.spotify.com/artist/3QLoyBdT2ZlirCtRPhdOcp" target="_blank">\r\n                                <img src="images/spotify.png" alt="Spotify" class="icon">\r\n                            </a>\r\n                        </div>\r\n\r\n\r\n            </div>\r\n\r\n            <div class="row w-100 pt-5" id="spotify-albums">\r\n               <div class="container pb-5">\r\n\r\n                  <h3 class="orange-text mb-3" style="padding-left: 15px">Turtle WoW Official Music Releases</h3>\r\n\r\n                  <div class="radio-staff">\r\n                     <div class="col-lg-2 ">\r\n                        <a href="https://open.spotify.com/album/5yvMP9OBMKZdq3qEziYBBi" target="_blank">\r\n                           <img src="images/spotify_covers_all/beyond_the_graymane_wall.png" alt="Album 1" class="img-fluid">\r\n                           <div class=" text-center orange-text">Beyond the Greymane Wall</div>\r\n                        </a>\r\n                     </div>\r\n                     <div class="col-lg-2 ">\r\n                        <a href="https://open.spotify.com/album/4voEbBWwhORj8nj8nptNKg" target="_blank">\r\n                           <img src="images/spotify_covers_all/spectral_symphony.png" alt="Album 2" class="img-fluid">\r\n                           <div class=" text-center orange-text">Spectral Symphony</div>\r\n\r\n                        </a>\r\n                     </div>\r\n                     <div class="col-lg-2 ">\r\n                        <a href="https://open.spotify.com/album/21KrbvPxWOOKWn66h37ZT6" target="_blank">\r\n                           <img src="images/spotify_covers_all/return_of_the_tribes.png" alt="Album 1" class="img-fluid">\r\n                           <div class=" text-center orange-text">Return of the Tribes</div>\r\n\r\n                        </a>\r\n                     </div>\r\n                     <div class="col-lg-2 ">\r\n                        <a href="https://open.spotify.com/album/3FZHHDDc1kLcDuadxkXDTV" target="_blank">\r\n                           <img src="images/spotify_covers_all/haunted_prison.png" alt="Album 1" class="img-fluid">\r\n                           <div class=" text-center orange-text">Original Soundtrack, Compilation I</div>\r\n\r\n                        </a>\r\n                     </div>\r\n                     <div class="col-lg-2 ">\r\n                        <a href="https://open.spotify.com/album/7MsSTgKmCqKgZmTNk4F8qs" target="_blank">\r\n                           <img src="images/spotify_covers_all/sparkwater_port.png" alt="Album 1" class="img-fluid">\r\n                           <div class=" text-center orange-text">Sparkwater Port</div>\r\n\r\n                        </a>\r\n                     </div>\r\n                     <div class="col-lg-2 ">\r\n                        <a href="https://open.spotify.com/album/2TiHhY3EUF2WhCgsv3j6HB" target="_blank">\r\n                           <img src="images/spotify_covers_all/pirates_hideout.png" alt="Album 1" class="img-fluid">\r\n                           <div class=" text-center orange-text">Pirate\'s Hideout</div>\r\n\r\n                        </a>\r\n                     </div>\r\n\r\n                  </div>\r\n\r\n                  <div class="radio-staff">\r\n                     <div class="col-lg-2 ">\r\n                        <a href="https://open.spotify.com/album/0mAyaN2S0GFfV5ZhECy1zR" target="_blank">\r\n                           <img src="images/spotify_covers_all/inferior_numbers.png" alt="Album 1" class="img-fluid">\r\n                           <div class=" text-center orange-text">Inferior Numbers</div>\r\n                        </a>\r\n                     </div>\r\n                     <div class="col-lg-2 ">\r\n                        <a href="https://open.spotify.com/album/6O0PLqGOEi6EXcZXFMX93C" target="_blank">\r\n                           <img src="images/spotify_covers_all/emerald_sanctum.png" alt="Album 2" class="img-fluid">\r\n                           <div class=" text-center orange-text">Emerald Sanctum</div>\r\n\r\n                        </a>\r\n                     </div>\r\n                     <div class="col-lg-2 ">\r\n                        <a href="https://open.spotify.com/album/3PanocndYa9dzzXoy8dusg" target="_blank">\r\n                           <img src="images/spotify_covers_all/hourglass_of_eternity.png" alt="Album 1" class="img-fluid">\r\n                           <div class=" text-center orange-text">Hourglass of Eternity</div>\r\n\r\n                        </a>\r\n                     </div>\r\n                     <div class="col-lg-2 ">\r\n                        <a href="https://open.spotify.com/album/6S8j6PvSCTbt7hi2pryTcw" target="_blank">\r\n                           <img src="images/spotify_covers_all/anchors_fall.png" alt="Album 1" class="img-fluid">\r\n                           <div class=" text-center orange-text">Anchor\'s Fall</div>\r\n\r\n                        </a>\r\n                     </div>\r\n                     <div class="col-lg-2 ">\r\n                        <a href="https://open.spotify.com/album/2gm6SOdGs6OyBi5iNmU6Gn" target="_blank">\r\n                           <img src="images/spotify_covers_all/snowing_in_the_vale.png" alt="Album 1" class="img-fluid">\r\n                           <div class=" text-center orange-text">Snowing in the Vale</div>\r\n\r\n                        </a>\r\n                     </div>\r\n                     <div class="col-lg-2 ">\r\n                        <a href="https://open.spotify.com/album/3A4uB00sTyGPur9RC2RER6" target="_blank">\r\n                           <img src="images/spotify_covers_all/unvisited_island.png" alt="Album 1" class="img-fluid">\r\n                           <div class=" text-center orange-text">Unvisited Island</div>\r\n\r\n                        </a>\r\n                     </div>\r\n\r\n                  </div>\r\n\r\n                  <div class="radio-staff">\r\n                     <div class="col-lg-2 ">\r\n                        <a href="https://open.spotify.com/album/7dz3V406NhqEbOPq5pij0J" target="_blank">\r\n                           <img src="images/spotify_covers_all/haunted_prison.png" alt="Album 1" class="img-fluid">\r\n                           <div class=" text-center orange-text">Haunted Prison</div>\r\n\r\n                        </a>\r\n                     </div>\r\n\r\n                  </div>\r\n\r\n               </div>\r\n            </div>\r\n\r\n\r\n            <div class="row w-100">\r\n               <div class="col-lg-6">\r\n                  <div class="row mb-4" style="box-shadow: none">\r\n                     <div class="col-lg-6">\r\n                        <turtle-video-embed id="\'26268f45\'" height="\'10rem\'" style="width: 12rem" class="mb-4"></turtle-video-embed>\r\n                     </div>\r\n                     <div class="col-lg-6">\r\n                        <turtle-video-embed id="\'0883c5fb\'" height="\'10rem\'" style="width: 12rem" class="mb-4"></turtle-video-embed>\r\n                     </div>\r\n                  </div>\r\n                  <div class="row mb-4" style="box-shadow: none">\r\n                     <div class="col-lg-6">\r\n                        <turtle-video-embed id="\'a40768fa\'" height="\'10rem\'" style="width: 12rem" class="mb-4"></turtle-video-embed>\r\n                     </div>\r\n                     <div class="col-lg-6">\r\n                        <turtle-video-embed id="\'8e7ec211\'" height="\'10rem\'" style="width: 12rem" class="mb-4"></turtle-video-embed>\r\n                     </div>\r\n                  </div>\r\n               </div>\r\n               <div class="col-lg-6">\r\n                  <div class="row mb-4" style="box-shadow: none">\r\n                     <div class="col-lg-6">\r\n                        <turtle-video-embed id="\'73ed28aa\'" height="\'10rem\'" style="width: 12rem" class="mb-4"></turtle-video-embed>\r\n                     </div>\r\n                     <div class="col-lg-6">\r\n                        <turtle-video-embed id="\'7fb9870c\'" height="\'10rem\'" style="width: 12rem" class="mb-4"></turtle-video-embed>\r\n                     </div>\r\n                  </div>\r\n                  <div class="row mb-4" style="box-shadow: none">\r\n                     <div class="col-lg-6">\r\n                        <turtle-video-embed id="\'e62e0907\'" height="\'10rem\'" style="width: 12rem" class="mb-4"></turtle-video-embed>\r\n                     </div>\r\n                     <div class="col-lg-6">\r\n                        <turtle-video-embed id="\'6f5c1a4f\'" height="\'10rem\'" style="width: 12rem" class="mb-4"></turtle-video-embed>\r\n                     </div>\r\n                  </div>\r\n               </div>\r\n            </div>\r\n\r\n\r\n         <div class="mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-4">Unique Character Voices</h3>\r\n\r\n               <p class="w-75 text-white">\r\n\r\n                  As we introduce many new characters, we strive to give them more life to make them feel like a part of\r\n                  the world they inhabit. And what better way to do that than to provide them with their own voices.\r\n\r\n               </p>\r\n\r\n               <img src="images/footerline.png" class="mt-3 mb-4 w-100">\r\n\r\n               <!--p class="team">\r\n                  <span class="orange-text mr-2">Team:</span>\r\n                  Sauli Pulkkinen\r\n               </p-->\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-12 mb-4">\r\n\r\n               <div class="row shanky ml-0 mr-0">\r\n\r\n                  <div class="col-lg-6">\r\n\r\n                  </div>\r\n                  <div class="col-lg-6 text-white">\r\n\r\n                     <h3 class="mt-5 mb-4">Charles Lobaugh, \'ol Shanky</h3>\r\n                     <p class="mr-5 mb-5" style="width: 80%">\r\n                        The community that Turtle WoW fosters is one of teamwork, passion, and care that is almost\r\n                        unprecedented in other games past and present. I\'m thankful to be working with such incredible\r\n                        people and extremely humbled by their willingness to let me express myself in my voicework. For\r\n                        Azeroth!\r\n<br><br>\r\n                        Charles has been a part of our project for many years, breathing life into our new characters with his voice acting skills! We highly recommend collaborating with him \u2014 check Charles out on Fiverr:\r\n                        <a href="https://www.fiverr.com/charleslobaugh/voice-act-your-character-trailer-or-advertisement?utm_campaign=gigs_show&utm_medium=shared&utm_source=copy_link&utm_term=vgg9wz" target="_blank">\r\n                           &nbsp;Charle\'s Fiverr\r\n                        </a>\r\n                     </p>\r\n\r\n                  </div>\r\n\r\n               </div>\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n         </div>\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/success/success.html','<div class="section mb-5 donate" id="pages" style="background-image: url(images/donatebg.png)">\r\n    <div class="container-fluid pt-1">\r\n        <div class="container pt-5">\r\n           <div class="row p-5 mt-5">\r\n                <h1 class="col-lg-12 orange-text"> Success ! </h1>\r\n                <p class="col-lg-12 text-white">\r\n                    Your tokens should be credited soon.\r\n                </p>\r\n            </div>\r\n        </div>\r\n        <div class="container p-5" id="thanks">\r\n\r\n            <img src="images/footerline.png" class="mt-5 mb-4 w-100">\r\n   \r\n            <h2 class="orange-text font-weight-bold">THANK YOU</h2>\r\n            <h4 class="orange-text font-weight-bold">FOR</h4>\r\n            <h3 class="orange-text font-weight-bold">supporting Turtle WoW!</h3>\r\n   \r\n            <img src="images/footerline.png" class="mt-3 mb-5 w-100">\r\n   \r\n         </div>\r\n    </div>\r\n</div>');
$templateCache.put('/transmogrification/transmogrification.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row hat p-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h2 class="orange-text mb-2">transmogrification</h2>\r\n               <p class="w-75 mt-3 text-white">\r\n                  Complete repeatable quests to earn Fashion Tokens\xA0and change your gear looks to your desire! Some\r\n                  restrictions apply.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n               <h3 class="orange-text mb-4">Feature Preview</h3>\r\n\r\n               <p class="w-100 text-white">\r\n                  Transmogification is back and better than ever! Now you can preview how you and item appearances look\r\n                  via a brand new interface, now with improved code. Collect item appearances by equipping them, and\r\n                  apply to them your items of choice using Fashion Coins, a currency obtainable by doing quests for the\r\n                  fashionista.\r\n               </p>\r\n\r\n               <br>\r\n\r\n               <img src="images/turtlewow_transmogrification.png" class="img-fluid">\r\n\r\n            </div>\r\n\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/survival-and-gardening/survival-and-gardening.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row tent p-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h2 class="orange-text mb-0">Survival</h2>\r\n               <h2 class="orange-text mb-2">& Gardening</h2>\r\n               <p class="w-50 mt-3 text-white">\r\n                  Ah, the great outdoors! Make yourself at home with a camping tent, warm up with a cozy campfire and\r\n                  enjoy fishing on a sturdy fishing boat, with bonuses on top. Collect new seeds from around the world\r\n                  and tend to your own crops and reap the rewards.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="orange-text mb-4">Survival</h3>\r\n\r\n               <p class="w-75 text-white mb-4">\r\n                  Visit Stranglethorn Vale and speak to S. J. Erlgadin and Rufus Hardwick of Nesingwary\'s Expedition to\r\n                  get\r\n                  your intensive training in Survival. You\u2019ll learn:\r\n               </p>\r\n\r\n               <p class="w-75 text-white pl-5">\r\n\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  How to make\r\n                  <a href="https://database.turtle-wow.org/?item=6182" target="_blank"\r\n                  data-wowhead="item=6182&amp;domain=classic;">\r\n                     <span class="text-green">[Dim Torch]</span>\r\n                  </a>\r\n                  to brighten up your night and grant +4 Spirit\r\n                  for your party while held!\r\n                  <br><br>\r\n\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n\r\n\r\n                  How to build a simple\r\n\r\n                  <a href="https://database.turtle-wow.org/?item=50235" target="_blank"\r\n                     data-wowhead="item=50235&amp;domain=classic;">\r\n                     <span class="text-green">[Fishing Boat]</span>\r\n                  </a>\r\n\r\n                  to catch the most tasty fish\r\n                  right in the middle\r\n                  of the lake! Fishing on the boat gives you +50 Fishing bonus. Boats last 60 minutes.\r\n                  <br><br>\r\n\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  How to build a\r\n\r\n                  <a href="https://database.turtle-wow.org/?item=50234" target="_blank"\r\n                     data-wowhead="item=50234&amp;domain=classic;">\r\n                     <span class="text-green">[Traveler\'s Tent]</span>\r\n                  </a>\r\n\r\n                  to have some rest during your\r\n                  journey. The tent lasts 20 minutes and gives you a resting bonus while you\u2019re inside (Your rested\r\n                  experience will increase faster, this speed is accelerated with more tents placed next to eachother, scaling with up to 5 tents).\r\n                  <br><br>\r\n\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  How to create a <span class="text-green">[Bright Campfire]</span> for you and your fellas which provides +8 Spirit to\r\n                  you and your party.\r\n\r\n\r\n\t\t\t\t  How to make a\r\n\r\n                  <a href="https://database.turtle-wow.org/?item=81187" target="_blank"\r\n                     data-wowhead="item=81187&amp;domain=classic;">\r\n                     <span class="text-green">[Iron Lantern]</span>\r\n                  </a>\r\n\r\n                  to light up the darkest forests during your adventures. Lantern oil not included.\r\n                  <br><br>\r\n\r\n\t\t\t\t    <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  How to make a pair of\r\n\r\n                  <a href="https://database.turtle-wow.org/?item=65029" target="_blank"\r\n                     data-wowhead="item=65029&amp;domain=classic;">\r\n                     <span class="text-green">[Murloc\'s Flippers]</span>\r\n                  </a>\r\n\r\n                  that grant you small amounts of all stats and increase your swimming speed while worn.\r\n                  <br><br>\r\n\r\n\t\t\t\t  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  How to repair broken Electro-Lanterns to make your own\r\n\r\n                  <a href="https://database.turtle-wow.org/?item=65031" target="_blank"\r\n                     data-wowhead="item=65031&amp;domain=classic;">\r\n                     <span class="text-green">[Repaired Electro-Lantern]</span>\r\n                  </a>\r\n\r\n                  that grants you and your allies +4 Spirit just like the Dim Torch and adds a zap to your melee attacks,\r\n\t\t\t\t  with the added benefit of never running out of fuel,\r\n\t\t\t\t  perfect for the seasoned adventurer.\r\n                  <br><br>\r\n\r\n\t\t\t\t  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  How to make a\r\n\r\n                  <a href="https://database.turtle-wow.org/?item=50238" target="_blank"\r\n                     data-wowhead="item=50238&amp;domain=classic;">\r\n                     <span class="text-green">[Simple Wooden Planter]</span>\r\n                  </a>\r\n\r\n                  for your general Gardening needs, you can see more details about Gardening below.\r\n\r\n               </p>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-4"><img src="images/turtlewow_gardening_preview.png" class="w-100"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_survival_boats_preview.png" class="w-100"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_survival_preview.png" class="w-100"></div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="orange-text mb-4">Gardening</h3>\r\n\r\n               <p class="w-75 text-white mb-4">\r\n                  Grow your own food: plant the seed, water it, foster it, and enjoy the results of your hard work once\r\n                  it\u2019s fully grown! Yummy!\r\n               </p>\r\n\r\n               <p class="w-75 text-white pl-5">\r\n\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  Starting at level 20, take the quest \u201CYou Reap What You Sow\u201D in Elwynn Forest or Mulgore.\r\n                  <br><br>\r\n\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  This little adventure will teach you where to get 4 types of seeds with an accelerated growth rate.\r\n                  <br><br>\r\n\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  After receiving a brand new shiny Shovel and your first Wooden Planter, you\u2019ll be ready to grow your\r\n                  first pumpkin!\r\n               </p>\r\n\r\n\r\n               <h5 class="orange-text mt-5 mb-4">How?</h5>\r\n\r\n               <p class="w-75 text-white">\r\n                  Make sure to have enough Refreshing Spring Water, Un\'Goro soil, and of course, Seeds with you. Place\r\n                  the Un\u2019Goro Soil and the Seeds carefully in your planter and be prepared to wait! Every 9 minute\r\n                  you\u2019ll have to water or fertilize the sproutling. And then, harvest it!\r\n                  <BR><BR>\r\n                  <span class="text-brown">You must have Survival Skill (75) to get started with Gardening!</span>\r\n               </p>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-4"><img src="images/turtlewow_gardening_01_preview.png" class="w-100"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_gardening_02_preview.png" class="w-100"></div>\r\n            <div class="col-lg-4"><img src="images/turtlewow_gardening_mulgore_preview.png" class="w-100"></div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/watch/watch.html','<div class="section mb-5 watch" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container-lg pt-5 pb-5">\r\n\r\n         <div class="row p-5" ng-if="view == \'all\'" style="border-top: 0;">\r\n\r\n            <div class="col-lg-9 mb-3">\r\n               <h2 class="orange-text mb-4 hand" ng-click="goToPage(\'watch\')">Turtle TV</h2>\r\n               <p class="text-gray2">Turtle WoW is always looking to expand the Warcraft universe, be it with\r\n                  soundtracks, custom zones, or even dungeons!<Br>Our trailers and media for everything we do can be\r\n                  found here.</p>\r\n            </div>\r\n            <div class="col-lg-3 watch-search">\r\n               <form>\r\n                  <input type="text" ng-model="searchQuery" class="form-control" placeholder="Search"\r\n                         name="search" id="search">\r\n               </form>\r\n            </div>\r\n\r\n            <div class="col-lg-12 mb-5" ng-repeat="c in channels|filter:searchQuery">\r\n               <h3 class="">\r\n                  <span class="hand" ng-click="goToPage(\'watch/channel/\' + c.name_slug)">{{c.name}}</span>\r\n                  <a href="#/watch/channel/{{c.name_slug}}" class="float-right mt-3 orange-text"\r\n                     ng-if="c.videos.length > 16">See all ({{c.videos.length}})</a>\r\n               </h3>\r\n\r\n               <img src="images/footerline.png" class="mt-2 mb-4 w-100">\r\n\r\n               <div class="row">\r\n                  <turtle-video-thumb ng-repeat="v in c.videos|limitTo:16" v="v"></turtle-video-thumb>\r\n               </div>\r\n\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5" ng-if="view == \'channel\'">\r\n\r\n            <div class="col-lg-9 mb-3">\r\n               <h2 class="orange-text mb-4 hand" ng-click="goToPage(\'watch\')">Turtle TV</h2>\r\n               <p class="text-gray2">Turtle WoW is always looking to expand the Warcraft universe, be it with\r\n                  soundtracks, custom zones, or even dungeons!<Br>Our trailers and media for everything we do can be\r\n                  found here.</p>\r\n            </div>\r\n            <div class="col-lg-3 watch-search">\r\n               <form>\r\n                  <input type="text" ng-model="searchQuery" class="form-control" placeholder="Search"\r\n                         name="searchChannel" id="searchChannel">\r\n               </form>\r\n            </div>\r\n\r\n            <div class="col-lg-12 mb-5">\r\n\r\n               <h3 class="">{{currentChannel.name}}</h3>\r\n\r\n               <img src="images/footerline.png" class="mt-2 mb-4 w-100">\r\n\r\n               <div class="row">\r\n                  <div class="col-lg-3 mb-4 hand" ng-repeat="v in currentChannel.videos|filter:searchQuery"\r\n                       ng-click="goToPage(\'watch/\' + v.id)">\r\n\r\n                     <div ng-attr-style="background-image:url(\'{{v.thumb}}\')" class="thumb">\r\n                        <i class="fa fa-fw fa-play"></i>\r\n                        <div class="duration">\r\n                           {{v.duration}}\r\n                        </div>\r\n                     </div>\r\n                     <div class="title orange-text">\r\n                        {{v.title}}\r\n                     </div>\r\n\r\n                  </div>\r\n               </div>\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5" ng-if="view == \'video\'">\r\n\r\n            <div class="col-lg-12 mb-3">\r\n               <h2 class="orange-text mb-5 hand" ng-click="goToPage(\'watch\')">Turtle TV</h2>\r\n               <p class="text-gray2">Turtle WoW is always looking to expand the Warcraft universe, be it with\r\n                  soundtracks, custom zones, or even dungeons!<Br>Our trailers and media for everything we do can be\r\n                  found here.</p>\r\n            </div>\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <div class="row">\r\n\r\n                  <div class="col-lg-9">\r\n\r\n                     <turtle-video video="currentVideo"></turtle-video>\r\n\r\n                     <div class="row">\r\n                        <div class="col-lg-8 pt-4">\r\n                           <h3 class="orange-text mb-1">{{currentVideo.title}}</h3>\r\n                        </div>\r\n                        <div class="col-lg-1"></div>\r\n                        <div class="col-lg-2 pt-4 mt-1 text-white text-right">\r\n                           <ng-container data-toggle="tooltip" data-placement="top" title="Like" tooltip\r\n                                         class="hand" ng-click="like(1)">\r\n                              <i class="fa fa-fw fa-thumbs-o-up" ng-if="!likes.liked || likes.liked == -1"></i>\r\n                              <i class="fa fa-fw fa-thumbs-up" ng-if="likes.liked == 1"></i>\r\n                              {{likes.likes}}\r\n                           </ng-container>\r\n                           <span class="ml-2 mr-2 text-gray2">|</span>\r\n                           <ng-container data-toggle="tooltip" data-placement="top" title="Dislike" tooltip\r\n                                         class="hand" ng-click="like(-1)">\r\n                              <i class="fa fa-fw fa-thumbs-o-down" ng-if="!likes.liked || likes.liked == 1"></i>\r\n                              <i class="fa fa-fw fa-thumbs-down" ng-if="likes.liked == -1"></i>\r\n                              {{likes.dislikes}}\r\n                           </ng-container>\r\n                        </div>\r\n                        <div class="col-lg-1 pt-4 mt-1 text-white text-right">\r\n                           <ng-container data-toggle="tooltip" data-placement="top" title="Views" tooltip>\r\n                              <i class="fa fa-fw fa-eye"></i>\r\n                              {{currentVideo.views}}\r\n                           </ng-container>\r\n                        </div>\r\n<!--                        <div class="col-lg-1 pt-4 mt-1 text-white text-right">-->\r\n<!--                           <ng-container data-toggle="tooltip" data-placement="top" title="Download" tooltip-->\r\n<!--                                         class="hand">-->\r\n<!--                              <a href="download.php?file={{currentVideo.url}}" target="_blank" class="text-white">-->\r\n<!--                                 <i class="fa fa-fw fa-download"></i> {{currentVideo.downloads}}</a>-->\r\n<!--                           </ng-container>-->\r\n<!--                        </div>-->\r\n                     </div>\r\n\r\n\r\n                     <div class="comments text-white">\r\n                        <small class="mb-3">\r\n                           <i class="fa fa-fw fa-comments"></i>\r\n\r\n                           <ng-content ng-if="currentVideo.commentsCount == 1">1 Comment</ng-content>\r\n                           <ng-content ng-if="currentVideo.commentsCount != 1">{{currentVideo.commentsCount}}\r\n                              Comments\r\n                           </ng-content>\r\n\r\n                           <span class="ml-2 mr-2 text-gray2">|</span>\r\n\r\n                           <span class="hand text-gray" ng-click="toAddComment()"\r\n                                 ng-class="{\'text-white\' : addingComment}">\r\n                              <i class="fa fa-fw fa-pencil"></i> Add a comment\r\n                           </span>\r\n                        </small>\r\n                        <div ng-if="addingComment" class="text-right mt-2 pt-3">\r\n                           <form>\r\n                              <small class="float-left ml-1">Commenting as <strong>{{char}}</strong>.\r\n                                 <span class="text-gray hand" ng-click="changeChar(0)"\r\n                                       ng-if="!selectingChar">(change)</span>\r\n                                 <span ng-if="selectingChar">\r\n                                    Select a character:\r\n                                    <span ng-repeat="char in chars" ng-click="changeChar(char.name)"\r\n                                          class="hand text-gray game-class-{{char.class}}">{{char.name}} </span>\r\n                                 </span>\r\n                              </small>\r\n                              <input type="text" class="form-control" name="comment"\r\n                                     placeholder="Comment..." id="comment"\r\n                                     enter-submit="addComment(comment)"\r\n                                     ng-disabled="working"\r\n                                     ng-model="comment">\r\n                           </form>\r\n\r\n                           <small class="mr-2 float-left text-warning" ng-show="commentLimit">You can only comment once\r\n                              every 5 minutes.</small>\r\n                           <small class="mr-2 float-left text-warning" ng-show="commentLevel">\r\n                              You need to have at least one character above level 15 to comment.\r\n                           </small>\r\n                           <small class="hand text-gray mr-2" ng-click="cancelAddComment()">Cancel</small>\r\n                           <small class="hand orange-text mr-1" ng-click="addComment(comment)">Comment</small>\r\n                        </div>\r\n                        <div ng-if="currentVideo.comments.length == 0" class="text-center mt-5 text-gray2">\r\n                           No comments yet. Be the first to <span class="text-gray hand" ng-click="toAddComment()">add a comment</span>!\r\n                        </div>\r\n                        <div class="comment pb-1 mt-3 pt-3 avatar-{{c.class}}" ng-repeat="c in currentVideo.comments"\r\n                             style="border-2top: 1px solid rgba(158, 151, 131, .1)">\r\n\r\n\r\n                           <span class="orange-text">{{c.char}}</span>\r\n                           <small class="text-gray2">&nbsp;{{c.stamp}}</small>\r\n\r\n                           <small class="text-green hand deleteComment" ng-if="c.mine && c.confirmation == -1"\r\n                                  ng-click="editComment(c, \'open\')">Edit</small>\r\n                           <small class="text-red hand deleteComment" ng-if="c.mine && c.confirmation == -1"\r\n                                  ng-click="deleteComment(c, 0)">Delete</small>\r\n\r\n\r\n                           <ng-container ng-if="c.confirmation == 0">\r\n                              <small class="text-white">Delete this comment ? </small>\r\n                              <small class="text-red hand" ng-if="c.mine"\r\n                                     ng-click="deleteComment(c, 1)">Yes</small>\r\n                              <small class="text-gray hand" ng-if="c.mine"\r\n                                     ng-click="deleteComment(c, -1)">No</small>\r\n                           </ng-container>\r\n\r\n                           <div class="text-white mt-1 mb-1">\r\n                              <ng-container ng-show="!c.edit">{{c.comment}}</ng-container>\r\n                              <form ng-if="c.edit" class="text-right">\r\n                                 <small class="float-left ml-1">Commenting as <strong>{{char}}</strong>.\r\n                                    <span class="text-gray hand" ng-click="changeChar(0)"\r\n                                          ng-if="!selectingChar">(change)</span>\r\n                                    <span ng-if="selectingChar">\r\n                                    Select a character:\r\n                                    <span ng-repeat="char in chars" ng-click="changeChar(char.name)"\r\n                                          class="hand text-gray game-class-{{char.class}}">{{char.name}} </span>\r\n                                 </span>\r\n                                 </small>\r\n                                 <input ng-model="c.comment" class="form-control"\r\n                                        enter-submit="editComment(c, \'save\')" name="edit-{{c.id}}" id="edit-{{c.id}}">\r\n                                 <small class="hand text-gray mr-2" ng-click="cancelEditComment(c)">Cancel</small>\r\n                                 <small class="hand text-green mr-1" ng-click="editComment(c, \'save\')">Save</small>\r\n                              </form>\r\n                           </div>\r\n\r\n                           <small class="text-gray hand" ng-click="showReplies(c)"\r\n                                  ng-class="{\'text-white\' : c.showReplies}" ng-if="c.repliesCount > 0">\r\n                              <i class="fa fa-fw fa-comment"></i>\r\n                              <ng-container ng-if="c.repliesCount == 1">1 Reply</ng-container>\r\n                              <ng-container ng-if="c.repliesCount != 1">{{c.repliesCount}} Replies</ng-container>\r\n\r\n                           </small>\r\n\r\n                           <small class="text-gray2 ml-2 mr-2" ng-if="c.repliesCount > 0">|</small>\r\n\r\n                           <small class="text-gray hand" ng-click="toReply(c)"\r\n                                  ng-class="{\'text-white\' : c.addingReply}">\r\n                              <i class="fa fa-fw fa-reply"></i> Reply\r\n                           </small>\r\n\r\n                           <div class="pt-4 text-right" ng-if="c.addingReply">\r\n                              <form>\r\n                                 <small class="float-left">Replying as <strong>{{char}}</strong>.\r\n                                    <span class="text-gray hand" ng-click="changeChar(0)" ng-if="!selectingChar">(change)</span>\r\n                                    <span ng-if="selectingChar">\r\n                                    Select a character:\r\n                                    <span ng-repeat="char in chars" ng-click="changeChar(char.name)"\r\n                                          class="hand text-gray game-class-{{char.class}}">{{char.name}} </span>\r\n                                 </span>\r\n                                 </small>\r\n                                 <input type="text" class="form-control" placeholder="Reply..." id="reply-{{c.id}}"\r\n                                        enter-submit="addReply(c)"\r\n                                        name="reply-{{c.id}}" ng-model="c.reply">\r\n                              </form>\r\n\r\n                              <small class="mr-2 float-left text-warning" ng-show="c.replyLimit">You can only reply once\r\n                                 every 5 minutes.</small>\r\n                              <small class="mr-2 float-left text-warning" ng-show="c.replyLevel">\r\n                                 You need to have at least one character above level 15 to comment.\r\n                              </small>\r\n\r\n                              <small class="hand text-gray mr-2" ng-click="cancelAddReply(c)">Cancel</small>\r\n                              <small class="hand orange-text mr-1" ng-click="addReply(c)">Reply</small>\r\n                           </div>\r\n\r\n                           <div ng-if="c.showReplies" class="pt-2 pr-2 mt-1">\r\n\r\n                              <div class="more text-center" ng-if="c.showPreviousReplies">\r\n                                 <small class="text-gray hand" ng-click="showPreviousReplies(c, c.replies[0].id)">Load\r\n                                    previous\r\n                                    replies</small>\r\n                              </div>\r\n\r\n                              <div ng-repeat="r in c.replies" class="reply pb-2 mt-2 pt-2 avatar-{{r.class}}"\r\n                                   style="border-top2: 1px solid rgba(158, 151, 131, .1)">\r\n                                 <span class="orange-text">{{r.char}}</span>\r\n                                 <small class="text-gray2">&nbsp;{{r.stamp}}</small>\r\n\r\n                                 <small class="text-green hand deleteReply" ng-if="r.mine && r.confirmation == -1"\r\n                                        ng-click="editReply(r, \'open\')">Edit</small>\r\n                                 <small class="text-red hand deleteReply" ng-if="r.mine && r.confirmation == -1"\r\n                                        ng-click="deleteReply(r, c, 0)">Delete</small>\r\n\r\n                                 <ng-container ng-if="r.confirmation == 0">\r\n                                    <small class="text-white">Delete this reply ? </small>\r\n                                    <small class="text-red hand" ng-if="r.mine"\r\n                                           ng-click="deleteReply(r, c, 1)">Yes</small>\r\n                                    <small class="text-gray hand" ng-if="r.mine"\r\n                                           ng-click="deleteReply(r, c, -1)">No</small>\r\n                                 </ng-container>\r\n\r\n                                 <div class="text-white mt-1">\r\n                                    <ng-container ng-show="!r.edit">{{r.reply}}</ng-container>\r\n                                    <form ng-if="r.edit" class="text-right">\r\n                                       <small class="float-left ml-1">Replying as <strong>{{char}}</strong>.\r\n                                          <span class="text-gray hand" ng-click="changeChar(0)"\r\n                                                ng-if="!selectingChar">(change)</span>\r\n                                          <span ng-if="selectingChar">\r\n                                          Select a character:\r\n                                          <span ng-repeat="char in chars" ng-click="changeChar(char.name)"\r\n                                                class="hand text-gray game-class-{{char.class}}">{{char.name}} </span>\r\n                                           </span>\r\n                                       </small>\r\n                                       <input ng-model="r.reply" class="form-control"\r\n                                              enter-submit="editReply(r, \'save\')" name="editReply-{{r.id}}"\r\n                                              id="editReply-{{r.id}}">\r\n                                       <small class="hand text-gray mr-2" ng-click="cancelEditReply(r)">Cancel</small>\r\n                                       <small class="hand text-green mr-1"\r\n                                              ng-click="editReply(r, \'save\')">Save</small>\r\n                                    </form>\r\n                                 </div>\r\n\r\n                              </div>\r\n\r\n                              <div class="more text-center" ng-if="c.showMoreReplies">\r\n                                 <small class="text-gray hand" ng-click="showReplies(c, lidReplies)">Load more\r\n                                    replies</small>\r\n                              </div>\r\n\r\n                           </div>\r\n\r\n                        </div>\r\n\r\n                        <div class="more text-center" ng-if="showMore">\r\n                           <small class="text-gray hand" ng-click="getComments(lid)">Load more comments</small>\r\n                        </div>\r\n\r\n                     </div>\r\n                  </div>\r\n\r\n                  <div class="col-lg-3">\r\n\r\n                     <div class="row">\r\n                        <turtle-video-thumb ng-repeat="v in otherVideos|limitTo:16" v="v"\r\n                                            vertical="true"></turtle-video-thumb>\r\n                     </div>\r\n\r\n                  </div>\r\n\r\n               </div>\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5" ng-if="view == \'moderation\'">\r\n\r\n            <div class="col-lg-9 mb-3">\r\n               <h2 class="orange-text mb-4 hand" ng-if="!nothing">Moderation</h2>\r\n               <h2 class="orange-text mb-4 hand" ng-if="nothing">404</h2>\r\n               <p class="text-gray2" ng-if="moderation.length == 0 && !nothing">Moderate yourself.</p>\r\n            </div>\r\n\r\n            <div class="col-lg-12" ng-if="!nothing">\r\n               <table class="table table-hover">\r\n                  <thead>\r\n                  <tr>\r\n                     <th class="orange-text col-lg-1">Video</th>\r\n                     <th class="orange-text col-lg-1">Character</th>\r\n                     <th class="orange-text col-lg-5">Comment</th>\r\n                     <th class="orange-text col-lg-2">Timestamp</th>\r\n                     <th class="orange-text col-lg-3" colspan="3">Actions</th>\r\n                  </tr>\r\n                  </thead>\r\n                  <tbody ng-if="moderation.length > 0">\r\n                  <tr ng-repeat="c in moderation">\r\n                     <td><a href="#/watch/{{c.video_id}}" target="_blank">{{c.video_id}}</a></td>\r\n                     <td>{{c.char}}</td>\r\n                     <td class="text-muted">"{{c.comment}}"</td>\r\n                     <td>{{c.stamp}}</td>\r\n                     <td class="text-primary hand" ng-click="moderate(c.id, 1)">\r\n                        <i class="fa fa-fw fa-check"></i> Ok\r\n                     </td>\r\n                     <td></td>\r\n                     <td class="text-danger hand" ng-click="moderate(c.id, -1)">\r\n                        <i class="fa fa-fw fa-times"></i> Delete\r\n                     </td>\r\n                  </tr>\r\n                  </tbody>\r\n                  <tfoot ng-if="moderation.length == 0">\r\n                  <tr>\r\n                     <Th colspan="7" class="text-center text-muted">All quiet in here.</Th>\r\n                  </tr>\r\n                  </tfoot>\r\n               </table>\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/vagrants-endeavor/vagrants-endeavor.html','<div class="section mb-5" id="pages">\r\n    <div class="container-fluid pb-5">\r\n        <div class="container pt-5 pb-5">\r\n\r\n            <div class="row p-5 horse">\r\n                <div class="col-lg-12 ">\r\n                    <h2 class="orange-text mb-2">Vagrant\'s Endeavor</h2>\r\n\r\n                    <p class="w-50 mt-3 text-white">\r\n                        Sick of snagging two-handed axes that are as useful as a screen door on a submarine? Fed up with trying to calculate how much intellect or spell damage you need to avoid becoming the laughing stock of your dungeon party? Fear not, my friend!\r\n                    </p>\r\n                </div>\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12 ">\r\n                    <h2 class="orange-text mb-2">The solution is here:</h2>\r\n\r\n                    <p class="w-75 mt-3 text-white">\r\n                        Join the Vagrant\'s Endeavor challenge and bid farewell to the headache of having to pick the right item stats! You\'ll be forced to wear nothing but poor or common quality gear until you hit level 60. Enchanting items is not permitted.\r\n                        <br>\r\n                        <br>\r\n                        But fear not, once you reach that milestone, you\'ll be rewarded with the coveted title of "The Wanderer" and a beat-up mule to lug around all your not-so-valuable possessions. Who needs rare items when you can have a donkey, am I right?\r\n                    </p>\r\n                    <img src="images/turtlewow_vagrantmode.webp" class="img-fluid hand mt-4" ng-click="lb(\'images/turtlewow_vagrantmode.webp\')">\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>');
$templateCache.put('/activate/activate.html','<div class="section mb-5" id="reset" style="background-image: url(images/bg1.png)">\r\n   <div class="container-fluid pt-1">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row p-5 mt-5 mb-5">\r\n\r\n            <div class="col-lg-12 ">\r\n\r\n               <h2 class="orange-text mb-2 font-weight-bold">Account Activation</h2>\r\n               <p class="w-50 mt-3 text-white">\r\n                  {{result}}\r\n               </p>\r\n\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n\r\n   </div>\r\n</div>\r\n');
$templateCache.put('/armory/armory-character.html','<div class="section mb-5 armory" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container-lg pt-5 pb-5">\r\n\r\n         <div class="row">\r\n\r\n            <div class="col-lg-12 mb-3 p-3"\r\n                 ng-class="{\'bg-alliance\' : [1, 3, 4, 7].indexOf(c.basic.race) != -1,\r\n            \'bg-horde\' : [1, 3, 4, 7].indexOf(c.basic.race) == -1}">\r\n\r\n               <table>\r\n                  <tr>\r\n                     <td>\r\n                        <img src="images/icons/class_{{c.basic.class_text.toLowerCase()}}.jpg"\r\n                             class="mr-3">\r\n                     </td>\r\n                     <td>\r\n                        <span class="orange-text">{{c.basic.name}}</span><br>\r\n                        <small class="text-white">\r\n                           <a ng-href="#/armory/guild/{{c.basic.guild}}"\r\n                              class="text-white">&lt;{{c.basic.guild}}&gt;</a>\r\n                           <Br>\r\n                           {{c.basic.race_text}} {{c.basic.class_text}}</small>\r\n                     </td>\r\n                  </tr>\r\n               </table>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-3" ng-if="c.gear.length > 0">\r\n\r\n               <table>\r\n\r\n                  <tr>\r\n\r\n                     <td>\r\n\r\n                        <div class="placeholder head">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(0).item_template}}"\r\n                              target="_blank" data-transmog="{{getItem(0).transmogName}}"\r\n                              data-wowhead="item={{getItem(0).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(0).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(0)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n\r\n                     </td>\r\n                     <td rowspan="8" colspan="5">\r\n\r\n                        <img class="p-4" style="width: 200px;" src="images/Alliance_Crest.png"\r\n                             ng-if="[1, 3, 4, 7].indexOf(c.basic.race) != -1">\r\n                        <img class="p-4" style="width: 200px;" src="images/Horde_Crest.png"\r\n                             ng-if="[1, 3, 4, 7].indexOf(c.basic.race) == -1">\r\n\r\n\r\n                     </td>\r\n                     <td>\r\n                        <div class="placeholder hands">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(9).item_template}}"\r\n                              target="_blank"\r\n                              data-wowhead="item={{getItem(9).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(9).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(9)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n\r\n                  </tr>\r\n\r\n                  <tr>\r\n                     <td>\r\n                        <div class="placeholder neck">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(1).item_template}}"\r\n                              target="_blank"\r\n                              data-wowhead="item={{getItem(1).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(1).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(1)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n                     <td>\r\n                        <div class="placeholder waist">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(5).item_template}}"\r\n                              target="_blank"\r\n                              data-wowhead="item={{getItem(5).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(5).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(5)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n                  </tr>\r\n\r\n                  <tr>\r\n                     <td>\r\n                        <div class="placeholder shoulder">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(2).item_template}}"\r\n                              target="_blank"\r\n                              data-wowhead="item={{getItem(2).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(2).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(2)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n                     <td>\r\n                        <div class="placeholder pants">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(6).item_template}}"\r\n                              target="_blank"\r\n                              data-wowhead="item={{getItem(6).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(6).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(6)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n                  </tr>\r\n\r\n                  <tr>\r\n                     <td>\r\n                        <div class="placeholder back">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(14).item_template}}"\r\n                              target="_blank"\r\n                              data-wowhead="item={{getItem(14).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(14).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(14)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n                     <td>\r\n                        <div class="placeholder feet">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(7).item_template}}"\r\n                              target="_blank"\r\n                              data-wowhead="item={{getItem(7).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(7).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(7)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n                  </tr>\r\n\r\n                  <tr>\r\n                     <td>\r\n                        <div class="placeholder chest">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(4).item_template}}"\r\n                              target="_blank"\r\n                              data-wowhead="item={{getItem(4).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(4).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(4)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n                     <td>\r\n                        <div class="placeholder ring">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(10).item_template}}"\r\n                              target="_blank"\r\n                              data-wowhead="item={{getItem(10).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(10).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(10)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n                  </tr>\r\n\r\n                  <tr>\r\n                     <td>\r\n                        <div class="placeholder shirt">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(3).item_template}}"\r\n                              target="_blank"\r\n                              data-wowhead="item={{getItem(3).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(3).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(3)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n                     <td>\r\n                        <div class="placeholder ring">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(11).item_template}}"\r\n                              target="_blank"\r\n                              data-wowhead="item={{getItem(11).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(11).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(11)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n                  </tr>\r\n\r\n                  <tr>\r\n                     <td>\r\n                        <div class="placeholder tabard">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(18).item_template}}"\r\n                              target="_blank"\r\n                              data-wowhead="item={{getItem(18).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(18).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(18)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n                     <td>\r\n                        <div class="placeholder trinket">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(12).item_template}}"\r\n                              target="_blank"\r\n                              data-wowhead="item={{getItem(12).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(12).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(12)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n                  </tr>\r\n\r\n                  <tr>\r\n                     <td>\r\n                        <div class="placeholder wrist">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(8).item_template}}"\r\n                              target="_blank"\r\n                              data-wowhead="item={{getItem(8).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(8).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(8)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n                     <td>\r\n                        <div class="placeholder trinket">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(13).item_template}}"\r\n                              target="_blank"\r\n                              data-wowhead="item={{getItem(13).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(13).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(13)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n                  </tr>\r\n\r\n                  <tr>\r\n                     <td></td>\r\n                     <td>&nbsp;</td>\r\n                     <td>\r\n                        <div class="placeholder mainhand">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(15).item_template}}"\r\n                              target="_blank" data-transmog={{getItem(15).transmogName}}\r\n                              data-wowhead="item={{getItem(15).item_template}}&amp;transmog=asd&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(15).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(15)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n                     <td>\r\n                        <div class="placeholder offhand">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(16).item_template}}"\r\n                              target="_blank"\r\n                              data-wowhead="item={{getItem(16).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(16).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(16)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n                     <td>\r\n                        <div class="placeholder ranged">\r\n\r\n                           <a ng-href="https://database.turtle-wow.org/?item={{getItem(17).item_template}}"\r\n                              target="_blank"\r\n                              data-wowhead="item={{getItem(17).item_template}}&amp;domain=classic;">\r\n\r\n                              <img ng-src="https://wow.zamimg.com/images/wow/icons/medium/{{getItem(17).icon.toLowerCase()}}.jpg"\r\n                                   ng-if="getItem(17)">\r\n\r\n                           </a>\r\n\r\n                        </div>\r\n                     </td>\r\n\r\n                     <td>&nbsp;</td>\r\n                     <td></td>\r\n\r\n                  </tr>\r\n\r\n               </table>\r\n\r\n            </div>\r\n\r\n            <div class="col-lg-12 p-5">\r\n               <h3 class="orange-text">Talents {{c.spec}}</h3>\r\n            </div>\r\n\r\n\r\n            <div class="col-lg-2 talents" ng-repeat="(k, row) in c.talents">\r\n\r\n               <div class="tree" style="background-image: url(\'images/talent_tabs/{{k / ($index + 1)}}.jpg\')">\r\n\r\n                  <div ng-repeat="r in row track by $index">\r\n\r\n                     <div class="talent" ng-repeat="spell in r track by $index">\r\n\r\n                        <div class="talent-icon" ng-if="spell.id != 0"\r\n                             ng-class="{\'desat\' : spell.rank == 0}"\r\n                             style="background-image: url(\'https://wow.zamimg.com/images/wow/icons/medium/{{spell.icon}}.jpg\')">\r\n\r\n                           <span class="talent-rank" ng-if="spell.rank > 0"\r\n                           ng-class="{\r\n                           \'text-yellow\' : spell.rank == spell.maxRanks,\r\n                           \'text-green\' : spell.rank != spell.maxRanks\r\n                           }"> {{spell.rank}}</span>\r\n\r\n                        </div>\r\n\r\n                        <div class="talent-tooltip" ng-if="spell.rank != -1">\r\n                           <span class="text-white">{{spell.name}}</span><br>\r\n                           <span class="text-white">{{spell.rank}}/{{spell.maxRanks}}</span><Br>\r\n                           {{spell.description}}\r\n                        </div>\r\n\r\n\r\n                     </div>\r\n\r\n                  </div>\r\n\r\n               </div>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n\r\n\r\n');
$templateCache.put('/armory/armory-guild.html','<div class="section mb-5 armory" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container-lg pt-5 pb-5">\r\n\r\n         <div class="row p-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h2 class="orange-text mb-2">Armory</h2>\r\n\r\n\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n\r\n\r\n');
$templateCache.put('/armory/armory-home.html','<div class="section mb-5 armory" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container-lg pt-5 pb-5">\r\n\r\n         <div class="row p-5">\r\n\r\n            <div class="col-lg-12" id="search">\r\n\r\n                  <input type="text" class="form-control" placeholder="Search" ng-change="armorySearch(q)"\r\n                   ng-model="q">\r\n\r\n\r\n               <div class="result" ng-repeat="r in results" ng-click="goToCharacter(r.name)">\r\n\r\n                  <img ng-src="images/icons/class_{{r.class}}.jpg">\r\n\r\n                  <span class="ml-1">{{r.name}}</span>\r\n                  <span class="float-right">{{r.guild}}</span>\r\n\r\n               </div>\r\n\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n\r\n\r\n');
$templateCache.put('/classes/druid.html','<div class="section mb-5" id="pages">\r\n    <div class="container-fluid pb-5">\r\n        <div class="container pt-5 pb-5">\r\n\r\n            <div class="row p-5">\r\n\r\n                <div class="col-lg-6">\r\n\r\n                    <h4 class="orange-text mb-0">Class Changes:</h4>\r\n                    <h2 class="orange-text mb-2">Druid</h2>\r\n                    <p class="mt-3 text-white">\r\n                        The vanilla design of the Druid is infamous for being pretty unfinished. Its mechanics weren\u2019t\r\n                        fully\r\n                        realized until well into the first expansion. Because of this, there\u2019s a lot of freedom on how\r\n                        to\r\n                        improve on the class while sticking with the \u201Cvanilla feeling.\u201D That said, simply attempting\r\n                        to\xA0recreate the druid of later expansions is a cop-out, but we feel incorporating some iconic\r\n                        and\r\n                        fan-favorite abilities would be a good idea.\r\n                    </p>\r\n\r\n                </div>\r\n                <div class="col-lg-6 druid">\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12">\r\n                    <h3 class="orange-text mb-5">Changes to Baseline Spells</h3>\r\n\r\n                    <p class="text-white w-75 pl-5 mb-3">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">Claw</span> now also deals 100% of weapon damage in addition to its\r\n                        current damage.<br>\r\n                        <span class="text-gray">\r\n                     Note: This value is calculated on the invisible Claw weapon druid forms get when shapeshifting and\xA0does not correspond with your normal weapon.\r\n                  </span>\r\n                    </p>\r\n\r\n                    <p class="text-white w-75 pl-5 mb-3">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">Frenzied Regeneration</span> now also heals for 1% of your Stamina.\r\n                    </p>\r\n\r\n                    <p class="text-white w-75 pl-5 mb-3">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">Insect Swarm</span> is now a Balance spell and available to all Druids\r\n                        starting at level 20.\r\n                    </p>\r\n\r\n                    <p class="text-white w-75 pl-5">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">Faerie Fire (Feral)</span> is now available to all Druids starting at\r\n                        level\r\n                        30.\r\n                    </p>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-5">New Abilities</h3>\r\n\r\n                    <h4 class="orange-text mb-3">\r\n                        <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                        Owlkin Frenzy\r\n                    </h4>\r\n\r\n                    <p class="text-white mb-5">\r\n                        Attacks done to you while in Moonkin Form have a 15% chance to cause you to go into a Frenzy,\r\n                        causing\r\n                        you to be immune to pushback while casting Balance spells. Lasts 10 sec.\r\n                    </p>\r\n\r\n                    <h4 class="orange-text mb-3">\r\n                        <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                        Savage Bite\r\n                    </h4>\r\n\r\n                    <p class="text-white">\r\n\r\n                        Learned at Level: <span class="text-gray mr-4">58</span>\r\n                        Requires: <span class="text-gray mr-4">Bear Form</span>\r\n                        Cost: <span class="text-gray mr-4">30 Rage</span>\r\n                        Cooldown: <span class="text-gray">6 Second</span>\r\n                        <BR><BR>\r\n                        Savagely bites the target, dealing normal damage plus 61.\r\n\r\n                    </p>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n\r\n            <div class="row p-5 mt-5">\r\n\r\n                <div class="col-lg-12">\r\n\r\n                    <h3 class="orange-text mb-5">Talent Changes</h3>\r\n\r\n                    <h5 class="orange-text mb-5">Balance</h5>\r\n\r\n                    <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">Natural Weapons</span>\r\n                        <Br>\r\n                        <span class="text-gray">Now 3 Ranks (down from 5)</span>\r\n                        <Br>\r\n                        Increases the damage you deal with physical in all forms by 4/7/10% and\xA0increases\xA0your\xA0chance to\r\n                        hit\r\n                        with melee attacks and spells by 1/2/3%.\r\n                    </p>\r\n\r\n                    <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">Improved Wrath</span>\r\n                        <Br>\r\n                        Reduces the cast time and global cooldown of your Wrath spell by 0.1/0.2/0.3/0.4/0.5 sec.\r\n                    </p>\r\n\r\n                    <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">Moonkin Form</span>\r\n                        <Br>\r\n                        Transforms the Druid into Moonkin Form. While in this form the armor contribution from items\r\n                        is\xA0increased by 360%, the Mana cost of your Moonfire, Starfire, and Wrath spells reduced by 20%,\r\n                        and\r\n                        all party members within 30 yards have their spell critical chance increased by 3%. The\xA0Moonkin\r\n                        can\r\n                        only cast Balance spells, Innervate, and Remove Curse while shapeshifted.\r\n                    </p>\r\n\r\n                    <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">Omen of Clarity</span>\r\n                        <Br>\r\n                        Imbues the Druid with natural energy. Each of the Druid\'s melee attacks and direct damage spell\r\n                        casts\r\n                        have a chance of causing the caster to enter a Clearcasting state. The Clearcasting state\r\n                        reduces the\r\n                        Mana, Rage or Energy cost of your next damage or healing spell or offensive ability by 100%.\r\n                        Lasts 30\r\n                        min.\r\n                    </p>\r\n\r\n\r\n                    <h5 class="orange-text mt-5 mb-5">Feral</h5>\r\n\r\n                    <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">Primal Fury </span> & <span class="orange-text"> Blood Frenzy</span>\r\n                        <Br>\r\n                        Have had their existing effects combined into Primal Fury: Gives you a 50/100% chance to gain an\r\n                        additional 5 Rage anytime you get a critical strike while in Bear and Dire Bear Form and your\r\n                        critical\r\n                        strikes from Cat Form abilities that add combo points have a 50/100% chance to add an additional\r\n                        combo\r\n                        point.\r\n                    </p>\r\n\r\n                    <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">Feral Instinct</span>\r\n                        <Br>\r\n                        Feral Instinct reduced from 5 ranks to 3 ranks.\r\n                        Increases threat caused in Bear Form and Dire Bear Form by 5/10/15% and reduces the chance\r\n                        enemies\r\n                        have to detect you while Prowling.\r\n                    </p>\r\n\r\n                    <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">Blood Frenzy <sup class="orange-text">New</sup></span>\r\n                        <Br>\r\n                        <span class="text-gray">Row 4, 2 Ranks </span>\r\n                        <Br>\r\n                        Increases the duration of Tiger\'s Fury by 3/6 seconds and your Enrage now also instantly\r\n                        restores 5/10 rage.\r\n                        In addition, Tiger\u2019s Fury and Enrage increases your attack speed by 6/12% for 6/12 seconds.\r\n                    </p>\r\n\r\n\r\n                    <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">Berserk <sup class="orange-text">New</sup></span>\r\n                        <Br>\r\n                        <span class="text-gray">Row 5, 1 Rank, 6 Minute Cooldown</span>\r\n                        <Br>\r\n                        Removes all Fear effects and increases your energy regeneration rate by 100% while in\xA0Cat form,\r\n                        and\r\n                        increases your total health by 20% while in Bear form. After the effect ends, the health is\r\n                        lost.\r\n                        Effect lasts 20 seconds.\r\n                    </p>\r\n\r\n                    <h5 class="orange-text mb-5">Restoration</h5>\r\n\r\n                    <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">Swiftmend </span>\r\n                        <Br>\r\n                        has moved from a Row 7 to a Row 3 talent, replacing Insect Swarm.\r\n                    </p>\r\n\r\n\r\n                    <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">Tranquil Spirit </span>\r\n                        <Br>\r\n                        is no longer a prerequisite for the Row 7 major talent.\r\n\r\n\r\n                    </p>\r\n\r\n                    <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">Improved Rejuvenation </span>\r\n                        <Br>\r\n                        is now a prerequisite talent for Improved Regrowth.\r\n\r\n\r\n                    </p>\r\n\r\n\r\n                    <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">Improved Enrage </span>\r\n                        <Br>\r\n                        has been removed from the Restoration tree and has been integrated into the new talent Blood\r\n                        Frenzy.\r\n\r\n                    </p>\r\n\r\n\r\n                    <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">Subtlety </span>\r\n                        <Br>\r\n                        now also reduces threat generated from Balance spells.\r\n                        Reduces the threat generated by your Healing and Balance spells by 4/8/12/16/20%.\r\n                    </p>\r\n\r\n                    <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                        <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                        <span class="orange-text">New Talent: Tree of Life Form </span>\r\n                        <Br>\r\n                        Shapeshift into the Tree of Life. While in this form you increase healing received by 20% of\r\n                        your total Spirit for all party members within 30 yards, your movement speed is reduced by 20%,\r\n                        and you cannot cast damaging spells or Healing Touch, but the mana cost of these spells is\r\n                        reduced by 20%.\r\n                        The act of shapeshifting frees the caster of Polymorph and Movement Impairing effects.\r\n                    </p>\r\n\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n');
$templateCache.put('/classes/hunter.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row p-5">\r\n\r\n            <div class="col-lg-6">\r\n\r\n               <h4 class="orange-text mb-0">Class Changes:</h4>\r\n               <h2 class="orange-text mb-2">Hunter</h2>\r\n               <p class="mt-3 text-white">\r\n                  Hunter\u2019s main problem in vanilla comes down to two issues: DPS\xA0does not scale well with their gear so\r\n                  they tend to not be competitive in endgame stages, and their pets are particularly fragile in a raid\r\n                  setting, often leading to them not being used. </p>\r\n\r\n            </div>\r\n            <div class="col-lg-6 hunter">\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-3">New Abilities</h3>\r\n\r\n               <p class="text-white mb-5">\r\n                  Burning Crusade fixed hunter\u2019s problems at the same time with pet scaling, Kill Command, and Steady\r\n                  Shot abilities - leading them becoming massively overpowered. Avoiding this while also addressing\r\n                  their vanilla issues can be done by not giving them all three at once.\r\n               </p>\r\n\r\n               <h4 class="orange-text mb-3">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                  Trueshot\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  A precise shot with a ranged weapon that strikes the target for X additional damage. (Cooldown of this\r\n                  ability is equal to the attack speed of your ranged weapon).\r\n               </p>\r\n\r\n               <ul>\r\n                  <li><span class="text-white">Rank 1:</span> 10 Additional Damage, 5% Mana</li>\r\n                  <li><span class="text-white">Rank 2:</span> 20 Additional Damage, 5% Mana</li>\r\n                  <li><span class="text-white">Rank 3:</span> 30 Additional Damage, 5% Mana</li>\r\n                  <li><span class="text-white">Rank 4:</span> 40 Additional Damage, 5% Mana</li>\r\n                  <li><span class="text-white">Rank 5:</span> 50 Additional Damage, 5% Mana</li>\r\n               </ul>\r\n\r\n        \r\n\r\n               <h4 class="orange-text mb-3 mt-5">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                  Avoidance\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  <span class="text-gray">Pet Passive</span>\r\n                  <br><BR>\r\n                  Reduces the damage your pet takes from area of effect attacks by an additional 50%.\r\n               </p>\r\n\r\n  \r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-5">Talent Changes</h3>\r\n\r\n               <h5 class="orange-text mb-5">Beast Mastery</h5>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Improved Eyes of the Beast</span>\r\n                  <Br>\r\n                  Increases the duration of Eyes of the Beast by 30/60 seconds. While channeling this ability your tamed pet deals 15/30% additional damage and increases its focus generation by 15/30%.\r\n               </p>\r\n\r\n   \t\t<p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Improved Aspect of the Hawk</span>\r\n                  <Br>\r\n                 has been renamed to Improved Predator Aspects and now gives your melee attacks a 1/2/3/4/5% chance to increase melee attack speed by 30% for 12 seconds while Aspect of the Wolf is active.\r\n             </p>\r\n        \r\n\t\t <h5 class="orange-text mb-5">Survival</h5>\r\n\t\r\n<p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">New Talent: Superior Strikes</span>\r\n                  <Br>\r\n                Reduces the cooldown of your Raptor Strike and Mongoose Bite by 0.2/0.4/0.6/0.8/1 sec.\r\n             </p>\r\n\r\n<p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Monster Slaying and Humanoid Slaying</span>\r\n                  <Br>\r\n                have been combined into one talent called Improved Slaying which gives the damage and critical damage bonuses of both talents.\r\n\r\n             </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/classes/mage.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row p-5">\r\n\r\n            <div class="col-lg-6">\r\n\r\n               <h4 class="orange-text mb-0">Class Changes:</h4>\r\n               <h2 class="orange-text mb-2">Mage</h2>\r\n               <p class="mt-3 text-white">\r\n                  There isn\u2019t much to improve on for the Fire and Frost mage specs in vanilla - they are tightly\r\n                  designed and synergize well with other mages very well. That said, Arcane falls far behind despite\r\n                  having an opportunity to fill its own niche, and the possibility of\xA0encouraging the Elemental Mage\r\n                  playstyle.\r\n               </p>\r\n\r\n            </div>\r\n            <div class="col-lg-6 mage">\r\n            </div>\r\n\r\n         </div>\r\n\r\n <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-5">New Abilities</h3>\r\n\r\n               <h4 class="orange-text mb-3">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                  Refreshment Table\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  Begins a ritual that summons a Refreshment Table. Requires 3 players to right-click the portal and not move until the ritual is complete. Once complete players can use the Refreshment Table to acquire Conjured Mana Orange. Requires 2x Arcane Powder.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n               <h3 class="orange-text mb-5">Changes to Baseline Spells</h3>\r\n\r\n               <p class="text-white w-75 pl-5 mb-3">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Arcane Missiles:</span> Spell Power scaling coefficient has been increased:\r\n                  (0.24 <span class="orange-text">\u2192</span> 0.286)\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-5">Talent Changes</h3>\r\n\r\n               <h5 class="orange-text mb-5">Arcane</h5>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Improved Arcane Explosion</span>\r\n                  changed to\r\n                  <span class="orange-text">Arcane Impact</span>\r\n                  <Br>\r\n                  Increases the critical strike chance of your Arcane Explosion and Arcane Missiles spell\'s by an additional 2/4/6%.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Brilliance Aura<sup>NEW</sup></span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 5, 1 Rank</span>\r\n                  <Br>\r\n                  Gives Mana regeneration to party members equal to 15% of the Mage\'s mana regeneration within 30 yards. Lasts 30 minutes. Requires Arcane Potency as a prerequisite talent. (Can be cast while riding a mount, just like how the Archmage did in Warcraft 3.)\r\n               </p>\r\n\r\n        <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Arcane Potency <sup>NEW</sup></span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 4</span>\r\n                  <Br>\r\n                  Increases the critical strike damage bonus of your Arcane spells by 18/36/50%. Requires Arcane Mind as a prerequisite talent.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/classes/paladin.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row p-5">\r\n\r\n            <div class="col-lg-6">\r\n\r\n               <h4 class="orange-text mb-0">Class Changes:</h4>\r\n               <h2 class="orange-text mb-2">Paladin</h2>\r\n               <p class="mt-3 text-white">\r\n                  Let\u2019s be frank - the only good thing a paladin can do in vanilla is heal. Sure, with the right setup\r\n                  you can do decent tanking or decent dps, but it still doesn\u2019t all quite come together. A lot of the\r\n                  potential and uniqueness to the class has always attracted people to it, but that was progressively\r\n                  lost over time in retail post-vanilla. We believe there is a lot of opportunity to help the Paladin\r\n                  perform more than just healing adequately without making them too powerful or \u201Cwarrior-lite.\u201D\r\n               </p>\r\n\r\n            </div>\r\n            <div class="col-lg-6 paladin">\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n               <h3 class="orange-text mb-5">Changes to Baseline Spells</h3>\r\n\r\n               <p class="text-white w-75 pl-5 mb-3">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Consecration</span>\r\n                  is no longer a talent and is now available to all Paladins starting at level 20, its\r\n                  scaling coefficient has been increased (0.042 <span class="orange-text">\u2192</span> 0.08) and mana cost\r\n                  for all ranks has been reduced.\r\n                  Example: Rank 5 Mana Cost 565 <span class="orange-text">\u2192</span> 505\r\n\r\n\r\n               </p>\r\n\r\n               <p class="text-white w-75 pl-5 mb-3">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Judgement of Righteousness</span> scaling coefficient has been increased:\r\n                  (0.5 \u2192 0.728)\r\n               </p>\r\n\r\n               <p class="text-white w-75 pl-5 mb-3">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Retribution Aura</span> scaling coefficient has been added: (0.033)\r\n               </p>\r\n\r\n               <p class="text-white w-75 pl-5">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Holy Strike</span> cooldown increased from 8 seconds to 10 seconds.\r\n                  30.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-5">New Abilities</h3>\r\n\r\n               <h4 class="orange-text mb-3">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                  Crusader Strike\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  A strike that causes X damage and increases the holy damage taken by the target by up to Y per\r\n                  Crusader Strike. Can be applied up to 5 times. Lasts 30 seconds.\r\n               </p>\r\n\r\n               <ul>\r\n                  <li><span class="text-white">Rank 1:</span> 25 Mana, 12 Damage, 6 Bonus Holy damage per stack</li>\r\n                  <li><span class="text-white">Rank 2:</span> 40 Mana, 27 Damage, 10 Bonus Holy damage per stack</li>\r\n                  <li><span class="text-white">Rank 3:</span> 55 Mana, 46 Damage, 15 Bonus Holy damage per stack</li>\r\n                  <li><span class="text-white">Rank 4:</span> 70 Mana, 69 Damage, 22 Bonus Holy damage per stack</li>\r\n                  <li><span class="text-white">Rank 5:</span> 90 Mana, 103 Damage, 30 Bonus Holy damage per stack</li>\r\n               </ul>\r\n <p class="text-white mb-3">\r\nCrusader Strike is not able to proc seals or refresh judgments.\r\n     </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-5">Talent Changes</h3>\r\n\r\n               <h5 class="orange-text mb-5">Holy</h5>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Healing Light</span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 3, 3 Ranks</span>\r\n                  <Br>\r\n                  Increases the amount healed by your Holy Light, Flash of Light, and the effectiveness Holy Shock\r\n                  spells by 4/8/12%.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Holy Shock</span>\r\n                  <Br>\r\n                  <span class="text-gray">Rework (Values are for Rank 3)</span>\r\n               </p>\r\n\r\n               <div class="ml-1">\r\n                  <ul class="text-white ml-4">\r\n                     <li>Cooldown reduced from 30 seconds to 20 seconds.</li>\r\n                     <li>Mana cost increased from 325 to 485.</li>\r\n                     <li>Healing Increased from 365 to 628.</li>\r\n                     <li>Damage increased from 365 to 496.</li>\r\n                  </ul>\r\n               </div>\r\n\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Lasting Judgements</span>\r\n                  <Br>\r\n                  Removed\r\n               </p>\r\n\r\n               <h5 class="orange-text mt-5 mb-5">Protection</h5>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Redoubt</span>\r\n                  <Br>\r\n                  Now Redoubt has a 2/4/6/8/10% chance to activate off of any direct attack instead of being the victim\r\n                  of a critical strike.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Precision</span>\r\n                  <Br>\r\n                  Increases your chance to hit with melee weapons and spells by 1/2/3%.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Blessing of Kings</span>\r\n                  <Br>\r\n                  Talent has been moved from the Row 3] of the Protection talent tree to the Row 3 of the Retribution\r\n                  talent tree.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Shield Specialization</span>\r\n                  <Br>\r\n                  Increases the amount of damage absorbed by your shield by 10/20/30% and has a 33/66/100% chance to\r\n                  restore 2%\xA0mana when a block occurs. This effect cannot occur more than once every second.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Improved Concentration Aura</span>\r\n                  <Br>\r\n                  has been moved from the Row 4 of the Protection talent tree to the Row 5 of the Holy talent tree.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Improved Seal of Justice<sup class="orange-text">NEW</sup></span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 4, 3 Ranks </span>\r\n                  <Br>\r\n                  Increases the chance your Seal of Justice will stun the opponent by 22/33/67% and your Judgement of\r\n                  Justice has\xA0a\xA033/66/100% chance to taunt your target to attack you, but has no effect if the target is\r\n                  already attacking you.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Blessing of Sanctuary</span>\r\n                  <Br>\r\n                  Talent has been moved from Row 5 to Row 3 in the Protection tree.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Holy Shield</span>\r\n                  <Br>\r\n                  Talent has been moved from Row 7 to Row 5.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Ardent Defender<sup class="orange-text">NEW</sup></span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 7, 1 Rank </span>\r\n                  <Br>\r\n                  When you have less than 35% health, all damage taken is reduced by 25%.\r\n               </p>\r\n\r\n\r\n               <h5 class="orange-text mt-5 mb-5">Retribution</h5>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Seal of Command</span>\r\n                  <Br>\r\n                  Talent moved from Row 3 to Row 5.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Sanctity Aura</span>\r\n                  <Br>\r\n                  Talent has been moved from the Row 5 of the Retribution talent tree to the Row 3 of the Holy talent\r\n                  tree.\r\n               </p>\r\n\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Greater Blessing of Kings</span>\r\n                  <Br>\r\n                  Mana Cost has been adjusted: (150 Mana <span class="orange-text">\u2192</span> 15% Base Mana)\r\n               </p>\r\n\r\n\t\t<p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Improved Seal of the Crusader</span>\r\n                  <Br>\r\n                  has been renamed to Heart of the Crusader and now also increases the holy damage bonus of Crusader Strike.\r\n               </p>\r\n\r\n\t\t<p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">New Talent: Sanctified Command </span>\r\n                  <Br>\r\n                  Gives your Seal of Command a 45/90% chance to resist dispel effects and your Judgement of Command will restore mana equal to 10/20% of the base mana cost of the Seal of Command to you and nearby party members. Requires Seal of Command as a prerequisite talent.\r\n               </p>\r\n\r\n\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/classes/priest.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row p-5">\r\n\r\n            <div class="col-lg-6">\r\n\r\n               <h4 class="orange-text mb-0">Class Changes:</h4>\r\n               <h2 class="orange-text mb-2">Priest</h2>\r\n               <p class="mt-3 text-white">\r\n                  Shadow priests are notorious for being good, but also not. Their mana economy is horrendous and comes\r\n                  with several downsides other dps+caster hybrids don\u2019t have to work around. The challenge for Shadow is\r\n                  to boost its utility and mana economy without increasing their power, as their damage per second is\r\n                  actually very good already. </p>\r\n\r\n            </div>\r\n            <div class="col-lg-6 priest">\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n               <h3 class="orange-text mb-5">Changes to Baseline Spells</h3>\r\n\r\n               <p class="text-white w-75 pl-5 mb-3">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Holy Fire </span>\r\n                  initial damage component scaling has been adjusted: (0.75 <span class="orange-text">\u2192</span> 0.857)\r\n               </p>\r\n\r\n               <p class="text-white w-75 pl-5 mb-3">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Divine Spirit</span>\r\n                  is now baseline for all Priests starting at level 30.\r\n               </p>\r\n\r\n               <p class="text-white w-75 pl-5 mb-3">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Lightwell</span>\r\n                  has been made baseline and is available for all Priests starting at level 40.\r\n               </p>\r\n\r\n\t\t        <p class="text-white w-75 pl-5 mb-3">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Inner Fire </span>\r\n                  now also gives Attack Power like in the beta versions, and Improved Inner Fire also scales this value.\r\n\r\n               </p>\r\n\r\n\t\t\r\n\t\t        <p class="text-white w-75 pl-5 mb-3">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Fear Ward </span>\r\n                  is now a Discipline spell and can be cast in Shadowform.\r\n               </p>\r\n\r\n        <p class="text-white w-75 pl-5 mb-3">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Feedback </span>\r\n                  mana cost has been reduced.\r\n               </p>\r\n\r\n\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-5">New Abilities</h3>\r\n\r\n               <h4 class="orange-text mb-3">\r\n                  <!--img src="images/icons/priest/spell_shadow_shadowform.jpg" class="mr-2" style="border: 0.1px solid; border-color: #9E9783;"-->\r\n                  Improved Shadowform <sup class="orange-text">NEW</sup>\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  Reduces the Mana cost of your Shadow spells by 15% while in Shadowform <span class="text-gray">(Passive)</span>.\r\n               </p>\r\n\r\n\r\n               <h4 class="orange-text mb-3 mt-5">\r\n\r\n                  Pain Spike <sup class="orange-text">NEW</sup>\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  Learned at Level: <span class="text-gray mr-4">60</span> Cooldown: <span\r\n                    class="text-gray">15 Seconds</span>\r\n                  <Br>\r\n                  <Br>\r\n                  Causes 225 Shadow damage instantly, but the damage caused will begin healing itself over 5 seconds\r\n                  after landing.\r\n               </p>\r\n\r\n\r\n               <h4 class="orange-text mb-3 mt-5">\r\n\r\n                  Shadowmend <sup class="orange-text">NEW</sup>\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  Learned at Level: <span class="text-gray mr-4">60</span>\r\n                  Cooldown: <span class="text-gray mr-4">30 Seconds</span>\r\n                  Cost: <span class="text-gray mr-4">635 Mana</span>\r\n                  <Br>\r\n                  <Br>\r\n                 Heal the friendly target 518 to 615. This spell generates a reduced threat. Requires Shadowform.\r\n               </p>\r\n\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-5">Talent Changes</h3>\r\n\r\n               <h5 class="orange-text mb-5">Shadow</h5>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Improved Vampiric Touch</span>\r\n                  <Br>\r\n                  Talent has been renamed as Vampiric Embrace: Increases the percentage healed by.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Vampiric Embrace</span>\r\n                  <Br>\r\n                  Talent by an additional 5/10% and your Vampiric Embrace now causes all party members to also gain mana\r\n                  equal to 2/4% of any Shadow spell damage you deal.\r\n               </p>\r\n\r\n               <h5 class="orange-text mt-5 mb-5">Holy</h5>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Holy Nova</span>\r\n                  <Br>\r\n                  Talent damage component scaling has been adjusted: (0.107 <span class="orange-text">\u2192</span> 0.161)\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Holy Champion <sup class="orange-text">NEW</sup></span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 4, 2 Ranks </span>\r\n                  <Br>\r\n                  Allows you to choose another player as your holy champion, granting you several unique abilities:\r\n               </p>\r\n\r\n               <div class="p-5">\r\n\r\n                  <p class="text-white">\r\n                     <!--img src="images/proclaim.png" class="mr-3"-->\r\n                     <span class="orange-text mr-5">Proclaim Champion</span>\r\n\r\n                     Cost: <span class="text-gray mr-3">250 Mana</span>\r\n                     Cast: <span class="text-gray mr-3">10 Seconds</span>\r\n                     Cooldown: <span class="text-gray mr-3">2 Hour</span>\r\n\r\n                     <BR><BR>\r\n                     Proclaim the friendly target as your champion for 2 hrs. Increases armor by 230, all resistances by\r\n                     10 and allows the use of various Champion spells on that target.<Br><Br>\r\n                     <span class="text-gray">\r\n                        Note: Persists through death and continues its duration and cooldown countdowns while offline.<Br>\r\n                        Note: Armor buff does not stack with Scroll of Protection IV\r\n                     </span>\r\n                  </p>\r\n\r\n                  <img src="images/footerline.png" class="mt-3 mb-3 w-100">\r\n\r\n                  <p class="text-white mt-5">\r\n                     <!--img src="images/proclaim.png" class="mr-3"-->\r\n                     <span class="orange-text mr-5">Champion\u2019s Grace</span>\r\n\r\n                     Cost: <span class="text-gray mr-3">250 Mana</span>\r\n\r\n                     <BR><BR>\r\n                     Bestow the target Champion with grace, increasing all healing done by the priest by 10%. Lasts 2\r\n                     hrs.\r\n                  </p>\r\n\r\n                  <img src="images/footerline.png" class="mt-3 mb-3 w-100">\r\n\r\n                  <p class="text-white mt-5">\r\n                     <!--img src="images/proclaim.png" class="mr-3"-->\r\n                     <span class="orange-text mr-5">Champion\u2019s Bond</span>\r\n\r\n                     Cost: <span class="text-gray mr-3">250 Mana</span>\r\n\r\n                     <BR><BR>\r\n                     Creates a bond between priest and Champion. When the priest takes damage up to 20 will be taken by\r\n                     the Champion instead. Lasts 10 min.\r\n                  </p>\r\n\r\n                  <img src="images/footerline.png" class="mt-3 mb-3 w-100">\r\n\r\n                  <p class="text-white mt-5">\r\n                     <!--img src="images/proclaim.png" class="mr-3"-->\r\n                     <span class="orange-text mr-5">Empower Champion</span>\r\n\r\n                     Cost: <span class="text-gray mr-3">1100 Mana</span>\r\n                     Cast: <span class="text-gray mr-3">10 Seconds</span>\r\n                     Cooldown: <span class="text-gray mr-3">2 Hour</span>\r\n\r\n                     <BR><BR>\r\n                     Empower the target Champion, increasing all healing and spell damage done by up to 25 and attack\r\n                     power by 30. Lasts 2 hrs.<Br><Br>\r\n                     <span class="text-gray">\r\n                        Note: Does not stack effects with Greater Arcane Elixir or Juju Power/Elixir of Giants\r\n                     </span>\r\n                  </p>\r\n\r\n                  <img src="images/footerline.png" class="mt-3 mb-3 w-100">\r\n\r\n                  <p class="text-white mt-5">\r\n                     <!--img src="images/proclaim.png" class="mr-3"-->\r\n                     <span class="orange-text mr-5">Champion\'s Resolve</span>\r\n\r\n                     Cost: <span class="text-gray mr-3">250 Mana</span>\r\n                   \r\n                     Cooldown: <span class="text-gray mr-3">5 Minute</span>\r\n\r\n                     <BR><BR>\r\n                     Wards the champion against Fear. The next Fear effect used against the target will fail, using up the ward. Lasts 10 sec.\r\n                  </p>\r\n\r\n                  <img src="images/footerline.png" class="mt-3 mb-3 w-100">\r\n\r\n                  <p class="text-white mt-5">\r\n                     <!--img src="images/proclaim.png" class="mr-3"-->\r\n                     <span class="orange-text mr-5">Revive Champion</span>\r\n\r\n                     Cost: <span class="text-gray mr-3">81% Base Mana</span>\r\n                     Cast: <span class="text-gray mr-3">2 Seconds</span>\r\n\r\n                     <BR><BR>\r\n                     Return the priest\'s Champion to life with 2500 health and 2600 mana.<BR><BR>\r\n                     <span class="text-gray">Note: Cannot be cast in combat.</span>\r\n                  </p>\r\n\r\n               </div>\r\n\r\n               <h5 class="orange-text mb-5">Discipline</h5>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Reflective Shields <sup class="orange-text">NEW</sup></span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 5, 1 Rank</span>\r\n                  <Br>\r\n                  Causes 20% of the damage absorbed by your Power Word: Shield to reflect back at the attacker. This damage causes no threat.\r\n               </p>\r\n\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/classes/rogue.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row p-5">\r\n\r\n            <div class="col-lg-6">\r\n\r\n               <h4 class="orange-text mb-0">Class Changes:</h4>\r\n               <h2 class="orange-text mb-2">Rogue</h2>\r\n               <p class="mt-3 text-white">\r\n                  Not a lot to say for Rogues. If anything, Combat being the only viable talent spec in PvE all the way\r\n                  to late AQ40/Naxx is unfortunate. Debuff cap limits and some new abilities to add to their toolkit\r\n                  without majorly changing the way the class functions is something we believe Rogue players are looking\r\n                  for.</p>\r\n\r\n            </div>\r\n            <div class="col-lg-6 rogue">\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-5">New Abilities</h3>\r\n\r\n               <h4 class="orange-text mb-3 mt-5">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                  Flourish\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  Cost: <span class="text-gray mr-4">20 Energy</span>\r\n              \r\n                  <Br>\r\n                  <Br>\r\n                  Finishing move that increases your chance to parry by an additional 20%. Lasts longer per combo point:\r\n               </p>\r\n\r\n               <ul>\r\n                  <li><span class="text-white">1 Point:</span> 3 Seconds</li>\r\n                  <li><span class="text-white">2 Point:</span> 4 Seconds</li>\r\n                  <li><span class="text-white">3 Point:</span> 5 Seconds</li>\r\n                  <li><span class="text-white">4 Point:</span> 6 Seconds</li>\r\n                  <li><span class="text-white">5 Point:</span> 7 Seconds</li>\r\n               </ul>\r\n\r\n\r\n               <h4 class="orange-text mb-3 mt-5">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                  Deadly Throw\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  Cost: <span class="text-gray mr-4">30 Energy</span>\r\n                  Cooldown: <span class="text-gray mr-4">Equal to Ranged Weapon Speed</span>\r\n                  <Br>\r\n                  <Br>\r\n                  Finishing move causes thrown weapon damage plus additional damage per combo point::\r\n               </p>\r\n\r\n               <ul>\r\n                  <li><span class="text-white">1 Point:</span> 132 - 228 damage</li>\r\n                  <li><span class="text-white">2 Point:</span> 216 - 312 damage</li>\r\n                  <li><span class="text-white">3 Point:</span> 300 -396 damage</li>\r\n                  <li><span class="text-white">4 Point:</span> 384 - 480 damage</li>\r\n                  <li><span class="text-white">5 Point:</span> 468 - 564 damage</li>\r\n               </ul>\r\n\r\n     <h4 class="orange-text mb-3 mt-5">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                  Agitating Poison\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                \r\n              \r\n                  <Br>\r\n                  <Br>\r\n                 Coats a weapon with poison that lasts for 30 minutes. Each strike has a 20% chance of poisoning the enemy which instantly inflicts 67 to 85 Nature damage, and causes additional threat. 115 charges.\r\n               </p>\r\n\r\n\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-5">Talent Changes</h3>\r\n\r\n               <h5 class="orange-text mb-5">Combat</h5>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Close Quarters Combat</span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 4, 5 Ranks </span>\r\n                  <Br>\r\n                  <span class="orange-text">Dagger Specialization</span> <span class="text-gray">(Row 4)</span> and <span class="orange-text">Fist Weapon Specialization</span>\r\n                  <span class="text-gray">(Row 5)</span> have been combined\r\n                  into\xA0Close\xA0Quarters\xA0Combat: Increases your chance to get a critical strike with Daggers and\xA0Fist\r\n                  Weapons by 1/2/3/4/5%.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Throwing Weapon Specialization</span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 5, 2 Ranks </span>\r\n                  <Br>\r\n                  Increases the range of your throwing weapons by 3/6 yards.\r\n               </p>\r\n\r\n \t\t <h5 class="orange-text mb-5">Subtlety</h5>\r\n\t\r\n\t\t       <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Improved Sap</span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 4</span>\r\n                  <Br>\r\n                 Gives you a 50/100% chance to return to stealth mode after using your Sap ability.\r\n               </p>\r\n\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/classes/shaman.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row p-5">\r\n\r\n            <div class="col-lg-6">\r\n\r\n               <h4 class="orange-text mb-0">Class Changes:</h4>\r\n               <h2 class="orange-text mb-2">Shaman</h2>\r\n               <p class="mt-3 text-white">\r\n                  Elemental and Enhancement both have struggles in PvE that can be addressed somewhat easily.\r\n                  Restoration is pretty solid in vanilla, but its talent tree leaves a lot to be desired \u2014 something to\r\n                  keep in mind for the future.\r\n               </p>\r\n\r\n            </div>\r\n            <div class="col-lg-6 shaman">\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n               <h3 class="orange-text mb-5">Changes to Baseline Spells</h3>\r\n\r\n               <p class="text-white w-75 pl-5 mb-3">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Stormstrike</span>\r\n                  has 2 ranks now. <Br>\r\n                  New Rank 2 learnable at level 60.<Br>\r\n                  Cooldown is 12 seconds as opposed to the 20 seconds of Rank 1.<Br>\r\n                  Costs 12% of your base Mana as opposed\r\n                  to 21% of your base Mana with Rank 1.\r\n\r\n               </p>\r\n\r\n        \r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-5">New Shaman Racial Spells</h3>\r\n\r\n               <h4 class="orange-text mb-3">\r\n                  <img src="images/icon_orc.png" class="mr-2"-->\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                  Feral Spirit\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  Cost: <span class="text-gray mr-3">21% Base Mana</span>\r\n                  Cooldown: <span class="text-gray mr-3">5 Minutes</span>\r\n                  <BR><BR>\r\n                  Summons two Spirit Wolves under the command of the Shaman for 20 seconds.\r\n               </p>\r\n\r\n\r\n               <h4 class="orange-text mb-3 mt-5">\r\n                  <img src="images/icon_tauren.png" class="mr-2"-->\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                  Spirit Link\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  Cost: <span class="text-gray mr-3">21% Base Mana</span>\r\n                  Cooldown: <span class="text-gray mr-3">10 Minutes</span>\r\n                  <BR><BR>\r\n                  Link the spirits of an ally and their 3 closest allies within 15 yards together. When linked targets\r\n                  take\xA0damage, 15% is distributed among the other linked allies. Lasts 20 seconds.\r\n               </p>\r\n\r\n\r\n               <h4 class="orange-text mb-3 mt-5">\r\n                  <img src="images/icon_troll.png" class="mr-2"-->\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                  Hex\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  Cost: <span class="text-gray mr-3">21% Base Mana</span>\r\n                  Cooldown: <span class="text-gray mr-3">5 Minutes</span>\r\n                  <BR><BR>\r\n                  Transforms the enemy into a frog that cannot cast, and does 60% less damage for up to 5 seconds. Only\r\n                  works on Beasts, Humanoids and Critters.\r\n               </p>\r\n\r\n\r\n            </div>\r\n         </div>\r\n\r\n  <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-5">New Abilities</h3>\r\n\r\n               <h4 class="orange-text mb-3">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                  Calm Elements\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                 \r\n             Calms the target, reducing the range at which it will attack you by 10 yards. Only affects Elemental targets level 70 or lower. Lasts 15 sec.\r\n               </p>\r\n\r\n\r\n               <h4 class="orange-text mb-3">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                 Water Shield\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                 \r\n             The caster is surrounded by 3 globes of water. When a spell, melee or ranged attack hits the caster, 83 mana is restored to the caster. This expends one water globe. Only one globe will activate every few seconds. Lasts 10 min. Only one elemental shield can be active on the Shaman at any one time.\r\n               </p>\r\n\r\n\t\t    <h4 class="orange-text mb-3">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                Earth Shield\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                 \r\n             The caster is surrounded by an earthen shield, giving a 30% chance of ignoring spell interruption when damaged and causing attacks to heal the shielded target by 150. This effect can only occur once every few seconds. 3 charges. Lasts 10 min. Only one elemental shield can be active on the Shaman at any one time.\r\n               </p>\r\n\r\n\t\t         <h4 class="orange-text mb-3">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                  Totemic Recall\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                 \r\n             Returns your totems to the earth, giving you 25% of the mana required to cast each totem destroyed by Totemic Call.\r\n               </p>\r\n\r\n            </div>\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-5">Talent Changes</h3>\r\n\r\n               <h5 class="orange-text mb-5">Enhancement</h5>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Two-Handed Weapons</span> \r\n                  <Br>\r\n                  will be learned on character creation instead of being acquired from Row 3 of Enchancement. Existing characters will already have this skill trained.\r\n               </p>\r\n\r\n   <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Parry</span> \r\n                  <Br>\r\n                 will now be learnable at Level 6 from your class trainer instead of being acquired from Row 5 of Enchancement.\r\n               </p>\r\n\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Thunderhead <sup class="orange-text">NEW</sup></span>\r\n                  <br>\r\n                  <span class="text-gray">Row 3, 1 Rank</span>\r\n                  <Br>\r\n                  Allows your Lightning Shield to be cast on allies and reduces its mana cost by 20%.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Stormstrike</span>\r\n                  <Br>\r\n                  Talent has been moved from Row 7 to Row 5.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Bloodlust <sup class="orange-text">NEW</sup></span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 7, 1 Rank </span>\r\n                  <Br>\r\n                  Increases melee, ranged, and spell casting speed by 20% for a party member within 30 yards. Lasts 15\r\n                  sec.\r\n               </p>\r\n\t\t            <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Spirit Armor <sup class="orange-text">NEW</sup></span>\r\n                  <br>\r\n                  <span class="text-gray">Row 4</span>\r\n                  <Br>\r\n                 Increases the armor gained from Shields by 10/20/30%.\r\n               </p>\r\n\r\n <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Toughness and Anticipation </span>\r\n               have been combined into one talent: Ancestral Guidance (Row 3)\r\n\t\tIncreases your armor value from items by 2/4/6/8/10% and chance to dodge by an additional 1/2/3/4/5%.\r\n               </p>\r\n\r\n     \r\n               <h5 class="orange-text mt-5 mb-5">Elemental</h5>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Elemental Focus</span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 3, 1 Rank </span>\r\n                  <Br>\r\n                  After landing a critical strike with a Fire, Frost, or Nature damage spell, you enter a Clearcasting\r\n                  state. The Clearcasting state reduces the mana cost of your next 2 damage spells by 40%.\r\n               </p>\r\n\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/classes/warlock.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row p-5">\r\n\r\n            <div class="col-lg-6">\r\n\r\n               <h4 class="orange-text mb-0">Class Changes:</h4>\r\n               <h2 class="orange-text mb-2">Warlock</h2>\r\n               <p class="mt-3 text-white">\r\n                  PvE is the only area where Warlock has an issue \u2014 they\u2019re boring! A class with as much cool stuff in\r\n                  its toolkit should not have to be limited to just spamming Shadowbolt exclusively. Debuff cap\r\n                  discussion aside, there are definitely ways to\xA0expand on the class fantasy of the Warlock in addition\r\n                  to addressing it\u2019s singular issue. Something to also take into consideration for the future is that\r\n                  the Warlock talent trees went virtually untouched through the course of development through Burning\r\n                  Crusade. Also, similar to the Hunter, the Warlock\u2019s demons are\xA0too vulnerable in raid settings with\r\n                  large amounts of AoE damage.\r\n               </p>\r\n\r\n            </div>\r\n            <div class="col-lg-6 warlock">\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n               <h3 class="orange-text mb-5">Changes to Baseline Spells</h3>\r\n\r\n               <p class="text-white w-75 pl-5 mb-3">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Torment</span> of Voidwalker now deals a very small amount of Shadow damage.<br>\r\n                  <span class="text-gray">\r\n                     Rank 1: 7 to 6\r\n\t\tRank 2: 13 to 15\r\n\t\tRank 3: 18 to 21\r\n\t\tRank 4: 26 to 30\r\n\t\tRank 5: 36 to 40\r\n\t\tRank 6: 43 to 48\r\n                  </span>\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-5">New Abilities</h3>\r\n\r\n               <h4 class="orange-text mb-3">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                  Mana Funnel\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  Transfers mana from the caster to their pet every second.\r\n               </p>\r\n\r\n               <ul class="mb-5">\r\n                  <li><span class="text-white">Rank 1:</span> transfers 18 mana every second (lvl 40)</li>\r\n                  <li><span class="text-white">Rank 2:</span> transfers 36 mana every second (lvl 50)</li>\r\n               </ul>\r\n\r\n\r\n               <h4 class="orange-text mb-3">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                 Demon Portal\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  Opens a portal into the Twisting Nether that summons a Felguard under the command of the caster for 5 min. Once control is lost, the Felguard must be Enslaved to maintain control. Requires the caster and 2 additional party members to complete the ritual. In order to participate, all players must right-click the portal and not move until the ritual is complete.\r\n\r\n               </p>\r\n\r\n      <h4 class="orange-text mb-3">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                 Avoidance \r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  Passive: Reduces the damage your pet takes from the area of effect attacks by an additional 50%.\r\n\r\n               </p>\r\n\r\n      <h4 class="orange-text mb-3">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                 Soulwell Ritual\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  Begins a ritual that summons a Soulwell. Requires 3 players to right-click the portal and not move until the ritual is complete. Once complete players can use the Soulwell to acquire a Healthstone. Requires 5x Soulshard.\r\n\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-5">Talent Changes</h3>\r\n\r\n               <h5 class="orange-text mb-5">Affliction</h5>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Soul Siphon</span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 2, 2 Ranks</span>\r\n                  <Br>\r\n                  Talent has been combined from Improved Drain Life and Improved Drain Mana talents. Increases the\r\n                  Health drained by your Drain Life spell by 5/10% and causes 15/30% of the Mana drained by your Drain\r\n                  Mana spell to damage the opponent.\r\n\r\n               </p>\r\n\r\n               <h5 class="orange-text mt-5 mb-5">Demonology</h5>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Improved Enslave Demon</span>\r\n                  <Br>\r\n                  Reduced to 2 ranks <span class="text-gray">(down from 5)</span>. Reduces the Attack Speed and Casting\r\n                  Speed penalty of your Enslave\r\n                  Demon spell by 10/20%, reduces the resist chance by 10/20%, and the casting time by 5/1 second.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Soul Link</span> & <span class="orange-text">Health Funnel</span>\r\n                  <Br>\r\n                 will now work with enslaved demons.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Master Conjurer</span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 1, 2 Ranks</span>\r\n                  <Br>\r\n                  <span class="orange-text">Improved Healthstone</span>, <span\r\n                    class="orange-text">Improved Firestone</span>, and <span\r\n                    class="orange-text">Improved Spellstone</span> have all been combined into\r\n                  one\r\n                  talent: Master Conjurer. Increases the amount of Health restored by your Healthstone by 10/20% and\r\n                  increases the bonuses and effects of your Firestones and Spellstones by 15/30%.\r\n               </p>\r\n\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Inferno</span>\r\n                  <Br>\r\n                  Ability cooldown reduced from 1 hour to 20 minutes and can now be cast indoors.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Fel Intellect</span>\r\n                  <Br>\r\n                  Talent has been reduced from 5 ranks down to 3 ranks. Increases the maximum Mana of your Imp,\r\n                  Voidwalker, Succubus and Felhound by 5/10/15%.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Fel Stamina</span>\r\n                  <Br>\r\n                  Talent has been reduced from 5 ranks down to 3 ranks. Increases the maximum Health of your Imp,\r\n                  Voidwalker, Succubus and Felhound by 5/10/15%.\r\n               </p>\r\n\r\n\r\n               <h5 class="orange-text mt-5 mb-5">Destruction</h5>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Intensity</span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 4, 2 Ranks</span>\r\n                  <Br>\r\n                  Gives you a 70% chance to resist interruption caused by damage while casting or channeling any\r\n                  Destruction fire spell.\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Pyroclasm</span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 5, 2 Ranks</span>\r\n                  <Br>\r\n                  Gives your Rain of Fire, Hellfire, Conflagrate, and Soul Fire spells a 25% chance to stun the target for 3 sec.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/classes/warrior.html','<div class="section mb-5" id="pages">\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row p-5">\r\n\r\n            <div class="col-lg-6">\r\n\r\n               <h4 class="orange-text mb-0">Class Changes:</h4>\r\n               <h2 class="orange-text mb-2">Warrior</h2>\r\n               <p class="mt-3 text-white">\r\n                  Warrior in Vanilla is overpowered. Just straight up too powerful for\xA0the\xA0game. That being said, this\r\n                  just means that any change made to\xA0the class must down one of two things only: either optimize what\r\n                  doesn\u2019t work but should for the class, or improve on suboptimal playstyles to allow for more options\r\n                  for the player. The changes proposed for the coming patch attempt to stick within those guidelines.\r\n               </p>\r\n\r\n            </div>\r\n            <div class="col-lg-6 warrior">\r\n            </div>\r\n\r\n         </div>\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n               <h3 class="orange-text mb-5">Changes to Baseline Spells</h3>\r\n\r\n               <p class="text-white w-75 pl-5 mb-3">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Thunderclap</span> can now be used in Defensive Stance.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-5">New Abilities</h3>\r\n\r\n               <h4 class="orange-text mb-3">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                  Intervene\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  Requires: <span class="text-gray mr-3">Requires Defensive Stance</span>\r\n                  Cost: <span class="text-gray mr-3">10 Rage</span>\r\n                  Cooldown: <span class="text-gray mr-3">30 Seconds</span>\r\n\r\n                  <BR><BR>\r\n                  Run at high speed towards a party member, intercepting the next melee or ranged attack made against\r\n                  them.\r\n                  <Br>\r\n                  <span class="text-gray">\r\n                     Note: Shares a cooldown with Intercept.\r\n                  </span>\r\n               </p>\r\n\r\n\r\n               <h4 class="orange-text mb-3 mt-5">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                  Decisive Strike\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  Cost: <span class="text-gray mr-3">15 Rage</span>\r\n                  Cast: <span class="text-gray mr-3">2 Seconds</span>\r\n\r\n                  <BR><BR>\r\n                  Focus an attack equal to Slam <span class="text-gray">(Rank 4)</span> on an opponent. Can be cast\r\n                  while moving and will not suffer\r\n                  cast time pushback when taking damage.\r\n                  <Br>\r\n                  <span class="text-gray">\r\n                     Note: Credit to Wall (<span class="orange-text">Video</span>) of <span class="orange-text">Wallcraft</span> for his brilliant rework of Slam.<br>\r\n                     Note: The cast time of Decisive Strike is reduced by Improved Slam.\r\n                  </span>\r\n               </p>\r\n\r\n               <h4 class="orange-text mb-3 mt-5">\r\n                  <!--img src="images/owlkin_frenzy.png" class="mr-2"-->\r\n                  Die by the Sword\r\n               </h4>\r\n\r\n               <p class="text-white mb-3">\r\n                  <span class="text-gray mr-3">Passive</span>\r\n\r\n                  <BR><BR>\r\n                  Increases your chance to parry attacks by 20% while under the effect of Retaliation.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n\r\n         <div class="row p-5 mt-5">\r\n\r\n            <div class="col-lg-12">\r\n\r\n               <h3 class="orange-text mb-5">Talent Changes</h3>\r\n\r\n               <h5 class="orange-text mb-5">Arms</h5>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Improved Thunder Clap</span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 2, 3 Ranks</span>\r\n                  <Br>\r\n                  Reduces the cost of your Thunder Clap ability by 1/2/4 rage points and increases the damage by\r\n                  20/40/60%.\r\n\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-4" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Poleaxe Specialization</span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 5, 5 Ranks</span>\r\n                  <Br>\r\n                  Talent has been combined from <span class="orange-text">Polearm Specialization</span> and <span\r\n                    class="orange-text">Axe\r\n                  Specialization</span>.\r\n\r\n               </p>\r\n\r\n               <p class="text-white w-75 mb-5" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Improved Disciplines <sup class="orange-text">NEW</sup></span>\r\n                  <Br>\r\n                  <span class="text-gray">Row 6, 3 Ranks</span>\r\n                  <Br>\r\n                  Reduces the cooldown of your Retaliation, Recklessness and Shield Wall abilities by 2/4/6 min.\r\n               </p>\r\n\r\n               <h5 class="orange-text mt-5 mb-5">Protection</h5>\r\n\r\n               <p class="text-white w-75 mb-3" style="padding-left: 32px;">\r\n                  <span class="star" style="margin-left: -32px; margin-right: 15px;">&starf;</span>\r\n                  <span class="orange-text">Improved Shield Block</span>\r\n                  <Br>\r\n                  Talent has been reduced from 3 ranks down to 1 rank. Allows your Shield Block ability to block an\r\n                  additional attack and increases the duration by 1 second.\r\n               </p>\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n');
$templateCache.put('/home/home.html','<div class="section" id="home1" style="background-image: url(images/bg1.png)">\r\n    <div class="container-fluid pt-5">\r\n        <div class="container pt-5">\r\n            <div class="alert alert-warning mtn w-75 d-none">Maintainance<img src="images/exclamation.png"\r\n                                                                              class="pull-right"></div>\r\n            <a href="https://www.youtube.com/@turtlewow" target="_blank" class="icons"><img\r\n                    src="images/icon youtube.png"></a><a href="https://discord.com/invite/mBGxmHy" target="_blank"\r\n                                                         class="icons"><img src="images/icon discord.png"></a><a\r\n                href="https://www.instagram.com/turtlewowteam/" target="_blank" class="icons"><img\r\n                src="images/icon instagram.png"></a><a href="https://twitter.com/turtlewowteam" target="_blank"\r\n                                                       class="icons"><img src="images/icon twitter.png"></a><a\r\n                href="https://github.com/slowtorta/turtlewow-bug-tracker/issues" target="_blank" class="icons"><img\r\n                src="images/icon GitHub.png"></a><a href="https://soundcloud.com/turtlewow" target="_blank"\r\n                                                    class="icons soundcloud"><img\r\n                src="images/icon soundcloud.png"></a><a ng-href="#/watch" target="_blank" class="icons"><img\r\n                src="images/icon turtletv.png" style="width: 30px; margin-left: 3px;"></a></a><a\r\n                href="https://open.spotify.com/artist/3QLoyBdT2ZlirCtRPhdOcp" target="_blank" class="icons"><img\r\n                src="images/icon spotify.png" style="width: 30px; margin-left: 3px;"></a></a><a\r\n                href="https://music.apple.com/us/artist/turtle-wow/1649088037" target="_blank" class="icons apple"><img\r\n                src="images/icon apple.png" style="width: 32px; margin-left: 3px;"></a></a><h2 class="mt-4">MYSTERIES OF\r\n            AZEROTH</h2>\r\n            <div class="row">\r\n                <div class="col-lg-8"><p class="pt-3">A story expansion inspired by the Warcraft universe of Blizzard\r\n                    Entertainment and developed by the Turtle WoW Team. This expansion aims to take a different path\r\n                    from the Burning Crusade, emphasizing the\xA0familiar Azeroth of Vanilla WoW over the cosmic battle\r\n                    with the Burning Legion. While being heavily based on the lore from Warcraft 3 and Vanilla WoW,\r\n                    Mysteries of Azeroth seeks to enhance the game by\xA0adding content that matches the already\r\n                    well-established lore of Warcraft Universe.<BR><BR>Get ready for a brand-new adventure that will\r\n                    take you on a journey around Azeroth in a new story tailored to provide never-before-experienced\r\n                    adventures.</p>\r\n                    <div class="row"><a id="button-sign-up" class="col" ng-click="openRegisterModal()"\r\n                                        ng-if="!isLoggedIn()"><h4>SIGN UP</h4></a><a id="button-am" class="col"\r\n                                                                                     ng-href="#/ucp/overview"\r\n                                                                                     ng-if="isLoggedIn()"><h4>Account\r\n                        Management</h4></a><a id="button-download-client" class="col"\r\n                                              href="https://forum.turtle-wow.org/viewtopic.php?t=7709"><h4>DOWNLOAD\r\n                        CLIENT</h4></a></div>\r\n                </div>\r\n                <div class="col-lg-4"></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="section" id="home2" style="background-image: url(images/bg2.png)">\r\n    <div class="container-fluid">\r\n        <div class="container pt-5">\r\n            <div class="row" id="box1">\r\n                <div class="col-lg-12 twbox hand" ng-click="goToPage(\'new-races\')">\r\n                    <div class="graphic"></div>\r\n                    <div class="row">\r\n                        <div class="col-lg-6"></div>\r\n                        <div class="col-lg-6 pt-5 pb-5 pr-5"><h3>NEW PLAYABLE RACES</h3>\r\n                            <h2 class="orange-text">GOBLINS & HIGH ELVES</h2><img src="images/footerline.png"\r\n                                                                                  class="mt-3 mb-4 w-100">\r\n                            <p style="width: 80%;">In addition to new dungeons, raids, and zones, the expansion also\r\n                                features two new races. A group of greedy Goblins splits off from the Venture Company to\r\n                                join their fellow outcasts in the Horde, and High Elf refugees from the fall of\r\n                                Quel\'Thalas lend their magical talents to the Alliance.</p></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class="row mt-5" id="box2">\r\n                <div class="col-lg-5 mt-0 pt-5 pb-0"><h3 class="orange-text mt-5">Existing content</h3>\r\n                    <h1 class="orange-text font-weight-bold">stays relevant!</h1>We don\'t want to devalue the existing\r\n                    content of Vanilla WoW. Instead, new content from this expansion will run in parallel to\xA0existing\r\n                    vanilla wow content, starting at level 10 and running up\xA0to\xA0level 60 (which remains the max level)\r\n                </div>\r\n                <div class="col-lg-12"></div>\r\n                <div class="col-lg-6 smallBox" id="sb1">\r\n                    <div class="inner p-5 hand" ng-click="goToPage(\'new-races\')">\r\n                        <div class="image"></div>\r\n                        <h4>High Elves<br>of the Alliance</h4><h4 class="orange-text font-weight-bold"> Silvermoon\r\n                        Remnants </h4>\r\n                        <p class="mt-5">Long ago, the exiled high elves founded the magical kingdom of Quel\'Thalas. Here\r\n                            they created a\xA0mystical fount called the Sunwell. For generations, the elves cultivated a\r\n                            prosperous and powerful country until the shadow of death fell upon them. Scourge attacked\r\n                            Quel\'Thalas and destroyed the Sunwell, at the same time reducing the population of the High\r\n                            Elves to an all-time low. Scattered and regretful, the refugees of this once proud race now\r\n                            seek a new place to call home and a way to fill the void inside them, left by the\r\n                            destruction of the Sunwell.</p></div>\r\n                </div>\r\n                <div class="col-lg-6 smallBox" id="sb2">\r\n                    <div class="inner p-5 hand" ng-click="goToPage(\'new-races\')">\r\n                        <div class="image"></div>\r\n                        <h4>Goblins<Br>of the Horde</h4><h4 class="orange-text font-weight-bold"> Durotar Labor\r\n                        Union </h4>\r\n                        <p class="mt-5">Shrewd, greedy, and ruthless, goblins have a long-standing reputation for being\r\n                            neutral in the rest of the world, despite the Steamwheedle Cartel allying with the Old Horde\r\n                            during the Second War. Heroes of goblin society are not bastions of honor or\xA0integrity.\r\n                            Instead, goblins tend to admire the ruthless acquisition of profit, by\xA0any\xA0means necessary.\r\n                            Goblins are gifted engineers and accomplished seafarers but are best known for their\r\n                            unabashed avarice.<br><br></p></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="section d-none" id="changelog_home" style="background-image: url(images/changelogglow.png)">\r\n    <div class="container-fluid">\r\n        <div class="container">\r\n            <div class="row">\r\n                <div class="col-lg-4"><img src="images/cog.png">\r\n                    <p class="cDate">December 12 | 2021</p>\r\n                    <p class="cDescription">Name of change and some other description. Name of change and some7other\r\n                        description</p></div>\r\n                <div class="col-lg-4"><img src="images/cog.png">\r\n                    <p class="cDate">December 12 | 2021</p>\r\n                    <p class="cDescription">Name of change and some other description. Name of change and some7other\r\n                        description</p></div>\r\n                <div class="col-lg-4"><img src="images/cog.png">\r\n                    <p class="cDate">December 12 | 2021</p>\r\n                    <p class="cDescription">Name of change and some other description. Name of change and some7other\r\n                        description</p></div>\r\n            </div>\r\n            <a href="#"><img src="images/changelog.png" style="margin-bottom: -50px;"></a></div>\r\n    </div>\r\n</div>\r\n<div class="section mt-5" id="home4">\r\n    <div class="container-fluid">\r\n        <div class="container">\r\n            <div class="row">\r\n                <div class="col-lg-4 hand" ng-click="goToPage(\'sound-design\')">\r\n                    <div class="lore4 p-3" style="background-image: url(images/home41.png)"><h2\r\n                            class="orange-text mt-5 pt-3  font-weight-bold">music</h2><h4\r\n                            class="orange-text middle  font-weight-bold">and</h4>\r\n                        <h3 class="orange-text  font-weight-bold">sounds</h3>\r\n                        <p>Sound design has always been a big part of Warcraft Universe. It helped bring players closer\r\n                            to the stories this world had to offer and enhanced the experience its players had. For that\r\n                            reason, we aim to keep up with this tradition and provide our players with excellent sound\r\n                            design to match the new content we provide.</p></div>\r\n                </div>\r\n                <div class="col-lg-4 hand" ng-click="goToPage(\'new-factions-and-quests\')">\r\n                    <div class="lore4 p-3" style="background-image: url(images/home42.png)"><h2\r\n                            class="orange-text mt-5 pt-3  font-weight-bold">lore</h2><h4\r\n                            class="orange-text middle font-weight-bold">and</h4>\r\n                        <h3 class="orange-text font-weight-bold">factions</h3>\r\n                        <p>Whether you are a seasoned adventurer or a new one, Mysteries of Azeroth brings with it a ton\r\n                            of new content for everyone to enjoy. Journey across Azeroth and encounter numerous new\r\n                            factions, locations and characters.</p></div>\r\n                </div>\r\n                <div class="col-lg-4 hand" ng-click="goToPage(\'new-locations-and-maps\')">\r\n                    <div class="lore4 p-3" style="background-image: url(images/home43.png)"><h2\r\n                            class="orange-text mt-5 pt-3 font-weight-bold">zones</h2><h4\r\n                            class="orange-text middle font-weight-bold">and</h4>\r\n                        <h3 class="orange-text font-weight-bold">maps</h3>\r\n                        <p>Azeroth is a mysterious, beautiful, and dangerous place. While some of its inhabitants prefer\r\n                            to stay in the warmth and safety of their cities, others seek glory, knowledge, and riches\r\n                            still hidden around the world. The new expansion Mysteries of Azeroth brings a ton of new\r\n                            areas and locations to explore for the eager adventurers.</p></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="section mt-5" id="home5">\r\n    <div class="container-fluid">\r\n        <div class="container">\r\n            <div class="row ml-0 mr-0">\r\n                <div class="col-lg-6 p-5 hand" ng-click="goToPage(\'class-race-combinations\')"><h2 style="color: white;">\r\n                    new class & race</h2>\r\n                    <h2 class="orange-text font-weight-bold">combinations</h2><img src="images/footerline.png"\r\n                                                                                   class="mt-3 mb-4 w-100" id="home-footerline">\r\n                    <p>While beautiful, no one can deny that Azeroth is a dangerous place. To rise above the challenges\r\n                        they face, the heroes of Azeroth found new ways to succeed.</p>\r\n                    <ul>\r\n                        <li>Trained by their other kin the Orcs learned how to wield the arts of the arcane.</li>\r\n                        <li>Uncovering the lost texts the Dwarvish mages reconnected with their titanic roots.</li>\r\n                        <li>Armed with the experiences from their past lives, the Forsaken once again seek to\xA0improve\r\n                            their hunting and survival skills.\r\n                        </li>\r\n                        <li>By using their ingenuity, the Gnomes found new ways to surpass other races. With their new\r\n                            devices, the Gnomish hunters managed to bend even the mightiest of beasts to their will.\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n                <div class="col-lg-6">\r\n                    <div class="image"></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="section mt-5" id="home6" style="background-image:url(images/boat.png)">\r\n    <div class="container">\r\n        <div class="row"><div class="col-lg-6"></div><div class="col-lg-6" id="new-transport"><h1 class="orange-text">New</h1>\r\n                <h1 class="orange-text">Transport</h1>\r\n                <p class="mt-3 w-75">By creating new transport routes and flight paths, the Horde and Alliance can now\r\n                    access even the farthest corners of the world. Including those undeservedly forgotten.</p><BR><BR><a\r\n                        ng-click="goToPage(\'additional-transport-routes\')"><img src="images/transportsbutton.png"> </a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="section" id="home7" style="margin-top: -100px;">\r\n    <div class="container-fluid">\r\n        <div class="container">\r\n            <div class="row" id="box3">\r\n                <div class="col-lg-6 smallBox hand" id="sb3" ng-click="goToPage(\'survival-and-gardening\')">\r\n                    <div class="inner p-5">\r\n                        <div class="image"></div>\r\n                        <h4>new profession</h4><h4 class="orange-text">survival</h4>\r\n                        <p class="mt-5"><BR>Ah, the great outdoors! Make yourself at home with a camping tent, warm up\r\n                            with a cozy campfire and enjoy fishing on a sturdy fishing boat, with bonuses on top.\r\n                            Collect new seeds from around the world and tend to your own crops and reap the rewards.</p>\r\n                    </div>\r\n                </div>\r\n                <div class="col-lg-6 smallBox hand" id="sb4" ng-click="goToPage(\'seasonal-events\')">\r\n                    <div class="inner p-5">\r\n                        <div class="image"></div>\r\n                        <h4>Exciting seasonal</h4><h4 class="orange-text">events</h4>\r\n                        <p class="mt-5"><BR>Whether you like spending summer days on the beach parties in Tanaris or\r\n                            enjoying cold yet cozy holidays in Winter Veil Vale, there is always something to do for\r\n                            everyone!</p></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="section mt-5" id="home8">\r\n    <div class="container-fluid">\r\n        <div class="container">\r\n            <div class="row">\r\n                <div class="col-lg-4 hand" ng-click="goToPage(\'items-and-recipes\')">\r\n                    <div class="lore4 p-3 pt-5" style="background-image: url(images/items.png)"><h2\r\n                            class="orange-text mt-5 font-weight-bold">items</h2><h4\r\n                            class="orange-text middle font-weight-bold">and</h4>\r\n                        <h3 class="orange-text font-weight-bold">recipes</h3>\r\n                        <p>Uncover new treasures and lost recipes scattered around\xA0the world, defeat powerful foes or\r\n                            earn the favor of\xA0different quartermasters to earn their boons.</p></div>\r\n                </div>\r\n                <div class="col-lg-4 hand" ng-click="goToPage(\'raids-and-dungeons\')">\r\n                    <div class="lore4 p-3 pt-5" style="background-image: url(images/raids.png)"><h2\r\n                            class="orange-text mt-5 font-weight-bold">raids</h2><h4\r\n                            class="orange-text middle font-weight-bold">and</h4>\r\n                        <h3 class="orange-text font-weight-bold">dungeons</h3>\r\n                        <p>From the depths of Karazhan Crypt to the corrupted wilds\xA0of Crescent Grove, new foes arise to\r\n                            threaten the world. Only by the combined might of the brave adventures do\xA0residents of\r\n                            Azeroth stand a chance.</p></div>\r\n                </div>\r\n                <div class="col-lg-4 hand" ng-click="goToPage(\'player-versus-player-content\')">\r\n                    <div class="lore4 p-3 pt-5" style="background-image: url(images/arena.png)"><h2\r\n                            class="orange-text mt-5 font-weight-bold">arena</h2><h4\r\n                            class="orange-text middle font-weight-bold">and</h4>\r\n                        <h3 class="orange-text font-weight-bold">battlegrounds</h3>\r\n                        <p>From the sands of the Blood Ring to the timeless conflicts\xA0of Sunnyglade Valley, there are\r\n                            many opportunities to earn fame and glory for your faction.</p></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="section mt-3 mb-5" id="home9">\r\n    <div class="container-fluid">\r\n        <div class="container">\r\n            <div class="row">\r\n                <div class="col-lg-10" id="main-video">\r\n\r\n                        <turtle-video-embed id="\'62844b89\'"></turtle-video-embed>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="section" id="home10" style="margin-top: 0">\r\n    <div class="container-fluid">\r\n        <div class="container">\r\n            <div class="row ml-0 mr-0">\r\n                <div class="col-lg-6"></div>\r\n                <div class="col-lg-6 p-5 hand" ng-click="goToPage(\'guild-banks\')"><h2 class="orange-text">Guild\r\n                    Vaults</h2><img src="images/footerline.png" class="mt-4 mb-4 w-100">\r\n                    <p class="w-75">Are you tired of stashing away your guild\'s goodies on your alts? By paying a hefty\r\n                        sum of gold, you can unlock the Guild Vault to store all your valuables. And if that is not\r\n                        enough, you can always pay extra gold from either the guild vault or your own pockets for\r\n                        additional tabs. Personalize your vault by adding icons to the tabs, limiting the number of\r\n                        items you take daily and which guilds ranks can access them.</p></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="section mt-5 mb-5" id="home11">\r\n    <div class="container-fluid">\r\n        <div class="container">\r\n            <div class="row">\r\n                <div class="col-lg-1"></div>\r\n                <div class="col-lg-5 hand" ng-click="goToPage(\'character-customizations\')"><h2 class="orange-text">New\r\n                    CHARACTER</h2>\r\n                    <h2 class="orange-text">CUSTOMIZATIONS</h2>\r\n                    <p class="mt-4 w-75">With new hair colors, skin paints and colors its never been easier to make your\r\n                        character truly yours.</p></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="section mt-5 mb-5" id="home12">\r\n    <div class="container-fluid">\r\n        <div class="container">\r\n            <div class="row">\r\n                <div class="col-lg-6">\r\n                    <div class="cow"></div>\r\n                    <div class="p-5 ml-7"><h4>New Player</h4>\r\n                        <h3 class="orange-text font-weight-bold">Spells & Talents</h3><img src="images/footerline.png"\r\n                                                                                           class="mt-3 mb-4 w-100">\r\n                        <p class="w-75">Old dogs can learn new tricks after all! Discover fresh playstyles and spells to\r\n                            defeat your foes and experience a\xA0number of improved and polished specializations.</p></div>\r\n                </div>\r\n                <div class="col-lg-6 cow2 hand" ng-click="goToPage(\'client-interface-improvements\')">\r\n                    <div class="p-5"><h4>Client interface</h4>\r\n                        <h3 class="orange-text font-weight-bold">Improvements</h3>\r\n                        <ul>\r\n                            <li>Extended Quest Log</li>\r\n                            <li>XP gain toggle on player\'s portrait</li>\r\n                            <li>Looking for Players (without teleport) in-built addon</li>\r\n                            <li>Battleground Finder on the minimap</li>\r\n                        </ul>\r\n                        <BR><BR></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="section mt-5" id="home13">\r\n    <div class="container-fluid">\r\n        <div class="container">\r\n            <div class="row">\r\n                <div class="col-lg-1"></div>\r\n                <div class="col-lg-5 hand" ng-click="goToPage(\'pets-and-mounts\')"><h2 class="orange-text">New pets &\r\n                    mounts</h2>\r\n                    <p class="mt-4">From cute critters to valiant steeds and whirring shredders there\xA0is\xA0a new companian\r\n                        for everyone, now safely stored in your personal pets and mounts tabs found in your\r\n                        spellbook.</p><br><a ng-click="goToPage(\'pets-and-mounts\')"><img\r\n                            src="images/buttonpets.png"></a></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="section" id="home14">\r\n    <div class="container-fluid">\r\n        <div class="container">\r\n            <div class="row">\r\n                <div class="col-lg-6 hand" ng-click="goToPage(\'achievement-titles\')">\r\n                    <div class="titles"></div>\r\n                    <div class="p-5"><h4>New feature</h4>\r\n                        <h3 class="orange-text  font-weight-bold">Player Titles</h3><img src="images/footerline.png"\r\n                                                                                         class="mt-3 mb-4 w-75">\r\n                        <p style="width: 70%;">Show off your outstanding accomplishments with a title granted to you by\r\n                            wielding legendary items or accomplishing extreme feats:</p>\r\n                        <ul>\r\n                            <li>Immortal</li>\r\n                            <li>Sulfuron Champion</li>\r\n                            <li>Stormwielder</li>\r\n                            <li>Guardian of Tirisfal</li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n                <div class="col-lg-6 cow2 hand" ng-click="goToPage(\'transmogrification\')">\r\n                    <div class="transmog"></div>\r\n                    <div class="p-5"><h4>New feature</h4>\r\n                        <h3 class="orange-text  font-weight-bold">transmogrification</h3><img\r\n                                src="images/footerline.png" class="mt-3 mb-4 w-75">\r\n                        <p class="w-50">Complete repeatable quests and defeat powerful foes to earn Fashion Tokens and\r\n                            change your gear looks to your desire! Some restrictions apply.</p></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="section pb-5" id="teamQuotes">\r\n    <div class="container-fluid">\r\n        <div class="container">\r\n            <div class="row">\r\n                <div class="col-lg-4">\r\n                    <div class="p-5" style="background-image: url(images/icon_star.png)"><h3 class="orange-text">\r\n                        Torta</h3>\r\n                        <p class="tDate">Server Development</p>\r\n                        <hr>\r\n                        <p>Turtle WoW proves that a single Vanilla WoW realm can last throughout the years without\r\n                            losing the player\'s interest. We are glad to see that the decision to switch to a horizontal\r\n                            gameplay loop ensured that the players could enjoy both the old well-known content and the\r\n                            new one simultaneously and helped to connect the generations of players by allowing them to\r\n                            play together. Our team strives to keep the nostalgia that so many of us have for this game\r\n                            but, at the same time, breath in a new life that will match the feeling of the excitement we\r\n                            all had when we first played it and make it mysterious once again.</p></div>\r\n                </div>\r\n                <div class="col-lg-4">\r\n                    <div class="p-5" style="background-image: url(images/icon_brush.png)"><h3 class="orange-text">\r\n                        Shang</h3>\r\n                        <p class="tDate">Game Design</p>\r\n                        <hr>\r\n                        <p>Joined the team with a background of noggit experience, and wanted to keep vanilla wow\r\n                            ideals, fundamentals and game design as a pillar. My main goal has always been to\r\n                            reintroduce exploration, and the unknown into old World of Warcraft once again. I sincerely\r\n                            hope players will enjoy new zones, dungeons, areas, quests, and mysteries added into the\r\n                            game.</p></div>\r\n                </div>\r\n                <div class="col-lg-4">\r\n                    <div class="p-5" style="background-image: url(images/icon_speaker.png)"><h3 class="orange-text">\r\n                        Charles L</h3>\r\n                        <p class="tDate">Music & Sound Design</p>\r\n                        <hr>\r\n                        <p>The community that Turtle WoW fosters is one of teamwork, passion, and care that is almost\r\n                            unprecedented in other games past and present. I\'m thankful to be working with such\r\n                            incredible people and extremely humbled by their willingness to let me express myself in my\r\n                            voicework. For Azeroth!</p></div>\r\n                </div>\r\n            </div>\r\n            <div class="row mt-4">\r\n                <div class="col-lg-4">\r\n                    <div class="p-5" style="background-image: url(images/icon_star.png)"><h3 class="orange-text">\r\n                        Gheor</h3>\r\n                        <p class="tDate">Story & Quests</p>\r\n                        <hr>\r\n                        <p>World building and lore has always been my focus. The world must feel alive, the timeline\r\n                            mustn\'t feel stagnate! We\'ve lived in this world for several years and one of my dreams was\r\n                            to go back to the roots of it and experience it all over again but in a different way and I\r\n                            am sure so do all of you. Come for the nostalgia, stay for the untold story! This is where\r\n                            we stand, this is who we are, welcome home.</p></div>\r\n                </div>\r\n                <div class="col-lg-4">\r\n                    <div class="p-5" style="background-image: url(images/icon_star.png)"><h3 class="orange-text">\r\n                        Rile</h3>\r\n                        <p class="tDate">Story & Quests</p>\r\n                        <hr>\r\n                        <p>Warcraft universe became part of my life when I first encountered Tides of Darkness. Once I\r\n                            found out more about Turtle WoW and what this team is trying to achieve, I immediately got\r\n                            an urge to offer my writing experience to assist them in creating new content that fans of\r\n                            this franchise will love.</p></div>\r\n                </div>\r\n                <div class="col-lg-4">\r\n                    <div class="p-5" style="background-image: url(images/icon_speaker.png)"><h3 class="orange-text">\r\n                        George Kouroupakis</h3>\r\n                        <p class="tDate">Music & Sound Design</p>\r\n                        <hr>\r\n                        <p>I am glad I have the chance to be part of this community and also part of this passionate\r\n                            team. Always had a more appreciation for Vanilla WoW than the other expansions and still\r\n                            believe music in the old-school era was at its best. Hope with my work I succeed travel you\r\n                            back to the Vanilla music era as a continuity of its own form. See you in Azeroth!</p></div>\r\n                </div>\r\n            </div>\r\n    </div>\r\n</div>\r\n<!--\r\n<div class="section mb-5" id="team">\r\n    <div class="container-fluid">\r\n        <div class="container"><img src="images/logoteam.png">\r\n            <h2 class="orange-text mb-2">Team & Credits</h2>\r\n            <p class="m-auto w-50">Turtle WoW consists of a passionate and talented contributors working around the\r\n                clock to provide the best possible content for our community.</p><BR><BR>\r\n            <div class="row mt-5">\r\n                <div class="col-lg-3">\r\n                    <div class="icon crown"></div>\r\n                    <h3 class="orange-text">Narrative Team</h3>\r\n                    <p>Shang \u2022 Voji</p>\r\n                    <p>Gheor \u2022 Moriena \u2022 Rile</p></div>\r\n                <div class="col-lg-3">\r\n                    <div class="icon wrench"></div>\r\n                    <h3 class="orange-text">Server Development</h3>\r\n                    <p>Jamey \u2022 Torta</p>\r\n                    <p>Brotalnia \u2022 Pompa</p>\r\n                    <p>Dormilon \u2022 Letic</p>\r\n                    <p>Giperion</p></div>\r\n                <div class="col-lg-3">\r\n                    <div class="icon cog"></div>\r\n                    <h3 class="orange-text">Client Development</h3>\r\n                    <p>Haaxor \u2022 Nick </p>\r\n                    <p>Coldstar \u2022 Thimz</p>\r\n                    <p>Dragunovi \u2022 Moon</p></div>\r\n                <div class="col-lg-3">\r\n                    <div class="icon globe"></div>\r\n                    <h3 class="orange-text">3D Modelling</h3>\r\n                    <p>Werdun \u2022 Soft</p>\r\n                    <p>Mattew \u2022 Kamoodle</p>\r\n                    <p>Tonky \u2022 cpt_alex</p>\r\n                    <p>Godfarther \u2022 Regrowth</p>\r\n                    <p>Ghost</p></div>\r\n            </div>\r\n            <div class="row mt-5">\r\n                <div class="col-lg-3">\r\n                    <div class="icon eye"></div>\r\n                    <h3 class="orange-text">Quality Assurance</h3>\r\n                    <p>Muigin \u2022 Dated</p>\r\n                    <p>Goblin Boy</p></div>\r\n                <div class="col-lg-3">\r\n                    <div class="icon speaker"></div>\r\n                    <h3 class="orange-text">Music & Sound Design</h3>\r\n                    <p>George Kouroupakis \u2022 J\xF3zsef Kiss</p>\r\n                    <p>Gabriel Contreras \u2022 Ivan Nikoli\u0107</p>\r\n                    <p>Parhaus \u2022 Sauli Pulkkinen</p></div>\r\n                <div class="col-lg-3">\r\n                    <div class="icon globe"></div>\r\n                    <h3 class="orange-text">Trailers & Graphic Design</h3>\r\n                    <p>Willberg \u2022 Irim \u2022 Xecc</p>\r\n                    <p>Evgeniy Moiseev \u2022 Rennz</p>\r\n                    <p>Damian \u2022 TzuguMMoMo</p>\r\n                    <p>Haaxor \u2022 Creaden</p></div>\r\n                <div class="col-lg-3">\r\n                    <div class="icon eye"></div>\r\n                    <h3 class="orange-text">Community Support</h3>\r\n                    <p>Cherry Pie \u2022 Vanth \u2022 Akalix</p>\r\n                    <p>Sneaky \u2022 Shiromare \u2022 Lily</p>\r\n                    <p>Glitter \u2022 Agreeable \u2022 Happyhorror</p>\r\n                    <p>SleepTime \u2022 Gorgon \u2022 poogzmoon</p>\r\n                    <p>Othram \u2022 Juwu \u2022 Liovin</p>\r\n                    <p>Stagolee \u2022 Saelas \u2022 Pepesmite</p></div>\r\n            </div>\r\n            <div class="row mt-5">\r\n                <div class="col-lg-3">\r\n                    <div class="icon star"></div>\r\n                    <h3 class="orange-text">Hardware & SysOps</h3>\r\n                    <p>Bowser \u2022 Naravia</p></div>\r\n                <div class="col-lg-3">\r\n                    <div class="icon speaker"></div>\r\n                    <h3 class="orange-text">Voice Acting</h3>\r\n                    <p>Charles Lobaugh</p>\r\n                    <p>Bougga Gnema \u2022 Silver</p>\r\n                    <p>Moonlit Majesty \u2022 DapperTetu</p></div>\r\n                <div class="col-lg-3">\r\n                    <div class="icon globe"></div>\r\n                    <h3 class="orange-text">Item Design</h3>\r\n                    <p>Dragunovi</p>\r\n                    <p>Ques</p>\r\n                    <p>Crite</p></div>\r\n                <div class="col-lg-3">\r\n                    <div class="icon eye"></div>\r\n                    <h3 class="orange-text">Roleplay Support</h3>\r\n                    <p>Gheor</p>\r\n                    <p>Sin\'rek</p></div>&lt;!&ndash;         </div>&ndash;&gt;&lt;!&ndash;         <div class="row mt-5">&ndash;&gt;<BR><BR><BR>\r\n                <div class="col-lg-12 mt-5 mb-5 text-center"><h4 class="orange-text mt-4">Special thanks</h4><img\r\n                        src="images/footerline.png" class="mt-3 mb-2 w-50">\r\n                    <p class="mb-5 mt-3">Mosey \u2022 Zeo \u2022 Tinyfin \u2022 Kazgrim \u2022 Namreeb \u2022 Neto \u2022 Five \u2022 Hallaven \u2022 Cocely \u2022\r\n                        Mr.Rosh \u2022 Sun \u2022 Henhouse \u2022 Axon \u2022 Fiur \u2022 Mirajho \u2022 Yurrie \u2022 Sly \u2022 Necropola \u2022 VMaNGOS Team \u2022 A2\r\n                        \u2022 Bengus \u2022 Shagu \u2022 Jecs \u2022 Cranica \u2022 Tor-Tun \u2022 Dodgykebaab \u2022 Bruce \u2022 Intra \u2022 Traggyo \u2022 Wall \u2022\r\n                        Glouton \u2022 Sleambean \u2022 Widogast \u2022 Tamamo-no-bae \u2022 Xerron<br>And every player who has helped\r\n                        making Turtle WoW feel like a welcoming and homely place for everyone.</p></div>\r\n                <BR><BR><BR></div>\r\n        </div>\r\n    </div>\r\n</div>-->\r\n');
$templateCache.put('/reset/reset.html','<div class="section mb-5" id="reset" style="background-image: url(images/bg1.png)">\r\n   <div class="container-fluid pt-1">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <div class="row p-5 mt-5 mb-5">\r\n\r\n            <div class="col-lg-12 ">\r\n\r\n               <h2 class="orange-text mb-2 font-weight-bold">Password Reset</h2>\r\n               <p class="w-50 mt-3 text-white">\r\n                  {{result}}\r\n               </p>\r\n\r\n\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </div>\r\n\r\n\r\n   </div>\r\n</div>\r\n');
$templateCache.put('/rules/rules.html','<div class="section mb-5" id="pages">\r\n   <style>\r\n      .custom-nav-tabs {\r\n         padding: 10px;\r\n      }\r\n\r\n      .custom-nav-link {\r\n         background-color: var(--dark-gray);\r\n         border-radius: 5px;\r\n         margin-right: 10px;\r\n         border: 1px solid transparent;\r\n      }\r\n\r\n      .custom-nav-link.active {\r\n         color: var(--orange) !important;\r\n         border-color: transparent;\r\n      }\r\n   </style>\r\n   <div class="container-fluid pb-5">\r\n      <div class="container pt-5 pb-5">\r\n\r\n         <ul class="nav custom-nav-tabs" id="myTab" role="tablist">\r\n            <li class="nav-item" role="presentation">\r\n               <button class="nav-link custom-nav-link active" id="rules-tab-1" data-toggle="tab" data-target="#rules_1" type="button" role="tab" aria-controls="rules_1" aria-selected="true">Turtle WoW PvE</button>\r\n            </li>\r\n            <li class="nav-item" role="presentation">\r\n               <button class="nav-link custom-nav-link" id="rules-tab-2" data-toggle="tab" data-target="#rules_2" type="button" role="tab" aria-controls="rules_2" aria-selected="false">TEL\'ABIM PvP</button>\r\n            </li>\r\n         </ul>\r\n\r\n         <div class="tab-content" id="myTabContent">\r\n            <div class="tab-pane fade show active" id="rules_1" role="tabpanel" aria-labelledby="rules-tab-1">\r\n               <div class="row helmet p-5">\r\n                  <div class="col-lg-12">\r\n                     <h2 class="orange-text mb-2">Server Rules & Terms of Use</h2>\r\n                     <p class="w-75 mt-3 text-white">\r\n                        Hello! Below, we have outlined our expectations for appropriate behavior on Turtle WoW. These rules flow from our forums, to our discord, to in game. By joining this server you\'re joining a collective effort of players and staff to create a respectful and friendly community. Please read the rules we have set up to avoid any misunderstandings during your gameplay. Remember, you have a responsibility not only for your own behavior here, but also representing the entire community and the server.\r\n                     </p>\r\n\r\n                     <ul>\r\n                        <li ng-repeat="r in tab1">\r\n                           <a class="hand text-green" ng-href="#/rules#{{r.slug}}-tab-1">{{r.title}}</a>\r\n                        </li>\r\n                     </ul>\r\n                  </div>\r\n               </div>\r\n               <div class="row p-5 mt-5" ng-repeat="r in tab1">\r\n                  <a id="{{r.slug}}-tab-1"></a>\r\n                  <div class="col-lg-12 mb-1">\r\n                     <h5 class="text-white mb-3"><span class="star mr-2">&starf;</span> {{r.title}}</h5>\r\n                     <p class="text-gray" ng-bind-html="r.description"></p>\r\n                  </div>\r\n               </div>\r\n            </div>\r\n            <div class="tab-pane fade" id="rules_2" role="tabpanel" aria-labelledby="rules-tab-2">\r\n               <div class="row helmet p-5">\r\n                  <div class="col-lg-12">\r\n                     <h2 class="orange-text mb-2">Server Rules & Terms of Use</h2>\r\n                     <p class="w-75 mt-3 text-white">\r\n                        Hello! Below, we have outlined our expectations for appropriate behavior on Turtle WoW. These rules flow from our forums, to our discord, to in game. By joining this server you\'re joining a collective effort of players and staff to create a respectful and friendly community. Please read the rules we have set up to avoid any misunderstandings during your gameplay. Remember, you have a responsibility not only for your own behavior here, but also representing the entire community and the server.\r\n                     </p>\r\n\r\n                     <ul>\r\n                        <li ng-repeat="d in tab2">\r\n                           <a class="hand text-green" ng-href="#/rules#{{d.slug}}-tab-2">{{d.title}}</a>\r\n                        </li>\r\n                     </ul>\r\n                  </div>\r\n               </div>\r\n               <div class="row p-5 mt-5" ng-repeat="d in tab2">\r\n                  <a id="{{d.slug}}-tab-2"></a>\r\n                  <div class="col-lg-12 mb-1">\r\n                     <h5 class="text-white mb-3"><span class="star mr-2">&starf;</span> {{d.title}}</h5>\r\n                     <p class="text-gray" ng-bind-html="d.description"></p>\r\n                  </div>\r\n               </div>\r\n            </div>\r\n         </div>\r\n\r\n      </div>\r\n\r\n   </div>\r\n</div>\r\n\r\n\r\n\r\n');
$templateCache.put('/ucp/ucp.html','<div class="section mb-5 ucp" id="pages">\r\n    <div class="container-fluid pb-5">\r\n        <div class="container-lg pt-5 pb-5">\r\n            <div class="row p-5">\r\n                <div class="col-lg-12"><h2 class="orange-text mb-2">Account Management</h2>\r\n                    <div class="text-white text-center mt-4"><img src="images/footerline.png" class="mt-3 mb-3 w-100"><a\r\n                            ng-href="#/ucp/overview" class="text-white" ng-class="{\'active\' : view == \'overview\'}"><i\r\n                            class="fa fa-fw fa-search"></i>Overview</a><a ng-href="#/ucp/services" class="text-white"\r\n                                                                          ng-class="{\'active\' : view == \'services\'}"><i\r\n                            class="fa fa-fw fa-server"></i>Services</a><a ng-href="#/ucp/characters" class="text-white"\r\n                                                                          ng-class="{\'active\' : view == \'characters\'}"><i\r\n                            class="fa fa-fw fa-user"></i>Characters</a><a ng-href="#/ucp/security" class="text-white"\r\n                                                                          ng-class="{\'active\' : view == \'security\'}"><i\r\n                            class="fa fa-fw fa-key"></i>Security</a><a ng-href="#/ucp/history_shop" class="text-white"\r\n                                                                       ng-class="{\'active\' : view == \'history_shop\'}"><i\r\n                            class="fa fa-fw fa-key"></i>History Shop</a>\r\n                        <!--                  <a ng-href="#/ucp/shop" class="text-white" ng-class="{\'orange-text\' : view == \'security\'}">Shop here-->\r\n                        <!--                     or in a different site menu</a>--><img src="images/footerline.png"\r\n                                                                                        class="mt-3 mb-4 w-100"></div>\r\n                    <div class="text-center text-white" ng-if="view == \'email-changed\'">{{emailChange.result}}</div>\r\n                </div>\r\n                <div class="col-lg-7 mt-2" ng-if="view == \'overview\'"><h3 class="orange-text">General Information</h3>\r\n                    <table class="table">\r\n                        <tbody>\r\n                        <tr>\r\n                            <td class="col-lg-4 col-sm-6"><strong>Account name</strong></td>\r\n                            <td class="col-lg-8 col-sm-6">{{data.username}}</td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td><strong>E-mail</strong></td>\r\n                            <td>{{data.email}}<BR><small class="hand mt-1 orange-text"\r\n                                                         ng-click="toggleEmailChangeModal()">Change email</small></td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td><strong>Account status</strong></td>\r\n                            <td><span class="text-green" ng-if="!data.status.banned">Active</span><span\r\n                                    class="text-red hand" ng-if="data.status.banned && !data.status.perma">Banned, expires in {{data.status.tl}}</span><span\r\n                                    class="text-red hand"\r\n                                    ng-if="data.status.banned && data.status.perma">Closed</span><small\r\n                                    class="hand mt-1" ng-if="data.status.messages.length > 0 || data.status.banned"><br>Last\r\n                                message:<Br><span class="font-weight-bold"\r\n                                                  ng-class="{\'text-green\' : data.status.messages[data.status.messages.length - 1].guid == \'Turtle WoW Support\'}"><ng-container\r\n                                        ng-if="data.status.messages[data.status.messages.length - 1].guid == \'Turtle WoW Support\'">{{data.status.messages[data.status.messages.length - 1].guid}}:</ng-container><ng-container\r\n                                        ng-if="data.status.messages[data.status.messages.length - 1].guid != \'Turtle WoW Support\'">{{data.username}}:</ng-container></span>{{data.status.messages[data.status.messages.length - 1].message}}<Br><span\r\n                                        class="orange-text"\r\n                                        ng-click="toggleBanAppealModal()">Contact Support</span></small></td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td><strong>Creation date</strong></td>\r\n                            <td>{{data.joindate}}</td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td><strong>Last Login</strong></td>\r\n                            <td>{{data.last_login}}</td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td><strong>Last IP Address</strong></td>\r\n                            <td>{{data.last_ip}}</td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td><strong>Forum Username</strong></td>\r\n                            <td>{{data.forum_username}}</td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td><strong>Donation Tokens</strong></td>\r\n                            <td>{{data.tokens}}<Br><small class="mt-1 orange-text hand" ng-click="goToPage(\'donate\')">Visit\r\n                                Donation Page</small></td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td><strong>Newsletter</strong></td>\r\n                            <td><label class="hand" ng-click="toggleEmailSub()"><i class="fa fa-fw fa-square"\r\n                                                                                   ng-if="data.email_sub == 0"></i><i\r\n                                    class="fa fa-fw fa-check-square" ng-if="data.email_sub == 1"></i>Yes</label></td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td><strong>Delete account</strong><br></td>\r\n                            <td><span class="text-warning" ng-if="!data.status.banned">This action is permanent and irreversible.</span><br><small\r\n                                    class="hand mt-1 orange-text" ng-click="toggleDeleteAccountModal()"\r\n                                    ng-if="!data.status.banned">Delete account</small><span class="text-red hand"\r\n                                                                                            ng-if="data.status.banned">You cannot delete your account while it is suspended!</span>\r\n                            </td>\r\n                        </tr>\r\n                        <tr ng-if="!transfer_account.online && !transfer_account.in_progress && rank > 0">\r\n                            <td><strong>Transfer account</strong><br></td>\r\n                            <td><span class="text-red hand" ng-if="data.status.banned">You cannot transfer your account while it is suspended!</span><small\r\n                                    class="hand mt-1 orange-text" ng-click="toggleTransferAccountModal(true)"\r\n                                    ng-if="!data.status.banned">Submit</small></td>\r\n                        </tr>\r\n                        <tr ng-if="!transfer_account.online && transfer_account.in_progress && rank > 0">\r\n                            <td><strong>Transfer account</strong><br></td>\r\n                            <td><span class="text-red hand" ng-if="data.status.banned">You cannot transfer your account while it is suspended!</span><small\r\n                                    class="hand mt-1 orange-text" ng-click="toggleTransferAccountModal(true)"\r\n                                    ng-if="!data.status.banned">Check Progress</small></td>\r\n                        </tr>\r\n                        </tbody>\r\n                    </table>\r\n                </div>\r\n                <div class="col-lg-7 mt-2" ng-if="view == \'services\'"><h3 class="orange-text">Unstuck</h3>\r\n                    <p class="text-white">Teleport the selected character to his hearthstone location.<Br>This service\r\n                        has a 7 days cooldown.</p><label class="text-white w-100">Character:<select\r\n                            ng-model="unstuck.character" class="form-control">\r\n                        <option ng-selected="unstuck.character == 0" value="0">Select a character</option>\r\n                        <option ng-repeat="c in unstuck_characters" value="{{c.guid}}">{{c.name}}</option>\r\n                    </select></label><label>&nbsp;</label><br>\r\n                    <div class="text-white" ng-if="unstuck_eligible_status(unstuck.character).status == 1">This\r\n                        character is still online, please try again in 5 minutes.\r\n                    </div>\r\n                    <div class="text-white" ng-if="unstuck_eligible_status(unstuck.character).status == 2">Cooldown\r\n                        remaining {{unstuck_eligible_status(unstuck.character).cooldown}}\r\n                    </div>\r\n                    <button class="btn btn-sm btn-primary"\r\n                            ng-if="unstuck_eligible_status(unstuck.character).status == 0 && !unstuck_complete"\r\n                            ng-click="unstuck_do(unstuck.character)"><i class="fa fa-fw fa-check"\r\n                                                                        ng-if="!unstucking"></i><i\r\n                            class="fa fa-fw fa-spin fa-spinner" ng-if="unstucking"></i>Unstuck\r\n                    </button>\r\n                    <br>\r\n                    <div class="text-white">{{unstuck_result}}</div>\r\n                </div>\r\n                <div class="col-lg-9 mt-2" ng-if="view == \'characters\'"><h3 class="orange-text">Characters</h3>\r\n                    <table class="table table-striped light-borders table-hover">\r\n                        <thead>\r\n                        <tr>\r\n                            <th>#</th>\r\n                            <th>Name</th>\r\n                            <th>Level</th>\r\n                            <th>Hardcore Status</th>\r\n                            <th>Challenges</th>\r\n                            <th></th>\r\n                        </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                        <tr ng-repeat="c in data">\r\n                            <td>{{$index + 1}}</td>\r\n                            <td class="game-class-{{c.class}} game-class"><img ng-src="images/races/{{c.img}}.png"\r\n                                                                               style="width: 24px;"\r\n                                                                               ng-class="{\'desat\' : c.mortality_status == 3}"><a\r\n                                    ng-href="https://armory.turtle-wow.org/#!/character/{{c.name}}" target="_blank"\r\n                                    ng-class="{\'desat\' : c.mortality_status == 3, \'halfdesat\' : c.deleted}">{{c.name}}</a><span\r\n                                    class="text-red" ng-if="c.deleted">(deleted)</span>\r\n                                <!--                        <i class="fa fa-fw fa-chevron-down float-right hand text-gray"-->\r\n                                <!--                           ng-if="$index < data.length - 1"></i>-->\r\n                                <!--                        <i class="fa fa-fw fa-chevron-up float-right hand text-gray" ng-if="$index > 0"></i>-->\r\n                            </td>\r\n                            <td>{{c.level}}</td>\r\n                            <td><span ng-if="c.mortality_status == 1">Still Standing</span><span\r\n                                    ng-if="c.mortality_status == 2">Immortal</span><span\r\n                                    ng-if="c.mortality_status == 3">Fallen</span><span ng-if="c.mortality_status == 0"\r\n                                                                                       class="text-gray2">-</span></td>\r\n                            <td>\r\n                                <ng-container ng-repeat="g in c.glyphs"><img ng-if="g.spell == 50004"\r\n                                                                             ng-src="images/icons/spells/spell_nature_sleep.png"\r\n                                                                             style="width: 24px; margin-right: 5px;"\r\n                                                                             tooltip data-toggle="tooltip"\r\n                                                                             data-placement="top"\r\n                                                                             data-title="Exhaustion" class="float-left"><img\r\n                                        ng-if="g.spell == 50000" ng-src="images/icons/spells/spell_nature_timestop.png"\r\n                                        style="width: 24px; margin-right: 5px;" tooltip data-toggle="tooltip"\r\n                                        data-placement="top" data-title="Slow & Steady" class="float-left"><img\r\n                                        ng-if="g.spell == 50008" ng-src="images/icons/spells/ability_dualwield.png"\r\n                                        style="width: 24px; margin-right: 5px;" tooltip data-toggle="tooltip"\r\n                                        data-placement="top" data-title="War Mode" class="float-left"></ng-container>\r\n                            </td>\r\n                            <td><span class="hand orange-text" ng-if="c.deleted" ng-click="restoreCharacter(c.name)">Restore</span>\r\n                            </td>\r\n                        </tr>\r\n                        </tbody>\r\n                    </table>\r\n                    <div ng-if="restore_result !== \'\'" class="text-gray2"><i class="fa fa-fw fa-info"></i> {{restore_result}}\r\n                    </div>\r\n                </div>\r\n                <div class="col-lg-6 mt-2" ng-if="view == \'security\'"><h3 class="orange-text">Change Password</h3>\r\n                    <table class="table">\r\n                        <tbody>\r\n                        <tr>\r\n                            <td class="col-lg-5 col-sm-6"><strong>Current Password</strong></td>\r\n                            <td class="col-lg-7 col-sm-6"><input type="password" class="form-control"\r\n                                                                 placeholder="********" ng-model="security.c_password">\r\n                            </td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td><strong>New Password</strong><Br><small>4-16 characters long, letters, numbers, and\r\n                                !?%*$ characters</small></td>\r\n                            <td><input type="password" class="form-control" placeholder="New Password"\r\n                                       ng-model="security.n_password"\r\n                                       ng-class="{\'invalid\' : !pw_valid(security.n_password)}"><input type="password"\r\n                                                                                                      class="form-control"\r\n                                                                                                      placeholder="Repeat new password"\r\n                                                                                                      ng-model="security.n_password2"\r\n                                                                                                      ng-class="{\'invalid\' : !pw_valid(security.n_password2)}">\r\n                            </td>\r\n                        </tr>\r\n                        </tbody>\r\n                        <tfoot>\r\n                        <tr>\r\n                            <th>\r\n                                <button class="btn btn-sm btn-primary" ng-click="change_password()"\r\n                                        ng-class="{\'passwords_invalid\' : !passwords_valid() }"\r\n                                        ng-disabled="!passwords_valid()"><i class="fa fa-fw fa-key"></i> Change my\r\n                                    password\r\n                                </button>\r\n                            </th>\r\n                            <th><span class="text-muted"\r\n                                      ng-if="security.pw_change_result != \'\'">{{security.pw_change_result}}</span></th>\r\n                        </tr>\r\n                        </tfoot>\r\n                    </table>\r\n                </div>\r\n                <div ng-if="view == \'history_shop\'" class="w-100">\r\n                    <h3 class="orange-text">Payment history</h3>\r\n\r\n                    <h5 class="text-white mt-5">Shop Log</h5>\r\n                    <table class="table table-striped light-borders table-hover">\r\n                        <thead>\r\n                        <tr>\r\n                            <th>ID</th>\r\n                            <th>Time</th>\r\n                            <th>Item</th>\r\n                            <th>Price</th>\r\n                            <th>Refunded</th>\r\n                            <th>Realm Name</th>\r\n                            <th>Character Name</th>\r\n                        </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                        <tr ng-repeat="sl in shop_logs">\r\n                            <td>{{$index + 1}}</td>\r\n                            <td>{{ sl.time }}</td>\r\n                            <td>{{ sl.item }}</td>\r\n                            <td>{{ sl.price }}</td>\r\n                            <td>{{ sl.refunded }}</td>\r\n                            <td>{{ sl.realm_name }}</td>\r\n                            <td>{{ sl.character_name }}</td>\r\n                        </tr>\r\n                        </tbody>\r\n                    </table>\r\n                    <ul uib-pagination ng-if="total_logs_items > 0" total-items="total_logs_items" ng-model="logsPage"\r\n                        items-per-page="logsLimit" ng-change="pageChanged(logsPage, historyPage)" max-size="10"\r\n                        boundary-link-numbers="true" rotate="true" class="mb-3"></ul>\r\n\r\n                    <h5 class="text-white mt-5">Redeem History</h5>\r\n                    <table class="table table-striped light-borders table-hover">\r\n                        <thead>\r\n                        <tr>\r\n                            <th>ID</th>\r\n                            <th>Points</th>\r\n                            <th>Actual Points</th>\r\n                            <th>New Points</th>\r\n                            <th>Date</th>\r\n                        </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                        <tr ng-repeat="sch in shop_coins_history">\r\n                            <td>{{$index + 1}}</td>\r\n                            <td>{{ sch.points }}</td>\r\n                            <td>{{ sch.actual_points }}</td>\r\n                            <td>{{ sch.new_points }}</td>\r\n                            <td>{{ sch.system }}</td>\r\n                        </tr>\r\n                        </tbody>\r\n                    </table>\r\n                    <ul uib-pagination ng-if="total_coins > 0" total-items="total_coins" ng-model="historyPage"\r\n                        items-per-page="historyLimit" ng-change="pageChanged(logsPage, historyPage)" max-size="10"\r\n                        boundary-link-numbers="true" rotate="true"></ul>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="modal fade ucp" id="banAppeal" tabindex="-1" aria-labelledby="banAppealLabel" aria-hidden="true">\r\n    <div class="modal-dialog modal-lg">\r\n        <div class="modal-content">\r\n            <div class="modal-body p-0"><a class="hand modalClose" ng-click="toggleBanAppealModal()">&times;</a>\r\n                <div class="row">\r\n                    <div class="col-lg-12 text-center p-5"><h5 class="text-white mb-5">Contact Support</h5>\r\n                        <div class="text-left text-muted" ng-if="data.status.messages.length == 0">You have no messages.\r\n                            If you wish to contact support regarding the status of your account, please write in the box\r\n                            below. If your account has been locked and you are unsure why, please make sure to read <a\r\n                                    class="text-white" href="https://turtle-wow.org/#/rules" target="_blank">our Terms\r\n                                of Service</a> first.\r\n                        </div>\r\n                        <div style="height: 300px; overflow-y: scroll" id="messageHistory"\r\n                             ng-if="data.status.messages.length > 0">\r\n                            <div class="text-left" ng-if="data.status.messages.length > 0">\r\n                                <ng-container ng-repeat="m in data.status.messages">\r\n                                    <div ng-if="m.guid == \'Turtle WoW Support\'" class="mb-2"><span\r\n                                            class="text-green">{{m.guid}}</span><small class="text-gray"> &ndash;\r\n                                        {{m.stamp}}</small><br>\r\n                                        <!--                              <div class="text-white">{{m.message}}</div>-->\r\n                                        <div class="text-white" ng-bind-html="m.m"></div>\r\n                                    </div>\r\n                                    <div ng-if="m.guid != \'Turtle WoW Support\'" class="mb-2"><span\r\n                                            class="text-gray">{{m.guid}}</span><small class="text-gray"> &ndash;\r\n                                        {{m.stamp}}</small><br>\r\n                                        <!--                              <div class="text-white">{{m.message}}</div>-->\r\n                                        <div class="text-white" ng-bind-html="m.m"></div>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </div>\r\n                        </div>\r\n                        <div class="message-counter">{{appeal.message.length}}/1024</div>\r\n                        <textarea ng-model="appeal.message" class="form-control mt-3" placeholder="Message"></textarea>\r\n                        <p class="text-muted" ng-if="appeal.err != \'\'">{{appeal.err}}</p>\r\n                        <button class="btn btn-primary mt-3" ng-click="sendAppeal()"\r\n                                ng-disabled="appeal.message.length == 0"><i class="fa fa-fw fa-check"></i> Send Message\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="modal fade ucp" id="emailChange" tabindex="-1" aria-labelledby="emailChangeLabel" aria-hidden="true">\r\n    <div class="modal-dialog modal-lg">\r\n        <div class="modal-content">\r\n            <div class="modal-body p-0"><a class="hand modalClose" ng-click="toggleEmailChangeModal()">&times;</a>\r\n                <div class="row">\r\n                    <div class="col-lg-2"></div>\r\n                    <div class="col-lg-8 text-center p-5"><h5 class="text-white mb-5">Change E-mail adrress</h5><input\r\n                            type="email" class="form-control" placeholder="Old email address"\r\n                            ng-class="{\'invalid\' : emailChange.old <= 2}" ng-if="!emailChange.done"\r\n                            ng-model="emailChange.old"><input type="email" class="form-control"\r\n                                                              placeholder="New email address"\r\n                                                              ng-class="{\'invalid\' : emailChange.new <= 2}"\r\n                                                              ng-if="!emailChange.done" ng-model="emailChange.new">\r\n                        <div class="text-center text-white p-4" ng-if="emailChange.result !== \'\'">\r\n                            {{emailChange.result}}\r\n                        </div>\r\n                        <button class="btn btn-primary mt-5" ng-click="changeEmailAddress()" ng-if="!emailChange.done">\r\n                            <i class="fa fa-fw fa-check"></i> Change email address\r\n                        </button>\r\n                        <button class="btn btn-primary mt-5" ng-click="toggleEmailChangeModal()"\r\n                                ng-if="emailChange.done"><i class="fa fa-fw fa-check"></i> Close\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="modal fade ucp" id="deleteAccount" tabindex="-1" aria-labelledby="deleteAccountLabel" aria-hidden="true">\r\n    <div class="modal-dialog modal-lg">\r\n        <div class="modal-content">\r\n            <div class="modal-body p-0"><a class="hand modalClose" ng-click="toggleDeleteAccountModal()">&times;</a>\r\n                <div class="row">\r\n                    <div class="col-lg-2"></div>\r\n                    <div class="col-lg-8 text-center p-5"><h5 class="text-white mb-5">Delete account</h5>\r\n                        <p class="text-warning">This action will permanently delete your account.<Br>This action is\r\n                            irreversible. </p>\r\n                        <p class="text-white hand mt-3" ng-click="delete_account_checkbox_toggle()"><i\r\n                                class="fa fa-fw fa-check-square" ng-if="delete_account.checkbox"></i><i\r\n                                class="fa fa-fw fa-square" ng-if="!delete_account.checkbox"></i>I understand.</p>\r\n                        <div><label class="text-white w-100 text-left" ng-if="delete_account.checkbox">Please enter your\r\n                            account email:<input type="email" ng-model="delete_account.email"\r\n                                                 class="form-control"></label><label class="text-white w-100 text-left"\r\n                                                                                     ng-if="delete_account.checkbox">Please\r\n                            enter your password:<input type="password" ng-model="delete_account.password"\r\n                                                       class="form-control"></label></div>\r\n                        <div class="text-center text-white p-4" ng-if="delete_account.result !== \'\'">\r\n                            {{delete_account.result}}\r\n                        </div>\r\n                        <button class="btn btn-danger mt-5" ng-click="deleteAccount()"\r\n                                ng-disabled="!delete_account.checkbox || delete_account.email.length == 0"><i\r\n                                class="fa fa-fw fa-times"></i> Delete my account\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="modal fade ucp" id="transferAccount" tabindex="-1" aria-labelledby="transferAccountLabel"\r\n     aria-hidden="true">\r\n    <div class="modal-dialog modal-lg">\r\n        <div class="modal-content">\r\n            <div class="modal-body p-0"><a class="hand modalClose"\r\n                                           ng-click="toggleTransferAccountModal(true)">&times;</a>\r\n                <div class="row">\r\n                    <div class="col-lg-2"></div>\r\n                    <div class="col-lg-8 text-center p-5"><h5 class="text-white mb-5">Transfer Account</h5>\r\n                        <p class="text-warning" ng-if="transfer_account.in_progress && !transfer_complete">\r\n                            Your account is locked!\r\n                            <br>\r\n                            <br>\r\n                            The account transfer consists of three phases. The first phase involves moving the account\r\n                            to the new network. During this phase, you won\'t be able to log in to the server, but you\r\n                            can still access the website until all characters are transferred. After that, you won\'t be\r\n                            able to log in at all.\r\n                            <br>\r\n                            <br>\r\n                            The second phase will display a table showing the current\r\n                            status of each character. When you click \'Start process\' for a specific character, their\r\n                            data will be exported from the EU network at that moment.\r\n                            <br>\r\n                            <br>The third phase is the final one.\r\n                            The character will now need to be imported on the Asia network, this is done by clicking\r\n                            \'Complete Process\'. Now you are ready to use this character.<br>\r\n                        </p>\r\n                        <p class="text-warning" ng-if="transfer_account.in_progress && transfer_complete">\r\n                            Successfully transferred account.\r\n                            <br>\r\n                        </p>\r\n                        <table class="table table-striped light-borders table-hover"\r\n                               ng-if="transfer_account.in_progress">\r\n                            <thead>\r\n                            <tr>\r\n                                <th>#</th>\r\n                                <th>Name</th>\r\n                                <th>Status</th>\r\n                                <th>Action</th>\r\n                            </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                            <tr ng-repeat="c in character_queue_status" style="color:wheat">\r\n                                <td>{{$index + 1}}</td>\r\n                                <td>{{c.name}}</td>\r\n                                <td ng-if="c.status == \'pending\'">Not Request</td>\r\n                                <td ng-if="c.status == \'in_progress\'">Requested</td>\r\n                                <td ng-if="c.status == \'transferred\'">Transferred</td>\r\n                                <td ng-if="c.status == \'failed\'">Failed</td>\r\n                                <td>\r\n                                    <button class="btn btn-sm btn-primary" ng-if="c.status == \'pending\'"\r\n                                            ng-click="beginTransferCharacter(c.source_character_guid)"><a><i\r\n                                            class="fa fa-fw fa-play"></i>Start Process</a></button>\r\n                                    <button class="btn btn-sm btn-primary" ng-if="c.status == \'in_progress\'"\r\n                                            ng-click="completeTransferCharacter(c.source_character_guid)"><a><i\r\n                                            class="fa fa-fw fa-check"></i>Complete Process</a></button>\r\n                                    <span ng-if="c.status == \'transferred\'">Done</span>\r\n                                    <a ng-if="c.status == \'failed\'" ng-click="">Retry Process</a>\r\n                                </td>\r\n                            </tr>\r\n                            </tbody>\r\n                        </table>\r\n                        <p class="text-warning"\r\n                           ng-if="!transfer_account.in_progress && transfer_account.needNewAccount && !transfer_complete">\r\n                            That username already exists!\r\n                            <br>\r\n                            Please pick a new username and password\r\n                        </p>\r\n                        <p class="text-warning" ng-if="transfer_account.banned">\r\n                            You can not transfer your account while your account is banned!\r\n                        </p>\r\n                        <p class="text-warning" ng-if="transfer_account.online">\r\n                            You can not transfer your account while your account is online!\r\n                        </p>\r\n                        <div ng-if="transfer_err" class="orange-text pb-2">\r\n                            {{response}}<br>\r\n                        </div>\r\n\r\n                        <input ng-if="transfer_account.needNewAccount && !transfer_account.in_progress && !transfer_account.banned && !transfer_account.online && !transfer_complete"\r\n                               type="text" class="form-control" placeholder="Username"\r\n                               ng-class="{\'invalid\' : transfer_account.account_name.length <= 2}"\r\n                               ng-model="transfer_account.account_name">\r\n                        <input ng-if="transfer_account.needNewAccount && !transfer_account.in_progress && !transfer_account.banned && !transfer_account.online && !transfer_complete"\r\n                               type="password" class="form-control w-50 pull-left" placeholder="Password"\r\n                               ng-class="{\'invalid\' : transfer_account.user_password.length <= 2}"\r\n                               ng-model="transfer_account.user_password">\r\n                        <input ng-if="transfer_account.needNewAccount && !transfer_account.in_progress && !transfer_account.banned && !transfer_account.online && !transfer_complete"\r\n                               type="password" class="form-control w-50 pull-right"\r\n                               ng-class="{\'invalid\' : transfer_account.user_password != transfer_account.user_password2 }"\r\n                               placeholder="Repeat Password" ng-model="transfer_account.user_password2">\r\n\r\n                        <select\r\n                                ng-model="transfer_account.realm_id" class="form-control"\r\n                                ng-if="!transfer_account.in_progress && !transfer_account.banned && !transfer_account.online && !transfer_complete">\r\n                            <option ng-selected="realm_list.id == 0" value="0">Select a realm</option>\r\n                            <option ng-repeat="c in realm_lists" value="{{c.id}}">{{c.realmName}}</option>\r\n                        </select>\r\n\r\n                        <div class="form-check mb-3" ng-if="!transfer_account.in_progress && !transfer_account.banned && !transfer_account.online && !transfer_complete">\r\n                            <input type="checkbox" class="form-check-input" id="confirmationCheckbox"\r\n                                   ng-model="confirmation_checked">\r\n                            <label class="form-check-label text-gray" for="confirmationCheckbox">\r\n                                Are you sure you want to begin this process? Please make sure to inform yourself about\r\n                                what will happen by reading our <a href="https://forum.turtle-wow.org/" target="_blank"><span class="orange-text">Rules &amp; Limitations</span></a> before\r\n                                proceeding.\r\n                            </label>\r\n                            <img src="images/registerbutton.png" class="w-100 hand register"\r\n                            ng-if="!transfer_account.in_progress && !transfer_account.banned && !transfer_account.online && !transfer_complete"\r\n                            ng-click="transferAccount()" ng-hide="!confirmation_checked">\r\n                        </div>\r\n\r\n                        <div class="response m-3 text-white" ng-if="response != \'\' && !transfer_err">\r\n                            {{response}}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n');
$templateCache.put('/_directives/turtle-video-embed.html','<div class="embed-container" style="height:{{height}}">\r\n   <turtle-video video="currentVideo" ng-if="aloaded"></turtle-video>\r\n</div>');
$templateCache.put('/_directives/turtle-video-thumb.html','<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 hand mb-4"\r\n     ng-class="{\'col-lg-12\' : vertical}"\r\n     ng-click="goToPage(\'watch/\' + v.id)" ng-cloak>\r\n\r\n   <div ng-attr-style="background-image:url(\'{{v.thumb}}\')" class="thumb">\r\n      <i class="fa fa-fw fa-play"></i>\r\n      <div class="duration">\r\n         {{v.duration}}\r\n      </div>\r\n   </div>\r\n   <div class="title orange-text mt-1 font-weight-bold">\r\n      {{v.title}}\r\n   </div>\r\n   <p class="text-gray2">\r\n      <small>{{v.views}}\r\n         <ng-container ng-show="v.views == 1">view</ng-container>\r\n         <ng-container ng-show="v.views != 1">views</ng-container>\r\n      </small>\r\n      <small> \u2022 {{v.commentsCount}}\r\n         <ng-container ng-show="v.commentsCount == 1">comment</ng-container>\r\n         <ng-container ng-show="v.commentsCount != 1">comments</ng-container>\r\n      </small>\r\n      <!--      <small class="float-right">{{v.ago}}</small>-->\r\n   </p>\r\n\r\n</div>');
$templateCache.put('/_directives/turtle-video.html','<div class="video-container">\r\n   <video id="{{id}}"\r\n          class="video-js"\r\n          controls\r\n          preload="auto"\r\n          poster="{{thumb}}"\r\n          data-setup="{}"\r\n   >\r\n      <source ng-src="{{urlSCE}}" type="video/mp4"/>\r\n      <source ng-src="{{urlSCE}}" type="video/webm"/>\r\n      <p class="vjs-no-js">\r\n         To view this video please enable JavaScript, and consider upgrading to a\r\n         web browser that\r\n         <a href="https://videojs.com/html5-video-support/" target="_blank"\r\n         >supports HTML5 video</a\r\n         >\r\n      </p>\r\n   </video>\r\n</div>');}]);