feat(character/achievements): add achievements page

static/css/armory.css

@@ -1,4 +1,4 @@
 html {
-	background-color: #202124;
-	color: white;
+	/* Removes the vertical scrollbar caused by Bulma */
+	overflow-y: auto;
 }

static/css/character-achievements.css

@@ -0,0 +1,101 @@
+#categories {
+	padding-right: 20px;
+}
+
+#categories a {
+	display: block;
+}
+
+.subcategories {
+	padding-left: 20px;
+}
+
+#achievement-template {
+	display: none;
+}
+
+#achievements {
+	width: 100%;
+	border-collapse: separate;
+	border-spacing: 1em 1.5em;
+}
+
+.achievement {
+	width: 100%;
+}
+
+.achievement td {
+	text-align: center !important;
+	vertical-align: middle;
+}
+
+.achievement.earned {
+	color: #ffffff;
+}
+
+.achievement .name {
+	text-decoration: none;
+}
+
+.achievement .name,
+.achievement .points,
+.achievement .description {
+	color: #afafaf;
+}
+
+.achievement .icon {
+	filter: grayscale(100%);
+	opacity: 0.7;
+}
+
+.achievement.earned .icon {
+	filter: none;
+	opacity: 1;
+}
+
+.achievement.earned .name,
+.achievement.earned .points,
+.achievement.earned .description {
+	color: #ffffff;
+}
+
+.achievement .points {
+	background-image: url("/img/UI-Achievement-Shields.png");
+	background-repeat: no-repeat;
+	width: 64px;
+	height: 64px;
+	background-position: -65px -4px;
+}
+
+.achievement.earned .points {
+	background-position: 0px -4px;
+}
+
+.achievement .points .value {
+	line-height: 32px;
+	position: relative;
+	top: 10px;
+	left: -1px;
+}
+
+.achievement .earned-date {
+	display: inline-block;
+	line-height: 32px;
+	position: relative;
+	top: 4px;
+	left: 50%;
+	transform: translateX(-50%);
+}
+
+.achievement .points.no-points {
+	background-image: url("/img/UI-Achievement-Shields-NoPoints.png");
+}
+
+.achievement .points.no-points .value {
+	visibility: hidden;
+}
+
+#total-points-icon {
+	position: relative;
+	margin-left: 2px;
+}

static/css/character-talents.css

@@ -79,12 +79,12 @@
 	margin-bottom: 16px;
 }
 
-.talent-tree .columns {
+.talent-tree .cols {
 	display: flex;
 	gap: 14px;
 }
 
-.talent-tree .columns .column {
+.talent-tree .cols .col {
 	text-align: center;
 	display: flex;
 	flex-direction: column;

static/css/character.css

@@ -10,7 +10,7 @@
 	top: 6px;
 	position: absolute;
 	background-repeat: no-repeat;
-	z-index: -2;
+	z-index: 1;
 }
 
 .wowhead-tooltip .whtt-sellprice {

static/css/icons.css

@@ -13,7 +13,6 @@
 	top: 4px;
 	position: absolute;
 	background-repeat: no-repeat;
-	z-index: -1;
 }
 
 .iconmedium .border {
@@ -50,7 +49,7 @@
 	top: 6px;
 	position: absolute;
 	background-repeat: no-repeat;
-	z-index: -1;
+	z-index: 2;
 }
 
 .iconlarge .border {
@@ -68,8 +67,14 @@
 	position: absolute;
 	left: 3px;
 	top: 3px;
+	z-index: 3;
 }
 
 .iconlarge a:hover {
 	background-position: 0 0;
 }
+
+.iconmedium a,
+.iconlarge a {
+	transition: none;
+}

static/css/index.css

@@ -9,3 +9,7 @@
 #results td {
 	text-align: center;
 }
+
+#results_processing {
+	height: 70px;
+}