Adding official class icons

generator/css/class-icons.css

@@ -0,0 +1,12 @@
+.icon-class-barbarian { background-image: url(../img/classes/barbarian.png);}
+.icon-class-bard { background-image: url(../img/classes/bard.png);}
+.icon-class-cleric { background-image: url(../img/classes/cleric.png);}
+.icon-class-druid { background-image: url(../img/classes/druid.png);}
+.icon-class-fighter { background-image: url(../img/classes/fighter.png);}
+.icon-class-monk { background-image: url(../img/classes/monk.png);}
+.icon-class-paladin { background-image: url(../img/classes/paladin.png);}
+.icon-class-ranger { background-image: url(../img/classes/ranger.png);}
+.icon-class-rogue { background-image: url(../img/classes/rogue.png);}
+.icon-class-sorcerer { background-image: url(../img/classes/sorcerer.png);}
+.icon-class-warlock { background-image: url(../img/classes/warlock.png);}
+.icon-class-wizard { background-image: url(../img/classes/wizard.png);}

generator/generate.html

@@ -26,6 +26,7 @@
     <link href="css/cards.css" rel="stylesheet" />
     <link href="css/card-size.css" rel="stylesheet" />
     <link href="css/icons.css" rel="stylesheet" />
+	<link href="css/class-icons.css" rel="stylesheet" />
     <link href="css/custom-icons.css" rel="stylesheet" />
     <!-- Fonts -->
     <link href='https://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>

generator/js/icons.js

@@ -1316,4 +1316,21 @@ var icon_names = [
     "zeus-sword",
     "zigzag-leaf",
     "zigzag-tune"
-];
+];
+
+var class_icon_names = [
+	"class-barbarian",
+	"class-bard",
+	"class-cleric",
+	"class-druid",
+	"class-fighter",
+	"class-monk",
+	"class-paladin",
+	"class-ranger",
+	"class-rogue",
+	"class-sorcerer",
+	"class-warlock",
+	"class-wizard"
+];
+
+icon_names = icon_names.concat(class_icon_names);