Added reCAPTCHA to Formspree and support for Netlify forms

Carmine DiChiara

16.33.2021 5de4e5ea8b77b86e5635a39f6b6f450a8779425c

 assets/css/style.css

@@ -14,8 +14,10 @@
    --tag-color: #424242;
    --blockquote-text-color: #858585;
    --blockquote-border-color: #dfe2e5;
    --error-color: #ff3939;
    --thumbnail-height: 15em;
    scroll-padding-top: 100px;
    --font-family: 'Verdana', sans-serif;
}

html[data-theme='dark'] {
@@ -32,6 +34,7 @@
    --tag-color: rgb(191, 191, 191);
    --blockquote-text-color: #808080;
    --blockquote-border-color: #424242;
    --error-color: #ff3939;
}

html {
@@ -41,7 +44,7 @@

body {
    color: var(--body-color);
    font-family: 'Verdana', sans-serif;
    font-family: var(--font-family);
    font-size: 15px;
    width: 100%;
    margin: 0 auto 30px auto;
@@ -130,40 +133,48 @@

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@@ -1052,7 +1063,7 @@
    border: 1px solid var(--form-border-color);
    color: var(--body-color);
}
.form-style ul li    .field-style:focus {
.form-style ul li .field-style:focus {
    box-shadow: 0 0 5px;
    border:1px solid;
}
@@ -1068,6 +1079,10 @@
.form-style ul li input.align-right {
    float:right;
}
.form-style input,
.form-style textarea {
    font-family: var(--font-family);
}
.form-style ul li textarea {
    background-color: var(--bg-color);
    border: 1px solid var(--form-border-color);
@@ -1075,7 +1090,6 @@
    width: 100%;
    height: auto;
}
.form-style ul li input[type="button"], 
.form-style ul li input[type="submit"] {
    background-color: var(--bg-color);
    border: 1px solid var(--form-border-color);
@@ -1085,10 +1099,20 @@
    text-decoration: none;
    width: 100%;
}
.form-style ul li input[type="button"]:hover, 
.form-style ul li input[type="submit"]:hover {
    background-color: var(--bg-color);
    border: 1px solid var(--form-button-hover-border-color);
}

/* (CONTACT) FORM END */
.form-style .form-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1;
}
.form-feedback {
    text-align: center;
}
.form-feedback[feedback-success="false"] {
    color: var(--error-color);
}
/* (CONTACT) FORM END */