Merge pull request #86 from tere92/master

New indoor positioning and asset traking pages

00-index.md

@@ -118,7 +118,7 @@ Crownstone's technology is versatile, allowing us to cater to a diverse range of
 
 Crownstones pinpoint the location of individuals using Bluetooth tags or smart devices by measuring Bluetooth Low Energy signals. This enables to react to presence and proximity. Applications of indoor positioning include healthcare for patient tracking and smart buildings for improved security and automation.
 
-{% include snippets/two-cols-text-img-end img='/images/position.jpg' img-alt='positioning' link-left='true' url='/business/indoor-positioning/' link-text='Explore further' %}
+{% include snippets/two-cols-text-img-end img='/images/position.jpg' img-alt='positioning' link-left='true' url='/business/indoor-positioning' link-text='Explore further' %}
 
 {% include snippets/full-width-container-end %}
 
@@ -131,7 +131,7 @@ Crownstones pinpoint the location of individuals using Bluetooth tags or smart d
 
 Crownstones scan for Bluetooth LE devices within a building. Attach off-the-shelf Bluetooth tags to assets, and Crownstones use Bluetooth mesh to communicate tag locations to a gateway. BLE asset tracking offers cost efficiency, enhanced security, scalability, and future-proofing.
 
-{% include snippets/two-cols-text-img-end img='/images/assets.jpg' img-alt='assets' link='true' url='/business/asset-tracking/' link-text='Explore further' %}
+{% include snippets/two-cols-text-img-end img='/images/assets.jpg' img-alt='assets' link='true' url='/business/asset-tracking' link-text='Explore further' %}
 
 {% include snippets/full-width-container-end %}
 
@@ -144,7 +144,7 @@ Crownstones scan for Bluetooth LE devices within a building. Attach off-the-shel
 
 Crownstones extend their functionality to include energy monitoring on device level. Operating within a Bluetooth mesh network, they broadcast energy-related metrics such as current, voltage, power, and power factor to a central hub, facilitating data collection for further analysis.
 
-{% include snippets/two-cols-text-img-end img='/images/e-monitoring.jpg' img-alt='energy monitoring' link-left='true' url='/business/energy-monitoring/' link-text='Explore further' %}
+{% include snippets/two-cols-text-img-end img='/images/e-monitoring.jpg' img-alt='energy monitoring' link-left='true' url='/business/energy-monitoring' link-text='Explore further' %}
 
 {% include snippets/full-width-container-end %}
 
@@ -157,7 +157,7 @@ Crownstones extend their functionality to include energy monitoring on device le
 
 Crownstone offers companies already providing alarm systems to enhance their product portfolio with our technology. Our solutions are tailored for technology providers in sectors such as mental care, elderly care, and the general office  sector.
 
-{% include snippets/two-cols-text-img-end img='/images/wireless.jpeg' img-alt='wireless' link='true' url='/business/wireless-alarms/' link-text='Explore further' %}
+{% include snippets/two-cols-text-img-end img='/images/wireless.jpeg' img-alt='wireless' link='true' url='/business/wireless-alarms' link-text='Explore further' %}
 
 {% include snippets/full-width-container-end %}
 

_includes/snippets/cs_features

@@ -16,11 +16,13 @@
                     <img src="{{ feature.image }}" alt="cs_feature"/>
                 </div>
                 <div class="col-sm-8 m-2">
+                    {% if feature.title %}
                     <div class="row justify-content-center">
                         <p class="title-cs-features">
                             {{ feature.title }}
                         </p>
                     </div>
+                    {% endif %}
                     <div class="row justify-content-center">
                         <p class="description-cs-features">
                             {{ feature.description }}

_includes/snippets/newsletter

@@ -1,11 +1,11 @@
-<div class="container-fluid gray-bg">
+<div class="container-fluid" style="background-image: url({{BASE_URL}}/images/contact-bg-real-estate.jpg)">
     <div class="row justify-content-center">
         <div class="col-xl-6">
             <p class="newsletter-text">
                 {% if site.active_lang == "en" %}
-                Be the first to hear about Crownstone's newest features!
+                Stay informed about our latest updates, news, and solutions. subscribe to our newsletter and never miss out on valuable insights – sign up now!
                 {% else %}
-                Hoor als eerste over de nieuwste functies van Crownstone! (Nieuwsbrief is in het Engels)
+                Blijf op de hoogte van onze laatste updates, nieuws en oplossingen. Schrijf je in voor onze nieuwsbrief en mis nooit meer waardevolle inzichten – meld je nu aan!
                 {% endif %}
             </p>
             <div class="newsletter bottom">
@@ -14,16 +14,16 @@
             			<label for="Email" class="newsletter__label hidden-label">Sign up to our mailing list</label>
             			<div class="input-group">
             			    {% if site.active_lang == "en" %}
-                            <input type="email" value="" placeholder="New things to learn and read!" name="EMAIL" id="Email" class="input-group-field newsletter__input" autocorrect="off" autocapitalize="off">
+                            <input type="email" value="" placeholder="Your e-mail" name="EMAIL" id="Email" class="input-group-field newsletter__input" autocorrect="off" autocapitalize="off">
                             {% else %}
