From 750123e0f918827c0e039829c6cd5c851c9bfa75 Mon Sep 17 00:00:00 2001
From: BynariStar <BynariStar@users.noreply.github.com>
Date: Wed, 25 Oct 2017 03:24:44 +0300
Subject: [PATCH] Re-add section id headers (#60)

Re-add section id headers
---
 site/themes/citra-bs-theme/layouts/game/list.html |  3 +--
 src/scss/citra-theme.scss                         | 12 ++++++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/site/themes/citra-bs-theme/layouts/game/list.html b/site/themes/citra-bs-theme/layouts/game/list.html
index 1907dc4..ba0dfd1 100644
--- a/site/themes/citra-bs-theme/layouts/game/list.html
+++ b/site/themes/citra-bs-theme/layouts/game/list.html
@@ -53,10 +53,9 @@
 			{{ range .Data.Pages.GroupByParam "section_id" }}
 
 				{{ range .Pages }}
-					{{- $key := substr .Params.title 0 1 }}
 					{{- $rating := index .Site.Data.compatibility .Params.compatibility }}
 					{{- $type := index .Site.Data.gameTypes (.Params.game_type | default "3ds") }}
-					<tr data-key="{{ $key }}">
+					<tr data-key="{{ .Params.section_id }}">
 						<td class="hidden listing-metadata">
 							<span>{{ .Params.title }} {{ $type.name }} {{ $rating.name }} {{ dateFormat "January 2, 2006" .Params.testcase_date }}</span>
 						</td>
diff --git a/src/scss/citra-theme.scss b/src/scss/citra-theme.scss
index 7e8d8fd..f124d6c 100644
--- a/src/scss/citra-theme.scss
+++ b/src/scss/citra-theme.scss
@@ -341,6 +341,18 @@ tbody td {
   margin: 0 20px;
 }
 
+/* Used for showing section id at the start of each game section */
+.key:after {		
+  content: attr(data-key);
+  position: absolute;
+  left: -10px;
+  font-family: Dosis,"Helvetica Neue",Helvetica,Arial,sans-serif;
+  text-transform: lowercase;
+  color: #888;
+  margin: 15px 0;
+  font-size: 24px;
+}
+
 /* Downloads */
 #updater-view, #manual-view, .dl-updater-button, #dl-unknown, #dl-autodetect {
   display: none;