florinpop17

const { body } = document;

let zoomActivated = false;

window.addEventListener('keydown', (e) => {
	if(e.key === 'z') {
		zoomActivated = !zoomActivated;
	}
});

florinpop17

<div class="container">
	<div class="row text-center">
		<h3>
			Feeling hungry?
		</h3>
		<h5>Get a random meal by clicking below</h5>
		<button class="button-primary" id="get_meal">Get Meal 🍔</button>

	</div>
	<div id="meal" class="row meal"></div>

florinpop17

<div class="container">
	<h3>Don't laugh challenge</h3>
	<div id="joke" class="joke"></div>
	<button id="get_joke" class="btn">Get Another Joke</button>
</div>

florinpop17

<a class="blob" href="google.com"> Check Price </a>

florinpop17

/* Color Buttons
------------------------------------------------------------ */
 
.button-blue,
.button-gray,
.button-green,
.button-purple,
.button-red,
.button-yellow {
    color: #fff;

florinpop17

<Countdown 
    timeTillDate="05 26 2019, 6:00 am" 
    timeFormat="MM DD YYYY, h:mm a" 
/>

florinpop17

import React from 'react';
import moment from 'moment';

class Countdown extends React.Component {
    state = {
        days: undefined,
        hours: undefined,
        minutes: undefined,
        seconds: undefined
    };

florinpop17

function mapNumber(number, in_min, in_max, out_min, out_max) {
    return (
        ((number - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min
    );
}

florinpop17

.countdown-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
}

florinpop17

const SVGCircle = ({ radius }) => (
    <svg className="countdown-svg">
        <path
            fill="none"
            stroke="#333"
            stroke-width="4"
            d={describeArc(50, 50, 48, 0, radius)}
        />
    </svg>
);