Add goals docs

Author: adriaandotcom

_docs/30_features/07-goals.md

@@ -0,0 +1,40 @@
+---
+title: Goals
+category: features
+permalink: /goals
+created_at: 2022-12-22
+last_modified_at: 2022-12-22
+---
+
+Our goals feature is really helpful for organizing and understanding your data. With it, you can set up filters for your data and view the results in these cool goal cards. The cards make it easy to see how you're doing at a glance.
+
+## Overview
+
+In the video below we give you a quick overview of the goals feature.
+
+{%
+  include video.html
+  slug="2022-12-21-goals-overview"
+  formats="mp4,mov,ogg,webm,wmv"
+  poster="video.png"
+  subtitles="subtitles.vtt"
+  controls="true"
+  autoplay="false"
+%}
+
+It's a good but simple introduction, but if you want to make the most of your goals, be sure to check out the rest of this article. We've included some helpful tips and information on how to use the feature to its full potential.
+
+## Funnel
+
+In our next video, we'll show you how to set up a new goal with a filter that targets page views from the home page. We'll also demonstrate how to add an additional step to the goal by filtering page views from the pricing page. This will give you a more comprehensive view of how your pircing page is performing.
+
+{%
+  include video.html
+  slug="2022-12-22-goals-home-to-pricing"
+  formats="mp4,mov,ogg,webm,wmv"
+  poster="video.png"
+  controls="true"
+  autoplay="true"
+%}
+
+Go to [your dashboard](https://simpleanalytics.com/select-website/events) and start playing with goals.

_includes/video.html

@@ -14,15 +14,14 @@
 >
   <video
     loop
-    muted
-    autoplay
+    {% if includes.autoplay == 'false' %}
+      muted
+      autoplay
+    {% else %}
+      preload="metadata"
+    {% endif %}
     crossorigin="anonymous"
-    {%
-    if
-    include.controls
-    %}controls{%
-    endif
-    %}
+    {% if include.controls %}controls{% endif %}
     class="post-video {% if include.red %}red{% endif %}"
     {% if include.poster and include.poster contains '.' %}
     poster="https://assets.simpleanalytics.com/videos/{{ include.slug }}/{{ include.poster }}"
@@ -66,5 +65,14 @@
       >
       instead. {% endif %}
     </p>
+    {% if include.subtitles %}
+    <track
+      default
+      label="English"
+      kind="subtitles"
+      srclang="en"
+      src="https://assets.simpleanalytics.com/videos/{{ include.slug }}/{{include.subtitles}}"
+    />
+    {% endif %}
   </video>
 </div>