diff --git a/config.toml b/config.toml index d956f4b9..338390e5 100644 --- a/config.toml +++ b/config.toml @@ -16,9 +16,9 @@ ignored_content = [ "*/target/debug/*", "*/target/release/*" ] [markdown] highlight_code = true highlight_theme = "css" -highlight_themes_css = [ - { theme = "nyx-bold", filename = "syntax-highlighting.css" }, -] +# highlight_themes_css = [ +# { theme = "nyx-bold", filename = "syntax-highlighting.css" }, +# ] external_links_target_blank = true diff --git a/sass/_post.scss b/sass/_post.scss index 6e4471d3..0d109ce6 100644 --- a/sass/_post.scss +++ b/sass/_post.scss @@ -2,9 +2,10 @@ h2.post-title { padding-top: calc(var(--font-size-text) * 2); } -h5.description { +.post-description { font-family: var(--font-heading) !important; - font-style: italic; + font-size: 1.4rem; + // font-style: italic; } div.post-meta { diff --git a/sass/_syntax-highlighting.scss b/sass/_syntax-highlighting.scss new file mode 100644 index 00000000..b3589923 --- /dev/null +++ b/sass/_syntax-highlighting.scss @@ -0,0 +1,600 @@ +/* + * theme "Nyx Bold" generated by syntect + */ + +.z-code { + color: #abb2bf; + background-color: var(--color-code-background); +} + +.z-entity.z-other.z-attribute-name.z-class.z-css { + color: #d19a66; +} +.z-entity.z-other.z-attribute-name.z-id { + color: #61afef; +} +.z-entity.z-other.z-attribute-name { + color: #d19a66; +} +.z-beginning.z-punctuation.z-definition.z-list.z-markdown { + color: #e06c75; +} +.z-block.z-scope.z-end, .z-block.z-scope.z-begin { + color: #abb2bf; +} +.z-markup.z-bold, .z-todo.z-bold { + color: #d19a66; +font-weight: bold; +} +.z-punctuation.z-definition.z-bold { + color: #e5c07b; +} +.z-none { + color: #d19a66; +} +.z-function.z-brace { + color: #abb2bf; +} +.z-invalid.z-broken { + color: #ffffff; +} +.z-entity.z-name.z-type.z-namespace { + color: #e5c07b; +font-weight: bold; +} +.z-support.z-class, .z-entity.z-name.z-type.z-class { + color: #e5c07b; +} +.z-entity.z-name.z-class.z-identifier.z-namespace.z-type { + color: #e5c07b; +} +.z-variable.z-other.z-class.z-php { + color: #e06c75; +} +.z-comment.z-line.z-double-slash, .z-comment.z-block.z-documentation { +font-style: italic; +} +.z-comment .z-markup.z-link { + color: #5c6370; +} +.z-comment, .z-punctuation.z-definition.z-comment { + color: #7f848e; +} +.z-keyword.z-operator.z-assignment.z-compound { + color: #c678dd; +} +.z-constant.z-language.z-symbol.z-ruby { + color: #56b6c2; +} +.z-constant.z-other.z-symbol { + color: #56b6c2; +} +.z-constant { + color: #d19a66; +} +.z-punctuation.z-definition.z-constant { + color: #d19a66; +} +.z-control.z-elements, .z-keyword.z-operator.z-less { + color: #d19a66; +} +.z-entity.z-name.z-type.z-generic.z-nyar { + color: #e06c75; +} +.z-entity.z-name.z-variable.z-local.z-cs { + color: #e06c75; +} +.z-support.z-constant.z-color.z-w3c-standard-color-name.z-css { + color: #d19a66; +} +.z-support.z-constant.z-color.z-w3c-standard-color-name.z-css, .z-support.z-constant.z-color.z-w3c-standard-color-name.z-scss { + color: #d19a66; +} +.z-punctuation.z-separator.z-list.z-comma.z-css { + color: #abb2bf; +} +.z-keyword.z-other.z-important { +font-weight: bold; +} +.z-support.z-type.z-vendored.z-property-name.z-css { + color: #56b6c2; +} +.z-support.z-type.z-property-name.z-css { + color: #61afef; +} +.z-keyword.z-operator.z-css, .z-keyword.z-operator.z-scss, .z-keyword.z-operator.z-less { + color: #56b6c2; +} +.z-storage.z-type.z-cs { + color: #e5c07b; +} +.z-markup.z-deleted.z-diff { + color: #e06c75; +} +.z-none { + color: #abb2bf; +} +.z-invalid.z-deprecated { + color: #ffffff; +} +.z-meta.z-diff.z-header.z-from-file, .z-punctuation.z-definition.z-from-file.z-diff { + color: #61afef; +} +.z-punctuation.z-section.z-embedded, .z-variable.z-interpolation { + color: #e06c75; +} +.z-entity.z-name.z-lifetime.z-rust { + color: #e5c07b; +} +.z-entity.z-name.z-type.z-module { + color: #e5c07b; +} +.z-entity.z-name.z-type.z-rust { + color: #56b6c2; +} +.z-keyword.z-operator.z-error-control.z-php { + color: #c678dd; +} +.z-constant.z-character.z-escape { + color: #56b6c2; +} +.z-none { + color: #d19a66; +} +.z-markup.z-heading { + color: #e06c75; +font-weight: bold; +} +.z-markup.z-heading .z-punctuation.z-definition.z-heading, .z-entity.z-name.z-section { + color: #61afef; +} +.z-invalid.z-illegal { + color: #ffffff; +} +.z-markup.z-inserted.z-diff { + color: #98c379; +} +.z-constant.z-numeric { + color: #d19a66; +} +.z-emphasis .z-md { + color: #c678dd; +} +.z-markup.z-italic, .z-punctuation.z-definition.z-italic, .z-todo.z-emphasis { + color: #c678dd; +} +.z-import.z-storage.z-java { + color: #e5c07b; +} +.z-meta.z-method.z-java { + color: #61afef; +} +.z-punctuation.z-section.z-block.z-begin.z-java, .z-punctuation.z-section.z-block.z-end.z-java, .z-punctuation.z-definition.z-method-parameters.z-begin.z-java, .z-punctuation.z-definition.z-method-parameters.z-end.z-java, .z-meta.z-method.z-identifier.z-java, .z-punctuation.z-section.z-method.z-begin.z-java, .z-punctuation.z-section.z-method.z-end.z-java, .z-punctuation.z-terminator.z-java, .z-punctuation.z-section.z-class.z-begin.z-java, .z-punctuation.z-section.z-class.z-end.z-java, .z-punctuation.z-section.z-inner-class.z-begin.z-java, .z-punctuation.z-section.z-inner-class.z-end.z-java, .z-meta.z-method-call.z-java, .z-storage.z-type.z-generic.z-java, .z-punctuation.z-section.z-class.z-begin.z-bracket.z-curly.z-java, .z-punctuation.z-section.z-class.z-end.z-bracket.z-curly.z-java, .z-punctuation.z-section.z-method.z-begin.z-bracket.z-curly.z-java, .z-punctuation.z-section.z-method.z-end.z-bracket.z-curly.z-java, .z-punctuation.z-separator.z-period.z-java, .z-meta.z-method.z-body.z-java { + color: #abb2bf; +} +.z-storage.z-modifier.z-import.z-java, .z-storage.z-type.z-java { + color: #e5c07b; +} +.z-source.z-java { + color: #e06c75; +} +.z-token.z-storage.z-type.z-java { + color: #e5c07b; +} +.z-storage.z-type.z-annotation.z-java { + color: #e5c07b; +} +.z-meta.z-definition.z-variable.z-name.z-java { + color: #e06c75; +} +.z-token.z-variable.z-parameter.z-java { + color: #abb2bf; +} +.z-entity.z-name.z-function, .z-support.z-function.z-console { + color: #61afef; +} +.z-support.z-type.z-object.z-dom { + color: #56b6c2; +} +.z-support.z-variable.z-dom, .z-support.z-variable.z-property.z-dom { + color: #e06c75; +} +.z-support.z-constant.z-json { + color: #d19a66; +} +.z-support.z-type.z-property-name.z-json { + color: #e06c75; +} +.z-support.z-type.z-property-name.z-json .z-punctuation { + color: #e06c75; +} +.z-keyword.z-operator { + color: #56b6c2; +} +.z-support.z-type.z-object.z-console { + color: #e06c75; +} +.z-keyword.z-operator.z-expression.z-import { + color: #61afef; +} +.z-entity.z-other.z-attribute-name.z-js, .z-entity.z-other.z-attribute-name.z-ts, .z-entity.z-other.z-attribute-name.z-jsx, .z-entity.z-other.z-attribute-name.z-tsx, .z-variable.z-parameter, .z-variable.z-language.z-super { +font-style: italic; +} +.z-support.z-module.z-node, .z-support.z-type.z-object.z-module, .z-support.z-module.z-node { + color: #e5c07b; +} +.z-punctuation.z-separator.z-key-value { + color: #abb2bf; +} +.z-support.z-variable.z-property.z-process { + color: #d19a66; +} +.z-punctuation.z-definition.z-template-expression.z-begin, .z-punctuation.z-definition.z-template-expression.z-end { + color: #e06c75; +} +.z-variable.z-other.z-constant { + color: #e5c07b; +} +.z-variable.z-other.z-readwrite, .z-meta.z-object-literal.z-key, .z-support.z-variable.z-property, .z-support.z-variable.z-object.z-process, .z-support.z-variable.z-object.z-node { + color: #e06c75; +} +.z-keyword.z-control { + color: #c678dd; +} +.z-keyword.z-operator.z-arithmetic, .z-keyword.z-operator.z-comparison, .z-keyword.z-operator.z-decrement, .z-keyword.z-operator.z-increment { + color: #56b6c2; +} +.z-keyword { + color: #c678dd; +} +.z-variable.z-language { + color: #e5c07b; +} +.z-text.z-html.z-laravel-blade .z-source.z-php.z-embedded.z-line.z-html .z-support.z-constant.z-laravel-blade { + color: #c678dd; +} +.z-text.z-html.z-laravel-blade .z-source.z-php.z-embedded.z-line.z-html .z-entity.z-name.z-tag.z-laravel-blade { + color: #c678dd; +} +.z-punctuation.z-definition.z-heading.z-markdown { + color: #e06c75; +} +.z-entity.z-name.z-section.z-markdown { + color: #e06c75; +} +.z-markup.z-heading.z-setext { + color: #abb2bf; +} +.z-markup.z-inline.z-raw.z-markdown { + color: #98c379; +} +.z-markup.z-inline.z-raw.z-string.z-markdown { + color: #98c379; +} +.z-punctuation.z-definition.z-list.z-begin.z-markdown { + color: #e06c75; +} +.z-punctuation.z-definition.z-list.z-begin.z-notedown { + color: #e06c75; +} +.z-punctuation.z-definition.z-list.z-markdown { + color: #e06c75; +} +.z-punctuation.z-definition.z-bold.z-markdown { + color: #d19a66; +} +.z-punctuation.z-definition.z-metadata.z-markdown { + color: #e06c75; +} +.z-markup.z-quote.z-markdown { + color: #5c6370; +font-style: italic; +} +.z-markup.z-changed.z-diff { + color: #e5c07b; +} +.z-markup.z-heading { + color: #e06c75; +font-weight: bold; +} +.z-punctuation.z-definition.z-heading { + color: #e06c75; +font-weight: bold; +} +.z-markup.z-italic { +font-style: italic; +} +.z-markup.z-bold { +font-weight: bold; +} +.z-support.z-constant.z-math { + color: #e5c07b; +} +.z-support.z-constant.z-property.z-math { + color: #d19a66; +} +.z-meta.z-tag { + color: #abb2bf; +} +.z-keyword.z-other.z-special-method { + color: #61afef; +} +.z-fenced_code.z-block.z-language { + color: #c678dd; +} +.z-punctuation.z-definition.z-notedown { + color: #c678dd; +} +.z-comment.z-text.z-line.z-notedown { + color: #7f848e; +font-style: italic; +} +.z-comment.z-text.z-notedown { + color: #7f848e; +font-style: italic; +} +.z-punctuation.z-definition.z-comment.z-notedown { + color: #7f848e; +font-style: italic; +} +.z-entity.z-name.z-section.z-notedown { + color: #e06c75; +font-weight: bold; +} +.z-punctuation.z-definition.z-heading.z-notedown { + color: #e06c75; +font-weight: bold; +} +.z-markup.z-italic.z-notedown { + color: #e5c07b; +font-style: italic; +} +.z-punctuation.z-definition.z-italic.z-notedown { + color: #e5c07b; +font-style: italic; +} +.z-punctuation.z-definition.z-quote.z-begin.z-notedown { + color: #61afef; +} +.z-markup.z-bold.z-notedown { + color: #d19a66; +font-weight: bold; +} +.z-punctuation.z-definition.z-bold.z-notedown { + color: #d19a66; +font-weight: bold; +} +.z-keyword.z-operator.z-bitwise { + color: #56b6c2; +} +.z-keyword.z-operator.z-channel { + color: #56b6c2; +} +.z-keyword.z-operator.z-logical.z-js { + color: #56b6c2; +} +.z-keyword.z-operator { + color: #abb2bf; +} +.z-entity.z-name.z-type.z-declaration.z-nyar { + color: #e5c07b; +} +.z-storage.z-modifier.z-other.z-nyar { + color: #ffc800; +} +.z-storage.z-type.z-annotation.z-end.z-nyar { + color: #ffc800; +} +.z-storage.z-type.z-annotation.z-inner.z-nyar { + color: #ffc800; +} +.z-storage.z-type.z-annotation.z-nyar { + color: #ffc800; +} +.z-storage.z-type.z-annotation.z-punctuation.z-nyar { + color: #ffc800; +} +.z-storage.z-type.z-annotation.z-start.z-nyar { + color: #ffc800; +} +.z-variable.z-language.z-self.z-nyar { + color: #c678dd; +} +.z-variable.z-other.z-readwrite.z-nyar { + color: #a7b2bf; +} +.z-token.z-package { + color: #abb2bf; +} +.z-token.z-package.z-keyword { + color: #c678dd; +} +.z-function.z-parameter { + color: #d19a66; +} +.z-function.z-parameter { + color: #abb2bf; +} +.z-function.z-parameter.z-ruby, .z-function.z-parameter.z-cs { + color: #abb2bf; +} +.z-meta.z-function-call.z-php, .z-meta.z-function-call.z-object.z-php, .z-meta.z-function-call.z-static.z-php { + color: #61afef; +} +.z-keyword.z-operator.z-comparison.z-php { + color: #56b6c2; +} +.z-punctuation.z-definition.z-parameters.z-begin.z-bracket.z-round.z-php, .z-punctuation.z-definition.z-parameters.z-end.z-bracket.z-round.z-php, .z-punctuation.z-separator.z-delimiter.z-php, .z-punctuation.z-section.z-scope.z-begin.z-php, .z-punctuation.z-section.z-scope.z-end.z-php, .z-punctuation.z-terminator.z-expression.z-php, .z-punctuation.z-definition.z-arguments.z-begin.z-bracket.z-round.z-php, .z-punctuation.z-definition.z-arguments.z-end.z-bracket.z-round.z-php, .z-punctuation.z-definition.z-storage-type.z-begin.z-bracket.z-round.z-php, .z-punctuation.z-definition.z-storage-type.z-end.z-bracket.z-round.z-php, .z-punctuation.z-definition.z-array.z-begin.z-bracket.z-round.z-php, .z-punctuation.z-definition.z-array.z-end.z-bracket.z-round.z-php, .z-punctuation.z-definition.z-begin.z-bracket.z-round.z-php, .z-punctuation.z-definition.z-end.z-bracket.z-round.z-php, .z-punctuation.z-definition.z-begin.z-bracket.z-curly.z-php, .z-punctuation.z-definition.z-end.z-bracket.z-curly.z-php, .z-punctuation.z-definition.z-section.z-switch-block.z-end.z-bracket.z-curly.z-php, .z-punctuation.z-definition.z-section.z-switch-block.z-start.z-bracket.z-curly.z-php, .z-punctuation.z-definition.z-section.z-switch-block.z-begin.z-bracket.z-curly.z-php, .z-punctuation.z-definition.z-section.z-switch-block.z-end.z-bracket.z-curly.z-php { + color: #abb2bf; +} +.z-entity.z-name.z-goto-label.z-php, .z-support.z-other.z-php { + color: #61afef; +} +.z-keyword.z-operator.z-heredoc.z-php, .z-keyword.z-operator.z-nowdoc.z-php { + color: #c678dd; +} +.z-invalid.z-illegal.z-non-null-typehinted.z-php { + color: #f44747; +} +.z-keyword.z-operator.z-type.z-php { + color: #c678dd; +} +.z-keyword.z-operator.z-logical.z-php, .z-keyword.z-operator.z-bitwise.z-php, .z-keyword.z-operator.z-arithmetic.z-php { + color: #56b6c2; +} +.z-keyword.z-operator.z-regexp.z-php { + color: #c678dd; +} +.z-storage.z-type.z-php, .z-meta.z-other.z-type.z-phpdoc.z-php, .z-keyword.z-other.z-type.z-php, .z-keyword.z-other.z-array.z-phpdoc.z-php { + color: #e5c07b; +} +.z-punctuation.z-separator.z-delimiter { + color: #abb2bf; +} +.z-punctuation.z-definition.z-string.z-begin, .z-punctuation.z-definition.z-string.z-end { + color: #98c379; +} +.z-punctuation.z-definition.z-list.z-begin.z-markdown { + color: #e06c75; +} +.z-variable.z-parameter.z-function.z-python { + color: #d19a66; +} +.z-meta.z-function-call.z-generic.z-python { + color: #61afef; +} +.z-meta.z-function.z-decorator.z-python { + color: #61afef; +} +.z-keyword.z-control.z-import.z-python, .z-keyword.z-control.z-flow.z-python { +font-style: italic; +} +.z-keyword.z-operator.z-logical.z-python { + color: #c678dd; +} +.z-variable.z-parameter.z-function.z-language.z-python { + color: #d19a66; +} +.z-constant.z-character.z-format.z-placeholder.z-other.z-python { + color: #98c379; +} +.z-support.z-type.z-python { + color: #56b6c2; +} +.z-constant.z-other.z-character-class.z-regexp { + color: #e06c75; +} +.z-keyword.z-operator.z-quantifier.z-regexp { + color: #d19a66; +} +.z-string.z-regexp { + color: #56b6c2; +} +.z-rgb-value { + color: #56b6c2; +} +.z-inline-color-decoration .z-rgb-value { + color: #d19a66; +} +.z-less .z-rgb-value { + color: #d19a66; +} +.z-selector.z-sass { + color: #e06c75; +} +.z-entity.z-name.z-section { +font-weight: bold; +} +.z-meta.z-selector { + color: #c678dd; +} +.z-keyword.z-operator.z-expression.z-delete, .z-keyword.z-operator.z-expression.z-in, .z-keyword.z-operator.z-expression.z-of, .z-keyword.z-operator.z-expression.z-instanceof, .z-keyword.z-operator.z-new, .z-keyword.z-operator.z-expression.z-typeof, .z-keyword.z-operator.z-expression.z-void { + color: #c678dd; +} +.z-storage { + color: #c678dd; +} +.z-token.z-storage { + color: #c678dd; +} +.z-storage.z-modifier.z-lifetime.z-rust { + color: #abb2bf; +} +.z-string, .z-entity.z-other.z-inherited-class { + color: #98c379; +} +.z-punctuation.z-section.z-array.z-begin.z-php { + color: #abb2bf; +} +.z-punctuation.z-section.z-array.z-end.z-php { + color: #abb2bf; +} +.z-support.z-function { + color: #56b6c2; +} +.z-support.z-constant.z-edge { + color: #c678dd; +} +.z-support.z-constant.z-property-value.z-scss, .z-support.z-constant.z-property-value.z-css { + color: #d19a66; +} +.z-support.z-function.z-std.z-rust { + color: #61afef; +} +.z-support.z-constant.z-ext.z-php, .z-support.z-constant.z-std.z-php, .z-support.z-constant.z-core.z-php, .z-support.z-constant.z-parser-token.z-php { + color: #d19a66; +} +.z-support.z-constant.z-font-name { + color: #d19a66; +} +.z-support.z-constant.z-property-value { + color: #abb2bf; +} +.z-support.z-type.z-property-name { + color: #abb2bf; +} +.z-support.z-variable.z-magic.z-python { + color: #e06c75; +} +.z-entity.z-name.z-tag { + color: #e06c75; +} +.z-variable.z-parameter.z-function { + color: #abb2bf; +} +.z-token.z-debug-token { + color: #c678dd; +} +.z-token.z-error-token { + color: #f44747; +} +.z-token.z-info-token { + color: #61afef; +} +.z-token.z-warn-token { + color: #d19a66; +} +.z-support.z-type.z-primitive.z-ts, .z-support.z-type.z-builtin.z-ts, .z-support.z-type.z-primitive.z-tsx, .z-support.z-type.z-builtin.z-tsx { + color: #e5c07b; +} +.z-entity.z-name.z-type { + color: #e5c07b; +} +.z-invalid.z-unimplemented { + color: #ffffff; +} +.z-keyword.z-other.z-unit { + color: #e06c75; +} +.z-none { + color: #d19a66; +} +.z-variable.z-language.z-rust { + color: #e06c75; +} +.z-variable.z-parameter.z-function.z-language.z-special.z-self.z-python { + color: #e5c07b; +} +.z-variable { + color: #e06c75; +} diff --git a/sass/_text.scss b/sass/_text.scss index cea53048..98963d6c 100644 --- a/sass/_text.scss +++ b/sass/_text.scss @@ -39,7 +39,7 @@ ol { body { font-family: var(--font-text); font-size: var(--font-size-text); - line-height: 1.2; + line-height: 1.3; } strong { @@ -57,6 +57,7 @@ h4, h5, h6 { font-family: var(--font-heading) !important; + letter-spacing: .07em; padding: 1vh 0; } diff --git a/sass/_variables.scss b/sass/_variables.scss index 439c263c..b3a9cb5b 100644 --- a/sass/_variables.scss +++ b/sass/_variables.scss @@ -1,5 +1,6 @@ :root { --color-background: rgb(22, 22, 22); + --color-code-background: rgb(28, 28, 28); --color-muted: rgb(42, 42, 42); --color-accent: rgb(114, 63, 137); --color-link: rgb(164, 118, 186); @@ -7,7 +8,7 @@ --color-text: #CCCCCC; --font-text: "Delius", sans-serif; --font-heading: "Architects Daughter", cursive; - --font-code: "Fira Code"; + --font-code: "Kode Mono", monospace; --font-size-text: 14pt; --margins: 2vw; --gradient-fade-up: linear-gradient(0deg, rgba(22, 22, 22,1) 0%, rgba(22, 22, 22,.9) 20%, rgba(22, 22, 22,.8) 50%, rgba(22, 22, 22,0) 100%); diff --git a/sass/main.scss b/sass/main.scss index ad113781..c41d5cf8 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -1,6 +1,6 @@ @import 'reset'; -@import url("syntax-highlighting.css"); +@import 'syntax-highlighting'; @import 'text'; @import 'figure'; @import 'article'; @@ -125,7 +125,7 @@ header { padding-right: var(--margins); padding-top: 1vh; text-shadow: var(--color-background) 0 0 10px; - & > h1 > a { + & > h1 { font-size: 3rem; color: var(--color-text); animation: .5s fade-in ease-in 0s 1 forwards; diff --git a/templates/macros/post.html b/templates/macros/post.html index 520b5c2b..75c05411 100644 --- a/templates/macros/post.html +++ b/templates/macros/post.html @@ -1,7 +1,7 @@ {%- macro metadata(post) -%}

{{ post.title | markdown(inline=true) | safe }}

-
{{ post.description | default(value="") | markdown(inline=true) | safe }}
+

{{ post.description | default(value="") | markdown(inline=true) | safe }}

{{ post.summary | safe }}
diff --git a/templates/partials/head.html b/templates/partials/head.html index b7e746ac..47c86ea6 100644 --- a/templates/partials/head.html +++ b/templates/partials/head.html @@ -70,7 +70,7 @@ diff --git a/templates/partials/header.html b/templates/partials/header.html index f70fb315..98870426 100644 --- a/templates/partials/header.html +++ b/templates/partials/header.html @@ -8,9 +8,11 @@
-

+

+ {{ title }} -

+ +

{%- if title == config.title -%}