Mosgiel Code Club

<h1 id='pageTitle'>Mosgiel Code Club</h1>

<p class='menu'><a href='members/'>Members Area</a></p>

<p>We are affiliated to <a href='https://codeclub.nz/page/code-club-projects' target='_blank'>Code Club Aotearoa</a> and work through Block programming projects in <a href='https://scratch.mit.edu/' target='_blank'>Scratch</a>, and HTML/CSS projects on <a href='https://trinket.io/' target='_blank'>Trinket.io</a>.</p>

<p>New members are welcome. Please fill out this <a href='https://docs.google.com/forms/d/e/1FAIpQLSdpgIfwFB02YZXL8bBK8I3OCtF914D4pT9wbu5qlDHvJIeolw/viewform' target='_blank'>Registration Form</a>.<br/>We meet from 6.30 pm to 7.30 pm on Wednesday evenings at <a href='https://goo.gl/maps/Ucy1QUZnhwmf8CpBA' target='_blank'>Taieri College</a>.</p>

<style>

#page {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #ffffff;
        flex-direction: column;
        padding: 16px;
    }

h1 {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 900;
        font-size: 60px;
        text-align: center;
        margin: -30px 0 10px 0;
        text-transform: capitalize;
        -webkit-text-stroke-width: 2px;
           -moz-text-stroke-width: 2px;
        -webkit-text-stroke-color: #000000;
           -moz-text-stroke-color: #000000;
        color: transparent;
        text-shadow: 4px 4px #ffdd00;
    }

a, a:visited {
        text-decoration: none;
        box-shadow: inset 0 0px 0 white, inset 0 -2px 0 #ffdd00;
        color: #000000;
    }

a:hover {
        color: #000000;
        cursor: pointer;
        border-bottom: solid 2px #ffdd00;
    }

p {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        font-size: 18px;
        text-align: center;
        color: #000000;
        margin: 8px 0 16px 0;
    }

p.menu {
        position: fixed;
        top: 0px;
    }

p.menu a {
        font-size: 10pt;
        color: #222;
        padding: 8px 8px 3px 8px;
        background-color: #ffffff;
        border-bottom: 3px solid #ffdd00;
        text-decoration: none;
    }

p.menu a:hover {
        background-color: #ffdd00;
    }

</style>

function getRandomNumber(min, max) {
        min = Math.ceil(min);
        max = Math.floor(max);
        return Math.floor(Math.random() * (max - min + 1)) + min;
    }

function getRandomFont() {
        switch (getRandomNumber(1, 3)) {
            case 1:
                return "'Fredoka One', 'Source Sans Pro', sans-serif";
                break;
            case 2:
                return "'Changa One', 'Source Sans Pro', sans-serif";
                break;
            case 3:
                return "'Source Sans Pro', sans-serif";
                break;
        }
    }

var pageTitle = document.getElementById('pageTitle');
    var titleString = pageTitle.innerHTML;
    pageTitle.innerHTML = '';
    var titleArray = new Array();
    for (var i = 0; i < titleString.length; i++) {
        pageTitle.innerHTML += '<span id="pgt' + i + '">' + titleString.charAt(i) + "</span>";
        titleArray[i] = 'pgt' + i;
    }

</script>

How would you like to name your code?