mirror of
https://github.com/Kugelschieber/schnittfest.git
synced 2026-11-12 09:02:01 +01:00
Compare commits
1
Commits
4d1362c257
...
master
| Author | SHA1 | Date | |
|---|---|---|---|
 marvin
|
096c71b684 |
@@ -38,6 +38,13 @@
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&__logo {
|
||||
display: block;
|
||||
width: auto;
|
||||
height: clamp(40px, 6vw, 64px);
|
||||
margin-bottom: 64px;
|
||||
}
|
||||
|
||||
&__headline {
|
||||
font-size: clamp(56px, 12vw, 180px);
|
||||
line-height: 0.9;
|
||||
|
||||
+4
-19
@@ -25,9 +25,6 @@
|
||||
background: $cream;
|
||||
box-shadow: 4px 4px 0 $ink;
|
||||
text-decoration: none;
|
||||
font-size: 22px;
|
||||
font-weight: 800;
|
||||
letter-spacing: -0.02em;
|
||||
transition: transform 0.3s $ease;
|
||||
|
||||
&:hover {
|
||||
@@ -44,22 +41,10 @@
|
||||
animation: rec-pulse 1.6s infinite;
|
||||
}
|
||||
|
||||
&__word {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&__cut {
|
||||
display: inline-block;
|
||||
margin: 0 1px;
|
||||
color: $orange;
|
||||
font-size: 0.75em;
|
||||
transform: rotate(-90deg);
|
||||
transition: transform 0.5s $ease;
|
||||
}
|
||||
|
||||
&__brand:hover &__cut {
|
||||
transform: rotate(-90deg) translateY(-3px) scaleX(0.6);
|
||||
&__logo {
|
||||
display: block;
|
||||
width: auto;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
&__toggle {
|
||||
|
||||
+3
-4
@@ -13,7 +13,7 @@
|
||||
"copy": {
|
||||
"de": {
|
||||
"title": "Videoproduktion in OWL | Imagefilm & Animation | Schnittfest",
|
||||
"meta_description": "Schnittfest ist eure Videoproduktion aus Rheda-Wiedenbrück bei Bielefeld: Imagefilme, Recruiting-Videos, Werbefilme, Animation und Sounddesign – vom Konzept bis zum fertigen Film."
|
||||
"meta_description": "Schnittfest ist eure Videoproduktion aus Altenbeken bei Paderborn: Imagefilme, Recruiting-Videos, Werbefilme, Animation und Sounddesign – vom Konzept bis zum fertigen Film."
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -29,10 +29,9 @@
|
||||
"de": {
|
||||
"kicker": "Videoproduktion aus Ostwestfalen",
|
||||
"headline": "Videoproduktion, auf den Frame genau.",
|
||||
"text": "<div>Wir sind <strong>Schnittfest</strong> – eine Filmproduktion aus Rheda-Wiedenbrück bei Bielefeld. Wir produzieren <strong>Imagefilme, Werbefilme, Recruiting-Videos und Animationen</strong> für Unternehmen in OWL und ganz Deutschland.</div>",
|
||||
"text": "<div>Wir sind <strong>Schnittfest</strong> – eine Filmproduktion aus Altenbeken bei Paderborn. Wir produzieren <strong>Imagefilme, Werbefilme, Recruiting-Videos und Animationen</strong> für Unternehmen in OWL und ganz Deutschland.</div>",
|
||||
"cta_label": "Projekt anfragen",
|
||||
"cta_href": "mailto:hi@schnittfest.gmbh",
|
||||
"ticker": "Imagefilm ✦ Werbefilm ✦ Recruiting-Video ✦ Animation ✦ Sounddesign ✦ Schnitt ✦ Color Grading ✦ Eventfilm ✦",
|
||||
"video_label": "Showreel der Videoproduktion Schnittfest"
|
||||
}
|
||||
},
|
||||
@@ -315,7 +314,7 @@
|
||||
"copy": {
|
||||
"de": {
|
||||
"question": "Wo dreht ihr?",
|
||||
"answer": "<div>Unser Sitz ist in Rheda-Wiedenbrück zwischen Gütersloh und Bielefeld. Wir drehen in ganz Ostwestfalen-Lippe, deutschlandweit und auch international.</div>"
|
||||
"answer": "<div>Unser Sitz ist in Altenbeken bei Paderborn. Wir drehen in ganz Ostwestfalen-Lippe, deutschlandweit und auch international.</div>"
|
||||
}
|
||||
},
|
||||
"content": {}
|
||||
|
||||
+1
-1
@@ -12,7 +12,7 @@
|
||||
"copy": {
|
||||
"de": {
|
||||
"title": "Impressum & Datenschutz | Schnittfest GmbH",
|
||||
"meta_description": "Impressum und Datenschutzerklärung der Schnittfest GmbH, Videoproduktion aus Rheda-Wiedenbrück."
|
||||
"meta_description": "Impressum und Datenschutzerklärung der Schnittfest GmbH, Videoproduktion aus Altenbeken."
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
@@ -4,12 +4,11 @@
|
||||
"de": {
|
||||
"headline": "Und… Action?",
|
||||
"text": "Du planst einen Imagefilm, ein Recruiting-Video oder eine Kampagne? Erzähl uns von deiner Idee – wir machen einen Film daraus.",
|
||||
"copyright": "Schnittfest GmbH · Videoproduktion in Rheda-Wiedenbrück"
|
||||
"copyright": "Schnittfest GmbH · Videoproduktion in Altenbeken"
|
||||
}
|
||||
},
|
||||
"data": {
|
||||
"email": "hi@schnittfest.gmbh",
|
||||
"phone": "+49 176 93124984",
|
||||
"instagram": "https://instagram.com/schnittfest.gmbh",
|
||||
"vimeo": "https://vimeo.com/schnittfest"
|
||||
},
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
"copy": {
|
||||
"de": {
|
||||
"title": "Videoproduktion in OWL | Imagefilm & Animation | Schnittfest",
|
||||
"meta_description": "Schnittfest ist eure Videoproduktion aus Rheda-Wiedenbrück bei Bielefeld: Imagefilme, Recruiting-Videos, Werbefilme, Animation und Sounddesign."
|
||||
"meta_description": "Schnittfest ist eure Videoproduktion aus Altenbeken bei Paderborn: Imagefilme, Recruiting-Videos, Werbefilme, Animation und Sounddesign."
|
||||
}
|
||||
},
|
||||
"data": {
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
+1
-1
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1081 307" fill="#fff"><path d="M121.804 305.235c.5-16.396-5.438-39.77-46.908-51.686l-20.338-6.467C37.9 242.373 36.2 234.146 36.2 229.664c0-10.212 9.404-17.134 22.095-17.134 14.4 0 22.095 7.943 22.095 19.403h36.258c0-32.793-24.814-52.423-57.843-52.423C26.06 179.5 0 200.162 0 230.685c0 15.432 6.458 37.56 44.2 49.2l20.622 5.73c17.393 4.993 20.848 11.687 20.622 19.403 0 .34 0 .68-.057 1.02h36.485c-.057-.283-.057-.5-.057-.794zm39.544-10.893c0-16.68 14.164-27.12 28.78-27.12 8.95 0 17.62 4.198 22.32 11.687l28.044-20.14c-11.16-15.66-29.8-24.623-50.365-24.623-33.255 0-63.055 23.602-63.055 60.14 0 4.03.397 7.943 1.077 11.688h35.748a27.77 27.77 0 0 1-2.55-11.63zm120.897-3.007c0-17.645 12.18-23.602 23.058-23.602 10.424 0 21.358 7.943 21.358 23.1v15.15h34.502v-16.397c0-35.062-15.863-55.43-46.4-55.43-10.934 0-27.817 6.24-32.52 20.652v-81.245H247.74V306.03h34.502v-14.694zm129.227 0c0-17.644 9.178-23.602 21.36-23.602 11.67 0 20.112 7.716 20.112 23.092v15.148h34.5v-22.637c0-33.077-16.372-49.2-42.433-49.2-13.653 0-27.307 7.716-33.482 19.404v-16.908h-34.502v69.33h34.502v-14.638h-.057zm108.66-77.273c11.67 0 21.075-8.964 21.075-20.368 0-11.46-9.404-20.14-21.075-20.14s-21.585 8.68-21.585 20.14c0 11.404 9.915 20.368 21.585 20.368zm17.168 22.58h-34.276v69.33H537.3v-69.33zm60.957 27.346h43.113v-27.346h-43.113v-44.48h-34.275v44.48h-21.075v27.346h21.075v42.04h34.275v-42.04z"/><path d="M677.968 263.988h24.305v-27.346h-24.305v-44.48h-34.275v44.48h-21.075v27.346h21.075v42.04h34.275v-42.04z"/><path d="M758.926 264h23.34v-27.347h-23.34V228.7c0-13.673 5.722-22.126 17.62-22.126h12.634v-33.077h-12.634c-33.255 0-52.347 19.63-52.347 55.203v7.943h-46.003V264H724.2v41.984h34.728V264zm142.144 31.317c0-36.538-26.288-61.16-59.316-61.16-33.256 0-60.563 23.602-60.563 60.14 0 4.03.34 7.943 1.02 11.688h118.405c.227-2.95.454-7.66.454-10.666zm-84.867-10.95c3.003-14.638 16.146-19.858 25.834-19.858s22.605 5.73 24.304 19.858h-50.138zm153.983.793l-19.602-5.22c-6.968-1.76-9.914-5.22-10.197-8.68-.227-5.22 4.702-8.68 12.18-8.68 5.44 0 12.917 1.475 13.144 10.212h32.518c-.226-28.3-24.587-38.523-47.645-38.523-24.304 0-44.926 15.886-45.152 33.076-.227 10.667 0 28.3 34.728 37.786l3.796 1.02h54.727c-3.683-7.83-11.67-16.396-28.497-20.992zm86.514-21.162h24.3v-27.346h-24.3v-44.48h-34.22v44.48h-21.13v27.346h21.13v42.04h34.22v-42.04zM625.28 18.155l36.314 42.098-36.314-42.098zm-125.827 143.54h44.416l27.25-48.508h-44.416l-27.25 48.508zm-107.926-36.197a5.75 5.75 0 0 1-5.722 5.731h-8.894v30.466h80.504l27.25-48.508h-83.393l-9.745 1.986v10.325zm280.888 36.197h49.062v-48.508h-21.812l-27.25 48.508z"/><path d="M585.96 161.695h44.36l27.25-48.508H613.2l-27.25 48.508zm-130.188-109.1L376.9 68.65l9.63 15.602v8.624c2.832.34 4.985 2.78 4.985 5.674v8.284h40.96l59.656-12.142-36.37-42.097zm41.246-8.34l36.315 42.098 43.5-8.85-36.314-42.098-43.5 8.85zm205.822 7.66l21.358-4.37L714.566 0l-48.042 9.758 36.315 42.154zm-77.56-33.758l-43.5 8.85 36.315 42.098 43.5-8.85-36.314-42.097zM391.528 120.222l18.356-7.035h-18.356v7.035zM376.855 68.65v24.17h4.93l-4.93-24.17z"/><path d="M385.805 92.82c.227 0 .5 0 .737.057l20.565-18.836-30.196-5.4v24.226h8.894v-.057z"/><path d="M440.477 68.65h-63.622v24.226h63.622V68.65zm15.863 62.578h-79.485v30.467h79.485v-30.467z"/></svg>
|
||||
|
Before Width: | Height: | Size: 3.2 KiB |
+4
-2
@@ -1,13 +1,15 @@
|
||||
{{- $headline := default (copy .Page .Content "headline") "Und… Action?" -}}
|
||||
{{- $text := default (copy .Page .Content "text") "Erzähl uns von deiner Idee – wir machen einen Film daraus." -}}
|
||||
{{- $email := default (get .Content "email") "hi@schnittfest.gmbh" -}}
|
||||
{{- $phone := default (get .Content "phone") "+49 176 93124984" -}}
|
||||
{{- $phone := get .Content "phone" -}}
|
||||
{{- $instagram := default (get .Content "instagram") "https://instagram.com/schnittfest.gmbh" -}}
|
||||
{{- $vimeo := default (get .Content "vimeo") "https://vimeo.com/schnittfest" -}}
|
||||
{{- $copyright := default (copy .Page .Content "copyright") "Schnittfest GmbH" -}}
|
||||
|
||||
<footer class="footer" id="footer" data-shifu-element="{{ .Content.Position }}">
|
||||
<div class="footer__inner">
|
||||
<img class="footer__logo" src="/static/img/logo-weiss.png" alt="Schnittfest" width="2756" height="661" loading="lazy" />
|
||||
|
||||
<div class="footer__cta" data-component="reveal">
|
||||
<h2 class="footer__headline">{{ $headline }}</h2>
|
||||
<p class="footer__text">{{ $text }}</p>
|
||||
@@ -17,7 +19,7 @@
|
||||
</div>
|
||||
|
||||
<dl class="credits" data-component="reveal">
|
||||
<div class="credits__row"><dt>Telefon</dt><dd><a href="tel:{{ $phone | replace " " "" }}">{{ $phone }}</a></dd></div>
|
||||
{{ with $phone }}<div class="credits__row"><dt>Telefon</dt><dd><a href="tel:{{ . | replace " " "" }}">{{ . }}</a></dd></div>{{ end }}
|
||||
<div class="credits__row"><dt>E-Mail</dt><dd><a href="mailto:{{ $email }}">{{ $email }}</a></dd></div>
|
||||
<div class="credits__row"><dt>Instagram</dt><dd><a href="{{ $instagram }}" target="_blank" rel="noopener">schnittfest.gmbh</a></dd></div>
|
||||
<div class="credits__row"><dt>Vimeo</dt><dd><a href="{{ $vimeo }}" target="_blank" rel="noopener">schnittfest</a></dd></div>
|
||||
|
||||
+7
-7
@@ -1,5 +1,5 @@
|
||||
{{- $title := default (copy .Page .Content "title") "Videoproduktion in OWL | Imagefilm, Animation & Sound | Schnittfest" -}}
|
||||
{{- $description := default (copy .Page .Content "meta_description") "Schnittfest ist eure Videoproduktion aus Rheda-Wiedenbrück bei Bielefeld: Imagefilme, Recruiting-Videos, Commercials, Animation und Sounddesign – vom Konzept bis zum fertigen Film." -}}
|
||||
{{- $description := default (copy .Page .Content "meta_description") "Schnittfest ist eure Videoproduktion aus Altenbeken bei Paderborn: Imagefilme, Recruiting-Videos, Commercials, Animation und Sounddesign – vom Konzept bis zum fertigen Film." -}}
|
||||
{{- $robots := default (get .Content "robots") "index,follow" -}}
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ .Page.Language }}">
|
||||
@@ -45,19 +45,19 @@
|
||||
"name": "Schnittfest GmbH",
|
||||
"description": "Videoproduktion für Imagefilme, Commercials, Animation und Sound in Ostwestfalen-Lippe.",
|
||||
"url": "{{ hostname }}/",
|
||||
"logo": "{{ hostname }}/static/favicon/favicon512x512.png",
|
||||
"logo": "{{ hostname }}/static/img/logo-schwarz.png",
|
||||
"image": "{{ hostname }}/static/1.jpg",
|
||||
"email": "hi@schnittfest.gmbh",
|
||||
"telephone": "+49 5242 9079902",
|
||||
"telephone": "+49 176 93124984",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"streetAddress": "Schulbusch 29",
|
||||
"postalCode": "33378",
|
||||
"addressLocality": "Rheda-Wiedenbrück",
|
||||
"streetAddress": "Eichenweg 3",
|
||||
"postalCode": "33184",
|
||||
"addressLocality": "Altenbeken",
|
||||
"addressRegion": "NRW",
|
||||
"addressCountry": "DE"
|
||||
},
|
||||
"areaServed": ["Rheda-Wiedenbrück", "Gütersloh", "Bielefeld", "Ostwestfalen-Lippe", "Deutschland"],
|
||||
"areaServed": ["Altenbeken", "Paderborn", "Bielefeld", "Ostwestfalen-Lippe", "Deutschland"],
|
||||
"sameAs": ["https://instagram.com/schnittfest.gmbh", "https://vimeo.com/schnittfest"]
|
||||
}
|
||||
</script>
|
||||
|
||||
+4
-2
@@ -3,7 +3,7 @@
|
||||
{{- $text := copy .Page .Content "text" -}}
|
||||
{{- $ctaLabel := default (copy .Page .Content "cta_label") "Projekt anfragen" -}}
|
||||
{{- $ctaHref := default (copy .Page .Content "cta_href") "mailto:hi@schnittfest.gmbh" -}}
|
||||
{{- $ticker := default (copy .Page .Content "ticker") "Film ✦ Animation ✦ Sound ✦ Schnitt ✦ Color Grading ✦ Drohne ✦ Imagefilm ✦ Commercial ✦" -}}
|
||||
{{- $ticker := copy .Page .Content "ticker" -}}
|
||||
{{- $video := default (get .Content "video") "/static/hero.mp4" -}}
|
||||
{{- $poster := default (get .Content "poster") "/static/1.jpg" -}}
|
||||
|
||||
@@ -32,9 +32,11 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ with $ticker }}
|
||||
<div class="ticker" aria-hidden="true">
|
||||
<div class="ticker__track">
|
||||
<span>{{ $ticker }}</span><span>{{ $ticker }}</span><span>{{ $ticker }}</span><span>{{ $ticker }}</span>
|
||||
<span>{{ . }}</span><span>{{ . }}</span><span>{{ . }}</span><span>{{ . }}</span>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</section>
|
||||
|
||||
+2
-3
@@ -3,12 +3,11 @@
|
||||
<h1>Impressum & Datenschutz</h1>
|
||||
<p>
|
||||
Schnittfest GmbH<br>
|
||||
Schulbusch 29<br>
|
||||
33378 Rheda-Wiedenbrück<br>
|
||||
Eichenweg 3<br>
|
||||
33184 Altenbeken<br>
|
||||
NRW, GERMANY
|
||||
</p>
|
||||
<p>
|
||||
Telefon: +49 5242 90 79 902<br>
|
||||
Mobil: +49 176 931 249 84<br>
|
||||
E-Mail: malteblum@schnittfest.gmbh
|
||||
</p>
|
||||
|
||||
+1
-1
@@ -8,7 +8,7 @@
|
||||
<div class="nav__inner">
|
||||
<a class="nav__brand" href="/" aria-label="Schnittfest – Startseite">
|
||||
<span class="nav__rec" aria-hidden="true"></span>
|
||||
<span class="nav__word">Schnitt<span class="nav__cut" aria-hidden="true">✂</span>fest</span>
|
||||
<img class="nav__logo" src="/static/img/logo-schwarz.png" alt="Schnittfest" width="2756" height="661" />
|
||||
</a>
|
||||
{{ if $full }}
|
||||
<button class="nav__toggle" type="button" aria-expanded="false" aria-controls="nav-links">
|
||||
|
||||
+1
-1
@@ -5,7 +5,7 @@
|
||||
Alle Preise verstehen sich zzgl. 3% Versicherungsgebühr und 19% MwSt.
|
||||
</p>
|
||||
<p>
|
||||
Rentalfest ist ein Ableger von der Schnittfest GmbH (Schulbusch 29, 33378 Rheda-Wiedenbrück, Tel.: 0176 931 249 84)
|
||||
Rentalfest ist ein Ableger von der Schnittfest GmbH (Eichenweg 3, 33184 Altenbeken, Tel.: 0176 931 249 84)
|
||||
</p>
|
||||
<p>
|
||||
Alle Lieferungen und Leistungen der Schnittfest GmbH erfolgen ausschließlich zu den nachstehenden Bedingungen. Dies gilt insbesondere auch im Falle entgegenstehender Bedingungen des Auftraggebers. Abweichungen sind nur gültig, wenn sie von uns schriftlich bestätigt werden.
|
||||
|
||||
Reference in New Issue
Block a user