angestoepselt/homepage
5
0
Fork 0
mirror of https://codeberg.org/angestoepselt/homepage.git synced 2025-05-24 14:46:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Temporarily disable contact form

Browse source
This commit is contained in:
Yannik Rödel 2023-01-18 22:23:30 +01:00
parent 559083bb81
commit 9346a2adc2
5 changed files with 50 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
sites/angestoepselt/computer-beantragen/index.md
View file

@ -4,7 +4,7 @@ useForms: true
eleventyNavigation: eleventyNavigation:
key: Computer beantragen key: Computer beantragen
order: 50 order: 50
callout: "Hinweis: Wir bekommen gerade sehr viele Anfragen und können daher keine neuen Laptops ausgeben! Desktop-PCs sind weiterhin verfügbar." callout: "Hinweis: Wir sind zurzeit ausgelastet und können leider temporär keine neuen Anfragen annehmen."
--- ---
# Computer beantragen # Computer beantragen

9
sites/angestoepselt/computer-beantragen/privat.md
View file

@ -1,12 +1,17 @@
--- ---
layout: layouts/page.njk layout: layouts/page.njk
useForms: true useForms: true
callout: "Hinweis: Wir bekommen gerade sehr viele Anfragen und können daher keine neuen Laptops ausgeben! Desktop-PCs sind weiterhin verfügbar." callout: "Hinweis: Wir sind zurzeit ausgelastet und können leider temporär keine neuen Anfragen annehmen."
--- ---
# Privat einen Computer beantragen # Privat einen Computer beantragen
<form method="post" action="/computer-beantragen/privat" enctype="multipart/form-data"> > Wir bekommen gerade zu viele Anfragen, um neue entgegenzunehmen.
> Bitte schaue in ein paar Wochen wieder auf unserer Homepage vorbei.
>
> Danke für dein Verständnis!
<form class="blanked-out-form" method="post" action="/computer-beantragen/privat" enctype="multipart/form-data">
Auf dieser Seite kannst du einen Antrag einreichen, um einen Computer von uns zu Auf dieser Seite kannst du einen Antrag einreichen, um einen Computer von uns zu
erhalten. Bitte teile uns zunächst deine Kontaktdaten mit. erhalten. Bitte teile uns zunächst deine Kontaktdaten mit.

6
sites/angestoepselt/httpd.conf
View file

@ -39,7 +39,7 @@ $HTTP["request-method"] =~ "GET|POST" {
"^/spenden" => "/cgi-bin/form.py", "^/spenden" => "/cgi-bin/form.py",
"^/mitmachen" => "/cgi-bin/form.py", "^/mitmachen" => "/cgi-bin/form.py",
"^/computer-beantragen/organisation" => "/cgi-bin/form.py", "^/computer-beantragen/organisation" => "/cgi-bin/form.py",
"^/computer-beantragen/privat" => "/cgi-bin/form.py", #"^/computer-beantragen/privat" => "/cgi-bin/form.py",
"^/hardware-spenden/organisation" => "/cgi-bin/form.py", "^/hardware-spenden/organisation" => "/cgi-bin/form.py",
# Note the actual POST endpoint is /hardware-spenden/privat/laptop, but the # Note the actual POST endpoint is /hardware-spenden/privat/laptop, but the
# form is served from /hardware-spenden/privat. # form is served from /hardware-spenden/privat.
@ -47,6 +47,10 @@ $HTTP["request-method"] =~ "GET|POST" {
) )
} }
$HTTP["url"] =~ "^/computer-beantragen/privat" {
}
$HTTP["url"] =~ "^/cgi-bin/" { $HTTP["url"] =~ "^/cgi-bin/" {
alias.url += ( "/cgi-bin" => "@cgibin@" ) alias.url += ( "/cgi-bin" => "@cgibin@" )

2
sites/angestoepselt/index.md
View file

@ -24,7 +24,7 @@ Wir schaffen Zugang in die digitale Welt
<a href="/computer-beantragen"> <a href="/computer-beantragen">
<div> <div>
<h3>Computer bekommen</h3> <h3>Computer bekommen</h3>
<em class="inline-callout">Aktuell keine Laptops | Desktop-PCs verfügbar</em> <em class="inline-callout">Aktuell nicht verfügbar</em>
</div> </div>
<svg class="action-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 219 175"> <svg class="action-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 219 175">
<linearGradient id="emphasis-gradient-sun" class="emphasis-gradient"> <linearGradient id="emphasis-gradient-sun" class="emphasis-gradient">

36
styles/components/_form-elements.scss
View file

@ -175,3 +175,39 @@
flex-basis: 60%; flex-basis: 60%;
} }
} }
.blanked-out-form {
position: relative;
padding: layout.$large-gap 0;
pointer-events: none;
&::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.6;
background-image: repeating-linear-gradient(
-45deg,
transparent 0rem,
transparent 2rem,
colors.$gray-100 2.2rem,
colors.$gray-100 2.4rem,
colors.$yellow-300 2.4rem,
colors.$yellow-300 2.8rem,
colors.$yellow-500 3rem,
colors.$yellow-300 3.2rem,
colors.$yellow-300 3.6rem,
colors.$gray-100 3.6rem,
colors.$gray-100 3.8rem
);
mask-image: linear-gradient(
transparent 0%,
black #{layout.$large-gap},
black calc(100% - #{layout.$large-gap}),
transparent 100%
);
}
}