<script src=“formspree.io/js/formbutton-v1.min.js” defer></script>

<!– Add contact button (see formspree.io/formbutton/docs) –> <script>

window.formbutton=window.formbutton||function(){(formbutton.q=formbutton.q||[]).push(arguments)};
formbutton("create", {
    title: "{{ site.data.formbutton.title }}",
    description: null,
    buttonImg: "<i class='fas fa-comment-alt' style='font-size: 24px;'/>",
    action: "https://formspree.io/{{ site.data.formbutton.link }}",
    theme: "{{ site.data.formbutton.theme }}",
    onResponse: function(ok, setStatus) {
        if (ok) {
        setStatus("<span>{{ site.data.formbutton.response }}</span>");
        } else {
        setStatus("<span style='color: red'>{{ site.data.formbutton.error_message }}</span>");
        }
    },
    fields: [{
    name: "name",
    type: "text",
    label: "Your Name",
    required: true,
    },
    {
    name: "email",
    type: "email",
    label: "Your Email",
    required: true
    },
    {
    name: "Message",
    type: "textarea"
    },
    {
    type: "submit"
    }],
    styles: {
    fontSize: "14px",
    fontFamily: "{{ site.data.formbutton.font.body }}",
    lineHeight: "1",
    body: {
        background: "{{ site.data.formbutton.color.body-background }}"
    },
    button: {
        border: "2px solid {{ site.data.formbutton.color.button }}",
        borderRadius: "20px",
        background: "{{ site.data.formbutton.color.button-background }}",
        color: "{{ site.data.formbutton.color.button }}",
        boxShadow: "None",
        width: "50px",
        height: "50px"
    },
    title: {
        fontFamily: "{{ site.data.formbutton.font.title }}",
        background: "{{ site.data.formbutton.color.title-background }}",
        color: "{{ site.data.formbutton.color.title }}",
        letterSpacing: "0.05em",
    },
    closeButton: {
        display: "None"
    }
    }
});

</script>