Browse Source

modified contact form map rendering

tags/v1.0.0
somrat 6 years ago
parent
commit
29d665a3db
3 changed files with 12 additions and 16 deletions
  1. 1
    1
      exampleSite/data/contact.yml
  2. 10
    14
      layouts/partials/contact.html
  3. 1
    1
      layouts/partials/head.html

+ 1
- 1
exampleSite/data/contact.yml View File

headingSpan : Touch headingSpan : Touch
title : Contact Details title : Contact Details
content : Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, vero, provident, eum eligendi blanditiis ex explicabo vitae nostrum facilis asperiores dolorem illo officiis ratione vel fugiat dicta laboriosam labore adipisci. content : Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, vero, provident, eum eligendi blanditiis ex explicabo vitae nostrum facilis asperiores dolorem illo officiis ratione vel fugiat dicta laboriosam labore adipisci.
enable_maps : false
enable_maps : true
mapLatitude : 51.5223477 mapLatitude : 51.5223477
mapLongitude: -0.1622023 mapLongitude: -0.1622023
contactDetails : contactDetails :

+ 10
- 14
layouts/partials/contact.html View File

{{ if .Site.Data.contact.enable }} {{ if .Site.Data.contact.enable }}
{{"<!-- Start Contact Us -->" | safeHTML}} {{"<!-- Start Contact Us -->" | safeHTML}}
<section id="contact-us" class="contact-us section-bg"> <section id="contact-us" class="contact-us section-bg">
<div class="container">
<div class="container pb-5">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
{{"<!-- section title -->" | safeHTML}} {{"<!-- section title -->" | safeHTML}}
<div class="title text-center wow fadeIn" data-wow-duration="500ms"> <div class="title text-center wow fadeIn" data-wow-duration="500ms">
<h2>{{ with .Site.Data.contact.heading }} {{ . }} {{ end }} <span class="color">{{ with .Site.Data.contact.headingSpan }} {{ . }} {{ end }}</span></h2>
<h2>{{ with .Site.Data.contact.heading }} {{ . }} {{ end }} <span
class="color">{{ with .Site.Data.contact.headingSpan }} {{ . }} {{ end }}</span></h2>
<div class="border-meghna"></div> <div class="border-meghna"></div>
</div> </div>
</div> </div>
<form id="contact-form" class="form-meghna" method="post" action="sendmail.php" role="form"> <form id="contact-form" class="form-meghna" method="post" action="sendmail.php" role="form">


<input name="e-mail" type="text" id="e-mail" autocomplete="off"> <input name="e-mail" type="text" id="e-mail" autocomplete="off">

<div class="form-group"> <div class="form-group">
<input type="text" placeholder="Your Name" class="form-control" name="name" id="name"> <input type="text" placeholder="Your Name" class="form-control" name="name" id="name">
</div> </div>

<div class="form-group"> <div class="form-group">
<input type="email" placeholder="Your Email" class="form-control" name="email" id="email"> <input type="email" placeholder="Your Email" class="form-control" name="email" id="email">
</div> </div>

<div class="form-group"> <div class="form-group">
<input type="text" placeholder="Subject" class="form-control" name="subject" id="subject"> <input type="text" placeholder="Subject" class="form-control" name="subject" id="subject">
</div> </div>

<div class="form-group"> <div class="form-group">
<textarea rows="6" placeholder="Message" class="form-control" name="message" id="message"></textarea>
<textarea rows="6" placeholder="Message" class="form-control" name="message"
id="message"></textarea>
</div> </div>

<div id="mail-success" class="success"> <div id="mail-success" class="success">
Thank you. The Mailman is on His Way :) Thank you. The Mailman is on His Way :)
</div> </div>

<div id="mail-fail" class="error"> <div id="mail-fail" class="error">
Sorry, don't know what happened. Try later :( Sorry, don't know what happened. Try later :(
</div> </div>

<div id="cf-submit"> <div id="cf-submit">
<input type="submit" id="contact-submit" class="btn btn-transparent" value="Submit"> <input type="submit" id="contact-submit" class="btn btn-transparent" value="Submit">
</div> </div>

</form> </form>
</div> </div>
</div>
</div>


{{ if .Site.Data.contact.enable_maps }}
{{"<!-- Google Map -->" | safeHTML}} {{"<!-- Google Map -->" | safeHTML}}
<div class="google-map"> <div class="google-map">
<div id="map-canvas" {{ with .Site.Data.contact.mapLatitude }} data-latitude="{{ . }}" {{ end }}
{{ with .Site.Data.contact.mapLongitude }} data-longitude="{{ . }}" {{ end }}></div>
<div id="map-canvas" {{ with .Site.Data.contact.mapLatitude }} data-latitude="{{ . }}" {{ end }} {{ with .Site.Data.contact.mapLongitude }} data-longitude="{{ . }}" {{ end }}></div>
</div> </div>
{{ end }}
</section> </section>
{{"<!-- /contact -->" | safeHTML}} {{"<!-- /contact -->" | safeHTML}}
{{ end }} {{ end }}

+ 1
- 1
layouts/partials/head.html View File



{{ "<!-- Mobile Specific Meta -->" | safeHTML }} {{ "<!-- Mobile Specific Meta -->" | safeHTML }}
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
{{ .Hugo.Generator }}
{{ hugo.Generator }}


<title>{{ if .IsHome }}{{ .Site.Title }}{{" | "}}{{ .Site.Params.Description }}{{ else if .IsPage}}{{ .Title }}{{" | "}}{{ .CurrentSection.Title }}{{else if eq .Section "author" }}{{if .Params.name}}{{.Params.name}} | {{ i18n "authorOfPostsOnBlog" }} „{{.Site.Title}}" {{else}}{{ i18n "authorsOfPostsOnBlog" }} „{{.Site.Title}}"{{end}}{{else if eq .Section "blog" }}{{ i18n "blogs" }} | {{ .Site.Title}}{{else}}{{ .Title }}{{with .Params.Description}}{{" | " .}}{{ end }}{{ end }}</title> <title>{{ if .IsHome }}{{ .Site.Title }}{{" | "}}{{ .Site.Params.Description }}{{ else if .IsPage}}{{ .Title }}{{" | "}}{{ .CurrentSection.Title }}{{else if eq .Section "author" }}{{if .Params.name}}{{.Params.name}} | {{ i18n "authorOfPostsOnBlog" }} „{{.Site.Title}}" {{else}}{{ i18n "authorsOfPostsOnBlog" }} „{{.Site.Title}}"{{end}}{{else if eq .Section "blog" }}{{ i18n "blogs" }} | {{ .Site.Title}}{{else}}{{ .Title }}{{with .Params.Description}}{{" | " .}}{{ end }}{{ end }}</title>



Loading…
Cancel
Save