optimze duplicate css

content/portfolio/blind-contour-drawing-exercise/index.md

@@ -30,13 +30,4 @@ I'm a bit drawing too fast during the exercise, therefore I didn't have a clear
 
 ## Comments
 
-<div id="artalk"></div>
+{{< comments >}}
-<script>
-Artalk.init({
-  el:        '#artalk',
-  pageKey:   '',
-  pageTitle: '',
-  server:    'https://artalk.jamesflare.com',
-  site:      'NancyFlare',
-})
-</script>

content/portfolio/bridges/letter-of-advice/index.md

@@ -107,13 +107,4 @@ The interview part, also the research part of the whole project, is the place wh
 
 ## Comments
 
-<div id="artalk"></div>
+{{< comments >}}
-<script>
-Artalk.init({
-  el:        '#artalk',
-  pageKey:   '',
-  pageTitle: '',
-  server:    'https://artalk.jamesflare.com',
-  site:      'NancyFlare',
-})
-</script>

content/portfolio/bridges/shifting-identities/index.md

@@ -102,13 +102,4 @@ There still can be a bit improvement, the past one is a bit too cold compare to
 
 ## Comments
 
-<div id="artalk"></div>
+{{< comments >}}
-<script>
-Artalk.init({
-  el:        '#artalk',
-  pageKey:   '',
-  pageTitle: '',
-  server:    'https://artalk.jamesflare.com',
-  site:      'NancyFlare',
-})
-</script>

content/portfolio/bridges/true-stories/index.md

@@ -56,13 +56,4 @@ For the researching part,  When I read this book, “Sophie Calle - True Storie
 
 ## Comments
 
-<div id="artalk"></div>
+{{< comments >}}
-<script>
-Artalk.init({
-  el:        '#artalk',
-  pageKey:   '',
-  pageTitle: '',
-  server:    'https://artalk.jamesflare.com',
-  site:      'NancyFlare',
-})
-</script>

content/portfolio/mask-artifact-observation-and-research/index.md

@@ -142,13 +142,4 @@ weight = 0
 
 ## Comments
 
-<div id="artalk"></div>
+{{< comments >}}
-<script>
-Artalk.init({
-  el:        '#artalk',
-  pageKey:   '',
-  pageTitle: '',
-  server:    'https://artalk.jamesflare.com',
-  site:      'NancyFlare',
-})
-</script>

content/portfolio/mask-making/index.md

@@ -104,13 +104,4 @@ I was "Creative Making" in this project when I was conducting preliminary resear
 
 ## Comments
 
-<div id="artalk"></div>
+{{< comments >}}
-<script>
-Artalk.init({
-  el:        '#artalk',
-  pageKey:   '',
-  pageTitle: '',
-  server:    'https://artalk.jamesflare.com',
-  site:      'NancyFlare',
-})
-</script>

content/portfolio/memoir-critique-notes/index.md

@@ -25,13 +25,4 @@ It was helpful because, the critique gives me a different perspective of my artw
 
 ## Comments
 
-<div id="artalk"></div>
+{{< comments >}}
-<script>
-Artalk.init({
-  el:        '#artalk',
-  pageKey:   '',
-  pageTitle: '',
-  server:    'https://artalk.jamesflare.com',
-  site:      'NancyFlare',
-})
-</script>

content/portfolio/personality-test/index.md

@@ -24,13 +24,4 @@ On the other hand, the multiple choices method does have its drawbacks, it's eas
 
 ## Comments
 
-<div id="artalk"></div>
+{{< comments >}}
-<script>
-Artalk.init({
-  el:        '#artalk',
-  pageKey:   '',
-  pageTitle: '',
-  server:    'https://artalk.jamesflare.com',
-  site:      'NancyFlare',
-})
-</script>

layouts/_default/single.html

@@ -5,10 +5,7 @@
     <div class="col-lg-8">
       <div class="content-column-content">
          <h1>{{ .Title }}</h1>
