Merge pull request #87 from tere92/master

Update indoor positioning page based on Danny's feedback

_includes/snippets/contact-option-end

@@ -28,10 +28,10 @@
 {% if include.tel %}
 <div class="col text-truncate col-bottom-aligned-child" style="margin: 0 !important; white-space: normal; text-align: center; font-family: Lato, sans-serif; font-style: normal !important; font-size: 1.1rem !important; color: #003e52 !important; padding: 1rem 1.5rem !important; width: 100%" >
 
-{{ site.company.phone_local }} <br>
+06-542-07340 <br>
 
 <div class="row justify-content-center col-bottom-aligned-child" style="margin: 0 !important; text-align: center; font-family: Lato, sans-serif; font-style: normal !important; font-size: 1.1rem !important; color: #003e52 !important; padding: 0 !important; width: 100%" >
-<a href="tel:{{ site.company.phone_international }}" class='no-link-style'> <i class="el el-phone no-link-style" style="margin-right: 10px; padding-top: 5px;"></i> </a>
+<a href="tel:{{ 0031654207340 }}" class='no-link-style'> <i class="el el-phone no-link-style" style="margin-right: 10px; padding-top: 5px;"></i> </a>
 </div>
 {% endif %}
 

_includes/snippets/contact-person

@@ -0,0 +1,60 @@
+{% assign email = include.email %}
+
+{% if include.background and include.background == 'blue' %}
+    {% assign background-class = 'blue-bg' %}
+    {% assign text-class = 'white-text' %}
+{% else %}
+    {% assign background-class = '' %}
+    {% assign text-class = 'blue-text' %}
+{% endif %}
+
+<div class="row justify-content-start align-items-center m-0 intra-padding {{ background-class }}" style='padding-top: 0 !important'>
+
+<div class="col-md-1"> </div>
+
+<div class="col-md-2 p-5 description-small {{ text-class }}" style='text-align: left;'>
+    <img src="{{ include.image }}" alt="{{ include.image-alt }}" style="width: 100%">
+</div>
+
+<div class="col-md-8 p-5 intra-padding description-small {{ text-class }}" markdown="1" style='text-align: left;'>
+
+<div class="row justify-content-center align-items-center" style='width: 100%'>
+<div class="col-md-12" markdown="1" style='text-align: left; font-size: 1rem !important;'>
+
+Reach out to **Aad**, a seasoned IT professional with over 20 years of industry expertise and a fervent advocate of **self-organization**.
+
+</div>
+</div>
+
+<div class="row justify-content-start align-items-center">
+<div class="col-md-8">
+<a href="tel:{{ include.tel }}" class='no-link-style' style="margin: 0 !important; white-space: normal; text-align: center; font-family: Lato, sans-serif; font-style: normal !important; font-size: 1rem !important; color: #003e52 !important; padding: 1rem 1.5rem !important; width: 100%" > <i class="el el-phone no-link-style" style="margin-right: 10px; padding-top: 5px; color: #ff8400 !important;"></i> {{ include.tel }} </a>
+</div>
+</div>
+
+<div class="row justify-content-start align-items-center">
+<div class="col-md-8">
+<script type="text/javascript">
+	/*<![CDATA[*/
+	var a=new Array("{{ email[0] }}", "{{ email[1] }}", "{{ email[2] }}", "{{ email[3] }}", "{{ email[4] }}", "{{ email[5] }}");
+	<!-- Write as hyperlink -->
+    	document.write("<a href='mailto:");
+    	for(i=a.length-1;i>=0;i--) {
+    		document.write(a[i])
+    	}
+    	document.write("?subject={{ include.subject}}' class='no-link-style' style='margin: 0 !important; white-space: normal; text-align: center; font-family: Lato, sans-serif; font-style: normal !important; font-size: 1rem !important; color: #003e52 !important; padding: 1rem 1.5rem !important; width: 100%' >");
+    	document.write("<i class='el el-envelope no-link-style' style='margin-right: 10px; padding-top: 5px; color: #ff8400 !important'></i>");
+	<!-- Write in plain but obfuscated text -->
+	for(i=a.length-1;i>=0;i--){
+		document.write(a[i])
+	}
+	document.write("</a>");
+	/*]]>*/
+</script>
+</div>
+</div>
+
+</div>
+
+<div class="col-md-1"> </div>
+</div>

_includes/snippets/cs_features

@@ -12,10 +12,10 @@
     {% for feature in features %}
 
             <div class="col-sm-4 features-container">
-                <div class="col-sm-4 feature-icon-container">
+                <div class="col-sm-3 feature-icon-container">
                     <img src="{{ feature.image }}" alt="cs_feature"/>
                 </div>
-                <div class="col-sm-8 m-2">
+                <div class="col-sm-9 m-2">
                     {% if feature.title %}
                     <div class="row justify-content-center">
                         <p class="title-cs-features">

