Browse Source

FIXED random reload link to work behind static cache.

UPDATED padding on random card.
UPDATED to v0.2.2.
master
Eric Woodward 4 years ago
parent
commit
91b0b1f2df
  1. 2
      package.json
  2. 3
      public/styles/styles.css
  3. 2
      routes/index.js
  4. 4
      views/partials/random_card.ejs

2
package.json

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

3
public/styles/styles.css

@ -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 {

2
routes/index.js

@ -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) => {

4
views/partials/random_card.ejs

@ -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>
<% } %>

Loading…
Cancel
Save