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

FIXED random reload link to work behind static cache.

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

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

3
public/styles/styles.css
View File

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

2
routes/index.js
View File

@ -27,7 +27,7 @@ router.get('/', function(req, res) {
cards = require('../lib/cards.json'), cards = require('../lib/cards.json'),
rand_card_num = Math.floor(Math.random() * Math.floor(cards.length-1)); 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) => { router.get('/cards/:card_num', (req, res) => {

4
views/partials/random_card.ejs
View File

@ -1,4 +1,4 @@
<% if (typeof card !== 'undefined') { %> <% if (typeof card !== 'undefined' && typeof random_num !== 'undefined') { %>
<a href="/cards/<%= card.num.toLowerCase() %>" <a href="/cards/<%= card.num.toLowerCase() %>"
class="card-randomLink" title="Tap or click to learn about <%= card.name %>'s card!"> class="card-randomLink" title="Tap or click to learn about <%= card.name %>'s card!">
<figure> <figure>
@ -16,6 +16,6 @@
</a> </a>
<p class="card-randomWrapper"> <p class="card-randomWrapper">
or 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> </p>
<% } %> <% } %>