min•i•mal |minəməl| About
adjective
- of minimum amount, quantity, or degree; negligible : a minimal amount of information.
- Art characterized by the use of simple or primary forms or structures, esp. geometric or massive ones.
Contact mmminimal
is a blend of tasteful designs and articles based on the concept of minimalism. Should you wish to share your thoughts or your minimal web finds please by all mean feel free to contact us here:
.tork-contact-form{max-width:40rem;margin:1.5rem 0;font:inherit;color:inherit}
.tork-contact-form input,.tork-contact-form textarea{display:block;width:100%;box-sizing:border-box;padding:.55rem .7rem;margin-top:.35rem;font:inherit}
.tork-contact-form button{padding:.65rem 1.15rem;font:inherit;cursor:pointer}
.tork-contact-form button:disabled{opacity:.6;cursor:wait}
.tork-contact-form__status{margin:.85rem 0 0}
(function(){
function boot(root){
var form=root.querySelector(‘form’);
var status=root.querySelector(‘.tork-contact-form__status’);
var button=form.querySelector(‘[type=submit]’);
var api=root.getAttribute(‘data-api’);
var idleLabel=button.textContent||’Send message’;
form.querySelector(‘[name=site]’).value=(location.hostname||”).replace(/^www./i,”);
form.querySelector(‘[name=page_url]’).value=location.href;
form.addEventListener(‘submit’,function(ev){
ev.preventDefault();
status.hidden=false; status.textContent=’Sending…’;
button.disabled=true; button.textContent=’Sending…’;
form.querySelector(‘[name=submitted_at]’).value=new Date().toISOString();
var fd=new FormData(form);
var payload={};
fd.forEach(function(v,k){payload[k]=String(v||”).trim();});
fetch(api,{method:’POST’,headers:{‘Content-Type’:’application/json’,Accept:’application/json’},body:JSON.stringify(payload)})
.then(function(r){return r.json().then(function(d){return {ok:r.ok,data:d||{}};});})
.then(function(res){
status.hidden=false;
if(res.ok&&res.data&&res.data.ok){status.textContent=’Thanks — your message was sent. We will get back to you soon.’;form.reset();}
else{status.textContent=(res.data&&res.data.error)||’Sorry, we could not send your message.’;}
})
.catch(function(){status.hidden=false;status.textContent=’Network error. Please try again.’;})
.finally(function(){button.disabled=false;button.textContent=idleLabel;});
});
}
document.querySelectorAll(‘.tork-contact-form’).forEach(boot);
})();
Connect
Twitter:
Grab the
Subscribe to our
Become a fan on
Follow pins on
The post appeared first on .
Related Posts