_includes/snippets/newsletter

@@ -10,7 +10,7 @@
             </p>
             <div class="newsletter bottom">
             	<div class="wrapper">
-            		<form action="//rocks.us10.list-manage.com/subscribe/post?u=d03baf337210e326a61dc14d5&id=a23d3e9ded" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank">
+            		<form action="//rocks.us10.list-manage.com/subscribe?u=d03baf337210e326a61dc14d5&id=1230ef9959" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank">
             			<label for="Email" class="newsletter__label hidden-label">Sign up to our mailing list</label>
             			<div class="input-group">
             			    {% if site.active_lang == "en" %}

_includes/snippets/slogan-begin

@@ -1,13 +1,13 @@
 {% if include.background %}
 <div class="container-fluid {{include.background}}-bg">
     <div class="row justify-content-center m-0">
-        <h1 class="slogan white-text" style="color: white !important">
+        <h2 class="slogan white-text" style="color: white !important">
 {% else %}
 <div class="container-fluid transparent-bg">
     <div class="row justify-content-center m-0 transparent-bg">
         {% if include.color-text and include.color-text == 'white'%}
-        <h1 class="slogan white-text" style='color: white !important;' id="{{include.id}}">
+        <h2 class="slogan white-text" style='color: white !important;' id="{{include.id}}">
         {% else %}
-        <h1 class="slogan blue-text" style='color: #003e52 !important;' id="{{include.id}}">
+        <h2 class="slogan blue-text" style='color: #003e52 !important;' id="{{include.id}}">
         {% endif %}
 {% endif %}

_includes/snippets/slogan-end

@@ -1,4 +1,4 @@
-        </h1>
+        </h2>
         <div class="col-4 underline-slogan"> </div>
     </div>
 </div>

_includes/snippets/three-items-in-a-row

@@ -19,7 +19,7 @@
             <div class="col-xs-12">
                 <img src="{{ item.image }}" alt="{{ item.image-alt }}" style="width: 100%">
                 {% if item.title %}
-                <p style="text-align: center; font-family: Lato, sans-serif; font-weight: bold; font-size: 1.1rem !important; color: #ff8400 !important; padding: 0; margin: 0;">
+                <p style="text-align: center; font-family: Lato, sans-serif; font-weight: bold; font-size: 1.1rem !important; color: #ff8400 !important; padding: 0; margin: 1.5rem;">
                     {{ item.title }}
                 </p>
                 {% endif %}

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

@@ -9,9 +9,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>

_includes/themes/flat/default.html

@@ -134,7 +134,6 @@
             </ul>
 
             <ul class="navbar-nav mr-right">
-               {% include snippets/menu-diverse %}
                {% include snippets/menu-search %}
             </ul>
          </div>

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

