Skip to content

Commit 72b9dda

Browse files
rusikvrusikv
committed
Fixed header menu broken on restore from mobile size, added video, img links for energy and drilling scada usecases page
1 parent d121eff commit 72b9dda

File tree

8 files changed

+24
-12
lines changed

8 files changed

+24
-12
lines changed

‎_data/iot-use-cases.yml

+3-3
Original file line numberDiff line numberDiff line change
@@ -21,16 +21,16 @@
2121
name: "SCADA Oil & Gas drilling system"
2222
description: "Automate drilling operations with SCADA and ThingsBoard. Control rigs, pumps, and blowout preventers in real time, visualize key parameters, and enhance operational safety. Flexible SCADA symbol templates allow you to tailor the system to any production scenario."
2323
media:
24-
image: "https://img.thingsboard.io/usecases/scada-oil-and-gas-drilling-system/video/scada-oil-and-gas-drilling.png"
24+
image: "https://img.thingsboard.io/solutions/scada_drilling_system/hp-scada-systems-in-drilling-1.png"
2525
alt: "See more about SCADA Oil & gas drilling system"
26-
video: ["https://video.thingsboard.io/usecases/scada-oil-and-gas-drilling-system.mp4", "https://video.thingsboard.io/usecases/scada-oil-and-gas-drilling-system.webm"]
26+
video: ["https://video.thingsboard.io/usecases/hp-drilling-scada-system.mp4", "https://video.thingsboard.io/usecases/hp-drilling-scada-system.webm"]
2727
href: "/use-cases/scada-oil-and-gas-drilling-system/"
2828
3:
2929
type: "SCADA"
3030
name: "SCADA Energy management"
3131
description: "Gain a complete real-time view of energy consumption and generation. Use SCADA powered by ThingsBoard to monitor, analyze, and optimize energy flows — from generation to end use. Track efficiency, forecast demand peaks, and reduce costs with intuitive dashboards and seamless integration with industrial equipment."
3232
media:
33-
image: "https://img.thingsboard.io/usecases/scada-energy-management/video/scada-energy-management.png"
33+
image: "https://img.thingsboard.io/solutions/scada_energy_management/scada-energy-management-1.png"
3434
alt: "See more about SCADA Energy management"
3535
video: ["https://video.thingsboard.io/usecases/scada-energy-management.mp4", "https://video.thingsboard.io/usecases/scada-energy-management.webm"]
3636
href: "/use-cases/scada-energy-management/"

‎_includes/head-header.html

+1
Original file line numberDiff line numberDiff line change
@@ -587,6 +587,7 @@
587587
var body = $('body');
588588
body.css('overflow', '');
589589
let targetSubMenus = $('nav.head-menu > ul > li > div');
590+
targetSubMenus.css('display', '');
590591
let submenuContainer = $('nav.head-menu > div.sub-menu-container');
591592
submenuContainer.removeClass('active');
592593
submenuContainer.css('display', 'block');

‎_includes/tb-advantages.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
<section class="advantages">
22
<h2>ThingsBoard advantages</h2>
3-
{% include carousel.liquid items = 3 itemsHigher960 = 1 itemsHigher600 = 1 itemsHigher0 = 1 dotButtonMode = "circle" collectionMap = "advantages-carousel" cardMode = true carouselMargin = 0 stagePadding = 0 navMode = "smallArrow" titleSize = "28px" titleColor = "#000000DE" titleWeight = "500" titleLineHeight = "44px" descriptionSize = "14px" descriptionColor = "#000000C2" descriptionLineHeight = "24px" enableLinkArrow = false linkSize = "16px" linkLineHeight = "22px" linkWeight = "400" %}
3+
{% include carousel.liquid items = 3 itemsHigher960 = 1 itemsHigher600 = 1 itemsHigher0 = 1 dotButtonMode = "circle" collectionMap = "advantages-carousel" cardMode = true carouselMargin = 0 stagePadding = 0 navMode = "smallArrow" titleSize = "28px" titleSizeLower600 = "24px" titleColor = "#000000DE" titleWeight = "500" titleLineHeight = "44px" descriptionSize = "14px" descriptionColor = "#000000C2" descriptionLineHeight = "24px" enableLinkArrow = false linkSize = "16px" linkLineHeight = "22px" linkWeight = "400" %}
44
</section>

‎images/usecases/scada-drilling-system/video/scada-oil-and-gas-drilling.png

-22.8 KB
Binary file not shown.

‎images/usecases/scada-energy-management/video/scada-energy-management.png

-23.3 KB
Binary file not shown.

‎use-cases/scada-energy-management.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ includeAdvantages: "true"
1717
<p class="text">SCADA (Supervisory Control and Data Acquisition) systems play a crucial role in energy monitoring and management, providing real-time insights into power generation, distribution, and consumption. With platforms like ThingsBoard, businesses can integrate advanced SCADA solutions to optimize energy efficiency, reduce costs, and enhance system reliability.</p>
1818
</div>
1919
<div class="demo-button">
20-
<a id="UseCases_ScadaEnerty_ViewLiveDemo" target="_blank" href="https://thingsboard.cloud/dashboard/f8e77210-8fa8-11ef-90c1-0b39f28da380?publicId=7aa99e80-8acd-11ef-a59e-a9c993dbec14" class="button gtm_button">View live demo</a>
20+
<a id="UseCases_ScadaEnergy_ViewLiveDemo" target="_blank" href="https://tbqa.cloud/dashboard/9b601410-18f3-11f0-afb5-6581137e2031?publicId=3b728e20-3d08-11ee-be4b-434ecc9fc7b7" class="button gtm_button">View live demo</a>
2121
</div>
2222
</div>
2323
<div class="long">
@@ -366,7 +366,7 @@ includeAdvantages: "true"
366366
const large = document.querySelector('.image-block-large');
367367

