eric/codex-mythica
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

merge into: eric:master
Branches Tags
eric:main
eric:master
...
pull from: eric:main
Branches Tags
eric:main
eric:master

2 Commits
master ... main

Author SHA1 Message Date
Eric Woodward
06cb7c6ede Update README 2024-10-15 16:40:06 -04:00
Eric Woodward
6f41b9d5be Library updates 2024-10-15 16:37:26 -04:00
17 changed files with 2110 additions and 469 deletions
Show Stats Expand all files Collapse all files

21
README.md
View File

@ -4,37 +4,36 @@ The Codex Mythica is a database of all of the cards released for the Mythic Wars
## Installing
+ Requires: [git](https://git-scm.com/), [Node](https://nodejs.org/), [Express](https://expressjs.com/), and (optionally) a static web server (we recommend [nginx](https://nginx.org/)).
- Requires: [git](https://git-scm.com/), [Node](https://nodejs.org/), [Express](https://expressjs.com/), and (optionally) a static web server (we recommend [nginx](https://nginx.org/)).
+ Clone from the git repo:
- Clone from the git repo:
```shell
git clone https://git.itsericwoodward.com/eric/codex-mythica.git mwg-codex
git clone https://git.itsericwoodward.com/eric/codex-mythica.git
```
+ Go into the directory for the site:
- Go into the directory for the site:
```shell
cd mwg-codex
cd codex-mythica
```
+ Install the required NPM libraries:
- Install the required NPM libraries:
```shell
npm install
```
+ Launch the production binary file:
- Launch the production binary file:
```shell
./bin/www-prod
```
+ Share and enjoy!
- Share and enjoy!
## License
The cards and images from the game are copyright (c) 2014-2018 Eric Woodward, all rights reserved.
The cards and images from the game are copyright (c) 2014-2024 Eric Woodward, all rights reserved.
The rest of the project is copyright (c) 2017-2018 Eric Woodward, released under the MIT license.
The rest of the project is copyright (c) 2017-2024 Eric Woodward, released under the MIT license.

82
app.js
View File

@ -1,40 +1,48 @@
var
express = require('express'),
path = require('path'),
logger = require('morgan'),
cookieParser = require('cookie-parser'),
bodyParser = require('body-parser'),
compression = require('compression'),
routes = require('./routes/index'),
search = require('./routes/search'),
pkg = require('./package'),
var express = require("express"),
path = require("path"),
logger = require("morgan"),
cookieParser = require("cookie-parser"),
compression = require("compression"),
routes = require("./routes/index"),
search = require("./routes/search"),
pkg = require("./package"),
app = express();
Object.assign(
app.locals, {
mw_site_uri: 'https://mythicwarsgame.com',
Object.assign(app.locals, {
mw_site_uri: "https://mythicwarsgame.com",
site: {
title: 'The Codex Mythica',
description: "The Codex Mythica is a database of all of the cards released for the Mythic Wars card game. Browse through all of the cards in the game, or search to find the card(s) you're looking for.",
keywords: 'codex, card game, mythic cards, mythic wars cards, mythic wars, clash of the gods, cthulhu rises, nemesis, excalibre, collectible card game, ccg, mythic sets, game, multiplayer, hobby, zeus, thor',
base_uri: (process.env.NODE_ENV || '').toLowerCase().indexOf('dev') > -1 ? 'http://localhost:8320' : 'https://codex.mythicwarsgame.com'
title: "The Codex Mythica",
description:
"The Codex Mythica is a database of all of the cards released for the Mythic Wars card game. Browse through all of the cards in the game, or search to find the card(s) you're looking for.",
keywords:
"codex, card game, mythic cards, mythic wars cards, mythic wars, clash of the gods, cthulhu rises, nemesis, excalibre, collectible card game, ccg, mythic sets, game, multiplayer, hobby, zeus, thor",
base_uri:
(process.env.NODE_ENV || "").toLowerCase().indexOf("dev") > -1
? "http://localhost:8320"
: "https://codex.mythicwarsgame.com",
},
author: {
name: pkg.author.name,
contact: pkg.author.email
}
contact: pkg.author.email,
},
});
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set("views", path.join(__dirname, "views"));
// app.set('view engine', 'jade');
app.set('view engine', 'ejs');
app.set("view engine", "ejs");
app.use(logger(':req[x-forwarded-for] - [:date[clf]] ":method :url HTTP/:http-version" :status :res[content-length]'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded());
app.use(
logger(
':req[x-forwarded-for] - [:date[clf]] ":method :url HTTP/:http-version" :status :res[content-length]'
)
);
app.use(express.json());
app.use(
express.urlencoded({
extended: true,
})
);
app.use(cookieParser());
app.use((req, res, next) => {
@ -44,26 +52,28 @@ app.use((req, res, next) => {
next();
});
app.use(compression());
app.use('/', routes);
app.use('/search/', search);
app.use("/", routes);
app.use("/search/", search);
app.use(express.static(path.join(__dirname, 'public')));
app.use(express.static(path.join(__dirname, "public")));
/// catch 404 and forwarding to error handler
app.use(function (req, res, next) {
res.status(404).sendFile(path.join(__dirname + '/public/errors', '404.html'));
res.status(404).sendFile(
path.join(__dirname + "/public/errors", "404.html")
);
});
/// error handlers
// development error handler
// will print stacktrace
if ((process.env.NODE_ENV || '').toLowerCase().indexOf('dev') > -1 ) {
if ((process.env.NODE_ENV || "").toLowerCase().indexOf("dev") > -1) {
app.use(function (err, req, res, next) {
res.status(err.status || 500);
res.render('error', {
res.render("error", {
message: err.message,
error: err
error: err,
});
});
}
@ -72,12 +82,10 @@ if ((process.env.NODE_ENV || '').toLowerCase().indexOf('dev') > -1 ) {
// no stacktraces leaked to user
app.use(function (err, req, res, next) {
res.status(err.status || 500);
res.render('error', {
res.render("error", {
message: err.message,
error: {}
error: {},
});
});
module.exports = app;

10
bin/www
View File

@ -1,9 +1,9 @@
#!/usr/bin/node
var debug = require('debug')('my-application');
var app = require('../app');
var debug = require("debug")("my-application");
var app = require("../app");
app.set('port', process.env.PORT || 8320);
app.set("port", process.env.PORT || 8320);
var server = app.listen(app.get('port'), function() {
console.log('Express server listening on port ' + server.address().port);
const server = app.listen(app.get("port"), () => {
console.log("Express server listening on port " + server.address().port);
});

256
lib/cards.json
View File

File diff suppressed because it is too large Load Diff

1637
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

20
package.json
View File

@ -1,18 +1,18 @@
{
"name": "@mysticbits/codex-mythica",
"version": "0.4.0",
"name": "@itsericwoodward/codex-mythica",
"version": "0.6.1",
"private": true,
"scripts": {
"start": "nodejs ./bin/www"
},
"dependencies": {
"body-parser": "~1.0.0",
"compression": "^1.7.1",
"cookie-parser": "~1.0.1",
"debug": "~0.7.4",
"ejs": "^2.5.7",
"express": "~4.16.0",
"morgan": "~1.0.0"
"body-parser": "~1.20.3",
"compression": "^1.7.4",
"cookie-parser": "~1.4.7",
"debug": "~4.3.7",
"ejs": "^3.1.10",
"express": "~4.21.1",
"morgan": "~1.10.0"
},
"author": {
"name": "Eric Woodward",
@ -20,6 +20,6 @@
"url": "https://itsericwoodward.com/"
},
"devDependencies": {
"ejs-lint": "^0.3.0"
"ejs-lint": "^2.0.0"
}
}

56
public/styles/styles.css
View File

@ -101,7 +101,7 @@ body {
background: url('/images/tile-bg.jpg');
color: #FFFDD7;
font-family: 'liberation_serif', serif;
font-size: 12pt;
font-size: 14pt;
line-height: 1.35em;
}
@ -206,9 +206,6 @@ p {
line-height: 1.35em;
}
.card-info > img {
}
.card-pantheon {
max-width: 1.1em;
vertical-align: middle;
@ -346,10 +343,6 @@ p {
border-radius: 0.6em;
}
.navMenu {
}
.navMenu ul {
list-style-type: none;
margin: 0;
@ -684,39 +677,15 @@ p {
max-height: 10em; /* just in case */
}
.js.js-hasFontsLoaded body {
font-size: 14pt;
font-size: 16pt;
}
/*
* Didn't use this, saving it unless I decie to use it later.
.js .js-ulToggle {
cursor: pointer;
}
.js .js-ulToggle::after {
content: ' \25BC';
font-size: .5em;
vertical-align: text-top;
}
.js .js-ulToggle-hidden ul {
display: none;
}
.js .js-ulToggle-hidden .js-ulToggle::after {
content: ' \25B2';
}
*/
/****************************************************************************
* Responsive Media Queries
****************************************************************************/
@media screen and (min-width: 30em) {
@media screen and (min-width: 32em) {
.dataBox {
display: grid;
@ -738,15 +707,9 @@ p {
}
}
@media screen and (min-width: 33em) {
.dataBox {
grid-template-columns: repeat(auto-fill, minmax(6em, 1fr)) ;
}
}
@media screen and (min-width: 37em) {
.dataBox {
grid-template-columns: repeat(auto-fill, minmax(7em, 1fr)) ;
grid-template-columns: repeat(auto-fill, minmax(6em, 1fr)) ;
}
}
@ -767,6 +730,12 @@ p {
}
}
@media screen and (min-width: 42em) {
.dataBox {
grid-template-columns: repeat(auto-fill, minmax(7em, 1fr)) ;
}
}
@media screen and (min-width: 58em) {
.card-data {
grid-column: auto / span 2;
@ -775,12 +744,11 @@ p {
}
.card-image {
display: block;
width: auto;
}
.card-info {
align-items: center;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(12em, 1fr)) ;
grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)) ;
}
.dataBox {
grid-template-columns: repeat(auto-fill, minmax(8em, 1fr)) ;

64
routes/index.js
View File

@ -1,15 +1,13 @@
'use strict';
"use strict";
const
express = require('express'),
const express = require("express"),
sortByName = function (list) {
let
coll_opts = {
sensitivity: 'accent',
let coll_opts = {
sensitivity: "accent",
numeric: true,
caseFirst: "upper"
caseFirst: "upper",
},
field = 'name',
field = "name",
coll = new Intl.Collator({}, coll_opts);
list.sort((a, b) => {
if (a[field] && b[field]) {
@ -22,36 +20,52 @@ const
let router = express.Router();
/* GET home page. */
router.get('/', function(req, res) {
let
cards = require('../lib/cards.json'),
rand_card_num = Math.floor(Math.random() * Math.floor(cards.length-1));
router.get("/", function (req, res) {
let cards = require("../lib/cards.json"),
rand_card_num = Math.floor(
Math.random() * Math.floor(cards.length - 1)
);
res.render('index', { title: 'Welcome', query: (req.query || {}), card: cards[rand_card_num], random_num: rand_card_num });
res.render("index", {
title: "Welcome",
query: req.query || {},
card: cards[rand_card_num],
random_num: rand_card_num,
});
});
router.get('/cards/:card_num', (req, res) => {
req.params.card_num = (req.params.card_num || 'all');
let
cards = require('../lib/cards.json'),
links = require('../lib/links.json'),
filtered = cards.filter(card =>
card.num.toLowerCase().indexOf(req.params.card_num.toLowerCase()) > -1 || req.params.card_num.toLowerCase() === 'all'
router.get("/cards/:card_num", (req, res) => {
req.params.card_num = req.params.card_num || "all";
let cards = require("../lib/cards.json"),
links = require("../lib/links.json"),
filtered = cards.filter(
(card) =>
card.num
.toLowerCase()
.indexOf(req.params.card_num.toLowerCase()) > -1 ||
req.params.card_num.toLowerCase() === "all"
);
if (filtered.length === 1) {
let card = filtered[0];
if (links && card.hasOwnProperty('name') && links.hasOwnProperty(card.name)) {
if (
links &&
card.hasOwnProperty("name") &&
links.hasOwnProperty(card.name)
) {
Object.assign(card, links[card.name]);
}
res.render('single', { title: card.name + ' (' + card.num + ')', card: card });
res.render("single", {
title: card.name + " (" + card.num + ")",
card: card,
});
} else {
filtered = sortByName(filtered);
res.render('all', { title: 'All Cards', cards: filtered });
res.render("all", { title: "All Cards", cards: filtered });
}
});
router.get('/cards', function(req, res) {
res.redirect('/cards/all');
router.get("/cards", function (req, res) {
res.redirect("/cards/all");
});
module.exports = router;

105
routes/search.js
View File

@ -1,23 +1,25 @@
'use strict';
"use strict";
const
express = require('express'),
const express = require("express"),
sortByField = function (field, order, list) {
field = (field || 'num');
order = (order || 'asc');
let
coll_opts = {
sensitivity: 'accent',
field = field || "num";
order = order || "asc";
let coll_opts = {
sensitivity: "accent",
numeric: true,
caseFirst: "upper"
caseFirst: "upper",
},
coll = new Intl.Collator({}, coll_opts);
list.sort((a, b) => {
if (a[field] && b[field]) {
let res = coll.compare(a[field], b[field]) * (order !== 'asc' ? -1 : 1);
if (res === 0 && field !== 'name') {
return coll.compare(a['name'], b['name']) * (order !== 'asc' ? -1 : 1);
let res =
coll.compare(a[field], b[field]) *
(order !== "asc" ? -1 : 1);
if (res === 0 && field !== "name") {
return (
coll.compare(a["name"], b["name"]) *
(order !== "asc" ? -1 : 1)
);
}
return res;
}
@ -29,44 +31,51 @@ const
let router = express.Router();
/* GET search results page. */
router.get('/', function(req, res) {
router.get("/", function (req, res) {
req.query = req.query || {};
let filtered = [];
if (Object.keys(req.query).length > 0) {
let
q = req.query,
cards = require('../lib/cards.json');
q.search_in = (q.search_in || []);
q.search_for = (q.search_for || '').trim().toLowerCase();
q.pantheons = (q.pantheons || []);
let q = req.query,
cards = require("../lib/cards.json");
q.search_in = q.search_in || [];
q.search_for = (q.search_for || "").trim().toLowerCase();
q.pantheons = q.pantheons || [];
q.pantheons = Array.isArray(q.pantheons) ? q.pantheons : [q.pantheons];
q.elements = (q.elements || []);
q.elements = q.elements || [];
q.elements = Array.isArray(q.elements) ? q.elements : [q.elements];
q.types = (q.types || []);
q.types = q.types || [];
q.types = Array.isArray(q.types) ? q.types : [q.types];
q.races = (q.races || []);
q.races = q.races || [];
q.races = Array.isArray(q.races) ? q.races : [q.races];
q.releases = (q.releases || []);
q.releases = q.releases || [];
q.releases = Array.isArray(q.releases) ? q.releases : [q.releases];
q.sort_by = (q.sort_by || 'num').trim().toLowerCase();
q.sort_order = (q.sort_order || 'asc').trim().toLowerCase();
q.sort_by = (q.sort_by || "num").trim().toLowerCase();
q.sort_order = (q.sort_order || "asc").trim().toLowerCase();
console.log(`sort_by: ${q.sort_by}`);
filtered = cards.filter(card => {
if (q.search_in.length > 0 && q.search_for.trim() !== '') {
if (!(
(q.search_in.indexOf('name') > -1 && (card.name.toLowerCase().indexOf(q.search_for) > -1 || card.name_ang.indexOf(q.search_for) > -1)) ||
(q.search_in.indexOf('ability') > -1 && (card.ability_name.toLowerCase().indexOf(q.search_for) > -1 || card.ability_text.toLowerCase().indexOf(q.search_for) > -1)))) {
filtered = cards.filter((card) => {
if (q.search_in.length > 0 && q.search_for.trim() !== "") {
if (
!(
(q.search_in.indexOf("name") > -1 &&
(card.name.toLowerCase().indexOf(q.search_for) >
-1 ||
card.name_ang.indexOf(q.search_for) > -1)) ||
(q.search_in.indexOf("ability") > -1 &&
(card.ability_name
.toLowerCase()
.indexOf(q.search_for) > -1 ||
card.ability_text
.toLowerCase()
.indexOf(q.search_for) > -1))
)
) {
return false;
}
}
if (q.pantheons.length > 0 && card.pantheon) {
let
has_pantheon = false;
let has_pantheon = false;
for (let i = 0; i < q.pantheons.length; i++) {
if (card.pantheon_idx.indexOf(q.pantheons[i]) > -1) {
has_pantheon = true;
@ -78,8 +87,7 @@ router.get('/', function(req, res) {
}
if (q.elements.length > 0) {
let
has_element = false;
let has_element = false;
for (let i = 0; i < q.elements.length; i++) {
if (card.element_idx.indexOf(q.elements[i]) > -1) {
has_element = true;
@ -91,8 +99,7 @@ router.get('/', function(req, res) {
}
if (q.races.length > 0 && card.race) {
let
has_race = false;
let has_race = false;
for (let i = 0; i < q.races.length; i++) {
if (card.race_idx.indexOf(q.races[i]) > -1) {
has_race = true;
@ -104,8 +111,7 @@ router.get('/', function(req, res) {
}
if (q.types.length > 0) {
let
has_type = false;
let has_type = false;
for (let i = 0; i < q.types.length; i++) {
if (card.type_idx.indexOf(q.types[i]) > -1) {
has_type = true;
@ -117,8 +123,7 @@ router.get('/', function(req, res) {
}
if (q.releases.length > 0) {
let
has_release = false;
let has_release = false;
for (let i = 0; i < q.releases.length; i++) {
if (card.num.toLowerCase().indexOf(q.releases[i]) > -1) {
has_release = true;
@ -131,13 +136,17 @@ router.get('/', function(req, res) {
return true;
});
if (q.sort_by !== 'name') {
filtered = sortByField('name', q.sort_order, filtered);
if (q.sort_by !== "name") {
filtered = sortByField("name", q.sort_order, filtered);
}
filtered = sortByField(q.sort_by, q.sort_order, filtered);
}
res.render('search', { title:`Search Results (${filtered.length})`, query: req.query, cards: filtered });
res.render("search", {
title: `Search Results (${filtered.length})`,
query: req.query,
cards: filtered,
});
});
module.exports = router;

10
views/all.ejs
View File

@ -1,19 +1,19 @@
<!-- views/pages/index.ejs -->
<% include ./partials/top %>
<%- include('./partials/top') %>
<body class="container">
<% include ./partials/header %>
<%- include('./partials/header') %>
<main class='main'>
<% include ./partials/cards %>
<%- include('./partials/cards') %>
</main>
<% include ./partials/footer %>
<%- include('./partials/footer') %>
<% include ./partials/scripts %>
<%- include('./partials/scripts') %>
</body>
</html>

2
views/error.ejs
View File

@ -24,7 +24,7 @@
</main>
<footer>
<% include ./partials/footer %>
<% include('./partials/footer') %>
</footer>
</body>

19
views/index.ejs
View File

@ -1,25 +1,30 @@
<!-- views/pages/index.ejs -->
<% include ./partials/top %>
<%- include('./partials/top') %>
<body class="container">
<% include ./partials/header %>
<%- include('./partials/header') %>
<main class='main'>
<div class='intro'>
<p><strong>The Codex Mythica</strong> is a database of all of the cards released for the <em>Mythic Wars</em> card game. Browse through <a href='/cards/'>all of the cards</a> in the game, or search to find the card(s) you&apos;re looking for.
<p>
<strong>The Codex Mythica</strong> is a database of all of the cards released
for the <em>Mythic Wars</em> card game. Browse through
<a href='/cards/'>all of the cards</a> in the game, or search to find the
card(s) you&apos;re looking for.
</p>
</div>
<% include ./partials/random_card %>
<%- include('./partials/random_card') %>
<% include ./partials/search_form %>
<%- include('./partials/search_form') %>
</main>
<% include ./partials/footer %>
<%- include('./partials/footer') %>
<% include ./partials/scripts %>
<%- include('./partials/scripts') %>
</body>
</html>

2
views/partials/cards.ejs
View File

@ -4,7 +4,7 @@
<%
cards.forEach(card => {
%>
<% include ./preview %>
<%- include('./preview', { card }) %>
<%
})
%>

6
views/partials/footer.ejs
View File

@ -2,12 +2,12 @@
<footer id="footer" class="footer" role="contentinfo">
<div class="footer-inner clearfix">
<p>
<strong>The Codex Mythica</strong> &copy; 2017-2018
<strong>The Codex Mythica</strong> &copy; 2017-2024
<a href="https://itsericwoodward.com/" class="p-author h-card" rel="author" title="Eric Woodward">Eric Woodward</a>. <em>Mythic Wars</em> and the Mythic Wars logo &copy; and &trade; Eric Woodward, licensed by Excalibre Games. <em>Excalibre Games</em> and the Excalibre Games parthenon &copy; and &trade; <a href="http://excalibregames.com/" title="Excalibre Games">Excalibre Games</a>.
</p>
<p>
Question or concerns? Find us on Twitter <a href="https://twitter.com/MythicWarsGame">@MythicWarsGame</a>, or send us an e-mail at
Question or concerns? Send us an e-mail at
<a href="&#109;&#97;&#105;&#108;&#116;&#111;&#58;
&#99;&#111;&#110;&#116;&#97;&#99;&#116;&#64;&#109;&#121;&#116;&#104;&#105;&#99;&#119;&#97;&#114;&#115;&#103;&#97;&#109;&#101;&#46;&#99;&#111;&#109;">
&#99;&#111;&#110;&#116;&#97;&#99;&#116;&#64;&#109;&#121;&#116;&#104;&#105;&#99;&#119;&#97;&#114;&#115;&#103;&#97;&#109;&#101;&#46;&#99;&#111;&#109;
@ -18,7 +18,7 @@
Powered by
<a href="https://nodejs.org/">Node</a>,
<a href="https://nginx.org/">nginx</a>,
<a href="https://atom.io/">Atom</a>,
<a href="https://vscodium.com/">VSCodium</a>,
and <strong>the will of the gods</strong>.
</p>
<a href="#" class="footer-topLink topLink">[ Go to Top ]</a>

31
views/partials/search_form.ejs
View File

@ -46,7 +46,7 @@
<input type='checkbox' name='pantheons' value='aztec'
<%- query && ((query.pantheons && query.pantheons.indexOf('aztec') > -1) || !query.pantheons || JSON.stringify(query.pantheons) === '[]') ? "checked='checked'" : '' %>
/>&nbsp;<img
class="searchForm-pantheon" src="/images/pantheons/aztec.png" alt="Aztec" />
class="searchForm-pantheon" src="/images/pantheons/aztec.png" alt="Aztec Pantheon Symbol" title="Aztec Pantheon" />
</label>
</li>
<li>
@ -54,7 +54,7 @@
<input type='checkbox' name='pantheons' value='egyptian'
<%- query && ((query.pantheons && query.pantheons.indexOf('egyptian') > -1) || !query.pantheons || JSON.stringify(query.pantheons) === '[]') ? "checked='checked'" : '' %>
/>&nbsp;<img
class="searchForm-pantheon" src="/images/pantheons/egyptian.png" alt="Egyptian" />
class="searchForm-pantheon" src="/images/pantheons/egyptian.png" alt="Egyptian Pantheon Symbol" title="Egyptian Pantheon" />
</label>
</li>
<li>
@ -62,7 +62,7 @@
<input type='checkbox' name='pantheons' value='eternal'
<%- query && ((query.pantheons && query.pantheons.indexOf('eternal') > -1) || !query.pantheons || JSON.stringify(query.pantheons) === '[]') ? "checked='checked'" : '' %>
/>&nbsp;<img
class="searchForm-pantheon" src="/images/pantheons/eternal.png" alt="Eternal" />
class="searchForm-pantheon" src="/images/pantheons/eternal.png" alt="Eternal Pantheon Symbol" title="Eternal Pantheon" />
</label>
</li>
<li>
@ -70,7 +70,7 @@
<input type='checkbox' name='pantheons' value='greek'
<%- query && ((query.pantheons && query.pantheons.indexOf('greek') > -1) || !query.pantheons || JSON.stringify(query.pantheons) === '[]') ? "checked='checked'" : '' %>
/>&nbsp;<img
class="searchForm-pantheon" src="/images/pantheons/greek.png" alt="Greek" />
class="searchForm-pantheon" src="/images/pantheons/greek.png" alt="Greek Pantheon Symbol" title="Greek Pantheon" />
</label>
</li>
<li>
@ -78,7 +78,7 @@
<input type='checkbox' name='pantheons' value='japanese'
<%- query && ((query.pantheons && query.pantheons.indexOf('japanese') > -1) || !query.pantheons || JSON.stringify(query.pantheons) === '[]') ? "checked='checked'" : '' %>
/>&nbsp;<img
class="searchForm-pantheon" src="/images/pantheons/japanese.png" alt="Japanese" />
class="searchForm-pantheon" src="/images/pantheons/japanese.png" alt="Japanese Pantheon Symbol" title="Japanese Pantheon" />
</label>
</li>
<li>
@ -86,7 +86,7 @@
<input type='checkbox' name='pantheons' value='norse'
<%- query && ((query.pantheons && query.pantheons.indexOf('norse') > -1) || !query.pantheons || JSON.stringify(query.pantheons) === '[]') ? "checked='checked'" : '' %>
/>&nbsp;<img
class="searchForm-pantheon" src="/images/pantheons/norse.png" alt="Norse" />
class="searchForm-pantheon" src="/images/pantheons/norse.png" alt="Norse Pantheon Symbol" title="Norse Pantheon" />
</label>
</li>
<li>
@ -94,7 +94,7 @@
<input type='checkbox' name='pantheons' value='old-ones'
<%- query && ((query.pantheons && query.pantheons.indexOf('old-ones') > -1) || !query.pantheons || JSON.stringify(query.pantheons) === '[]') ? "checked='checked'" : '' %>
/>&nbsp;<img
class="searchForm-pantheon" src="/images/pantheons/old-ones.png" alt="Old Ones" />
class="searchForm-pantheon" src="/images/pantheons/old-ones.png" alt="Old Ones Pantheon Symbol" title="Old Ones Pantheon" />
</label>
</li>
<li>
@ -102,7 +102,7 @@
<input type='checkbox' name='pantheons' value='sumerian'
<%- query && ((query.pantheons && query.pantheons.indexOf('sumerian') > -1) || !query.pantheons || JSON.stringify(query.pantheons) === '[]') ? "checked='checked'" : '' %>
/>&nbsp;<img
class="searchForm-pantheon" src="/images/pantheons/sumerian.png" alt="Sumerian" />
class="searchForm-pantheon" src="/images/pantheons/sumerian.png" alt="Sumerian Pantheon Symbol" title="Sumerian Pantheon" />
</label>
</li>
</ul>
@ -115,7 +115,7 @@
<input type='checkbox' name='elements' value='water'
<%- query && ((query.elements && query.elements.indexOf('water') > -1) || !query.elements || JSON.stringify(query.elements) === '[]') ? "checked='checked'" : '' %>
/>&nbsp;<img
class="searchForm-element" src="/images/elements/water.png" alt="Water" />
class="searchForm-element" src="/images/elements/water.png" alt="Water Element Symbol" title="Water Element" />
</label>
</li>
<li>
@ -123,7 +123,7 @@
<input type='checkbox' name='elements' value='fire'
<%- query && ((query.elements && query.elements.indexOf('fire') > -1) || !query.elements || JSON.stringify(query.elements) === '[]') ? "checked='checked'" : '' %>
/>&nbsp;<img
class="searchForm-element" src="/images/elements/fire.png" alt="Fire" />
class="searchForm-element" src="/images/elements/fire.png" alt="Fire Element Symbol" title="Fire Element" />
</label>
</li>
<li>
@ -131,7 +131,7 @@
<input type='checkbox' name='elements' value='earth'
<%- query && ((query.elements && query.elements.indexOf('earth') > -1) || !query.elements || JSON.stringify(query.elements) === '[]') ? "checked='checked'" : '' %>
/>&nbsp;<img
class="searchForm-element" src="/images/elements/earth.png" alt="Earth" />
class="searchForm-element" src="/images/elements/earth.png" alt="Earth Element Symbol" title="Earth Element" />
</label>
</li>
<li>
@ -139,7 +139,7 @@
<input type='checkbox' name='elements' value='air'
<%- query && ((query.elements && query.elements.indexOf('air') > -1) || !query.elements || JSON.stringify(query.elements) === '[]') ? "checked='checked'" : '' %>
/>&nbsp;<img
class="searchForm-element" src="/images/elements/air.png" alt="Air" />
class="searchForm-element" src="/images/elements/air.png" alt="Air Element Symbol" title="Air Element" />
</label>
</li>
<li>
@ -147,7 +147,7 @@
<input type='checkbox' name='elements' value='law'
<%- query && ((query.elements && query.elements.indexOf('law') > -1) || !query.elements || JSON.stringify(query.elements) === '[]') ? "checked='checked'" : '' %>
/>&nbsp;<img
class="searchForm-element" src="/images/elements/law.png" alt="Law" />
class="searchForm-element" src="/images/elements/law.png" alt="Law Element Symbol" title="Law Element" />
</label>
</li>
<li>
@ -155,11 +155,12 @@
<input type='checkbox' name='elements' value='chaos'
<%- query && ((query.elements && query.elements.indexOf('chaos') > -1) || !query.elements || JSON.stringify(query.elements) === '[]') ? "checked='checked'" : '' %>
/>&nbsp;<img
class="searchForm-element" src="/images/elements/chaos.png" alt="Chaos" />
class="searchForm-element" src="/images/elements/chaos.png" alt="Chaos Element Symbol" title="Chaos Element" />
</label>
</li>
</ul>
</li>
<li>
<label for='races' class='js-checkToggle'>Races</label>
<ul>
@ -300,7 +301,7 @@
</li>
<li>
<label>
<input type='radio' name='sort_order' value='asc'
<input type='radio' name='sort_order' value='desc'
<%- query && (query.sort_order && query.sort_order === 'desc') ? "checked='checked'" : '' %>
/>&nbsp;Descending
</label>

12
views/search.ejs
View File

@ -1,21 +1,21 @@
<!-- views/pages/search.ejs -->
<% include ./partials/top %>
<%- include('./partials/top') %>
<body class="container">
<% include ./partials/header %>
<%- include('./partials/header') %>
<main class='main'>
<% include ./partials/cards %>
<%- include('./partials/cards') %>
<% include ./partials/search_form %>
<%- include('./partials/search_form') %>
</main>
<% include ./partials/footer %>
<%- include('./partials/footer') %>
<% include ./partials/scripts %>
<%- include('./partials/scripts') %>
</body>
</html>

10
views/single.ejs
View File

@ -1,19 +1,19 @@
<!-- views/single.ejs -->
<% include ./partials/top %>
<%- include('./partials/top') %>
<body class="container">
<% include ./partials/header %>
<%- include('./partials/header') %>
<main>
<% include ./partials/card %>
<%- include('./partials/card') %>
</main>
<% include ./partials/footer %>
<%- include('./partials/footer') %>
<% include ./partials/scripts %>
<%- include('./partials/scripts') %>
</body>
</html>