-         <link href="https://artalk.jamesflare.com/dist/Artalk.css" rel="stylesheet">
-         <script src="https://artalk.jamesflare.com/dist/Artalk.js"></script>
          {{ .Content }}
-         {{ template "_internal/disqus.html" . }}
       </div>
     </div>
   </div>

layouts/partials/head.html

@@ -35,7 +35,6 @@
 {{ with .OutputFormats.Get "RSS" }}
   {{ printf `<link href="%s" rel="%s" type="%s" title="%s" />` .Permalink .Rel .MediaType.Type $.Site.Title | safeHTML }}
 {{ end }}
-{{ template "_internal/google_analytics.html" . }}
 <script async src="https://track.jamesflare.com/script.js" data-website-id="226742b8-6efb-4be9-8f8f-d297df42401c"></script>
 <link rel="preload" as="script" href="https://artalk.jamesflare.com/dist/Artalk.js">
 <link rel="preload" as="stylesheet" href="https://artalk.jamesflare.com/dist/Artalk.css">

layouts/shortcodes/comments.html

@@ -0,0 +1,20 @@
+<link href="https://artalk.jamesflare.com/dist/Artalk.css" rel="stylesheet">
+<script src="https://artalk.jamesflare.com/dist/Artalk.js"></script>
+
+<div id="artalk"></div>
+<script>
+Artalk.init({
+  el:        '#artalk',
+  pageKey:   '',
+  pageTitle: '',
+  server:    'https://artalk.jamesflare.com',
+  site:      'NancyFlare',
+  useBackendConf: true,
+  vote:      true,
+  voteDown:  true,
+  uaBadge:   true,
+  listSort:  true,
+  imgUpload: true,
+  preview:   true,
+})
+</script>

static/css/custom.css

@@ -4,10 +4,6 @@ p, ul, blockquote {
   margin-bottom: 8px;
 }
 
-p, li {
-  color: #555555 !important;
-}
-
 ul, ol {
   padding-inline-start: 0px;
   margin-left: 1em;
@@ -17,33 +13,12 @@ li {
   margin-left: 0.1em;
 }
 
-h1, .h1, h2, .h2, h3, .h3, h4 .h4, .h5, h5, .h6, h6 {
-  margin-top: 8px;
-  margin-bottom: 8px;
-}
-
 /* Layout Styles */
 .row {
   display: flex;
   justify-content: center;
 }
 
-.content-column {
-  padding-top: 26px;
-  padding-left: 36px;
-  padding-right: 36px;
-}
-
-.content-column-content {
-  padding-bottom: 56px;
-}
-
-#sidebar {
-  padding-top: 18px;
-  padding-left: 36px;
-  padding-right: 0px;
-}
-
 .box {
   margin: 0 auto;
 }
@@ -55,28 +30,6 @@ h1, .h1, h2, .h2, h3, .h3, h4 .h4, .h5, h5, .h6, h6 {
   justify-content: center;
 }
 
-/* Sidebar Styles */
-.sidebar-menu {
-  list-style-type: none;
-  padding-left: 20px;
-  margin-bottom: 12px;
-}
-
-.sidebar-heading {
-  font-size: 24px;
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-}
-
-.sidebar-menu {
-  padding-left: 12px;
-}
-
-/* Social Styles */
-p.social {
-  margin-top: 12px;
-}
-
 /* Media Styles */
 audio {
   width: 100%;
@@ -91,10 +44,6 @@ details, summary, table {
 }
 
 /* Blockquote Styles */
-blockquote {
-  padding: 2px 18px;
-}
-
 blockquote p {
   margin-top: 8px;
   margin-bottom: 8px !important;
@@ -125,11 +74,6 @@ th {
   color: #000000;
 }
 
-/* Copyright Styles */
-.copyright p.credit a {
-  color: #225b5b;
-}
-
 /* Comment Styles - fix list bullet*/
 .atk-comment-count ul li::before {
   content: '';