-                            <input type="email" value="" placeholder="Nieuwe dingen om te leren en te lezen!" name="EMAIL" id="Email" class="input-group-field newsletter__input" autocorrect="off" autocapitalize="off">
+                            <input type="email" value="" placeholder="Je email" name="EMAIL" id="Email" class="input-group-field newsletter__input" autocorrect="off" autocapitalize="off">
                             {% endif %}
             				<span class="input-group-btn">
             					<button type="submit" class="btn newsletter__submit" name="subscribe" id="Subscribe">
             					{% if site.active_lang == "en" %}
-            					<span class="newsletter__submit-text--large">I like!</span>
+            					<span class="newsletter__submit-text--large">Subscribe</span>
             					{% else %}
-            					<span class="newsletter__submit-text--large">Ik doe mee!</span>
+            					<span class="newsletter__submit-text--large">Schrijf mij in</span>
             					{% endif %}
             					<span class="newsletter__submit-text--small">→</span>
             					</button>

_includes/snippets/two-cols-text-img-end

@@ -23,9 +23,14 @@
 <script type="text/javascript">/*<![CDATA[*/var a=new Array("{{ site.contact-job.email[0] }}", "{{ site.contact-job.email[1] }}", "{{ site.contact-job.email[2] }}", "{{ site.contact-job.email[3] }}", "{{ site.contact-job.email[4] }}", "{{ site.contact-job.email[5] }}");document.write("<a href='mailto:");for(i=a.length-1;i>=0;i--){document.write(a[i])}document.write("?subject=Job application' class='btn' style=\"text-align: center !important; align-self: flex-end; border-radius: 0.25rem; padding: .375rem 1.25rem; font-family: Lato, sans-serif; font-size: 1rem; letter-spacing: 1px; color: white !important; background-color: #ff8400; box-shadow: 3px 3px 4px rgb(0 0 0 / 16%); text-decoration: none\">{{ include.btn-text }}</a>");/*]]>*/</script>
 <noscript>{{ include.btn-text }}</noscript>
 {% else %}
+{% if include.btn-contact and include.btn-contact == 'aad' %}
+<script type="text/javascript">/*<![CDATA[*/var a=new Array("{{ site.contact-aad.email[0] }}", "{{ site.contact-aad.email[1] }}", "{{ site.contact-aad.email[2] }}", "{{ site.contact-aad.email[3] }}", "{{ site.contact-aad.email[4] }}", "{{ site.contact-aad.email[5] }}");document.write("<a href='mailto:");for(i=a.length-1;i>=0;i--){document.write(a[i])}document.write("?subject=Explore possibilities' class='btn' style=\"text-align: center !important; align-self: flex-end; border-radius: 0.25rem; padding: .375rem 1.25rem; font-family: Lato, sans-serif; font-size: 1rem; letter-spacing: 1px; color: white !important; background-color: #ff8400; box-shadow: 3px 3px 4px rgb(0 0 0 / 16%); text-decoration: none\">{{ include.btn-text }}</a>");/*]]>*/</script>
+<noscript>{{ include.btn-text }}</noscript>
+{% else %}
 <script type="text/javascript">/*<![CDATA[*/var a=new Array("{{ site.contact-team.email[0] }}", "{{ site.contact-team.email[1] }}", "{{ site.contact-team.email[2] }}", "{{ site.contact-team.email[3] }}", "{{ site.contact-team.email[4] }}", "{{ site.contact-team.email[5] }}");document.write("<a href='mailto:");for(i=a.length-1;i>=0;i--){document.write(a[i])}document.write("?subject=Get in contact' class='btn' style=\"text-align: center !important; align-self: flex-end; border-radius: 0.25rem; padding: .375rem 1.25rem; font-family: Lato, sans-serif; font-size: 1rem; letter-spacing: 1px; color: white !important; background-color: #ff8400; box-shadow: 3px 3px 4px rgb(0 0 0 / 16%); text-decoration: none\">{{ include.btn-text }}</a>");/*]]>*/</script>
 <noscript>{{ include.btn-text }}</noscript>
 {% endif %}
+{% endif %}
 </div>
 </div>
 </div>

assets/themes/flat/css/crownstone-global.css

@@ -187,8 +187,8 @@ div.bannerContainerLarge {
 	padding:0;
 	overflow:hidden;
 	width: 100%;
-	height: 50vw;
-	max-height: 50vh;
+	height: 40vw;
+	max-height: 40vh;
 	min-height: 90px;
 }
 
@@ -383,7 +383,6 @@ a.link-text-gray:hover{
 	}
 
 	div.feature-icon-container{
-		padding:      			1.5rem !important;
 		align-items:  			center;
 		justify-content: 		center;
 	}
@@ -473,6 +472,7 @@ p.description-cs-features{
 	font-family: Lato, sans-serif;
 	font-style: italic;
 	font-size: 0.9rem;
+	line-height: 1.1rem;
 	color: #003e52 !important;
 	width: 100%;
 	padding: 0;