@@ -471,7 +471,7 @@ p.description-cs-features{
 	text-align: center;
 	font-family: Lato, sans-serif;
 	font-style: italic;
-	font-size: 0.9rem;
+	font-size: 0.99rem;
 	line-height: 1.1rem;
 	color: #003e52 !important;
 	width: 100%;

business/05-indoor-positioning.md

@@ -35,58 +35,57 @@ reasons:
     image: /images/indoor-positioning-b2b/productivity-2.svg
     image-alt: productivity
 solutions:
-  - description: Support for the app developers to integrate our SDKs.
-    image: /images/indoor-positioning-b2b/sdk-dark.svg
-    image-alt: sdk
-  - description: Hubs and servers. We can provide hardware and cloud services. We can implement an uplink towards a custom interface on your backend.
-    image: /images/indoor-positioning-b2b/hub-dark.svg
-    image-alt: hub
-  - description: Software updates and security patches for firmware over-the-air.
-    image: /images/indoor-positioning-b2b/firmware-dark.svg
-    image-alt: firmware
+  - title: "Accurate indoor navigation"
+    description: "Bluetooth indoor positioning offers precise room-level accuracy, facilitating navigation in large indoor spaces like airports, hospitals, and universities, where GPS signals may be unreliable. This enables users to find their way to medical appointments or locate lecture halls with ease."
+    image: /images/indoor-positioning-b2b/station.jpg
+    image-alt: airport
+  - title: "Efficient Resource Management"
+    description: "Facilities can enhance resource allocation by analyzing space utilization and identifying areas for improvement. For example, switching off heating and lighting in unoccupied areas not only reduces operational costs but also benefits the environment."
+    image: /images/indoor-positioning-b2b/office_.jpg
+    image-alt: office
+  - title: "Provide safety and security"
+    description: "Indoor positioning with Bluetooth is used for emergency response systems, helping to locate individuals in distress within a building quickly. Consider individuals who work alone in vast spaces or workers who are frequently exposed to hazardous environments."
+    image: /images/indoor-positioning-b2b/factory.jpg
+    image-alt: factory
+  - title: "Data for analytics purposes"
+    description: "Indoor localisation provides valuable data on foot traffic patterns, popular areas within a building, and customer behavior, which can be used for strategic decision-making and improving operations."
+    image: /images/indoor-positioning-b2b/analytics.jpg
+    image-alt: analytics
+  - title: "Target customers effectively"
+    description: "Businesses can deliver personalized, location-based services or promotions to customers based on their proximity to specific areas or products within a store or shopping mall."
+    image: /images/indoor-positioning-b2b/mall.jpg
+    image-alt: mall
 ---
 
 
 {% include JB/setup %}
 
 
 {% include snippets/slogan-begin %}
-Revolutionize your space with advanced indoor positioning solutions
+Revolutionize your space with our advanced indoor positioning system
 {% include snippets/slogan-end %}
 
 
 {% include snippets/full-width-container-begin%}
 
 {% include snippets/two-cols-text-img-begin%}
 
-### Unlocking efficiency with innovative indoor localization solutions for businesses
+### Elevate your indoor experience by harnessing the potential of indoor positioning technology.
 
 Location data serves as the cornerstone of smart buildings, facilitating efficient resource allocation and boosting productivity across various functions. Crownstones play a pivotal role in providing this essential location data, whether individuals carry smart devices or Bluetooth tags.
 
-{% include snippets/two-cols-text-img-end img='/images/indoor-positioning-b2b/office.jpg' img-alt='office' link-left='true' url='/business/indoor-positioning/#contact' link-text='Explore possibilities' %}
+{% include snippets/two-cols-text-img-end img='/images/indoor-positioning-b2b/smart_buildings.jpg' img-alt='smart buildings' link-left='true' url='/business/indoor-positioning#contact' link-text='Explore possibilities' %}
 
 {% include snippets/full-width-container-end %}
 
-
 {% include snippets/cs_features id='benefits'%}
 
 
 
 {% include snippets/slogan-begin background='blue'%}
-An integral solution
+How can indoor positioning help?
 {% include snippets/slogan-end %}
 
-
-{% include snippets/full-width-container-begin background='blue' %}
-
-{% include snippets/centered-text-home-begin background='dark'%}
-
-In addition to our localization solutions, we are also able to offer the following 
-
-{% include snippets/centered-text-home-end %}
-
-{% include snippets/full-width-container-end %}
-
 {% include snippets/three-items-in-a-row  id='solutions' background='dark'%}
 
 
@@ -99,21 +98,22 @@ In addition to our localization solutions, we are also able to offer the followi
 Get in contact
 {% include snippets/slogan-end %}
 
-{% include snippets/two-cols-text-img-begin text-alignment='right'%}
+{% include snippets/two-cols-text-img-begin extra-style='padding-bottom: 0 !important' %}
+
+Ready to unlock the full potential of your business space? **Schedule a meeting** to explore the possibilities for integrating our indoor positioning system.
 
-Ready to unlock the full potential of your business space? **Contact us** today to explore the countless possibilities for optimizing your operations and enhancing productivity. Don't wait any longer to revolutionize your space. Connect with **Aad** to schedule a free meeting! 
+{% include snippets/two-cols-text-img-end img='/images/indoor-positioning-b2b/contact.png' img-alt='contact' btn='true' btn-alignment='left'  btn-contact='aad' btn-text='Schedule a meeting'%}
 
-{% include snippets/two-cols-text-img-end img='/images/team/aadnales.jpg' img-alt='aad nales' btn='true' btn-contact='aad' btn-text='Schedule a meeting'%}
+{% assign email = ".org, ende, alm, @, ad, a" | split: ", "  %}
+{% include snippets/contact-person image="/images/team/aadnales.jpg" image-alt="aad nales" tel="+31 (0)65 420 7340" email=email subject='Indoor positioning possibilities' %}
 
 {% include snippets/circles-bg-end %}
 
 {% include snippets/full-width-container-end %}
 
 
 {% include snippets/slogan-begin background='blue' %}
-
 Why incorporating positioning systems is crucial for your buildings?
-
 {% include snippets/slogan-end %}
 
 

business/06-asset-tracking.md

@@ -61,7 +61,7 @@ Enhance asset management with our asset tracking solutions
 
 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/asset-tracking/technology.jpg' img-alt='technology' link-left='true' url='/business/asset-tracking/#contact' link-text='Explore possibilities'%}
+{% include snippets/two-cols-text-img-end img='/images/asset-tracking/technology.jpg' img-alt='technology' link-left='true' url='/business/asset-tracking#contact' link-text='Explore possibilities'%}
 
 {% include snippets/full-width-container-end %}