citra-emu
/
citra-web
Archived
1
0
Fork 0
Code

Added colors next to compatibility

This commit is contained in:
chris062689 2017-06-04 19:54:35 -04:00
parent 64de70577f
commit 4a711aa686
4 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
site/data/compatibility.json
View File

@ -1,8 +1,8 @@
{ {
"0": { "name": "Perfect", "description": "Game functions flawless with no audio or graphical glitches, all tested functionality works as intended without any workarounds needed." }, "0": { "name": "Perfect", "color": "green", "description": "Game functions flawless with no audio or graphical glitches, all tested functionality works as intended without any workarounds needed." },
"1": { "name": "Great", "description": "Game functions with minor graphical or audio glitches and is playable from start to finish. May require some workarounds." }, "1": { "name": "Great", "color": "green", "description": "Game functions with minor graphical or audio glitches and is playable from start to finish. May require some workarounds." },
"2": { "name": "Okay", "description": "Game functions with major graphical or audio glitches, but game is playable from start to finish with workarounds." }, "2": { "name": "Okay", "color": "yellow", "description": "Game functions with major graphical or audio glitches, but game is playable from start to finish with workarounds." },
"3": { "name": "Bad", "description": "Game functions, but with major graphical or audio glitches. Unable to progress in specific areas due to glitches even with workarounds." }, "3": { "name": "Bad", "color": "yellow", "description": "Game functions, but with major graphical or audio glitches. Unable to progress in specific areas due to glitches even with workarounds." },
"4": { "name": "Intro/Menu", "description": "Game is completely unplayable due to major graphical or audio glitches. Unable to progress past the Start Screen." }, "4": { "name": "Intro/Menu", "color": "red", "description": "Game is completely unplayable due to major graphical or audio glitches. Unable to progress past the Start Screen." },
"5": { "name": "Won't Boot", "description": "The game crashes when attempting to startup." } "5": { "name": "Won't Boot", "color": "red", "description": "The game crashes when attempting to startup." }
} }

4
site/themes/citra-bs-theme/layouts/game/list.html
View File

@ -6,7 +6,7 @@
<tbody> <tbody>
{{ range .Site.Data.compatibility }} {{ range .Site.Data.compatibility }}
<tr> <tr>
<td>{{ .name }}</td> <td style="width: 128px;"><div class="square-icon" style="background-color: {{ .color }}"></div> {{ .name }}</td>
<td>{{ .description }}</td> <td>{{ .description }}</td>
</tr> </tr>
{{ end }} {{ end }}
@ -29,7 +29,7 @@
<tr> <tr>
<td><img class="img-responsive" src="{{ .Site.BaseURL }}images/game/icons/{{ default (print .File.BaseFileName ".png") }}" /></td> <td><img class="img-responsive" src="{{ .Site.BaseURL }}images/game/icons/{{ default (print .File.BaseFileName ".png") }}" /></td>
<td><a href="{{ .Permalink }}">{{ .Params.title }}</a></td> <td><a href="{{ .Permalink }}">{{ .Params.title }}</a></td>
<td>{{ $rating.name }}</td> <td><div class="square-icon" style="background-color: {{ $rating.color }}"></div> {{ $rating.name }}</td>
<td>{{ dateFormat "January 2, 2006" .Params.tested_date }}</td> <td>{{ dateFormat "January 2, 2006" .Params.tested_date }}</td>
</tr> </tr>
{{ end }} {{ end }}

2
site/themes/citra-bs-theme/layouts/game/single.html
View File

@ -37,7 +37,7 @@
<tbody> <tbody>
<tr> <tr>
<td style="width: 100px;">Status</td> <td style="width: 100px;">Status</td>
<td><b>{{ $rating.name }}</b><br />{{ $rating.description }}</td> <td><b><div class="square-icon" style="background-color: {{ $rating.color }}"></div> {{ $rating.name }}</b><br />{{ $rating.description }}</td>
</tr> </tr>
<tr> <tr>
<td>Game Icon</td> <td>Game Icon</td>

9
site/themes/citra-bs-theme/static/css/style.css
View File

@ -317,3 +317,12 @@ a:hover, a:focus {
.entry-comments { .entry-comments {
padding-top: 16px; padding-top: 16px;
} }
/* Used for square boxes color coded */
.square-icon { float: left; margin-top: 2px; margin-right: 4px; width: 16px; height: 16px; background-color: black; }
.compat-0 { background-color: green; }
.compat-1 { }
.compat-2 { }
.compat-3 { }
.compat-4 { }
.compat-5 { }