feat(guild): add guild page

static/css/character-talents.css

@@ -85,7 +85,6 @@
 	column-gap: 10px;
 	margin-bottom: 16px;
 	display: flex;
-	align-items: center;
 }
 
 .talent-tree .cols {

static/css/datatables.css

@@ -1,3 +1,12 @@
+.dataTable {
+	width: 100% !important;
+}
+
+.dataTable td {
+	text-align: center !important;
+	vertical-align: middle !important;
+}
+
 .dataTables_wrapper .dataTables_info,
 .dataTables_wrapper .dataTables_filter,
 .dataTables_wrapper .dataTables_length {

static/css/guild.css

@@ -0,0 +1,48 @@
+#guild-header {
+	display: flex;
+}
+
+#guild-header .emblem {
+	margin-right: 1em;
+}
+
+#guild-header .info {
+	text-align: center;
+}
+
+.faction {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.faction .logo {
+	height: 32px;
+	margin-right: 4px;
+}
+
+#emblem-images {
+	display: none;
+}
+
+#emblem {
+	background: url("/img/guild-emblems/circle.png") no-repeat center;
+	display: flex;
+	flex-shrink: 0;
+	height: 128px;
+	width: 128px;
+}
+
+#emblem canvas {
+	height: 96px;
+	width: 96px;
+	margin: auto;
+}
+
+.circle {
+	clip-path: circle(50% at 50% 50%);
+}
+
+#members_processing {
+	height: 70px;
+}

static/css/index.css

@@ -2,15 +2,6 @@
 	margin-bottom: 16px;
 }
 
-#results {
-	width: 100% !important;
-}
-
-#results td {
-	text-align: center;
-	vertical-align: middle;
-}
-
 #results_processing {
 	height: 70px;
 }