{% block heading %}Lost?{% endblock heading %}
-{% block message %}This page does not exist.{% endblock message %}
-diff --git a/.gitmodules b/.gitmodules new file mode 100644 index 0000000..ec14cdd --- /dev/null +++ b/.gitmodules @@ -0,0 +1,3 @@ +[submodule "themes/cherrykitten"] + path = themes/cherrykitten + url = git@git.cherrykitten.dev:sammy/zola-theme-cherrykitten diff --git a/config.toml b/config.toml index 54a67c0..e7b36e8 100644 --- a/config.toml +++ b/config.toml @@ -2,6 +2,8 @@ base_url = "https://cherrykitten.dev" title = "CherryKitten" +theme = "cherrykitten" + compile_sass = true # Whether to build a search index to be used later on by a JavaScript library diff --git a/sass/buttons.scss b/sass/buttons.scss deleted file mode 100644 index 7a864b0..0000000 --- a/sass/buttons.scss +++ /dev/null @@ -1,92 +0,0 @@ -.button-container { - display: table; - margin-left: auto; - margin-right: auto; -} - -button, -.button, -a.button { - position: relative; - display: flex; - align-items: center; - justify-content: center; - padding: 8px 18px; - margin-bottom: 5px; - text-align: center; - border-radius: 8px; - border: 1px solid transparent; - appearance: none; - cursor: pointer; - outline: none; - - /* variants */ - - &.outline { - background: transparent; - box-shadow: none; - padding: 8px 18px; - - :hover { - transform: none; - box-shadow: none; - } - } - - &.primary { - box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08); - - &:hover { - box-shadow: 0 2px 6px rgba(50, 50, 93, .21), 0 1px 3px rgba(0, 0, 0, .08); - } - } - - &.link { - background: none; - font-size: 1rem; - } - - - /* sizes */ - - &.small { - font-size: .8rem; - } - - &.wide { - min-width: 200px; - padding: 14px 24px; - } -} - -a.read-more, -a.read-more:hover, -a.read-more:active { - display: inline-flex; - background: none; - box-shadow: none; - padding: 0; - margin: 20px 0; - max-width: 100%; -} - -.code-toolbar { - margin-bottom: 20px; - - .toolbar-item a { - position: relative; - display: inline-flex; - align-items: center; - justify-content: center; - padding: 3px 8px; - margin-bottom: 5px; - text-align: center; - font-size: 13px; - font-weight: 500; - border-radius: 8px; - border: 1px solid transparent; - appearance: none; - cursor: pointer; - outline: none; - } -} diff --git a/sass/color.scss b/sass/color.scss deleted file mode 100644 index 4fd0318..0000000 --- a/sass/color.scss +++ /dev/null @@ -1,11 +0,0 @@ -:root { - --accent: rgb(235, 111, 146); - --accent2: rgb(246, 193, 119); - --accent3: rgb(62, 143, 176); - --accent-alpha-70: rgba(235, 111, 146,.7); - --accent-alpha-20: rgba(235, 111, 146,.2); - - --background: #232136; - --color: #e0def4; - --border-color: rgba(246, 193, 119, .1); -} diff --git a/sass/footer.scss b/sass/footer.scss deleted file mode 100644 index 529200d..0000000 --- a/sass/footer.scss +++ /dev/null @@ -1,52 +0,0 @@ -@import "variables"; - -.footer { - padding: 40px 0; - flex-grow: 0; - opacity: .5; - - &__inner { - display: flex; - align-items: center; - justify-content: space-between; - margin: 0; - width: 760px; - max-width: 100%; - - @media (max-width: $tablet-max-width) { - flex-direction: column; - } - } - - a { - color: inherit; - } - - .copyright { - display: flex; - flex-direction: row; - align-items: center; - font-size: 1rem; - color: var(--light-color-secondary); - - &--user { - margin: auto; - text-align: center; - } - - & > *:first-child:not(:only-child) { - margin-right: 10px; - - @media (max-width: $tablet-max-width) { - border: none; - padding: 0; - margin: 0; - } - } - - @media (max-width: $tablet-max-width) { - flex-direction: column; - margin-top: 10px; - } - } -} diff --git a/sass/header.scss b/sass/header.scss deleted file mode 100644 index 6d64f7d..0000000 --- a/sass/header.scss +++ /dev/null @@ -1,98 +0,0 @@ -@import "variables"; - -@mixin menu { - position: absolute; - background: var(--background); - box-shadow: var(--shadow); - color: white; - border: 2px solid; - margin: 0; - padding: 10px; - list-style: none; - z-index: 99; -} - -.header { - display: flex; - flex-direction: column; - position: relative; - - &__inner { - display: flex; - align-items: center; - justify-content: space-between; - } - - &__logo { - display: flex; - flex: 1; - - &:after { - content: ''; - background: repeating-linear-gradient(90deg,var(--accent) 0%, transparent 8%, var(--accent2) 50%,var(--accent3) 100% ); - display: block; - width: 100%; - right: 10px; - border-radius: 0 20px 20px 0; - } - - a { - flex: 0 0 auto; - max-width: 100%; - } - } - - .menu { - margin: 20px 0; - - &__inner { - display: flex; - flex-wrap: wrap; - list-style: none; - margin: 0; - padding: 0; - - li { - color: var(--accent3); - &.active { - color: var(--accent-alpha-70); - } - - &:not(:last-of-type) { - margin-right: 20px; - margin-bottom: 10px; - flex: 0 0 auto; - } - } - } - - &__sub-inner { - position: relative; - list-style: none; - padding: 0; - margin: 0; - - &:not(:only-child) { - margin-left: 20px; - } - - &-more { - @include menu; - top: 35px; - left: 0; - - &-trigger { - color: var(--accent); - user-select: none; - cursor: pointer; - } - - li { - margin: 0; - padding: 5px; - white-space: nowrap; - } - } - } - } -} diff --git a/sass/logo.scss b/sass/logo.scss deleted file mode 100644 index b1248e8..0000000 --- a/sass/logo.scss +++ /dev/null @@ -1,9 +0,0 @@ -.logo { - display: flex; - align-items: center; - text-decoration: none; - background: var(--accent); - color: black; - padding: 5px 10px; - border-radius: 20px 0 0 20px; -} diff --git a/sass/main.scss b/sass/main.scss deleted file mode 100644 index 58e3764..0000000 --- a/sass/main.scss +++ /dev/null @@ -1,255 +0,0 @@ -@import "variables"; - -html { - box-sizing: border-box; -} - -*, -*:before, -*:after { - box-sizing: inherit; -} - -body { - margin: 0; - padding: 0; - font-family: Monaco, Consolas, Ubuntu Mono, monospace; - font-size: 1rem; - line-height: 1.54; - background-color: var(--background); - color: var(--color); - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -webkit-overflow-scrolling: touch; - -webkit-text-size-adjust: 100%; - - @media (max-width: $phone-max-width) { - font-size: 1rem; - } -} - -h1, h2, h3, h4, h5, h6 { - display: flex; - align-items: center; - font-weight: bold; - line-height: 1.3; - color: var(--accent2); -} - -h1 { - font-size: 1.4rem; -} - -h2 { - font-size: 1.3rem; -} - -h3 { - font-size: 1.2rem; -} - -h4, h5, h6 { - font-size: 1.15rem; -} - - -a { - color: inherit; -} - -img { - display: block; - max-width: 100%; - - &.left { - margin-right: auto; - } - - &.center { - margin-left: auto; - margin-right: auto; - } - - &.right { - margin-left: auto; - } -} - -p { - margin-bottom: 20px; -} - -figure { - display: table; - max-width: 100%; - margin: 25px 0; - - &.left { - img { - margin-right: auto; - } - } - - &.center { - img { - margin-left: auto; - margin-right: auto; - } - } - - &.right { - img { - margin-left: auto; - } - } - - figcaption { - font-size: 14px; - padding: 5px 10px; - margin-top: 5px; - background: var(--accent); - color: var(--background); - - &.left { - text-align: left; - } - - &.center { - text-align: center; - } - - &.right { - text-align: right; - } - } -} - -code { - font-family: monospace; - font-feature-settings: normal; - background: var(--accent-alpha-20); - padding: 1px 6px; - margin: 0 2px; - font-size: .95rem; -} - -pre { - font-family: monospace; - padding: 20px; - font-size: .95rem; - overflow: auto; - border-top: 1px solid rgba(255, 255, 255, .1); - border-bottom: 1px solid rgba(255, 255, 255, .1); - - @media (max-width: $phone-max-width) { - white-space: pre-wrap; - word-wrap: break-word; - } - - code { - padding: 0; - margin: 0; - background: none; - } -} - -blockquote { - border-top: 1px solid var(--accent); - border-bottom: 1px solid var(--accent); - margin: 40px 0; - padding: 25px; - - @media (max-width: $phone-max-width) { - padding-right: 0; - } - - &:before { - content: '”'; - font-family: Georgia, serif; - font-size: 3.875rem; - position: absolute; - left: -40px; - top: -20px; - } - - p:first-of-type { - margin-top: 0; - } - - p:last-of-type { - margin-bottom: 0; - } - - p { - position: relative; - } - - p:before { - content: '>'; - display: block; - position: absolute; - left: -25px; - color: var(--accent); - } -} - -table { - table-layout: fixed; - border-collapse: collapse; - width: 100%; - margin: 40px 0; -} - -table, th, td { - border: 1px dashed var(--accent); - padding: 10px; -} - -th { - color: var(--accent); -} - -ul, ol { - margin-left: 30px; - padding: 0; - - li { - position: relative; - } - - @media (max-width: $phone-max-width) { - margin-left: 20px; - } -} - -ol ol { - list-style-type: lower-alpha; -} - -.container { - display: flex; - flex-direction: column; - padding: 40px; - max-width: 864px; - min-height: 100vh; - margin: 0 auto; - - @media (max-width: $phone-max-width) { - padding: 20px; - } -} - -.content { - display: flex; -} - -hr { - width: 100%; - border: none; - background: var(--border-color); - height: 1px; -} - -.hidden { - display: none; -} diff --git a/sass/pagination.scss b/sass/pagination.scss deleted file mode 100644 index 566005b..0000000 --- a/sass/pagination.scss +++ /dev/null @@ -1,77 +0,0 @@ -@import 'variables'; - -.pagination { - margin-top: 50px; - - &__title { - display: flex; - text-align: center; - position: relative; - margin: 100px 0 20px; - - &-h { - text-align: center; - margin: 0 auto; - padding: 5px 10px; - background: var(--background); - font-size: .8rem; - text-transform: uppercase; - letter-spacing: .1em; - z-index: 1; - } - - hr { - position: absolute; - left: 0; - right: 0; - width: 100%; - margin-top: 15px; - z-index: 0; - } - } - - &__buttons { - display: flex; - align-items: center; - justify-content: center; - - @media (max-width: $phone-max-width) { - flex-direction: column; - } - } -} - -.button { - position: relative; - display: inline-flex; - align-items: center; - justify-content: center; - font-size: 1rem; - border-radius: 8px; - max-width: 40%; - padding: 0; - cursor: pointer; - appearance: none; - - @media (max-width: $phone-max-width) { - max-width: 80%; - } - - + .button { - margin-left: 10px; - } - - a { - display: flex; - padding: 8px 16px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - } - - &__text { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - } -} diff --git a/sass/post.scss b/sass/post.scss deleted file mode 100644 index a59a28e..0000000 --- a/sass/post.scss +++ /dev/null @@ -1,135 +0,0 @@ -@import "variables"; - -.posts { - width: 100%; - margin: 0 auto; -} - -.post { - width: 100%; - text-align: left; - margin: 20px auto; - padding: 20px 0; - - @media (max-width: $tablet-max-width) { - max-width: 660px; - } - - &:not(:last-of-type) { - border-bottom: 1px solid var(--border-color); - } - - %meta { - font-size: 1rem; - margin-bottom: 10px; - color: var(--accent-alpha-70); - } - - &-meta { - @extend %meta; - } - - &-meta-inline { - @extend %meta; - - display: inline; - } - - &-title { - --border: 2px dashed var(--accent); - position: relative; - color: var(--accent2); - margin: 0 0 15px; - padding-bottom: 15px; - border-bottom: var(--border); - font-weight: normal; - - a { - text-decoration: none; - } - } - - %tags { - margin-bottom: 20px; - font-size: 1rem; - opacity: .5; - } - - &-tags { - @extend %tags; - - display: block; - } - - &-tags-inline { - @extend %tags; - - display: inline; - - @media (max-width: $phone-max-width) { - display: block; - } - } - - &-content { - margin-top: 30px; - } - - &-cover { - border: 20px solid var(--accent); - background: transparent; - margin: 40px 0; - padding: 20px; - - @media (max-width: $phone-max-width) { - padding: 10px; - border-width: 10px; - } - } - - ul { - list-style: none; - - li:before { - content: '►'; - position: absolute; - left: -20px; - color: var(--accent); - } - } -} - -.post--regulation { - h1 { - justify-content: center; - } - - h2 { - justify-content: center; - margin-bottom: 10px; - - &+ h2 { - margin-top: -10px; - margin-bottom: 20px; - } - } -} - -.post-list { - .post-date { - color: var(--accent3); - text-decoration: none; - } - - a { - text-decoration: none; - } - - .post-list-title { - text-decoration: underline; - } - - .post-tag { - text-decoration: underline; - } -} diff --git a/sass/style.scss b/sass/style.scss deleted file mode 100644 index 3a289d7..0000000 --- a/sass/style.scss +++ /dev/null @@ -1,8 +0,0 @@ -@import 'buttons'; - -@import 'header'; -@import 'logo'; -@import 'main'; -@import 'post'; -@import 'pagination'; -@import 'footer'; diff --git a/sass/variables.scss b/sass/variables.scss deleted file mode 100644 index 3b95a9c..0000000 --- a/sass/variables.scss +++ /dev/null @@ -1,2 +0,0 @@ -$phone-max-width: 683px; -$tablet-max-width: 899px; diff --git a/templates/404.html b/templates/404.html deleted file mode 100644 index b081fbc..0000000 --- a/templates/404.html +++ /dev/null @@ -1,16 +0,0 @@ -{% extends "index.html" %} - -{% block title %} -404 -{% endblock title %} - -{% block header_menu %} -{{ menu_macros::menu_for(config=config, current_item="") }} -{% endblock header_menu %} - -{% block content %} -
{% block message %}This page does not exist.{% endblock message %}
-