From 8ee207dc1034eeeb8f48c0c9ca58c6f29df95ae7 Mon Sep 17 00:00:00 2001 From: xAlpharax <42233094+xAlpharax@users.noreply.github.com> Date: Sat, 2 Mar 2024 12:00:00 +0200 Subject: Massive changes regarding the core templates, static and config backbone Soon will be abstracted into a Hermit V3 theme that focuses on: - speed - efficiency - modularity - SEO: - good WCAG & - pagespeed metrics - suckless Changes to be committed: modified: config.toml modified: content/posts/code_test.md modified: content/posts/How I made this Blog with Zola.md deleted: sass/_icons.scss modified: sass/_predefined.scss modified: sass/style.scss modified: static/js/main.js modified: templates/404.html modified: templates/index.html modified: templates/macros.html modified: templates/page.html modified: templates/section.html modified: templates/tags/list.html modified: templates/tags/single.html --- config.toml | 30 ++- content/posts/How I made this Blog with Zola.md | 2 +- content/posts/code_test.md | 3 +- sass/_icons.scss | 60 ------ sass/_predefined.scss | 1 + sass/style.scss | 29 +-- static/js/main.js | 4 +- templates/404.html | 62 +++++- templates/index.html | 95 +++++---- templates/macros.html | 14 +- templates/page.html | 272 ++++++++++++++---------- templates/section.html | 17 +- templates/tags/list.html | 7 +- templates/tags/single.html | 16 +- 14 files changed, 322 insertions(+), 290 deletions(-) delete mode 100644 sass/_icons.scss diff --git a/config.toml b/config.toml index f4137b2..5a85e27 100644 --- a/config.toml +++ b/config.toml @@ -3,7 +3,7 @@ base_url = "https://alphara.art" # Used in RSS by default title = "Alphara's Blog" -description = "Blog dedicated to my stuff" # Neural Art at its finest :)) +description = "Neural Art at its finest :))" # Neural Art at its finest :)) Blog dedicated to my stuff # The default language, used in RSS and as a fallback value default_language = "en" @@ -72,7 +72,7 @@ render_emoji = true [extra] -home_subtitle = "Neural Art at its finest :))" # better title and description +home_subtitle = "Neural Art at its finest :))" footer_copyright = ' · CC BY-NC 4.0' @@ -85,7 +85,6 @@ hermit_social = [ { name = "github", link = "https://github.com/xAlpharax" }, { name = "linkedin", link = "https://www.linkedin.com/in/iustin-raznic" }, { name = "youtube", link = "https://www.youtube.com/@alphara2643" }, - # { name = "mastodon", link = "https://mastodon.social/@alphara" }, { name = "twitter", link = "https://twitter.com/IustinRaznic" }, { name = "email", link = "mailto:iustin@alphara.art" } ] @@ -95,6 +94,11 @@ hermit_social = [ name = "Iustin Râznic" email = "iustin@alphara.art" +[extra.meta] + +preview_image = "https://alphara.art/Alphara.png" +preview_image_alt = "Alphara" + [extra.disqus] # enable = false @@ -102,22 +106,30 @@ email = "iustin@alphara.art" # Take this from your Disqus account # shortname = "my-supa-dupa-blog" +# Make sure to include this on posts that you want comments on: +# [extra] +# permalink = "link of the page" +# +# in the posts front-matter +# in order to have the correct URL for the comment section + # Comments can be disabled per page by setting: # [extra] # disable_comments = true # # in the posts front-matter +# this will skip disqus components from rendering on the page all together + +# Similarily, but unrelated, -# Similarily, but unrelated -# Table of content can be enabled by adding -# +++ +# Table of Contents button-functionality can be enabled per-page by adding: # [extra] # toc=true -# +++ -# to the page front matter -# Icon will then appear above the page title that will toggle the ToC +# +# in the page front-matter [extra.google_analytics] # enable = false + # id = "UA-4XXXXXXX-X" diff --git a/content/posts/How I made this Blog with Zola.md b/content/posts/How I made this Blog with Zola.md index 190486d..b5aa84a 100644 --- a/content/posts/How I made this Blog with Zola.md +++ b/content/posts/How I made this Blog with Zola.md @@ -7,7 +7,7 @@ draft = false tags = ["original_post", "blog", "test"] [extra] -disable_comments = false +disable_comments = true toc = false +++ diff --git a/content/posts/code_test.md b/content/posts/code_test.md index 07744f7..6c7a203 100644 --- a/content/posts/code_test.md +++ b/content/posts/code_test.md @@ -7,7 +7,8 @@ draft = false tags = ["test", "code"] [extra] -disable_comments = true +disable_comments = false +permalink = "https://alphara.art/posts/code-test/" toc = false [extra.earlier] diff --git a/sass/_icons.scss b/sass/_icons.scss deleted file mode 100644 index 6722894..0000000 --- a/sass/_icons.scss +++ /dev/null @@ -1,60 +0,0 @@ -/* From: https://css.gg/app */ - -.gg-check { - box-sizing: border-box; - position: relative; - display: block; - transform: scale(var(--ggs, 1)); - width: 22px; - height: 22px; - border: 2px solid transparent; - border-radius: 100px; -} -.gg-check::after { - content: ""; - display: block; - box-sizing: border-box; - position: absolute; - left: 3px; - top: -1px; - width: 6px; - height: 10px; - border-width: 0 2px 2px 0; - border-style: solid; - transform-origin: bottom left; - transform: rotate(45deg); -} - -.gg-clipboard { - box-sizing: border-box; - position: relative; - display: block; - transform: scale(var(--ggs, 1)); - width: 18px; - height: 18px; - border: 2px solid; - border-radius: 2px; -} -.gg-clipboard::after, -.gg-clipboard::before { - content: ""; - display: block; - box-sizing: border-box; - position: absolute; - border-radius: 2px; - width: 10px; - left: 2px; -} -.gg-clipboard::before { - border: 2px solid; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - top: -2px; - height: 6px; -} -.gg-clipboard::after { - height: 2px; - background: currentColor; - box-shadow: 0 -4px 0 0; - bottom: 2px; -} diff --git a/sass/_predefined.scss b/sass/_predefined.scss index 0cb193b..ac955ed 100644 --- a/sass/_predefined.scss +++ b/sass/_predefined.scss @@ -1,5 +1,6 @@ // Colors // + //bkup $theme: #018574; // links // green $text: #c6cddb; // general text // white grey diff --git a/sass/style.scss b/sass/style.scss index d110fec..18ff1d0 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -1,8 +1,7 @@ @import "predefined.scss"; @import "normalize.scss"; -@import "syntax.scss"; @import "animate.scss"; -@import "icons.scss"; +@import "syntax.scss"; /* Webkit Scrollbar Customize */ ::-webkit-scrollbar { @@ -51,7 +50,7 @@ pre { word-wrap: break-word; color: #eee; border-radius: 4px; - // -webkit-overflow-scrolling: touch; + -webkit-overflow-scrolling: touch; // For iOS improved scrolling code { padding: 0; @@ -245,6 +244,11 @@ table { padding: 0; margin-left: 0.4em; cursor: pointer; + + &:hover { + color: #fff; + } + } #menu-btn { @@ -807,22 +811,3 @@ hr.post-end { right: 1.2em; } } - -.code-badge { - margin: 0.4em 0em; -} - -.highlight-copy-btn { - margin-right: 7px; - float: right; - border: 0; - border-radius: 4px; - padding: 1px; - font-size: 0.7em; - line-height: 1.8; - color: #fff; - background-color: #777; - opacity: 0.6; - min-width: 55px; - text-align: center; -} diff --git a/static/js/main.js b/static/js/main.js index 012df35..18316e0 100644 --- a/static/js/main.js +++ b/static/js/main.js @@ -2,7 +2,7 @@ * Utils */ -// Throttle +// Throttle Helper const throttle = (callback, limit) => { let timeoutHandler = null; return () => { @@ -23,8 +23,6 @@ const listen = (selector, eventType, callback) => { } }; -// FUNCTIONS - // Auto Hide Header const header = document.getElementById('site-header'); let lastScrollPosition = window.scrollY; diff --git a/templates/404.html b/templates/404.html index 1a7cbb3..d885ede 100644 --- a/templates/404.html +++ b/templates/404.html @@ -6,17 +6,59 @@ {% block main %}
-

