Add file option to grid shortcode (#511)

Author: jarrodmillman

assets/theme-css/bulma.css

@@ -11,10 +11,6 @@ input,
 select {
   margin: 0;
 }
-video {
-  height: auto;
-  max-width: 100%;
-}
 iframe {
   border: 0;
 }

assets/theme-css/styles.css

@@ -41,6 +41,7 @@ figure,
   display: block;
   margin-left: auto;
   margin-right: auto;
+  max-width: 100%;
   text-align: center;
 }
 

layouts/shortcodes/grid1.html

@@ -68,6 +68,7 @@
 */}}
 
 <div class="sd-container-fluid sd-mb-4">
+{{ $cards := "" }}
 {{- with .Get "columns" -}}
   {{ $columns := split . " " }}
   {{ $xs := index $columns 0 }}
@@ -78,8 +79,16 @@
 {{- else }}
   <div class="sd-row sd-row-cols-auto sd-row-cols-xs-auto sd-row-cols-sm-auto sd-row-cols-md-auto sd-row-cols-lg-auto">
 {{- end }}
-  {{ $cards := (index (.Inner | transform.Unmarshal) "card") }}
-  {{- range $key, $d := $cards -}}
+{{- with .Get "file" -}}
+  {{ with $.Page.Resources.Get  . | transform.Unmarshal }}
+    {{ $cards = (index . "card") }}
+  {{ else }}
+    {{ errorf "Unable to get page resource %q" . }}
+  {{ end }}
+{{- else }}
+  {{ $cards = (index (.Inner | transform.Unmarshal) "card") }}
+{{- end }}
+{{- range $key, $d := $cards -}}
     <div class="sd-col sd-d-flex-row">
     {{- with $d.link }}
       <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover">