stopplidelsen/innhold
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add contact form with spam protection

Browse source 
Add social media links to contact page

Move history content to dedicated page

Add SMTP configuration file

Update frontpage link styling
This commit is contained in:
Ruben 2025-11-04 22:19:58 +01:00
parent b3cefcdc57
commit c013c2cde3
9 changed files with 403 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

98
custom/styles/base.css
View file

@ -28,6 +28,7 @@ h1, h2, h3, h4, h5, h6 {
margin-top: 1.3em;
text-wrap: pretty;
}
a {
color: var(--color-green);
text-decoration: none;
@ -48,7 +49,7 @@ a {
.contain, :where(main>article, main>aside, main>section) {
display: grid;
grid-template-columns: minmax(.4rem, 1fr) minmax(0, 42rem) minmax(.3rem, 1fr);
grid-template-columns: minmax(.8rem, 1fr) minmax(0, 42rem) minmax(.3rem, 1fr);
> * {
grid-column: 2;
}
@ -113,6 +114,7 @@ main {
line-height: 1.35em;
}
}
.button {
margin-top: 1.3rem;
justify-self: start;
@ -124,7 +126,7 @@ main {
display: inline-block;
text-decoration: none;
border-radius: 2rem;
padding: 0.35rem 1rem;
padding: 0.55rem 1rem;
background-color: transparent;
color: var(--color-grey);
outline: 0.08rem var(--color-grey) solid;
@ -173,13 +175,103 @@ main {
&.bigger {
font-size: 1.2em;
padding: calc(0.35rem * 1.2) calc(1rem * 1.2);
/*padding: calc(0.35rem * 1.2) calc(1rem * 1.2);*/
border-radius: calc(1rem * 1.2);
}
&.centered {
justify-self: center;
}
}
/* FOOTER */
/* CONTACT FORM */
.contact-form {
margin-top: 2rem;
margin-bottom: 2rem;
.form-success {
background-color: #d4edda;
border: 1px solid #c3e6cb;
color: #155724;
padding: 1rem;
border-radius: 0.25rem;
margin-bottom: 1rem;
}
.form-errors {
background-color: #f8d7da;
border: 1px solid #f5c6cb;
color: #721c24;
padding: 1rem;
border-radius: 0.25rem;
margin-bottom: 1rem;
ul {
margin: 0.5rem 0 0 0;
padding-left: 1.5rem;
}
}
.contact-form-inner {
.form-group {
margin-bottom: 1.3rem;
label {
display: block;
font-weight: 600;
margin-bottom: 0.3rem;
color: var(--color-grey);
.required {
color: #dc3545;
}
}
input[type="text"],
input[type="email"],
textarea {
width: 100%;
padding: 0.6rem;
border: 1px solid #ccc;
border-radius: 0.25rem;
font-family: inherit;
font-size: 1rem;
box-sizing: border-box;
&:focus {
outline: none;
border-color: var(--color-green);
box-shadow: 0 0 0 0.2rem rgba(0, 156, 128, 0.25);
}
}
textarea {
resize: vertical;
min-height: 150px;
}
small {
display: block;
margin-top: 0.3rem;
color: #6c757d;
font-size: 0.875rem;
}
button[type="submit"] {
cursor: pointer;
border: none;
font-size: 1rem;
font-family: inherit;
&:hover {
cursor: pointer;
}
}
}
}
}
footer {
color: var(--color-green-light);
a {