368368
if (Math.abs(elemCoor.top) < elemCoor.height / 2 && elemCoor.top < 0) {
369-
large.style.marginTop = Math.abs(elemCoor.top) + 20 + 'px';
369+
large.style.marginTop = Math.abs(elemCoor.top) + 40 + 'px';
370370
}
371371
};
372372

@@ -391,7 +391,7 @@ includeAdvantages: "true"
391391
<div class=image>${getImage(0)}</div>
392392
</div>
393393
<div class="buttons-block">
394-
<a id="UseCases_ScadaEnergy_ViewLiveDemo" target="_blank" href="https://thingsboard.cloud/dashboard/f8e77210-8fa8-11ef-90c1-0b39f28da380?publicId=7aa99e80-8acd-11ef-a59e-a9c993dbec14" class="button gtm_button">View live demo</a>
394+
<a id="UseCases_ScadaEnergy_ViewLiveDemo" target="_blank" href="https://tbqa.cloud/dashboard/9b601410-18f3-11f0-afb5-6581137e2031?publicId=3b728e20-3d08-11ee-be4b-434ecc9fc7b7" class="button gtm_button">View live demo</a>
395395
<a id="UseCases_ScadaEnergy_ContactUs" target="_blank" href="https://thingsboard.io/docs/contact-us/" class="button contact-us gtm_button">Contact us</a>
396396
</div>`;
397397

‎use-cases/scada-oil-and-gas-drilling-system.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ includeAdvantages: "true"
1717
<p class="text">SCADA (Supervisory Control and Data Acquisition) and the ThingsBoard platform play a crucial role in automating oil and gas drilling processes.</p>
1818
</div>
1919
<div class="demo-button">
20-
<a id="UseCases_DrillingSystem_ViewLiveDemo" target="_blank" href="https://thingsboard.cloud/dashboard/f8e77210-8fa8-11ef-90c1-0b39f28da380?publicId=7aa99e80-8acd-11ef-a59e-a9c993dbec14" class="button gtm_button">View live demo</a>
20+
<a id="UseCases_DrillingSystem_ViewLiveDemo" target="_blank" href="https://tbqa.cloud/dashboard/25b9f9b0-18f3-11f0-ba3a-c7bc9fd1772b?publicId=3b728e20-3d08-11ee-be4b-434ecc9fc7b7" class="button gtm_button">View live demo</a>
2121
</div>
2222
</div>
2323
<div class="long">
@@ -378,7 +378,7 @@ includeAdvantages: "true"
378378
const large = document.querySelector('.image-block-large');
379379

380380
if (Math.abs(elemCoor.top) < elemCoor.height / 2 && elemCoor.top < 0) {
381-
large.style.marginTop = Math.abs(elemCoor.top) + 20 + 'px';
381+
large.style.marginTop = Math.abs(elemCoor.top) + 40 + 'px';
382382
}
383383
};
384384

@@ -403,7 +403,7 @@ includeAdvantages: "true"
403403
<div class=image>${getImage(0)}</div>
404404
</div>
405405
<div class="buttons-block">
406-
<a id="UseCases_ScadaDrilling_ViewLiveDemo" target="_blank" href="https://thingsboard.cloud/dashboard/f8e77210-8fa8-11ef-90c1-0b39f28da380?publicId=7aa99e80-8acd-11ef-a59e-a9c993dbec14" class="button gtm_button">View live demo</a>
406+
<a id="UseCases_ScadaDrilling_ViewLiveDemo" target="_blank" href="https://tbqa.cloud/dashboard/25b9f9b0-18f3-11f0-ba3a-c7bc9fd1772b?publicId=3b728e20-3d08-11ee-be4b-434ecc9fc7b7" class="button gtm_button">View live demo</a>
407407
<a id="UseCases_ScadaDrilling_ContactUs" target="_blank" href="https://thingsboard.io/docs/contact-us/" class="button contact-us gtm_button">Contact us</a>
408408
</div>`;
409409

‎use-cases/use-cases.sass

+13-2
Original file line numberDiff line numberDiff line change
@@ -736,8 +736,8 @@
736736
font-size: 56px
737737
font-weight: 600
738738

739-
@media screen and (max-width: 500px)
740-
font-size: 40px
739+
@media screen and (max-width: 599px)
740+
font-size: 36px
741741

742742
#scada-fullpage
743743
display: none
@@ -759,6 +759,7 @@
759759
width: 67.9vw
760760
height: 72.3vh
761761
img
762+
width: 100%
762763
border: 4px solid white
763764
border-radius: 36px
764765

@@ -788,12 +789,15 @@
788789
padding-top: 50px
789790
font-size: 36px
790791
@media screen and (max-width: 599px)
792+
font-size: 32px
791793
margin-bottom: 0
792794

793795
h3
794796
font-size: 28px
795797
font-weight: 500
796798
margin-bottom: 0
799+
@media screen and (max-width: 599px)
800+
font-size: 20px
797801

798802
p
799803
font-size: 16px
@@ -928,9 +932,13 @@
928932
.scada-overview
929933
&::before
930934
height: 110%
935+
931936
@media screen and (max-width: 959px)
932937
height: 107%
933938

939+
@media screen and (max-width: 599px)
940+
top: -16px
941+
934942
.img-comp-container
935943
position: relative
936944

@@ -1266,6 +1274,9 @@
12661274
padding: 34px
12671275
cursor: pointer
12681276

1277+
@media screen and (max-width: 599px)
1278+
padding: 16px
1279+
12691280
.expansion-header
12701281
display: flex
12711282
position: relative

0 commit comments

Comments
 (0)