blog video above fold

Author: ivanchromjak

assets/css/style.css

@@ -770,6 +770,10 @@ select {
   left: 0;
 }
 
+.aspect-h-11 {
+  --tw-aspect-h: 11;
+}
+
 .prose {
   color: var(--tw-prose-body);
   max-width: 65ch;
@@ -1563,10 +1567,6 @@ select {
   display: inline-block;
 }
 
-.inline {
-  display: inline;
-}
-
 .flex {
   display: flex;
 }
@@ -4332,6 +4332,16 @@ h1 strong, h2 strong, h3 strong, .text-highlight, .superheading strong {
     margin-right: 0px;
   }
 
+  .lg\:-mx-16 {
+    margin-left: -4rem;
+    margin-right: -4rem;
+  }
+
+  .lg\:-mx-24 {
+    margin-left: -6rem;
+    margin-right: -6rem;
+  }
+
   .lg\:-ml-0 {
     margin-left: -0px;
   }

config.yml

@@ -6,8 +6,6 @@ enableGitInfo: true
 enableRobotsTXT: true
 canonifyURLs: true
 
-paginate: 6
-
 taxonomies:
   categories: 'categories'
 permalinks:
@@ -49,6 +47,8 @@ languages:
     contentDir: content/en
     languageCode: en-GB
     weight: 1
+    pagination:
+      pagerSize: 6    
     menu:
       navbar:
       - name: News
@@ -239,6 +239,8 @@ languages:
     contentDir: content/pt
     languageCode: pt-BR
     weight: 2
+    pagination:
+      pagerSize: 6        
     menu:
       navbar:
       - name: Noticias

content/en/blog/aidl-meetup.md

@@ -6,7 +6,7 @@ categories:
 image: "/images/aidl.jpg"
 date: 2024-10-08
 
-
+youtube: 2Fj-oBRXDiI
 aliases:
   - "/psychology/aidl-meetup/"
 url: "/psychology-ai-tool/aidl-meetup/"
@@ -16,8 +16,6 @@ url: "/psychology-ai-tool/aidl-meetup/"
 
 Thomas Wood presents the Harmony project at the 19th [AI and Deep Learning for Enterprise meetup](https://www.meetup.com/ai-and-dl-for-enterprise/events/303641323) on **8 October 2024**.
 
-{{< youtube 2Fj-oBRXDiI >}}
-
 **In case you missed the talk about Harmony on Tuesday at Civo Tech Junction with AI and Deep Learning for Enterprise sponsored by Daemon, you can now watch the recording of the live stream on AI|DL's channel.**
 
 Topic: **Harmony: a free online tool using LLMs for research in psychology and social sciences**

layouts/blog/single.html

@@ -18,11 +18,18 @@ <h1 class="text-center text-5xl sm:text-6xl font-bold font-heading tracking-tigh
         {{ partial "components/form-mailchimp.html" . }}
       </div>
     </div>
-    {{ with .Params.image }}
+    {{ if .Params.youtube }}
+      <div class="mt-10 lg:mt-14 max-w-5xl mx-auto">
+        <div class="aspect-w-16 aspect-h-9 rounded-xl shadow-xl overflow-hidden">
+          <iframe src="https://www.youtube.com/embed/{{ .Params.youtube }}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+        </div>
+      </div>
+    {{ else }}
       <div class="flex justify-center mt-10 lg:mt-14 max-w-5xl mx-auto aspect-w-16 aspect-h-8">
-        {{ partial "components/image-responsive" (dict "src" (. | relURL) "alt" $.Title "class" "rounded-xl w-full h-full object-center object-cover shadow-xl" "sizes" "(min-width: 1024px) 50vw, 100vw" "widths" (slice 640 1024 2048)) }}
+        {{ partial "components/image-responsive" (dict "src" (.Params.image | relURL) "alt" $.Title "class" "rounded-xl w-full h-full object-center object-cover shadow-xl" "sizes" "(min-width: 1024px) 50vw, 100vw" "widths" (slice 640 1024 2048)) }}
       </div>
-    {{ end }}
+    {{ end }}    
+
     <div class="mt-10 lg:mt-14 mx-auto prose sm:prose-lg dark:prose-invert prose-headings:text-blue-950 prose-headings:scroll-mt-32 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline">
       {{ .Content }}
     </div>