- 404-lighthouse + +

+ + 404-lighthouse + + + + + + + + + + + + + + + + + + + + + +

+ + +
{% endblock main %} diff --git a/templates/index.html b/templates/index.html index 90a3f51..58eeb83 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,7 +1,9 @@ {% import "macros.html" as macros %} + + @@ -71,44 +73,54 @@ - {% block header %} - {% endblock header %} - - {% block title %} -
-
-

{{config.title}}

-

{{config.extra.home_subtitle}}

-
- {{macros::render_social_icons()}} -
- {% endblock title %} - {% block main %} - - {% endblock main %} -
- - {% block footer %} - - {% endblock footer %} -
- - - - + {% block header %} + {% endblock header %} + + {% block title %} +
+
+

{{config.title}}

+

{{config.extra.home_subtitle}}

+
+ {{macros::render_social_icons()}} +
+ {% endblock title %} + + {% block main %} + + {% endblock main %} +
+ + {% block footer %} + + {% endblock footer %} +
+ + + + @@ -116,17 +128,20 @@ + onload="renderMathInElement(document.body, { delimiters: [ {left: '$$', right: '$$', display: true}, {left: '$', right: '$', display: false}, {left: '\\[', right: '\\]', display: true}, {left: '\\(', right: '\\)', display: false}]});"> - {% if config.extra.google_analytics.enable %} + {% if config.extra.google_analytics.enable %} {% endif %} + + diff --git a/templates/macros.html b/templates/macros.html index e12a56e..1f5488f 100644 --- a/templates/macros.html +++ b/templates/macros.html @@ -10,11 +10,15 @@ {% macro footer() %} {% endmacro footer %} diff --git a/templates/page.html b/templates/page.html index d10adbc..eb7d141 100644 --- a/templates/page.html +++ b/templates/page.html @@ -10,7 +10,6 @@ {{ config.title }}