writing: add accordion functionality

2022-12-27 12:19:29 +05:00
parent 5207ecca45
commit 9135a41cd6
4 changed files with 62 additions and 6 deletions
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@ -0,0 +1,37 @@
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  {{ $title := print .Site.Title " | " .Title }}
+  {{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
+  {{/*  scss compiling  */}}
+  {{ $options := (dict "targetPath" "css/style.css" "outputStyle" "compressed") }}
+  {{ $style := resources.Get "scss/main.scss" | resources.ToCSS $options }}
+  {{ template "_internal/twitter_cards.html" . }}
+  <link href='{{ $style.RelPermalink }}' rel="stylesheet">
+  <title>{{ $title }}</title>
+  {{- partial "octocss.html" . -}}
+  {{ if eq .Title "Writing" }}
+    <style>
+      .accordion {
+        background-color: transparent;
+        color: #444;
+        cursor: pointer;
+        padding: 18px;
+        width: 100%;
+        border: none;
+        text-align: left;
+        outline: none;
+        font-size: 15px;
+        transition: 0.4s;
+      }
+      
+      .acc-panel {
+        padding: 0 18px;
+        background-color: white;
+        max-height: 0;
+        overflow: hidden;
+        transition: max-height 0.2s ease-out;
+      }
+    </style>
+  {{ end }}
+</head>