diff options
| -rw-r--r-- | .gitignore | 3 | ||||
| -rw-r--r-- | config.toml | 15 | ||||
| -rw-r--r-- | sass/_animate.scss | 232 | ||||
| -rw-r--r-- | sass/style.scss | 1 | ||||
| -rw-r--r-- | templates/404.html | 2 | ||||
| -rw-r--r-- | templates/shortcodes/image.html | 6 |
6 files changed, 22 insertions, 237 deletions
@@ -2,3 +2,6 @@ public/ .obsidian/ *.sh + +*.png +*.webp diff --git a/config.toml b/config.toml index 03ec1a2..bce794b 100644 --- a/config.toml +++ b/config.toml @@ -76,6 +76,21 @@ smart_punctuation = false # For example, `` is ok but `` isn’t ok lazy_async_image = false +[search] +# Whether to build a search index to be used by the templates +build_search_index = true +# The name of the file to write the search index to. +# This is used by the default search JavaScript implementation. +index_format = "elasticlunr_json" +# Whether to include the title of the page in the search index. +include_title = true +# Whether to include the description of the page in the search index. +include_description = true +# Whether to include the path of the page in the search index. +include_path = true +# Whether to include the rendered content of the page in the search index. +include_content = true + [extra] home_subtitle = "Neural Art at its finest :))" diff --git a/sass/_animate.scss b/sass/_animate.scss deleted file mode 100644 index 6b97612..0000000 --- a/sass/_animate.scss +++ /dev/null @@ -1,232 +0,0 @@ -@charset "UTF-8"; - -/*! - * animate.css -https://daneden.github.io/animate.css/ - * Version - 3.7.0 - * Licensed under the MIT license - http://opensource.org/licenses/MIT - * - * Copyright (c) 2018 Daniel Eden - */ - -@-webkit-keyframes bounceInRight { - 0%, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0); - transform: translate3d(3000px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -@keyframes bounceInRight { - 0%, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0); - transform: translate3d(3000px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -.bounceInRight { - -webkit-animation-name: bounceInRight; - animation-name: bounceInRight; -} -@-webkit-keyframes bounceOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} -@keyframes bounceOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); - } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} -.bounceOutRight { - -webkit-animation-name: bounceOutRight; - animation-name: bounceOutRight; -} -@-webkit-keyframes fadeIn { - 0% { - opacity: 0; - } - to { - opacity: 1; - } -} -@keyframes fadeIn { - 0% { - opacity: 0; - } - to { - opacity: 1; - } -} -.fadeIn { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; -} -@-webkit-keyframes slideInUp { - 0% { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -@keyframes slideInUp { - 0% { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -.slideInUp { - -webkit-animation-name: slideInUp; - animation-name: slideInUp; -} -@-webkit-keyframes slideOutDown { - 0% { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} -@keyframes slideOutDown { - 0% { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } - to { - visibility: hidden; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} -.slideOutDown { - -webkit-animation-name: slideOutDown; - animation-name: slideOutDown; -} -.animated { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} -.animated.infinite { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; -} -.animated.delay-1s { - -webkit-animation-delay: 1s; - animation-delay: 1s; -} -.animated.delay-2s { - -webkit-animation-delay: 2s; - animation-delay: 2s; -} -.animated.delay-3s { - -webkit-animation-delay: 3s; - animation-delay: 3s; -} -.animated.delay-4s { - -webkit-animation-delay: 4s; - animation-delay: 4s; -} -.animated.delay-5s { - -webkit-animation-delay: 5s; - animation-delay: 5s; -} -.animated.fast { - -webkit-animation-duration: 0.8s; - animation-duration: 0.8s; -} -.animated.faster { - -webkit-animation-duration: 0.5s; - animation-duration: 0.5s; -} -.animated.slow { - -webkit-animation-duration: 2s; - animation-duration: 2s; -} -.animated.slower { - -webkit-animation-duration: 3s; - animation-duration: 3s; -} -@media (prefers-reduced-motion) { - .animated { - -webkit-animation: unset !important; - animation: unset !important; - -webkit-transition: none !important; - transition: none !important; - } -} diff --git a/sass/style.scss b/sass/style.scss index 52c03e9..442c97e 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -1,6 +1,5 @@ @import "predefined.scss"; @import "normalize.scss"; -@import "animate.scss"; /* Webkit Scrollbar Customize */ ::-webkit-scrollbar { diff --git a/templates/404.html b/templates/404.html index 58d8f52..f84858b 100644 --- a/templates/404.html +++ b/templates/404.html @@ -22,7 +22,7 @@ <path d="M172,165c-5.8-.3-9.5-4.7-15.8-3.8-2.6.4-4.4,1.6-6.7,2.7s-6.9,1.3-10.2-.5-9.5-3.2-14.3-1c-3.3,1.5-5.6,3.3-9.5,2.4-2.4-.5-4.3-2.3-6.7-3.1a15.5,15.5,0,0,0-8.3-.3c-2.5.6-4.3,2.2-6.7,3.1-6.2,2.2-10.8-3.5-16.9-3.5s-10.7,5.6-17,3.5c-2.3-.8-4.2-2.5-6.7-3.1a15.4,15.4,0,0,0-8.3.3c-3.1,1-5.4,3.3-8.9,3.3s-5.8-2.2-8.9-3.3a15.4,15.4,0,0,0-8.8-.2c-3.4,1-5.7,3.3-9.5,3.5s-3.2,5.2,0,5c6-.3,10.9-5.5,17-3.5,2.4.8,4.2,2.5,6.7,3.1a15.4,15.4,0,0,0,8.3-.3c2.3-.8,4.2-2.5,6.7-3.1s6.3.9,9.5,2.4c4.8,2.3,9.8,1.5,14.3-1s6.7-2.2,10.2-.5,4.1,2.3,6.7,2.7a14.9,14.9,0,0,0,7.9-1c2.7-1.2,4.8-2.9,7.9-2.9s5.2,1.7,7.9,2.9a14.9,14.9,0,0,0,7.9,1c2.6-.4,4.4-1.6,6.7-2.7s6.9-1.3,10.2.5a15.9,15.9,0,0,0,16.1,0c7.3-3.9,11.9,2,19.1,2.3,3.2.2,3.2-4.8,0-5Z" transform="translate(-6.6 -6.6)"/> <path d="M46.3,165.8l9.6-9.3c4.9-4.6,9.7-11.1,17.2-9.2,4.9,1.2,9.2,5.5,13,8.5s8,6.5,12.1,9.7c2.6,2,5-2.4,2.5-4.3-5-3.8-9.7-7.9-14.7-11.7s-8.7-7-14.6-7.6-11.2,3.6-15.9,8S47,158,42.7,162.2c-2.3,2.3,1.2,5.8,3.5,3.5Z" transform="translate(-6.6 -6.6)"/> <path d="M84.8,152.8c8.3-3.7,16.7-8.3,26.1-5.6s15.5,9,19.4,16.6c1.5,2.9,5.8.3,4.3-2.5-4.5-8.7-12.9-16.2-22.4-18.9s-20.3,1.7-29.9,6.1c-2.9,1.3-.4,5.6,2.5,4.3Z" transform="translate(-6.6 -6.6)"/> - <g class="animated flash infinite slower"> + <g> <path d="M62.5,34h-23a1.5,1.5,0,0,0,0,3h23a1.5,1.5,0,0,0,0-3Z" transform="translate(-6.6 -6.6)"/> <path d="M63.3,25.2l-18-9c-1.7-.9-3.2,1.7-1.5,2.6l18,9c1.7.9,3.2-1.7,1.5-2.6Z" transform="translate(-6.6 -6.6)"/> <path d="M61.7,43.2l-18,9c-1.7.9-.2,3.5,1.5,2.6l18-9c1.7-.9.2-3.5-1.5-2.6Z" transform="translate(-6.6 -6.6)"/> diff --git a/templates/shortcodes/image.html b/templates/shortcodes/image.html index 8b1a006..9b8124b 100644 --- a/templates/shortcodes/image.html +++ b/templates/shortcodes/image.html @@ -11,14 +11,14 @@ {# --- Get optional parameters, with sensible defaults --- #} {% set lazy = lazy | default(value=true) %} {% set fetch = fetch | default(value="auto") %} -{% set quality = quality | default(value=60) %} {# <-- New: Set a default quality #} +{% set quality = quality | default(value=100) %} {# <-- New: Set a default quality #} {# --- Let Zola process the image into ALL necessary formats and sizes --- #} {% set image_meta = get_image_metadata(path=src) %} {# Create small versions (PNG and WebP) with higher compression #} -{% set image_small_png = resize_image(path=src, width=383, op="fit_width", quality=quality) %} -{% set image_small_webp = resize_image(path=src, width=383, op="fit_width", format="webp", quality=quality) %} +{% set image_small_png = resize_image(path=src, width=575, op="fit_width", quality=quality) %} +{% set image_small_webp = resize_image(path=src, width=575, op="fit_width", format="webp", quality=quality) %} {# Create large versions (PNG and WebP) with higher compression #} {% set image_large_png = resize_image(path=src, width=682, op="fit_width", quality=quality) %} |
