go dark

10 files changed, 946 insertions, 784 deletions

diff --git a/.editorconfig b/.editorconfig
deleted file mode 100644
index 5d12634..0000000
--- a/.editorconfig
+++ /dev/null
@@ -1,13 +0,0 @@
-# editorconfig.org
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false
diff --git a/.gitignore b/.gitignore
index 4f7e422..e69de29 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,7 +0,0 @@
-/node_modules
-/content
-/svgpack
-yarn-error.log
-config.toml
-npm-debug.log
-!/exampleSite/config.toml
diff --git a/.travis.yml b/.travis.yml
deleted file mode 100644
index 0bd8662..0000000
--- a/.travis.yml
+++ /dev/null
@@ -1,26 +0,0 @@
-language: node_js
-
-node_js:
-  - "6"
-
-sudo: false
-
-cache:
-  directories:
-    - node_modules
-
-branches:
-  only:
-    - master
-
-before_script: bash ./bin/build.sh
-
-script:
-    - ls -al static/css/style.css
-
-after_success: bash ./bin/deploy.sh
-
-env:
-  global:
-  - GH_REF: github.com/mismith0227/hugo_theme_pickles.git
-  - secure: "3+eJcE7w2FHiUCywL8jmk4c8M55crxZ8UYZ8sU/HQ+Q07usF/2loFCTv1kmZOs6/sYMIIdbs4E6W402eDkjL++VdQ8JWvs3b5ZHvZPlsw22gJzmoutRAhY+7zKUiAl8NyFcH5X+Co/hJL3OU747tI8pcgpY4cP4kfRetxtwP22n5ozdc5103BajgKjAQbmDDcOxjX2P/lc6Qghxwxtt6hmnT8wjwBPd3kyu9bz59bYPynlf+Igju+R+zHXKwbClNs3wcdTHXxtPl1EuOEYiMWcwGJUCwkLz7g2wVTIGkl9vbTGQqlxkobvOVdrPLoVyUlFLdQrB8t06MCUawan9K+gn0RUlo35tNGUeuuJGN8aaAgWJ2L0/QkW64qzHysHg/MfQ3KWkzUDhuVjoG/ZAW1k2pY6cBrvULPbQNC+pICbkYjHHqSUwjRp6xU7ZuLgEsDPN04lI/UGhfbVKfnpqujl4sDkTHugnwffUj76BaFT+H/g6S50v2HI9PHi6FDFRncTkR9LLpLYxdVTkr5A83m/7QOto+ZcZKKzoJeVxHZXRem2NvR090yg31bgzQv3oMopGSUOmzmbX27OwzV78XyTTYdGKcVRzZBo+oELY/tHL3UhDIyTWmdFt+FHQqHzz/rFZO3xaU/Pl5IC1YXB92pIQ9OPTqV6IaYEiwiqJuum0="
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index fef4a83..7192a44 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -28,13 +28,6 @@ copyright = "© Copyright notice"
   disqus = ""
   # Google Analytics API key.
   ga_api_key = "Your Google Analytics tracking id"
-  author = "Your Name"
-  authorwebsite = "example.com"
-  avatar = "/path/to/avatar"
-  contact = "Your contact link (ex. mailto:foo@example.com)"
-  bio = "Your short bio"
-  # Short subtitle/tagline. This is displayed in the header.
-  subtitle = "Short subtitle"
   # Logo image. This is displayed ogp image.
   logo = "/path/to/logo"
   favicon = "/path/to/favicon"
