Browse Source

Adjustments

master
Jonas Franz 2 years ago
parent
commit
7a3312c223
  1. 4
      assets/js/form-handler.js
  2. 53
      layouts/contact/list.html
  3. 37
      layouts/pages/single.html
  4. 2
      layouts/partials/portfolioSection.html
  5. 53
      layouts/portfolio/single.html

4
assets/js/form-handler.js

@ -6,11 +6,11 @@ window.addEventListener("DOMContentLoaded", function () { @@ -6,11 +6,11 @@ window.addEventListener("DOMContentLoaded", function () {
function success() {
form.reset();
button.style = "display: none ";
status.innerHTML = "Thanks! Contact form is submitted successfully.";
status.innerHTML = "Danke! Ihre Nachricht wurde gesendet.";
}
function error() {
status.innerHTML = "Oops! There was a problem.";
status.innerHTML = "Upps! Ein Fehler ist aufgetreten.";
}
// handle the form submission event

53
layouts/contact/list.html

@ -25,12 +25,6 @@ @@ -25,12 +25,6 @@
<div class="row">
<div class="col-12 text-center">
<h3 class="breadCrumb__title">{{ .Title }}</h3>
<nav aria-label="breadcrumb" class="d-flex justify-content-center">
<ol class="breadcrumb align-items-center">
<li class="breadcrumb-item"><a href="{{ .Site.BaseURL }}">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">{{ .Params.breadcrumb }}</li>
</ol>
</nav>
</div>
</div>
</div>
@ -40,7 +34,7 @@ @@ -40,7 +34,7 @@
<section class="section contact__info">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="col-lg-6">
<div class="contact__info_item">
<div class="contact__info_item-icon">
<div class="icon-background">
@ -54,13 +48,13 @@ @@ -54,13 +48,13 @@
<img src="{{ "images/contact/location.svg" | absURL }}" alt="location" />
</div>
</div>
<h4>Office Address</h4>
<h4>Postanschrift</h4>
<p>
{{ $address.address }}
</p>
</div>
</div>
<div class="col-lg-4">
<div class="col-lg-6">
<div class="contact__info_item">
<div class="contact__info_item-icon">
<div class="icon-background">
@ -74,33 +68,14 @@ @@ -74,33 +68,14 @@
<img src="{{ "images/contact/phone.svg" | absURL }}" alt="phone" />
</div>
</div>
<h4>Phone & Email</h4>
<h4>Telefon & Email</h4>
<p>{{ $address.phone }}<br>
<a href="mailto:{{ $address.email }}">{{ $address.email }}</a>
</p>
</div>
</div>
<div class="col-lg-4">
<div class="contact__info_item">
<div class="contact__info_item-icon">
<div class="icon-background">
<svg xmlns="http://www.w3.org/2000/svg" width="122.457" height="109.702" viewBox="0 0 122.457 109.702">
<path fill="#f1f6f9"
d="M49.855527 9.984102c-4.337424-.815024-8.766002-1.633779-13.152776-1.113889-8.196034.975107-15.344329 6.696991-19.41555 13.879649s-5.363288 15.655094-5.187042 23.907191c.156996 7.385448 1.479849 14.875357 4.972905 21.38465s9.337384 11.961229 16.458344 13.922244c4.833752 1.331211 10.056683 1.044827 14.74081 2.829827 7.560693 2.881382 12.209757 10.489626 19.01235 14.870016a25.650039 25.650039 0 0024.16316 1.698928c8.342551-3.846451 14.03857-12.107291 16.641338-20.918947s2.471077-18.187687 1.756125-27.346305c-.843101-10.912846-3.01686-22.783019-11.354287-29.869462-6.037066-5.130853-14.208558-6.772976-21.995428-8.235353z"
data-name="Path 1354" />
</svg>
</div>
<div class="icon">
<img src="{{ "images/contact/time.svg" | absURL }}" alt="time" />
</div>
</div>
<h4>Working Hours</h4>
<p>
{{ $address.openingHours }}
</p>
</div>
</div>
</div>
</div>
</section>
@ -108,9 +83,9 @@ @@ -108,9 +83,9 @@
<section class="contact-form">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="col-lg-12">
<div class="contact-form-title">
<h3>Contact Form</h3>
<h3>Kontaktformular</h3>
</div>
<div class="contact-form-input">
<form id="contact-form" action="{{ .Site.Params.formspreeURL }}" method="POST">
@ -121,24 +96,23 @@ @@ -121,24 +96,23 @@
<input type="text" class="form-control" name="Name" placeholder="Name" required />
</div>
<div class="form-group col-md-6">
<input type="email" class="form-control" name="email" placeholder="Email" required />
<input type="email" class="form-control" name="email" placeholder="E-Mail" required />
</div>
</div>
<div class="form-group">
<textarea class="form-control" id="message" rows="6" name="message" placeholder="Message"></textarea>
<textarea class="form-control" id="message" rows="6" name="message" placeholder="Nachricht"></textarea>
</div>
<div class="form-group">
<div class="form-check small">
<input type="checkbox" class="form-check-input" name="agreement" id="aggrement" required />
<label class="form-check-label" for="aggrement">
I agree that my submitted data is being collected and
stored.</label>
Ich akzeptiere, dass meine eingegebenen Daten zum Zwecke der Kontaktaufnahme gespeichert werden.</label>
</div>
</div>
<button type="submit" class="btn btn-primary btn-zoom" id="contact-form-button">Send Message</button>
<button type="submit" class="btn btn-primary btn-zoom" id="contact-form-button">Nachricht senden</button>
<p id="contact-form-status" class="mt-3"></p>
</form>
@ -176,11 +150,6 @@ @@ -176,11 +150,6 @@
</div>
</div>
<div class="col-lg-6">
{{ $map := .Site.Params.map }}
<div id="map" data-lat={{ $map.latitude }} data-long={{ $map.longitude }} data-pin={{ $map.pinImage | absURL }}>
</div>
</div>
</div>

37
layouts/pages/single.html

@ -0,0 +1,37 @@ @@ -0,0 +1,37 @@
{{ define "main" }}
<section class="section case-details">
<div class="svg-img">
<img src="{{ "images/hero/figure-svg.svg" | absURL }}" alt="" />
</div>
<div class="animate-shape">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600">
<defs>
<linearGradient id="d" x1="0.929" y1="0.111" x2="0.263" y2="0.935" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="#f1f6f9" />
<stop offset="1" stop-color="#f1f6f9" stop-opacity="0" />
</linearGradient>
</defs>
<g data-name="blob-shape (3)">
<path class="blob" fill="url(#d)"
d="M455.4 151.1c43.1 36.7 73.4 92.8 60.8 136.3-12.7 43.5-68.1 74.4-111.3 119.4-43.1 45-74 104.1-109.8 109-35.9 5-76.7-44.2-111.8-89.2-35.2-45-64.7-85.8-70.8-132.6-6-46.8 11.6-99.6 46.7-136.3 35.2-36.6 88-57.2 142.4-58.8 54.5-1.7 110.6 15.6 153.8 52.2z" />
</g>
</svg>
</div>
<div class="animate-pattern">
<img src="{{ "images/service/background-pattern.svg" | absURL }}" alt="background-shape" />
</div>
<div class="container">
<div class="row mb-5">
<div class="col-lg-10 offset-lg-1 text-center">
<div class="case-details-title">
<h1>{{ .Title }}</h1>
</div>
{{ .Content }}
</div>
</div>
</div>
</section>
{{ end }}

2
layouts/partials/portfolioSection.html

@ -21,7 +21,7 @@ @@ -21,7 +21,7 @@
<h3 class="mb-0">
<a class="text-dark" href="{{ .Permalink }}">{{ .Title }}</a>
</h3>
<a class="see-more-btn" href="{{ .Permalink }}">See details</a>
<a class="see-more-btn" href="{{ .Permalink }}">Mehr...</a>
</div>
</div>
{{ end }}

53
layouts/portfolio/single.html

@ -30,38 +30,6 @@ @@ -30,38 +30,6 @@
<p>
{{ .Params.shortDescription }}
</p>
<div class="case-details-info">
<div class="case-details-info-item">
<h5 class="text-light">Client</h5>
<p>{{ .Params.client }}</p>
</div>
<div class="case-details-info-item">
<h5>Service</h5>
<p>{{ .Params.service }}</p>
</div>
<div class="case-details-info-item">
<h5>Date</h5>
<p>{{ .PublishDate.Format "January 2, 2006" }}</p>
</div>
</div>
<div class="row mb-5">
<div class="col-lg-6">
<div class="case-details-service">
<h3>Challenge</h3>
<p>
{{ .Params.challenge }}
</p>
</div>
</div>
<div class="col-lg-6">
<div class="case-details-service">
<h3>Solution</h3>
<p>
{{ .Params.solution }}
</p>
</div>
</div>
</div>
<div class="case-details-thumb mb-5">
<img src="{{ .Params.thumbnail | absURL }}" alt="case-details" />
</div>
@ -82,33 +50,16 @@ @@ -82,33 +50,16 @@
</svg>
</div>
<div class="content">
<span class="small">Prev case</span>
<span class="small">Letzte Referenz</span>
<h5 class="title"><a class="text-dark"
href="{{ .PrevInSection.Permalink }}">{{ .PrevInSection.Title }}</a></h5>
</div>
</div>
{{ end }}
<div class="social">
{{ $url := printf "%s" .Permalink | absLangURL }}
<ul class="unstyle-list big">
<li>
<a href=" https://www.facebook.com/sharer/sharer.php?u={{ $url }}"><i
class="fa fa-facebook-official btn-zoom"></i></a>
</li>
<li>
<a href="https://www.linkedin.com/sharing/share-offsite/?url={{ $url }}"><i
class="fa fa-linkedin-square btn-zoom"></i></a>
</li>
<li>
<a href="https://twitter.com/intent/tweet?&url={{ $url }}"><i
class="fa fa-twitter-square btn-zoom"></i></a>
</li>
</ul>
</div>
{{ if .NextInSection }}
<div class="next d-flex align-items-center">
<div class=" content text-right">
<span class="small">Next case</span>
<span class="small">Nächste Referenz</span>
<h5 class="title">
<a class="text-dark" href="{{ .NextInSection.Permalink }}">{{ .NextInSection.Title }}</a>
</h5>

Loading…
Cancel
Save