initial commit

templates/shortcodes/blueBox.html

@@ -0,0 +1,3 @@
+<div class="blueBox">
+  {{ body | markdown | safe }}
+</div>

templates/shortcodes/caption.html

@@ -0,0 +1,3 @@
+<figcaption>
+  {{ body | markdown | safe }}
+</figcaption>

templates/shortcodes/imgRow.html

@@ -0,0 +1,13 @@
+        
+    <div class="relative mt-12 lg:mt-24 lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center">
+      <div class="relative">
+        {{body}}
+    </div>
+
+    <div class="mt-10 -mx-4 relative lg:mt-0">
+        <img src={{imgUrl}} alt="">
+    </div>
+    </div>
+
+  </div>
+</div>

templates/shortcodes/imgc.html

@@ -0,0 +1,23 @@
+{%- set respSizes = [600, 900, 1200, 1500] -%}
+{%- set initSrc = resize_image(path=path, width=600, op='fit_width') -%}
+<div class="img bg-black dark:bg-blue-800">
+  <img 
+    class="lazy" 
+    aspect-ratio="{{ width }} / {{ height }}" 
+    sizes="(min-width: 1024px) 100vw, 50vw" 
+    src="{{ initSrc.url }}" 
+    srcset="
+    {% for size in respSizes -%}
+      {%- if size <= width -%}
+        {%- set imgSrcset = resize_image(path=path, width=size, op='fit_width') -%}
+        {{ imgSrcset.url }} {{ size }}w
+        {%- if not loop.last -%}, {% endif -%}
+      {%- endif -%}
+    {%- endfor -%}
+    "
+    alt="{{ alt }}" 
+    width="{{ width }}" 
+    height="{{ height }}" 
+    loading="lazy"
+  />
+</div>

templates/shortcodes/yellowBox.html

@@ -0,0 +1,3 @@
+<div class="yellowBox">
+  {{ body | markdown | safe }}
+</div>