Fix for audio (#39)

* fix: audio fix * chore: audio fix * chore: fix about
shivan-s · Oct 30, 2024 · 863094c · 863094c
1 parent a2213d5
commit 863094c
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 10 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -400,7 +400,7 @@ div.content {
 
   & ul ol {
     list-style-position: inline;
-    padding-left: var(--small-gap);
+    padding-left: var(--normal-gap);
   }
 
   & pre:has(code) {
@@ -430,7 +430,7 @@ div.content {
   }
 }
 
-figure:has(img) {
+figure:has(img, audio) {
   display: flex;
   flex-direction: column;
   justify-content: center;

diff --git a/content/posts/test-post/audio.mp3 b/content/posts/test-post/audio.mp3
diff --git a/content/posts/test-post/index.md b/content/posts/test-post/index.md
@@ -14,7 +14,7 @@ cover:
 audio:
   src: audio.mp3
   caption: caption
-  hidden: true
+  hidden: false
 ---
 
 Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.

diff --git a/layouts/_default/home.html b/layouts/_default/home.html
@@ -7,7 +7,7 @@ <h1 hidden>{{ .Page.Title }}</h1>
           <h2>About</h2>
         </a>
       </header>
-      <p>{{ truncate 25 .Content }}</p>
+      <p>{{ truncate 256 .Content }}</p>
       <footer>
         <a href="{{ .RelPermalink }}">Read more...</a>
       </footer>

diff --git a/layouts/posts/single.html b/layouts/posts/single.html
@@ -15,7 +15,7 @@ <h1>{{ .Title }}</h1>
           ><a href="{{ .Params.githubRepo }}">Suggest Changes</a></span
         >
       </small>
-      {{ if not (.Param "cover.hidden") }}
+      {{ if not (.Param "cover.hidden" | default true) }}
         {{ $src := (.Param "cover.image") | default "" }}
         {{ $alt := (.Param "cover.alt") | default "" }}
         {{ $caption := (.Param "cover.caption") | default false }}
@@ -26,13 +26,11 @@ <h1>{{ .Title }}</h1>
           {{ end }}
         </figure>
       {{ end }}
-      {{ if not (.Param "audio.hidden") }}
+      {{ if not (.Param "audio.hidden" | default true) }}
         {{ $src := (.Param "audio.src") | default "" }}
-        {{ $caption := (.Param "audio.caption") | default false }}
+        {{ $caption := (.Param "audio.caption") | default "Listen to audio version" }}
         <figure>
-          {{ if $caption }}
-            <figcaption>{{ $caption }}</figcaption>
-          {{ end }}
+          <figcaption>{{ $caption }}</figcaption>
           <audio controls src="{{ $src }}"></audio>
         </figure>
       {{ end }}