Fix link based on website feedback (#3047)

docs/get-started/_index.md

@@ -20,6 +20,12 @@ If you need any help along the way, join our community:
 
 {{< cards >}}
 {{% card link="/get-started/installation/" %}}
-{{% card link="https://discord.gg/viam" customDescription="Have questions, or want to meet other people working on smart machines? Join us in the Community Discord!" customTitle="Community" webm_src="/heart.webm" mp4_src="/heart.mp4" alt="A robot drawing a heart" %}}
+{{% manualcard link="https://discord.gg/viam" webm_src="/heart.webm" mp4_src="/heart.mp4" alt="A robot drawing a heart" %}}
+
+#### Community
+
+Have questions, or want to meet other people working on smart machines? Join us in the Community Discord!
+
+{{% /manualcard %}}
 
 {{< /cards >}}

layouts/partials/card.html

@@ -64,7 +64,11 @@
    {{- end -}}
  {{- else -}}
   {{- if strings.HasPrefix ($link | string) "http" -}}
+    {{- if $customCanonicalLink -}}
+    <a href="{{$customCanonicalLink}}">
+    {{- else -}}
     <a href="{{.RelPermalink}}">
+    {{- end -}}
     {{- if $imageOverwrite -}}
       <div class="hover-card-img">
         {{- partial "imgproc.html" (dict "src" ($imageOverwrite) "resize" "400x" "alt" (.alt) "style" "") -}}

layouts/shortcodes/manualcard.html

@@ -1,6 +1,15 @@
 {{ $size := (.Get "size") }}
+{{- $webm_src := (.Get "webm_src") -}}
+{{- $mp4_src := (.Get "mp4_src") -}}
+{{- $alt := (.Get "alt") -}}
+
 <div class="col hover-card">
   {{ if .Get "link" }}<a href="{{ .Get "link" }}" {{ if .Get "target" }} target="{{ .Get "target" }}"{{ end }} class="noanchor">{{ end }}
+        {{- if $webm_src -}}
+        <div class="hover-card-video">
+            {{- partial "gif.html" (dict "webm_src" $webm_src "mp4_src" $mp4_src "alt" $alt "maxWidth" "100%" "class" "" ) -}}
+        </div>
+        {{- end -}}
         {{ if .Get "img" }}
         <div class="hover-card-img">
           {{ $img := resources.GetMatch (.Get "img") }}