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

Library updates

Browse Source
This commit is contained in:
Eric Woodward 2024-10-15 16:37:26 -04:00
parent 7477733589
commit 6f41b9d5be
16 changed files with 2100 additions and 458 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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.0",
"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>