FIXED random reload link to work behind static cache.

UPDATED padding on random card.
UPDATED to v0.2.2.
This commit is contained in:
Eric Woodward 2018-01-27 09:49:04 -05:00
parent 5ca57a3189
commit 91b0b1f2df
4 changed files with 6 additions and 5 deletions

View File

@ -1,6 +1,6 @@
{
"name": "@mysticbits/codex-mythica",
"version": "0.2.1",
"version": "0.2.2",
"private": true,
"scripts": {
"start": "nodejs ./bin/www"

View File

@ -216,7 +216,7 @@ p {
.card-randomLink {
border: none;
display: inline-block;
padding: .25em;
padding: 0;
line-height: 0;
margin: 0;
}
@ -227,6 +227,7 @@ p {
.card-randomLink > figure {
border: none;
margin: .5em 2em;
}
.card-randomLink > figure > figcaption {

View File

@ -27,7 +27,7 @@ router.get('/', function(req, res) {
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] });
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) => {

View File

@ -1,4 +1,4 @@
<% if (typeof card !== 'undefined') { %>
<% if (typeof card !== 'undefined' && typeof random_num !== 'undefined') { %>
<a href="/cards/<%= card.num.toLowerCase() %>"
class="card-randomLink" title="Tap or click to learn about <%= card.name %>'s card!">
<figure>
@ -16,6 +16,6 @@
</a>
<p class="card-randomWrapper">
or
<a href="/">&#x21bb; reload the page for a different card.</a>
<a href="/?r<%=random_num%>">&#x21bb; reload the page for a different card.</a>
</p>
<% } %>