Skip to content

Commit 0609946

Browse files
npentrelnpentrel
committed
Add first landing page diagrams
1 parent 8f0dde4 commit 0609946

10 files changed

+54
-24
lines changed

‎assets/platform-overviews/fleet.png

-263 KB
Binary file not shown.

‎assets/platform/platform-fleet-all.svg

+1
Loading

‎assets/platform/platform-fleet-management.svg

+1
Loading

‎assets/platform/platform-fleet-monitor.svg

+1
Loading

‎assets/platform/platform-fleet-team.svg

+1
Loading

‎assets/scss/_styles_project.scss

+21
Original file line numberDiff line numberDiff line change
@@ -2906,3 +2906,24 @@ a.tree-root {
29062906

29072907

29082908
// Next page END
2909+
2910+
// Platform landing pages START
2911+
2912+
#fleet-platform-management, #fleet-platform-team, #fleet-platform-monitor {
2913+
display: none;
2914+
}
2915+
2916+
.hoverable-fleet:hover ~ #fleet-platform-all, .hoverable-team:hover ~ #fleet-platform-all, .hoverable-monitor:hover ~ #fleet-platform-all {
2917+
display: none;
2918+
}
2919+
2920+
.hoverable-fleet:hover ~ #fleet-platform-management, .hoverable-team:hover ~ #fleet-platform-team, .hoverable-monitor:hover ~ #fleet-platform-monitor {
2921+
display: block !important;
2922+
}
2923+
2924+
.upside-down {
2925+
display: flex;
2926+
flex-direction: column-reverse;
2927+
}
2928+
2929+
// Platform landing pages END

‎docs/manage/_index.md

+23-18
Original file line numberDiff line numberDiff line change
@@ -12,37 +12,42 @@ description: "Viam's fleet management tooling allows you to remotely deploy and
1212

1313
Viam's fleet management tooling allows you to remotely deploy and manage software on any fleet of devices. You can monitor all connected devices and troubleshoot any issues - from anywhere.
1414

15-
<p>
16-
{{<imgproc src="/platform-overviews/fleet.png" resize="1200x" style="width:800px" class="aligncenter imgzoom" declaredimensions=true alt="ALT">}}
17-
</p>
15+
<div class="upside-down">
1816

19-
{{< how-to-expand "Deploy a fleet of machines" "3" "INTERMEDIATE" "light" >}}
17+
{{< how-to-expand "Remotely monitor and troubleshoot" "5" "INTERMEDIATE" "" "hoverable-monitor" >}}
2018
{{< cards >}}
21-
{{% card link="/manage/fleet/reuse-configuration/" noimage="true" %}}
22-
{{% card link="/manage/fleet/provision/setup/" noimage="true" %}}
23-
{{% card link="/manage/fleet/provision/end-user-setup/" noimage="true" %}}
19+
{{% card link="/manage/troubleshoot/monitor/" noimage="true" %}}
20+
{{% card link="/manage/troubleshoot/alert/" noimage="true" %}}
21+
{{% card link="/manage/troubleshoot/teleoperate/custom-interface" customTitle="Teleoperate with custom interface" noimage="true" %}}
22+
{{% card link="/manage/troubleshoot/teleoperate/default-interface" customTitle="Teleoperate with default interface" noimage="true" %}}
23+
{{% card link="/manage/troubleshoot/troubleshoot/" noimage="true" %}}
2424
{{< /cards >}}
2525
{{< /how-to-expand >}}
2626

27-
{{< how-to-expand "Manage software on many machines" "2" "INTERMEDIATE" "light" >}}
27+
{{< how-to-expand "Manage access for organizations" "1" "INTERMEDIATE" "" "hoverable-team" >}}
2828
{{< cards >}}
29-
{{% card link="/manage/software/deploy-packages/" noimage="true" %}}
30-
{{% card link="/manage/software/update-packages/" noimage="true" %}}
29+
{{% card link="/manage/manage/access/" noimage="true" %}}
3130
{{< /cards >}}
3231
{{< /how-to-expand >}}
3332

34-
{{< how-to-expand "Manage access for organizations" "1" "INTERMEDIATE" "middle" >}}
33+
{{< how-to-expand "Manage software on many machines" "2" "INTERMEDIATE" "hoverable-fleet" >}}
3534
{{< cards >}}
36-
{{% card link="/manage/manage/access/" noimage="true" %}}
35+
{{% card link="/manage/software/deploy-packages/" noimage="true" %}}
36+
{{% card link="/manage/software/update-packages/" noimage="true" %}}
3737
{{< /cards >}}
3838
{{< /how-to-expand >}}
3939

