tweaking of some shortcodes and adding osm

layouts/shortcodes/donate.html

@@ -4,7 +4,7 @@
   }
 </style>
 
-<iframe id="v-frame" width="100%" frameborder="0" allow="clipboard-write" height="800px" src=https://secure.myvanco.com/L-Z772 scrolling="yes"></iframe>
+<iframe class="h-screen" id="v-frame" width="100%" frameborder="0" allow="clipboard-write" src=https://secure.myvanco.com/L-Z772 scrolling="yes"></iframe>
 
 <!-- <script type="application/javascript"> -->
 <!--       window.onmessage=(e=>{const n=document.getElementById("v-frame");https:\/\/secure.myvanco.com===e.origin&&e.data.height&&(n.height=e.data.height,n.overflow="hidden")}); -->

layouts/shortcodes/mt-form.html

@@ -1,5 +1,5 @@
 <iframe
-  class="mt-form w-full h-200"
+  class="mt-form w-full h-screen"
   src="https://tbl.tfcconnection.org/dashboard/#/nc/form/771dc7dc-9a82-49e4-abfe-0fd7b72281f2?embed"
   frameborder="0"
   style="background: transparent; border: 1px solid #ddd">

layouts/shortcodes/osm.html

@@ -0,0 +1,4 @@
+
+{{ $osmClasses := "{{ .Get `height` | default `h-96`}} {{.Get `width` | default `w-full`}}" }}
+
+<iframe class="{{with .Get `height` }}{{ . }}{{ else }}h-96{{end}} {{with .Get `width` }}{{ . }}{{ else }}w-full{{end}}" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="{{ .Get `src`}}"></iframe><br/><small><a href="{{ .Get `href`}}">View Larger Map</a></small>

layouts/shortcodes/spacing.html

@@ -1,9 +1,2 @@
-{{- $height := .Get "height" | default "100px" -}}
-<style>
-  .space{
-      height: {{ $height }};
-  }
-</style>
-
-<div class="space" style="display: flex;">
-</div>
+{{- $height := .Get "height" | default "h-24" -}}
+<div class="{{ $height }}" style="display: flex;"></div>