From 15bccc698eba1706931e775954d3ccf0048dda3a Mon Sep 17 00:00:00 2001
From: desmukh <desmukh@users.noreply.github.com>
Date: Tue, 27 Dec 2022 12:35:36 +0500
Subject: [PATCH] writing: refactor head content for writing as partial

---
 layouts/partials/head.html         | 84 +-----------------------------
 layouts/partials/writing-head.html | 83 +++++++++++++++++++++++++++++
 2 files changed, 84 insertions(+), 83 deletions(-)
 create mode 100644 layouts/partials/writing-head.html

diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 301d948..a304658 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -11,88 +11,6 @@
   <title>{{ $title }}</title>
   {{- partial "octocss.html" . -}}
   {{ if eq .Title "Writing" }}
-    <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
-    <style> @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap'); </style>
-    <style>
-      .accordion {
-        cursor: pointer;
-        margin-bottom: 0 !important;
-        padding: 8px 0 8px 0;
-      }
-      
-      .acc-panel {
-        max-height: 0;
-        overflow: hidden;
-        transition: max-height 0.2s ease-out;
-        border-bottom: 1px solid;
-        font-weight: 600;
-      }
-
-      .acc-panel-content {
-        padding-bottom: 20px;
-      }
-      
-      .acc-panel p{
-        padding-bottom: 8px;
-      }
-      .acc-panel a {
-        color: #0C84DC;
-        text-decoration: underline;
-      }
-      
-      #writing-page .thead {
-        font-family: IBMPlexSans;
-      }
-
-      .accordion .level-item {
-        font-family: IBMPlexSans;
-      }
-
-      .accordion .icon {
-        font-size: 1.5rem;
-      }
-
-      .writing-section {
-        padding-bottom: 64px;
-      }
-
-      #books-section {
-        padding-bottom: 24px;
-      }
-
-      #books-section h3 {
-        font-size: 21px;
-        font-weight: 700;
-        text-align: center;
-        height: 7rem;
-      }
-
-      .book-cell {
-        font-family: 'IBM Plex Mono';
-        text-align: center;
-      }
-      .book-cover img {
-        max-width: 140px;
-      }
-      
-      .book-blurb {
-        font-family: 'IBM Plex Mono';
-        font-size: 12px;
-        padding-top: 10px;
-      }
-
-      .book-detail {
-        font-family: 'IBM Plex Mono';
-        font-size: 18px;
-        padding-top: 10px;
-        text-decoration: underline;
-      }
-
-      .book-detail a {
-        color: #000;
-      }
-
-    </style>
-    <script src="https://kit.fontawesome.com/a42e899e51.js" crossorigin="anonymous"></script>
+    {{ partial "writing-head"}}
   {{ end }}
 </head>
diff --git a/layouts/partials/writing-head.html b/layouts/partials/writing-head.html
new file mode 100644
index 0000000..a96a991
--- /dev/null
+++ b/layouts/partials/writing-head.html
@@ -0,0 +1,83 @@
+<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
+<style> @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap'); </style>
+<style>
+  .accordion {
+    cursor: pointer;
+    margin-bottom: 0 !important;
+    padding: 8px 0 8px 0;
+  }
+  
+  .acc-panel {
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.2s ease-out;
+    border-bottom: 1px solid;
+    font-weight: 600;
+  }
+
+  .acc-panel-content {
+    padding-bottom: 20px;
+  }
+  
+  .acc-panel p{
+    padding-bottom: 8px;
+  }
+  .acc-panel a {
+    color: #0C84DC;
+    text-decoration: underline;
+  }
+  
+  #writing-page .thead {
+    font-family: IBMPlexSans;
+  }
+
+  .accordion .level-item {
+    font-family: IBMPlexSans;
+  }
+
+  .accordion .icon {
+    font-size: 1.5rem;
+  }
+
+  .writing-section {
+    padding-bottom: 64px;
+  }
+
+  #books-section {
+    padding-bottom: 24px;
+  }
+
+  #books-section h3 {
+    font-size: 21px;
+    font-weight: 700;
+    text-align: center;
+    height: 7rem;
+  }
+
+  .book-cell {
+    font-family: 'IBM Plex Mono';
+    text-align: center;
+  }
+  .book-cover img {
+    max-width: 140px;
+  }
+  
+  .book-blurb {
+    font-family: 'IBM Plex Mono';
+    font-size: 12px;
+    padding-top: 10px;
+  }
+
+  .book-detail {
+    font-family: 'IBM Plex Mono';
+    font-size: 18px;
+    padding-top: 10px;
+    text-decoration: underline;
+  }
+
+  .book-detail a {
+    color: #000;
+  }
+
+</style>
+<script src="https://kit.fontawesome.com/a42e899e51.js" crossorigin="anonymous"></script>