40-
{{< how-to-expand "Remotely monitor and troubleshoot" "5" "INTERMEDIATE" "dark" >}}
40+
{{< how-to-expand "Deploy a fleet of machines" "3" "INTERMEDIATE" "" "hoverable-fleet">}}
4141
{{< cards >}}
42-
{{% card link="/manage/troubleshoot/monitor/" noimage="true" %}}
43-
{{% card link="/manage/troubleshoot/alert/" noimage="true" %}}
44-
{{% card link="/manage/troubleshoot/teleoperate/custom-interface" customTitle="Teleoperate with custom interface" noimage="true" %}}
45-
{{% card link="/manage/troubleshoot/teleoperate/default-interface" customTitle="Teleoperate with default interface" noimage="true" %}}
46-
{{% card link="/manage/troubleshoot/troubleshoot/" noimage="true" %}}
42+
{{% card link="/manage/fleet/reuse-configuration/" noimage="true" %}}
43+
{{% card link="/manage/fleet/provision/setup/" noimage="true" %}}
44+
{{% card link="/manage/fleet/provision/end-user-setup/" noimage="true" %}}
4745
{{< /cards >}}
4846
{{< /how-to-expand >}}
47+
48+
<img src="/platform/platform-fleet-all.svg" alt="ALT" class="aligncenter imgzoom medium-zoom-image" id="fleet-platform-all" style="width:800px" loading="lazy">
49+
<img src="/platform/platform-fleet-management.svg" alt="ALT" class="aligncenter imgzoom medium-zoom-image" id="fleet-platform-management" style="width:800px" loading="lazy">
50+
<img src="/platform/platform-fleet-team.svg" alt="ALT" class="aligncenter imgzoom medium-zoom-image" id="fleet-platform-team" style="width:800px" loading="lazy">
51+
<img src="/platform/platform-fleet-monitor.svg" alt="ALT" class="aligncenter imgzoom medium-zoom-image" id="fleet-platform-monitor" style="width:800px" loading="lazy">
52+
53+
</div>

‎layouts/partials/imgproc.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -13,17 +13,17 @@
1313
{{ $imgwebp := $img.Resize (printf "%s webp text q100 Lanczos" .resize) }}
1414
{{if .declaredimensions}}
1515
<source srcset="{{ $imgwebp.RelPermalink }}" type="image/webp" width="{{ $imgwebp.Width }}" height="{{ $imgwebp.Height }}">
16-
<img src="{{ $img.RelPermalink }}" width="{{ $imgwebp.Width }}" height="{{ $imgwebp.Height }}" alt="{{ .alt }}" class="{{ .class }}" style="{{ .style }}" loading="lazy">
16+
<img src="{{ $img.RelPermalink }}" width="{{ $imgwebp.Width }}" height="{{ $imgwebp.Height }}" alt="{{ .alt }}" class="{{ .class }}" id="{{ .id }}" style="{{ .style }}" loading="lazy">
1717
{{ else }}
1818
<source srcset="{{ $imgwebp.RelPermalink }}" type="image/webp">
19-
<img src="{{ $img.RelPermalink }}" alt="{{ .alt }}" class="{{ .class }}" style="{{ .style }}" loading="lazy">
19+
<img src="{{ $img.RelPermalink }}" alt="{{ .alt }}" class="{{ .class }}" id="{{ .id }}" style="{{ .style }}" loading="lazy">
2020
{{ end }}
2121
{{ else }}
2222
{{if .declaredimensions}}
2323
{{ $dimensions := split .src "." }}
24-
<img src="{{ $img.RelPermalink }}" width="{{ index $dimensions 0 }}" height="{{ index $dimensions 0 }}" alt="{{ .alt }}" class="{{ .class }}" style="{{ .style }}" loading="lazy">
24+
<img src="{{ $img.RelPermalink }}" alt="{{ .alt }}" class="{{ .class }}" id="{{ .id }}" style="{{ .style }}" loading="lazy">
2525
{{ else }}
26-
<img src="{{ $img.RelPermalink }}" alt="{{ .alt }}" class="{{ .class }}" style="{{ .style }}" loading="lazy">
26+
<img src="{{ $img.RelPermalink }}" alt="{{ .alt }}" class="{{ .class }}" id="{{ .id }}" style="{{ .style }}" loading="lazy">
2727
{{ end }}
2828
{{ end }}
2929
</picture>

‎layouts/shortcodes/how-to-expand.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<details class="expand howtoexpand {{ if .Get 3 }}{{ .Get 3 }}{{ end }}">
1+
<details class="expand howtoexpand {{ if .Get 3 }}{{ .Get 3 }}{{ end }} {{ if .Get 4 }}{{ .Get 4 }}{{ end }}">
22
<summary class="expand-label">
33
<span>
44
<div>

‎layouts/shortcodes/imgproc.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
{{ partial "imgproc.html" (dict "src" (.Get "src") "resize" (.Get "resize") "alt" (.Get "alt") "style" (.Get "style") "class" (.Get "class") "declaredimensions" (.Get "declaredimensions") ) }}
1+
{{ partial "imgproc.html" (dict "src" (.Get "src") "resize" (.Get "resize") "alt" (.Get "alt") "style" (.Get "style") "class" (.Get "class") "id" (.Get "id") "declaredimensions" (.Get "declaredimensions") ) }}

0 commit comments

Comments
 (0)