add image shortcode

content/posts/kate-lsp-client-restart/index.md

@@ -29,7 +29,7 @@ What does work (tested with clangd and kate.git/work projects) at the moment:
 
 * Auto completion: you get the proper LSP server provided completion items
 
-![Auto completion](/posts/kate-lsp-client-restart/images/kate-auto-completion.png)
+{{< image src="/posts/kate-lsp-client-restart/images/kate-auto-completion.png" alt="Auto completion" >}}
 
 * Outline view: Get an extra tool view with the symbols of your current view
 

content/posts/kate-lsp-status-july-22/index.md

@@ -32,7 +32,7 @@ parts to your **cmake** call. If you use **ninja** and not **make**, just use
 
 Then, let's see what you can do, once you are in a prepared build directory and have a **master** version of **Kate** in your **PATH**.
 
-{{< video src="/posts/kate-lsp-status-july-22/images/kate-lsp-video.mp4" type="video/mp4" preload="auto" >}}
+{{< video src="/posts/kate-lsp-status-july-22/images/kate-lsp-video.mp4" >}}
 
 I hope the quality is acceptable, that is my first try in a long time to do some screen-cast ;)
 

layouts/shortcodes/image.html

@@ -0,0 +1,3 @@
+<center>
+<img width="80%" src="{{ .Get "src" }}" alt="{{ .Get "alt" }}" />
+</center>

layouts/shortcodes/video.html

@@ -1,4 +1,6 @@
-<video width="100%" preload="{{ .Get "preload" }}" controls>
+<center>
-    <source src="{{ .Get "src" }}" type="{{ .Get "type" }}">
+    <video width="80%" preload="auto" controls>
+        <source src="{{ .Get "src" }}" />
         Your browser does not seem to support the video {{ .Get "src" }}.
     </video>
+</center>