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 ) }} - -{{ 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