diff --git a/layouts/partials/siteinfo.html b/layouts/partials/siteinfo.html
deleted file mode 100644
index 05b9256..0000000
--- a/layouts/partials/siteinfo.html
+++ /dev/null
@@ -1,26 +0,0 @@
-{{ if or ( .Site.Params.avatar ) ( .Site.Params.author ) ( .Site.Params.bio ) ( .Site.Params.contact ) }}
-<aside class="p-author">
-  {{ with .Site.Params.avatar }}
-  <div class="c-avatar p-author__avatar">
-    <img alt="Author Avatar" src="{{ . }}" />
-  </div>
-  {{ end }}
-  {{ if or ( .Site.Params.author ) ( .Site.Params.bio ) ( .Site.Params.contact ) }}
-  <div class="p-author__body">
-    {{ with .Site.Params.author }}
-    <p class="c-title p-author__name ">{{ . }}</p>
-    {{ end }}
-    {{ with .Site.Params.bio }}
-    <p>{{ . }}</p>
-    {{ end }}
-    {{ with .Site.Params.contact }}
-    <p>
-      <a href="{{ . }}">
-        Contact me
-      </a>
-    </p>
-    {{ end }}
-  </div>
-  {{ end }}
-</aside>
-{{ end }}
diff --git a/static/css/foundation.css b/static/css/foundation.css
deleted file mode 100644
index 8a567ba..0000000
--- a/static/css/foundation.css
+++ /dev/null
@@ -1,214 +0,0 @@
-/* base.css */
-* {
-  box-sizing: border-box
-}
-
-html {
-  font-size: 62.5%
-}
-
-body {
-  color: var(--color-text);
-  font-size: 1.0rem;
-  font-family: var(--SanFrancisco);
-  line-height: 1.57
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-weight: 300;
-  font-family: var(--OpenSans)
-}
-
-h1 {
-  font-size: 3.2rem
-}
-
-h2 {
-  font-size: 2.8rem
-}
-
-h3 {
-  font-size: 2.4rem
-}
-
-h4 {
-  font-size: 2.0rem
-}
-
-h5 {
-  font-size: 1.8rem
-}
-
-h6 {
-  font-size: 1.6rem
-}
-
-p {
-  font-size: 1.6rem
-}
-
-a {
-  color: var(--link-color);
-  text-decoration: none;
-  &:hover {
-    color: var(--link-hover)
-  }
-}
-
-ul {
-  & li {
-    list-style: disc
-  }
-}
-
-ol {
-  & li {
-    list-style: decimal
-  }
-}
-
-li {
-  font-size: 1.6rem
-}
-
-dt {
-  margin-top: 16px;
-  font-size: 1.6rem
-}
-
-dd {
-  margin: 8px 0 0 20px;
-  font-size: 1.6rem
-}
-
-pre {
-  display: block;
-  padding: 12px;
-  border-radius: 3px;
-  background-color: #f8f8f8;
-  font-size: 1.2rem;
-  word-wrap: break-word;
-  overflow: auto
-}
-
-code {
-  line-height: 1.8;
-  font-size: 1.4rem
-}
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  font-size: 1.6rem
-}
-
-th,
-td {
-  padding: 8px;
-  border: 1px solid #eee
-}
-
-th {
-  background-color: #fafafa;
-  font-weight: normal
-}
-
-del {
-  color: #999
-}
-
-blockquote {
-  margin: 0;
-  padding: 8px 12px;
-  border-left: 3px solid #ccc;
-  & * {
-    margin: 0
-  }
-}
-
-img {
-  max-width: 100%;
-  height: auto
-}
-
-/* SLICK CSS */
-
-.slick-slider {
-  position: relative
-}
-
-.slick-slide {
-  margin: 0 8px
-}
-
-.slick-arrow {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  margin: auto;
-  width: 28px;
-  height: 28px;
-  border: 0;
-  border-radius: 50%;
-  background: #555;
-  &:hover {
-    cursor: pointer
-  }
-  &::after {
-    content: "";
-    display: inline-block;
-    position: absolute;
-    top: 0;
-    right: 0;
-    left: 0;
-    bottom: 0;
-    margin: auto;
-    width: 5px;
-    height: 5px;
-    border: solid #fafafa
-  }
-  @media(--md) {
-    display: none!important
-  }
-}
-
-.slick-prev {
-  left: -32px;
-  &::after {
-    left: 1px;
-    border-width: 2px 0 0 2px;
-    transform: rotate(-45deg)
-  }
-}
-
-.slick-next {
-  right: -32px;
-  &::after {
-    right: 1px;
-    border-width: 2px 2px 0 0;
-    transform: rotate(45deg)
-  }
-}
-
-/* VARIABLE */
-
-@custom-media --lg(min-width:1024px);
-@custom-media --lmd(min-width:768px);
-@custom-media --md(max-width:767px);
-@custom-media --sm(min-width:640px);
-:root {
-  --SanFrancisco: -apple-system, BlinkMacSystemFont, YakuHanJP, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
-  --OpenSans: 'Open Sans', sans-serif
-}
-
-:root {
-  --bg-color: #fff;
-  --color-text: #555;
-  --link-color: #337ab7;
-  --link-hover: #175081
-}
diff --git a/static/css/layout.css b/static/css/layout.css
deleted file mode 100644
index 2b69688..0000000
--- a/static/css/layout.css
+++ /dev/null
@@ -1,22 +0,0 @@
-/* footer */
-.l-footer {
-  padding: 24px 0
-}
-/* header */
-.l-header {
-  display: block;
-  padding: 20px 0;
-  text-align: center
-}
-/* nav */
-.l-nav {
-  width: 96%;
-  max-width: 720px;
-  margin: 0 auto
-}
-/* main */
-.l-main {
-  width: 96%;
-  max-width: 720px;
-  margin: 40px auto 0
-}
diff --git a/static/css/object.css b/static/css/object.css
deleted file mode 100644
index 48c1931..0000000
--- a/static/css/object.css
+++ /dev/null
@@ -1,460 +0,0 @@
-/* COMPONENTS */
-.c-links {
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-  margin: 8px 0 0;
-  padding: 0;
-  & a {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 30px;
-    height: 30px;
-    border: 1px solid;
-    border-color: var(--color-text);
-    border-radius: 50%;
-    color: var(--color-text);
-    transition: .2s;
-    &:hover {
-      background: var(--color-text);
-      color: #fff
-    }
-  }
-  &__item {
-    margin: 8px 8px 0;
-    list-style: none
-  }
-  &__icon {
-    width: 16px;
-    height: 16px;
-    fill: currentColor
-  }
-}
-
-.c-article {
-  &__title {
-    font-size: 2.4rem;
-    & a {
-      color: var(--color-text);
-      &:hover {
-        color: var(--link-hover)
-      }
-    }
-  }
-  &__meta {
-    font-size: 1.6rem;
-    line-height: 1
-  }
-  &__summary {
-    font-size: 1.4rem;
-    color: #999;
-    line-height: 1.57;
-    & p {
-      margin: 0
-    }
-  }
-  &__btn {
-    display: inline-block;
-    padding-bottom: 4px;
-    font-size: 1.6rem;
-    &::after {
-      content: "";
-      display: inline-block;
-      margin-left: 3px;
-      width: 5px;
-      height: 5px;
-      border: solid currentColor;
-      border-width: 1px 1px 0 0;
-      transform: rotate(45deg)
-    }
-  }
-}
-
-.c-time {
-  display: block;
-  font-size: 1.6rem
-}
-
-.c-avatar {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100px;
-  height: 100px;
-  border-radius: 50%;
-  overflow: hidden;
-  & img {
-    max-width: 100%;
-    height: auto
-  }
-}
-
-.c-pagination {
-  font-size: 1.6rem;
-  & a {
-    display: inline-block;
-    padding: 8px 16px;
-    transition: .2s;
-    &:hover {
-      background: #fafafa
-    }
-  }
-  &__ctrl {
-    display: flex;
-    justify-content: space-between
-  }
-  &__newer,
-  &__older {
-    flex: 1
-  }
-  &__newer {
-    & a {
-      &::before {
-        content: "";
-        display: inline-block;
-        position: relative;
-        top: -1px;
-        width: 4px;
-        height: 4px;
-        margin-right: 4px;
-        border: solid currentColor;
-        border-width: 2px 0 0 2px;
-        transform: rotate(-45deg)
-      }
-    }
-  }
-  &__older {
-    text-align: right;
-    & a {
-      &::after {
-        content: "";
-        display: inline-block;
-        position: relative;
-        top: -1px;
-        width: 4px;
-        height: 4px;
-        margin-left: 4px;
-        border: solid currentColor;
-        border-width: 2px 2px 0 0;
-        transform: rotate(45deg)
-      }
-    }
-  }
-  &__count {
-    display: block;
-    text-align: center
-  }
-}
-
-.c-tag {
-  display: inline-block;
-  margin: 8px 6px 0 0;
-  padding: 4px;
-  font-size: 1.6rem;
-  color: #555;
-  &::before {
-    content: "#";
-    display: inline-block;
-    margin-right: 2px;
-    color: currentColor
-  }
-  &:hover {
-    background: #fafafa
-  }
-}
-
-.c-title {
-  font-weight: 300;
-  font-family: var(--OpenSans)
-}
-
-/* PROJECT */
-
-.p-article {
-  &__thumbnail {
-    margin-top: 24px
-  }
-  &__body {
-    margin: 40px 0 30px;
-    word-wrap: break-word;
-    @media(--sm) {
-      margin: 40px 0 60px
-    }
-    & img[data-action^="zoom"] {
-      &:hover {
-        cursor: zoom-in
-      }
-    }
-    & .zoom-img-wrap {
-      & img {
-        &:hover {
-          cursor: zoom-out
-        }
-      }
-    }
-  }
-}
-
-.p-author {
-  display: block;
-  position: relative;
-  width: 100%;
-  margin: 20px auto 0;
-  @media(--sm) {
-    display: flex;
-    margin: 80px auto 0
-  }
-  &::before {
-    content: "* * *";
-    position: absolute;
-    top: -30px;
-    left: 0;
-    right: 0;
-    margin: auto;
-    text-align: center;
-    font-size: 1.4rem;
-    color: #999;
-    @media(--sm) {
-      top: -50px
-    }
-  }
-  &__name {
-    font-size: 2.8rem
-  }
-  &__body {
-    flex: 1;
-    @media(--sm) {
-      padding-left: 16px
-    }
-    & p {
-      margin: 0
-    }
-  }
-}
-
-.p-copyright {
-  margin: 24px 0 0;
-  text-align: center;
-  font-size: 1.2rem
-}
-
-.p-menu {
-  margin-top: 40px;
-  &__lists {
-    display: block;
-    flex-wrap: wrap;
-    margin: 0;
-    padding: 0;
-    @media(--sm) {
-      display: flex
-    }
-  }
-  &__listitem {
-    margin: 12px 0 0;
-    list-style: none;
-    @media(--sm) {
-      margin: 24px 24px 0 0
-    }
-    & a {
-      padding-bottom: 4px;
-      &:hover {
-        border-bottom: 1px solid currentColor
-      }
-    }
-    & ul {
-      padding-left: 12px;
-      & li {
-        margin: 4px 0 0;
-        &::before {
-          content: "-";
-          margin-right: 4px
-        }
-      }
-    }
-  }
-  &__parent {
-    & span {
-      color: var(--link-color)
-    }
-  }
-}
-
-.p-list-article {
-  margin-top: 40px;
-  &:first-child {
-    margin-top: 0
-  }
-  &__btn {
-    margin-top: 16px
-  }
-}
-
-.p-notfound {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 300px;
-  & h1 {
-    font-size: 10rem;
-    font-weight: bold
-  }
-}
-
-.p-pagination {
-  margin: 30px 0;
-  @media(--sm) {
-    margin: 60px 0
-  }
-  &__count {
-    margin-top: 24px
-  }
-}
-
-.p-related {
-  margin-bottom: 100px;
-  &__list {
-    padding: 0;
-    font-size: 0
-  }
-  &__item {
-    display: inline-block;
-    width: 230px;
-    height: 150px;
-    margin-right: 15px;
-    list-style: none;
-    &:nth-child(3n) {
-      margin-right: 0
-    }
-    &:nth-child(n+4) {
-      margin-top: 15px
-    }
-    & a {
-      position: relative;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      width: 100%;
-      height: 100%;
-      padding: 8px;
-      background-size: cover;
-      background-color: #92c6f2;
-      color: #fafafa;
-      font-weight: normal;
-      font-family: 'Open Sans', sans-serif;
-      &::before {
-        content: "";
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background: rgba(0, 0, 0, .3);
-        transition: .1s
-      }
-      &:hover {
-        &::before {
-          background: rgba(0, 0, 0, .6)
-        }
-      }
-    }
-    & span {
-      position: relative
-    }
-  }
-}
-
-.p-screen-reader-text {
-  clip: rect(1px, 1px, 1px, 1px);
-  position: absolute!important;
-  height: 1px;
-  width: 1px;
-  overflow: hidden;
-  &:hover,
-  &:active,
-  &:focus {
-    background-color: #f1f1f1;
-    border-radius: 3px;
-    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
-    clip: auto!important;
-    color: var(--link-color);
-    display: block;
-    font-size: 14px;
-    font-size: .875rem;
-    font-weight: bold;
-    height: auto;
-    left: 5px;
-    line-height: normal;
-    padding: 15px 23px 14px;
-    text-decoration: none;
-    top: 5px;
-    width: auto;
-    z-index: 100000
-  }
-}
-
-.p-subtitle {
-  margin: 12px 0 0;
-  color: var(--color-text);
-  font-size: 1.4rem;
-  font-weight: 300;
-  font-family: var(--OpenSans)
-}
-
-.p-tag-title {
-  display: inline-block;
-  margin: 0;
-  padding-bottom: 8px;
-  border-bottom: 1px solid currentColor;
-  color: var(--color-text);
-  font-size: 2.4rem;
-  &::before {
-    content: "#";
-    display: inline-block;
-    margin-right: 4px
-  }
-}
-
-.p-title {
-  margin: 0;
-  font-size: 4.4rem;
-  &__link {
-    color: var(--color-text)
-  }
-}
-
-/* UTILITY */
-
-.u-align-left {
-  display: block!important;
-  margin-left: 0!important;
-  margin-right: auto!important
-}
-
-.u-align-center {
-  display: block!important;
-  margin-right: auto!important;
-  margin-left: auto!important
-}
-
-.u-align-right {
-  display: block!important;
-  margin-left: auto!important;
-  margin-right: 0!important
-}
-
-.u-dn {
-  display: none!important
-}
-
-.u-db {
-  display: block!important
-}
-
-.u-di {
-  display: inline!important
-}
-
-.u-dib {
-  display: inline-block!important
-}
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
index 908a67b..0552748 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,4 +1,941 @@
-@import url("foundation.css");
-@import url("layout.css");
 @import url("normalize.css");
-@import url("object.css");
\ No newline at end of file
+
+/* Changes */
+#main{
+    border-radius: 0.15%;
+    padding: 50px 55px;
+    background: #f2f0ec;
+}
+.l-header{
+    margin-top: 50px;
+}
+.p-title__link {
+    color: #ccc;
+}
+
+.p-subtitle{
+    color: #999;
+}
+
+/* Base style */
+
+* {
+    transition-duration: 0.7s;
+    box-sizing: border-box
+}
+
+html {
+    font-size: 62.5%
+}
+
+body {
+    color: #747369d4;
+    background: #111114;
+    line-height: 1.57
+    font-size: 1.0rem;
+    font-family: -apple-system, BlinkMacSystemFont, YakuHanJP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-weight: 300;
+    font-family: Open Sans, sans-serif
+}
+
+h1 {
+    font-size: 3.2rem
+}
+
+h2 {
+    font-size: 2.8rem
+}
+
+h3 {
+    font-size: 2.4rem
+}
+
+h4 {
+    font-size: 2.0rem
+}
+
+h5 {
+    font-size: 1.8rem
+}
+
+h6 {
+    font-size: 1.6rem
+}
+
+p {
+    font-size: 1.6rem
+}
+
+a {
+    color: #337ab7;
+    text-decoration: none
+}
+
+a:hover {
+    color: #175081
+}
+
+ul li {
+    list-style: disc
+}
+
+ol li {
+    list-style: decimal
+}
+
+li {
+    font-size: 1.6rem
+}
+
+dt {
+    margin-top: 16px;
+    font-size: 1.6rem
+}
+
+dd {
+    margin: 8px 0 0 20px;
+    font-size: 1.6rem
+}
+
+pre {
+    display: block;
+    padding: 12px;
+    border-radius: 3px;
+    background-color: #f8f8f8;
+    font-size: 1.2rem;
+    word-wrap: break-word;
+    overflow: auto
+}
+
+code {
+    line-height: 1.8;
+    font-size: 1.4rem
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+    font-size: 1.6rem
+}
+
+th,
+td {
+    padding: 8px;
+    border: 1px solid #eee
+}
+
+th {
+    background-color: #fafafa;
+    font-weight: 400
+}
+
+del {
+    color: #999
+}
+
+blockquote {
+    margin: 0;
+    padding: 8px 12px;
+    border-left: 3px solid #ccc
+}
+
+blockquote * {
+    margin: 0
+}
+
+img {
+    max-width: 100%;
+    height: auto
+}
+
+.l-header {
+    display: block;
+    padding: 20px 0;
+    text-align: center
+}
+
+.l-nav {
+    width: 96%;
+    max-width: 720px;
+    margin: 0 auto
+}
+
+.l-main {
+    width: 96%;
+    max-width: 720px;
+    margin: 40px auto 0
+}
+
+.l-footer {
+    padding: 24px 0
+}
+
+.c-title {
+    font-weight: 300;
+    font-family: Open Sans, sans-serif
+}
+
+.c-links {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    margin: 8px 0 0;
+    padding: 0
+}
+
+.c-links a {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    width: 30px;
+    height: 30px;
+    border: 1px solid;
+    border-color: #555;
+    border-radius: 50%;
+    color: #555;
+    transition: .2s
+}
+
+.c-links a:hover {
+    background: #555;
+    color: #fff
+}
+
+.c-links__item {
+    margin: 8px 8px 0;
+    list-style: none
+}
+
+.c-links__icon {
+    width: 16px;
+    height: 16px;
+    fill: #ccc;
+}
+
+.c-article__title {
+    font-size: 2.4rem
+}
+
+.c-article__title a {
+    color: #111
+}
+
+.c-article__title a:hover {
+    color: #175081
+}
+
+.c-article__meta {
+    font-size: 1.6rem;
+    line-height: 1
+}
+
+.c-article__summary {
+    font-size: 1.4rem;
+    color: #999;
+    line-height: 1.57
+}
+
+.c-article__summary p {
+    margin: 0
+}
+
+.c-article__btn {
+    display: inline-block;
+    padding-bottom: 4px;
+    font-size: 1.6rem
+}
+
+.c-article__btn:after {
+    content: "";
+    display: inline-block;
+    margin-left: 3px;
+    width: 5px;
+    height: 5px;
+    border: solid currentColor;
+    border-width: 1px 1px 0 0;
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg)
+}
+
+.c-avatar {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    width: 100px;
+    height: 100px;
+    border-radius: 50%;
+    overflow: hidden
+}
+
+.c-avatar img {
+    max-width: 100%;
+    height: auto
+}
+
+.c-time {
+    display: block;
+    font-size: 1.6rem
+}
+
+.c-tag {
+    display: inline-block;
+    margin: 8px 6px 0 0;
+    padding: 4px;
+    font-size: 1.6rem;
+    color: #555
+}
+
+.c-tag:before {
+    content: "#";
+    display: inline-block;
+    margin-right: 2px;
+    color: currentColor
+}
+
+.c-tag:hover {
+    background: #fafafa
+}
+
+.c-pagination {
+    font-size: 1.6rem
+}
+
+.c-pagination a {
+    display: inline-block;
+    padding: 8px 16px;
+    transition: .2s
+}
+
+.c-pagination a:hover {
+    background: #fafafa
+}
+
+.c-pagination__ctrl {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between
+}
+
+.c-pagination__newer,
+.c-pagination__older {
+    -webkit-box-flex: 1;
+    -ms-flex: 1 1 0%;
+    flex: 1 1 0%
+}
+
+.c-pagination__newer a:before {
+    content: "";
+    display: inline-block;
+    position: relative;
+    top: -1px;
+    width: 4px;
+    height: 4px;
+    margin-right: 4px;
+    border: solid currentColor;
+    border-width: 2px 0 0 2px;
+    -webkit-transform: rotate(-45deg);
+    transform: rotate(-45deg)
+}
+
+.c-pagination__older {
+    text-align: right
+}
+
+.c-pagination__older a:after {
+    content: "";
+    display: inline-block;
+    position: relative;
+    top: -1px;
+    width: 4px;
+    height: 4px;
+    margin-left: 4px;
+    border: solid currentColor;
+    border-width: 2px 2px 0 0;
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg)
+}
+
+.c-pagination__count {
+    display: block;
+    text-align: center
+}
+
+.p-title {
+    margin: 0;
+    font-size: 4.4rem
+}
+
+.p-subtitle {
+    margin: 12px 0 0;
+    font-size: 1.4rem;
+    font-weight: 300;
+    font-family: Open Sans, sans-serif
+}
+
+.p-tag-title {
+    display: inline-block;
+    margin: 0;
+    padding-bottom: 8px;
+    border-bottom: 1px solid currentColor;
+    color: #555;
+    font-size: 2.4rem
+}
+
+.p-tag-title:before {
+    content: "#";
+    display: inline-block;
+    margin-right: 4px
+}
+
+.p-copyright {
+    margin: 24px 0 0;
+    text-align: center;
+    font-size: 1.2rem
+}
+
+.p-list-article {
+    margin-top: 40px
+}
+
+.p-list-article:first-child {
+    margin-top: 0
+}
+
+.p-list-article__btn {
+    margin-top: 16px
+}
+
+.p-menu {
+    margin-top: 40px
+}
+
+.p-menu__lists {
+    display: block;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    margin: 0;
+    padding: 0
+}
+
+@media(min-width:640px) {
+    .p-menu__lists {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex
+    }
+}
+
+.p-menu__listitem {
+    margin: 12px 0 0;
+    list-style: none
+}
+
+@media(min-width:640px) {
+    .p-menu__listitem {
+        margin: 24px 24px 0 0
+    }
+}
+
+.p-menu__listitem a {
+    padding-bottom: 4px
+}
+
+.p-menu__listitem a:hover {
+    border-bottom: 1px solid currentColor
+}
+
+.p-menu__listitem ul {
+    padding-left: 12px
+}
+
+.p-menu__listitem ul li {
+    margin: 4px 0 0
+}
+
+.p-menu__listitem ul li:before {
+    content: "-";
+    margin-right: 4px
+}
+
+.p-menu__parent span {
+    color: #337ab7
+}
+
+.p-author {
+    display: block;
+    position: relative;
+    width: 100%;
+    margin: 20px auto 0
+}
+
+@media(min-width:640px) {
+    .p-author {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        margin: 80px auto 0
+    }
+}
+
+.p-author:before {
+    content: "* * *";
+    position: absolute;
+    top: -30px;
+    left: 0;
+    right: 0;
+    margin: auto;
+    text-align: center;
+    font-size: 1.4rem;
+    color: #999
+}
+
+@media(min-width:640px) {
+    .p-author:before {
+        top: -50px
+    }
+}
+
+.p-author__name {
+    font-size: 2.8rem
+}
+
+.p-author__body {
+    -webkit-box-flex: 1;
+    -ms-flex: 1 1 0%;
+    flex: 1 1 0%
+}
+
+@media(min-width:640px) {
+    .p-author__body {
+        padding-left: 16px
+    }
+}
+
+.p-author__body p {
+    margin: 0
+}
+
+.p-pagination {
+    margin: 30px 0
+}
+
+@media(min-width:640px) {
+    .p-pagination {
+        margin: 60px 0
+    }
+}
+
+.p-pagination__count {
+    margin-top: 24px
+}
+
+.p-article__thumbnail {
+    margin-top: 24px
+}
+
+.p-article__body {
+    margin: 40px 0 30px;
+    word-wrap: break-word
+}
+
+@media(min-width:640px) {
+    .p-article__body {
+        margin: 40px 0 60px
+    }
+}
+
+.p-article__body img[data-action^=zoom]:hover {
+    cursor: zoom-in
+}
+
+.p-article__body .zoom-img-wrap img:hover {
+    cursor: zoom-out
+}
+
+.p-notfound {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    height: 300px
+}
+
+.p-notfound h1 {
+    font-size: 10rem;
+    font-weight: 700
+}
+
+.p-screen-reader-text {
+    clip: rect(1px, 1px, 1px, 1px);
+    position: absolute!important;
+    height: 1px;
+    width: 1px;
+    overflow: hidden
+}
+
+.p-screen-reader-text:hover,
+.p-screen-reader-text:active,
+.p-screen-reader-text:focus {
+    background-color: #f1f1f1;
+    border-radius: 3px;
+    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
+    clip: auto!important;
+    color: #337ab7;
+    display: block;
+    font-size: 14px;
+    font-size: .875rem;
+    font-weight: 700;
+    height: auto;
+    left: 5px;
+    line-height: normal;
+    padding: 15px 23px 14px;
+    text-decoration: none;
+    top: 5px;
+    width: auto;
+    z-index: 100000
+}
+
+.p-related {
+    margin-bottom: 100px
+}
+
+.p-related__list {
+    padding: 0;
+    font-size: 0
+}
+
+.p-related__item {
+    display: inline-block;
+    width: 230px;
+    height: 150px;
+    margin-right: 15px;
+    list-style: none
+}
+
+.p-related__item:nth-child(3n) {
+    margin-right: 0
+}
+
+.p-related__item:nth-child(n+4) {
+    margin-top: 15px
+}
+
+.p-related__item a {
+    position: relative;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    padding: 8px;
+    background-size: cover;
+    background-color: #92c6f2;
+    color: #fafafa;
+    font-weight: 400;
+    font-family: Open Sans, sans-serif
+}
+
+.p-related__item a:before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, .3);
+    transition: .1s
+}
+
+.p-related__item a:hover:before {
+    background: rgba(0, 0, 0, .6)
+}
+
+.p-related__item span {
+    position: relative
+}
+
+.u-dn {
+    display: none!important
+}
+
+.u-db {
+    display: block!important
+}
+
+.u-di {
+    display: inline!important
+}
+
+.u-dib {
+    display: inline-block!important
+}
+
+.u-align-left {
+    display: block!important;
+    margin-left: 0!important;
+    margin-right: auto!important
+}
+
+.u-align-center {
+    display: block!important;
+    margin-right: auto!important;
+    margin-left: auto!important
+}
+
+.u-align-right {
+    display: block!important;
+    margin-left: auto!important;
+    margin-right: 0!important
+}
+
+/* zoom.css */
+img[data-action=zoom] {
+    cursor: pointer;
+    cursor: -moz-zoom-in
+}
+
+.zoom-img,
+.zoom-img-wrap {
+    position: relative;
+    z-index: 666;
+    transition: all .3s
+}
+
+img.zoom-img {
+    cursor: pointer;
+    cursor: -moz-zoom-out
+}
+
+.zoom-overlay {
+    z-index: 420;
+    background: #fff;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    pointer-events: none;
+    filter: "alpha(opacity=0)";
+    opacity: 0;
+    transition: opacity .3s
+}
+
+.zoom-overlay-open .zoom-overlay {
+    filter: "alpha(opacity=100)";
+    opacity: 1
+}
+
+.zoom-overlay-open,
+.zoom-overlay-transitioning {
+    cursor: default
+}
+
+/* Slick css */
+
+
+.slick-slider {
+    position: relative;
+    display: block;
+    box-sizing: border-box;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    -webkit-touch-callout: none;
+    -khtml-user-select: none;
+    -ms-touch-action: pan-y;
+    touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent
+}
+
+.slick-list {
+    position: relative;
+    display: block;
+    overflow: hidden;
+    margin: 0;
+    padding: 0
+}
+
+.slick-list:focus {
+    outline: none
+}
+
+.slick-list.dragging {
+    cursor: pointer;
+    cursor: hand
+}
+
+.slick-slider .slick-track,
+.slick-slider .slick-list {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0)
+}
+
+.slick-track {
+    position: relative;
+    top: 0;
+    left: 0;
+    display: block;
+    margin-left: auto;
+    margin-right: auto
+}
+
+.slick-track:before,
+.slick-track:after {
+    display: table;
+    content: ''
+}
+
+.slick-track:after {
+    clear: both
+}
+
+.slick-loading .slick-track {
+    visibility: hidden
+}
+
+.slick-slide {
+    display: none;
+    float: left;
+    height: 100%;
+    min-height: 1px
+}
+
+[dir=rtl] .slick-slide {
+    float: right
+}
+
+.slick-slide img {
+    display: block
+}
+
+.slick-slide.slick-loading img {
+    display: none
+}
+
+.slick-slide.dragging img {
+    pointer-events: none
+}
+
+.slick-initialized .slick-slide {
+    display: block
+}
+
+.slick-loading .slick-slide {
+    visibility: hidden
+}
+
+.slick-vertical .slick-slide {
+    display: block;
+    height: auto;
+    border: 1px solid transparent
+}
+
+.slick-arrow.slick-hidden {
+    display: none
+}
+
+.slick-slider {
+    position: relative
+}
+
+.slick-slide {
+    margin: 0 8px
+}
+
+.slick-arrow {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    margin: auto;
+    width: 28px;
+    height: 28px;
+    border: none;
+    border-radius: 50%;
+    background: #555
+}
+
+.slick-arrow:hover {
+    cursor: pointer
+}
+
+.slick-arrow:after {
+    content: "";
+    display: inline-block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    margin: auto;
+    width: 5px;
+    height: 5px;
+    border: solid #fafafa
+}
+
+@media(max-width:767px) {
+    .slick-arrow {
+        display: none!important
+    }
+}
+
+.slick-prev {
+    left: -32px
+}
+
+.slick-prev:after {
+    left: 1px;
+    border-width: 2px 0 0 2px;
+    -webkit-transform: rotate(-45deg);
+    transform: rotate(-45deg)
+}
+
+.slick-next {
+    right: -32px
+}
+
+.slick-next:after {
+    right: 1px;
+    border-width: 2px 2px 0 0;
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg)
+}
diff --git a/theme.toml b/theme.toml
index d6b9ab1..31f3411 100644
--- a/theme.toml
+++ b/theme.toml
@@ -1,10 +1,10 @@
-name = "Pickles"
+name = "Potato Dark"
 license = "MIT"
-licenselink = "https://github.com/mismith0227/hugo_theme_pickles/blob/master/LICENSE.md"
-description = "Pickles is a modern, simple and beautiful Hugo theme"
-author = "Takuma Misumi"
-homepage = "https://pickles.work/"
-source_repo = "git@github.com:mismith0227/hugo_theme_pickles.git"
+licenselink = "https://github.com/surajmandalcell/potato-dark/blob/master/LICENSE.md"
+description = "Potato Dark is a modern, simple and beautiful Hugo theme"
+author = "Suraj Mandal"
+homepage = ""
+source_repo = "git@github.com:surajmandalcell/potato-dark.git"
 tags = ["Responsive", "Blog", "Google analytics", "Disqus", "Clean", "Tags", "Minimal", "Minimalist", "Simple", "White", "Starter"]
 features = ["blog"]
 min_version = 0.27