JonasFranzDEV
/
portio-hugo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Adjustments

Browse Source
master
Jonas Franz 4 years ago
parent 24d0856854
commit 7a3312c223
5 changed files with 53 additions and 96 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  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
Unescape View File

@ -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
Unescape View File

@ -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 @@
<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 @@
<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 @@
<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 @@
<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 @@
<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 @@
</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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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 @@
</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>

Write Preview
Loading…
Cancel
Save