Commit 564f6b4f by sbiego

added contact page with form and map iframe

parent aea36f6a
baseurl = "http://elpoblet.flowin.space/"
title = "elPoblet | Cooperativa"
theme = "hugo-universal-theme"
languageCode = "ca"
relativeURLs = false
publishDir = 'public/ca'
# Enable comments by entering your Disqus shortname
# disqusShortname = "elpoblet"
# Enable Google Analytics by entering your tracking code
......@@ -53,14 +53,16 @@ paginate = 5
<strong>Great Britain</strong>
</p>
"""
latitude = "-12.043333"
longitude = "-77.028333"
latitude = "0"
longitude = "0"
# Site language. Available translations in the theme's `/i18n` directory.
locale = "ca-ES"
disableAliases = true
defaultContentLanguage = "ca"
defaultContentLanguageInSubdir = false
defaultContentLanguageInSubdir = true
enableMissingTranslationPlaceholders = true
LanguageCode = "ca"
[menu]
......
......@@ -2,6 +2,7 @@
title: "Contact"
date: 2017-09-17T20:52:07+02:00
draft: false
id: "contact"
---
== Contacto
......
......@@ -2,6 +2,7 @@
title: "Contact en"
date: 2017-09-17T20:52:07+02:00
draft: false
id: "contact"
---
== Contacto en
......
{{ if isset .Site.Params "latitude" }}
{{ if isset .Site.Params "longitude" }}
<div class="hidden">
<input id="gmap-lat" value="{{ .Site.Params.latitude }}" />
<input id="gmap-lng" value="{{ .Site.Params.longitude }}" />
<input id="gmap-marker" value="{{ .Site.BaseURL }}img/marker.png" />
{{ if isset .Site.Params "direction" }}
<input id="gmap-dir" value="{{ .Site.Params.direction }}" />
{{ else }}
<input id="gmap-dir" value="{{ .Site.Params.latitude }},{{ .Site.Params.longitude }}" />
{{ end }}
</div>
<!-- <div id="map" /> -->
<!-- https://www.openstreetmap.org/way/182730377 -->
<div id="gmap">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2992.741394545831!2d2.1733115154262186!3d41.40142217926285!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12a4a2dd429aaebb%3A0xa54d28618b1b48e7!2sCarrer+de+Sardenya%2C+263%2C+08013+Barcelona%2C+Spain!5e0!3m2!1sen!2sit!4v1517158639264" width="100%" height="350" frameborder="0" allowfullscreen></iframe>
</div>
{{ end }}
{{ end }}
......@@ -864,3 +864,28 @@ ul#langs li.lang:hover, ul#langs li.lang:active, ul#langs li.lang:focus {
transition: all .3s;
/*opacity: 1;*/
}
#gmap {
height: 350px;
background-color: rgba(0,0,0,.3);
position: relative;
bottom: 0;
box-shadow: 0 0 50px -15px rgba(0,0,0,.4);
/* filter: saturate(0%) opacity(70%); */
filter: sepia(30%) saturate(80%) opacity(70%);
transition: all .4s .2s;
}
#gmap:hover, #gmap:active {
filter: sepia(15%) saturate(105%) opacity(100%);
/* filter: saturate(100%); */
/* filter: contrast(150%); */
transition: all .6s;
}
#gmap > iframe {
border: none;
margin: 0;
padding: 0;
padding-bottom: 2px;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment