Skip to content

Commit 3af73ef

Browse files
andreihoncharukandreihoncharuk
committed
Customers update
Customers: - "Smart City" page - "Telecom" page - "Industry 4.0" page - Horizontal Navigation Bar - Added width of form-section on "Contact Us" page
1 parent 8f1880a commit 3af73ef

File tree

11 files changed

+404
-417
lines changed

11 files changed

+404
-417
lines changed

‎_layouts/common.html

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -23,12 +23,13 @@
2323
jqueryDefer(function () {
2424
$(window).scroll(function() {
2525
var height = $(window).scrollTop();
26-
if(height > 102){
26+
var navPosition = $('.mainTitle').height() + 50;
27+
if(height > navPosition){
2728
$('nav.customers-nav').addClass('nav-fixed');
28-
$('h1:first-of-type').addClass('customer-spacer');
29+
$('h1.mainTitle').addClass('customer-spacer');
2930
} else{
3031
$('nav.customers-nav').removeClass('nav-fixed');
31-
$('h1:first-of-type').removeClass('customer-spacer');
32+
$('h1.mainTitle').removeClass('customer-spacer');
3233
}
3334
});
3435
});

‎company/company.sass

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -12,16 +12,11 @@
1212
font-weight: 500
1313
line-height: 54px
1414
margin: 0 0 82px
15-
h1.who-we-are
15+
h1.who-we-are, h1.our-mission
1616
font-size: 36px
1717
line-height: 54px
1818
font-weight: 600
1919
margin: 0 0 8px
20-
h1.our-mission
21-
font-size: 36px
22-
line-height: 54px
23-
font-weight: 500
24-
margin: 0 0 8px
2520
p.company-info
2621
font-weight: 400
2722
font-size: 18px

‎docs/contact-us.sass

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -81,6 +81,7 @@
8181
margin-bottom: 20px
8282
padding: 54px 56px
8383
.form-section
84+
width: 100%
8485
display: inline-block
8586
&.mb30
8687
margin-bottom: 30px

‎images/customers/ositech.jpg

17.3 KB
Loading

‎industries/agriculture.md

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,13 @@
11
---
22
layout: common
33
title: Agriculture customers
4-
description:
4+
notitle: "true"
5+
description:
56

67
---
78

9+
<h1 class="mainTitle agriculture">Agriculture customers</h1>
10+
811
<nav class="customers-nav">
912
<ul>
1013
<li>
@@ -40,9 +43,9 @@ description:
4043
<p class="person-position"> CTO </p>
4144
</div>
4245
</div>
43-
<h4>
46+
<h2>
4447
Develops, manufactures and sells high quality post-harvest equipment worldwide.
45-
</h4>
48+
</h2>
4649
<p>
4750
ThingsBoard (TB) turned out to be a great match to build our Agricultural IoT platform.
4851
First and foremost because of the extremely skilled and service minded architects behind it.
@@ -69,9 +72,9 @@ description:
6972
<p class="person-position"> Founder & Managing Director </p>
7073
</div>
7174
</div>
72-
<h4>
75+
<h2>
7376
Developers of VineHub, the industry's first integrated vineyard management and automation platform.
74-
</h4>
77+
</h2>
7578
<p>
7679
ThingsBoard (TB) has been an amazing discovery after much searching. The thought and architectural maturity of the platform is unmatched in the market. It’s allowed us to bring our platform to market a full 18 months sooner, than if we had embarked on developing our own backend and visualisation capabilities. With such a flexible UI, even with just a basic understanding of HTML and Javascript one can quickly and easily begin customising and designing they’re own widgets. This has provided great value to our growers since we can build them customised dashboards with very little time and effort on our part. The ability to ingest data directly from our LoRaWAN MQTT broker, via the platform’s IoT Gateway feature, has eliminated the need for us to maintain a seperate middleware layer, improving our operational efficiencies.
7780
</p>
@@ -93,9 +96,9 @@ description:
9396
<p class="person-position"> Director </p>
9497
</div>
9598
</div>
96-
<h4>
99+
<h2>
97100
Develops solutions for agriculture and the environment.
98-
</h4>
101+
</h2>
99102
<p>
100103
We started using the Thingsboard (TB) in 2017, and later switched to the professional edition (PE). We are very satisfied with the platform as it provides us with high flexibility and stability. We highly appreciate the visual editor for Rule engine new Multitenancy approach. The platform provides for us a unique possibility to create our own data connectors, which allows us to create dashboards and combine data from multiple data sources.
101104
</p>

‎industries/industries.sass

Lines changed: 151 additions & 113 deletions
Original file line numberDiff line numberDiff line change
@@ -1,124 +1,162 @@
11
#docsContent
2-
h1:first-of-type
3-
font-size: 36px
4-
font-weight: 500
5-
line-height: 54px
6-
margin-bottom: 0
7-
&.customer-spacer
8-
margin-bottom: 180px
9-
.customers-nav
10-
display: flex
11-
width: 100%
12-
margin: 0 0 56px
13-
z-index: 1
14-
&.nav-fixed
15-
position: fixed
16-
top: 80px
17-
//transition: 0.3s
18-
background-color: rgba(255, 255, 255, 0.95)
19-
border-bottom: solid 1px #ebebeb
20-
backdrop-filter: blur(7px)
21-
22-
ul
2+
#content
3+
h1.mainTitle, h2
4+
position: relative
235
padding: 0
24-
li
25-
position: relative
6+
font-size: 36px
7+
font-weight: 500
8+
line-height: 54px
9+
max-width: 1200px
10+
&:before
11+
content: none
12+
.mainTitle
13+
margin: 0
14+
&.customer-spacer
15+
margin-bottom: 183px
16+
.customers-nav
17+
display: flex
18+
width: calc(100% + 60px)
19+
margin-bottom: 56px
20+
z-index: 1
21+
overflow-x: auto
22+
margin-left: -30px
23+
&.nav-fixed
24+
position: fixed
25+
top: 78px
26+
background-color: rgba(255, 255, 255, 0.95)
27+
border-bottom: solid 1px #ebebeb
28+
backdrop-filter: blur(7px)
29+
width: 100%
30+
ul
31+
padding: 0 30px
2632
display: flex
27-
align-items: center
28-
height: 100%
29-
margin: 0
30-
margin-right: 28px
31-
padding: 32px 0
32-
float: left
33-
a
34-
color: rgba(33,37,41, 0.6)
35-
text-decoration: none
33+
li
34+
position: relative
35+
display: flex
36+
align-items: center
37+
height: 100%
38+
margin: 0
39+
margin-right: 28px
40+
padding: 32px 0
41+
float: left
42+
width: max-content
43+
a
44+
color: rgba(33,37,41, 0.6)
45+
text-decoration: none
46+
font-size: 18px
47+
font-weight: 400
48+
&:hover
49+
color: #212529
50+
&.active
51+
color: #2A7DEC
52+
font-weight: 500
53+
&:last-child
54+
margin: 0
55+
.customer-block
56+
color: #212529
57+
display: flex
58+
flex-direction: column
59+
margin-bottom: 56px
60+
padding-bottom: 56px
61+
border-bottom: 1px solid #ebebeb
62+
justify-content: space-between
63+
&:last-child
64+
border-bottom: none
65+
66+
.customer-company
67+
width: 100%
68+
position: relative
69+
margin-bottom: 72px
70+
.customer-logo
71+
min-width: unset
72+
max-height: 120px
73+
max-width: 180px
74+
box-shadow: none
75+
margin-bottom: 12px
76+
height: auto
77+
width: auto
78+
.outlink
79+
color: #212529
80+
font-weight: 500
3681
font-size: 18px
37-
font-weight: 400
82+
position: absolute
83+
padding-right: 16px
3884
&:hover
39-
color: #212529
40-
&.active
4185
color: #2A7DEC
42-
font-weight: 500
43-
&:last-child
44-
margin: 0
45-
.customer-block
46-
color: #212529
47-
display: flex
48-
flex-direction: column
49-
margin-bottom: 56px
50-
padding-bottom: 56px
51-
border-bottom: 1px solid #ebebeb
52-
justify-content: space-between
53-
&:last-child
54-
border-bottom: none
55-
56-
.customer-company
57-
width: 180px
58-
position: relative
59-
.customer-logo
60-
min-width: unset
61-
max-height: 120px
62-
box-shadow: none
63-
margin-bottom: 12px
64-
height: auto
65-
width: auto
66-
.outlink
67-
color: #212529
68-
font-weight: 500
69-
font-size: 18px
70-
position: absolute
71-
padding-right: 16px
72-
&:hover
73-
color: #2A7DEC
86+
&:after
87+
filter: unset
7488
&:after
75-
filter: unset
76-
&:after
77-
content: ""
78-
background-image: url(/images/link-arrow.svg)
79-
background-size: contain
80-
display: block
81-
position: absolute
82-
right: 0
83-
top: 6px
84-
width: 8px
85-
height: 9px
86-
border: none
87-
filter: grayscale(1) brightness(0.3)
88-
89-
.customer-content
90-
width: calc(100% - 252px)
91-
h4, p
92-
font-size: 16px
93-
line-height: 1.5em
94-
h4
95-
font-weight: 500
96-
p
97-
font-style: italic
98-
.person-container
99-
display: flex
100-
flex-direction: row
101-
.person-logo
102-
display: inline-block
103-
border-radius: 50%
104-
width: 48px
105-
height: 48px
106-
margin-right: 18px
107-
.person-title
108-
display: inline-block
109-
p
110-
font-style: unset
111-
margin: unset
112-
.person-name
113-
font-size: 18px
114-
font-weight: 500
115-
.person-position
116-
color: #75767C
89+
content: ""
90+
background-image: url(/images/link-arrow.svg)
91+
background-size: contain
92+
display: block
93+
position: absolute
94+
right: 0
95+
top: 6px
96+
width: 8px
97+
height: 9px
98+
border: none
99+
filter: grayscale(1) brightness(0.3)
117100

101+
.customer-content
102+
width: 100%
103+
h2, p
104+
font-size: 16px
105+
line-height: 1.5em
106+
h2
107+
font-weight: 500
108+
margin-top: 10px
109+
p
110+
font-style: italic
111+
.person-container
112+
display: flex
113+
flex-direction: row
114+
margin-bottom: 30px
115+
.person-logo
116+
display: inline-block
117+
border-radius: 50%
118+
width: 48px
119+
height: 48px
120+
margin-right: 18px
121+
.person-title
122+
display: inline-block
123+
p
124+
font-style: unset
125+
margin: unset
126+
.person-name
127+
font-size: 18px
128+
font-weight: 500
129+
.person-position
130+
color: #75767C
118131

119132
@media screen and (min-width: 1025px)
120133
#docsContent
121-
.customer-block
122-
flex-direction: row
123-
.customer-logo
124-
margin-bottom: 0px
134+
#content
135+
.customers-nav
136+
width: 100%
137+
margin-left: 0
138+
ul
139+
padding: 0
140+
&.nav-fixed
141+
justify-content: center
142+
left: 0
143+
top: 80px
144+
ul
145+
width: 100%
146+
max-width: 1200px
147+
margin: 20px 30px
148+
.customer-block
149+
flex-direction: row
150+
.customer-company
151+
width: 180px
152+
.customer-content
153+
width: calc(100% - 252px)
154+
155+
@media screen and (min-width: 1500px)
156+
#docsContent
157+
#content
158+
.customers-nav
159+
&.nav-fixed
160+
ul
161+
max-width: unset
162+
margin: 20px 260px

0 commit comments

Comments
 (0)