---
title: Contact
created: 2020-10-07 00:25:42
template: page.html
noindex: 1
---
<div class="flex two-800">
    <form role="form" id="sendmail">
        <label>Subject: <input type="text" id="subject"></label>
        <label for="message">Message</label>
        <textarea id="message"></textarea>
        <button type="submit">Submit</button>
    </form>
    <div>
        <iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=-2.8711304068565373%2C53.37506926366071%2C-2.867589890956879%2C53.376438958518065&amp;layer=mapnik" style="border: 1px solid black"></iframe><br/>
        <small><a href="https://www.openstreetmap.org/#map=19/53.37575/-2.86936">View Larger Map</a></small>
        <h2>Mail address</h2>
        <address>
            <strong>{{ author }}</strong><br>
            Church Road<br>
            Woolton, Liverpool, Merseyside<br>
            England
        </address>
    </div>
</div>

<script>
document.getElementById('sendmail').onsubmit = () => {
    let subject = encodeURIComponent(document.getElementById('subject').value);
    let message = encodeURIComponent(document.getElementById('message').value);
    let a = document.createElement('a');
    a.href = `mailto:name@example.com?subject=${subject}&body=${message}`;
    a.click();
    return false;
}
</script>