From e44bf0c2c4327ef37db7d25709c1a653cfb3eac6 Mon Sep 17 00:00:00 2001 From: Nicolas Dato Date: Fri, 15 Aug 2025 15:16:40 -0300 Subject: improving design. changing from Solarized to Selenized, and more --- zola/config.toml | 2 +- zola/content/_index.md | 8 +- zola/content/articles/typedef-or-not.md | 1 + zola/static/LinLibertine.woff2 | Bin 0 -> 252836 bytes zola/static/LinLibertineB.woff2 | Bin 0 -> 217900 bytes zola/static/LinLibertineBI.woff2 | Bin 0 -> 158188 bytes zola/static/LinLibertineI.woff2 | Bin 0 -> 230684 bytes zola/static/libertinus-bold-italic.woff2 | Bin 150712 -> 0 bytes zola/static/libertinus-bold.woff2 | Bin 174656 -> 0 bytes zola/static/libertinus-italic.woff2 | Bin 201720 -> 0 bytes zola/static/libertinus-regular.woff2 | Bin 188040 -> 0 bytes zola/static/style.css | 208 +++++++++++++++---------------- zola/templates/page.html | 1 - zola/templates/section.html | 17 +-- 14 files changed, 120 insertions(+), 117 deletions(-) create mode 100644 zola/static/LinLibertine.woff2 create mode 100644 zola/static/LinLibertineB.woff2 create mode 100644 zola/static/LinLibertineBI.woff2 create mode 100644 zola/static/LinLibertineI.woff2 delete mode 100644 zola/static/libertinus-bold-italic.woff2 delete mode 100644 zola/static/libertinus-bold.woff2 delete mode 100644 zola/static/libertinus-italic.woff2 delete mode 100644 zola/static/libertinus-regular.woff2 diff --git a/zola/config.toml b/zola/config.toml index 683baf2..e8e4789 100644 --- a/zola/config.toml +++ b/zola/config.toml @@ -23,7 +23,7 @@ taxonomies = [ # Whether to do syntax highlighting # Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola highlight_code = true -highlight_theme = "solarized-dark" +highlight_theme = "gruvbox-dark" [extra] # Put all your custom variables here diff --git a/zola/content/_index.md b/zola/content/_index.md index e9d05ac..27430c2 100644 --- a/zola/content/_index.md +++ b/zola/content/_index.md @@ -10,13 +10,13 @@ And I may write general stuff and thoughts [in the blog section](blog). When I'm confident enought about some never-ending-never-completed side projects, I push them to [my gitweb](https://git.ndato.com). -### About this site development +### About this site design *Keep It Simple, Stupid.* -This website is made with HTML and CSS. No Javascript, no cookies, no popups, no ads. Just a website. Somehow inspired by [The](https://motherfuckingwebsite.com/) [Perfect](http://bettermotherfuckingwebsite.com/) [Motherfucking](https://evenbettermotherfucking.website/) [Website](https://perfectmotherfuckingwebsite.com/) (but they are better). The style uses [Solarized](https://ethanschoonover.com/solarized/) colors and Libertinus fonts. Also, the style tries to be similar to a [*LaTeX*](https://www.latex-project.org/) article. +This website is made with HTML and CSS. No Javascript, no cookies, no popups, no ads. Just a website. Somehow inspired by [The](https://motherfuckingwebsite.com/) [Perfect](http://bettermotherfuckingwebsite.com/) [Motherfucking](https://evenbettermotherfucking.website/) [Website](https://perfectmotherfuckingwebsite.com/) (but they are better). The style uses [Selenized](https://github.com/jan-warchol/selenized) colors and Libertine font. Also, the style tries to be similar to a [*LaTeX*](https://www.latex-project.org/) article. -To easily add content to this website, I use the [Zola static site generator](https://www.getzola.org/). So, the articles are written in [Markdown](https://daringfireball.net/projects/markdown/) first, and then converted to HTML. Those articles are then inserted inside some HTML templates. +To easily add content to this website, I use the [Zola static site generator](https://www.getzola.org/). So, the articles are written in [Markdown](https://daringfireball.net/projects/markdown/) first, and then converted to HTML using templates. The server uses [OpenBSD](https://www.openbsd.org), and it's running a [Tor middle relay](https://community.torproject.org/relay/) called [BobDobbs](https://metrics.torproject.org/rs.html#details/7EAAA9A9A1B0B834B74C60CDBBCE306CA7F91423). @@ -36,7 +36,7 @@ And I also swim, even when I'm not in the mood or I don't have free time. *Richard Stallman is right.* -I use the [Slackware Linux distribution](http://www.slackware.com/). I try stick to free software and avoid software and websites that tracks people and ignores privacy. Also, I like self-hosting, and using lightweight and simple software. I like and use some of [suckless](https://suckless.org/) software. I prefer the editor of the beast over emacs. +I use the [Slackware Linux distribution](http://www.slackware.com/). I try stick to free software and avoid software and websites that tracks people and ignores privacy. Also, I like self-hosting, and using lightweight and simple software. I prefer the editor of the beast over emacs. My computer runs a local [Searxng](https://github.com/searxng/searxng/) engine configured to use [DuckDuckGo](https://duckduckgo.com/), [Brave](https://search.brave.com), [Mojeek](https://mojeek.com), and [Wiby](https://wiby.me/). And I have a [MediaWiki](https://www.mediawiki.org/wiki/MediaWiki) self-hosted. I used to run a Tor middle relay on my computer, but I had to shut it down when the IT security team of a client thought I was connecting to their VPN over Tor. diff --git a/zola/content/articles/typedef-or-not.md b/zola/content/articles/typedef-or-not.md index 8a70f77..7188263 100644 --- a/zola/content/articles/typedef-or-not.md +++ b/zola/content/articles/typedef-or-not.md @@ -20,6 +20,7 @@ Using *typedef* allows us to rename a data type, and I follow these ideas: ```C /* The .h file */ + struct position { int x; int y; diff --git a/zola/static/LinLibertine.woff2 b/zola/static/LinLibertine.woff2 new file mode 100644 index 0000000..8ff196d Binary files /dev/null and b/zola/static/LinLibertine.woff2 differ diff --git a/zola/static/LinLibertineB.woff2 b/zola/static/LinLibertineB.woff2 new file mode 100644 index 0000000..a6dd19a Binary files /dev/null and b/zola/static/LinLibertineB.woff2 differ diff --git a/zola/static/LinLibertineBI.woff2 b/zola/static/LinLibertineBI.woff2 new file mode 100644 index 0000000..8931bfe Binary files /dev/null and b/zola/static/LinLibertineBI.woff2 differ diff --git a/zola/static/LinLibertineI.woff2 b/zola/static/LinLibertineI.woff2 new file mode 100644 index 0000000..4847ab7 Binary files /dev/null and b/zola/static/LinLibertineI.woff2 differ diff --git a/zola/static/libertinus-bold-italic.woff2 b/zola/static/libertinus-bold-italic.woff2 deleted file mode 100644 index 8de1ce0..0000000 Binary files a/zola/static/libertinus-bold-italic.woff2 and /dev/null differ diff --git a/zola/static/libertinus-bold.woff2 b/zola/static/libertinus-bold.woff2 deleted file mode 100644 index bf39f3a..0000000 Binary files a/zola/static/libertinus-bold.woff2 and /dev/null differ diff --git a/zola/static/libertinus-italic.woff2 b/zola/static/libertinus-italic.woff2 deleted file mode 100644 index 8f1818a..0000000 Binary files a/zola/static/libertinus-italic.woff2 and /dev/null differ diff --git a/zola/static/libertinus-regular.woff2 b/zola/static/libertinus-regular.woff2 deleted file mode 100644 index 9d37f80..0000000 Binary files a/zola/static/libertinus-regular.woff2 and /dev/null differ diff --git a/zola/static/style.css b/zola/static/style.css index 852ba61..c96ad91 100644 --- a/zola/static/style.css +++ b/zola/static/style.css @@ -1,177 +1,177 @@ :root { - --base03: #002b36; - --base02: #073642; - --base01: #586e75; - --base00: #657b83; - --base0: #839496; - --base1: #93a1a1; - --base2: #eee8d5; - --base3: #fdf6e3; - --yellow: #b58900; - --orange: #cb4b16; - --red: #dc322f; - --magenta: #d33682; - --violet: #6c71c4; - --blue: #268bd2; - --cyan: #2aa198; - --green: #859900; - --header-font-size: 150%; - --left-column-width: 20ex; - --border-width: 1px; - --padding: 2ex; - --margin: 2ex; - --content-padding-left: 8ex; - --content-padding-right: 4ex; - --body-max-width: 140ex; - --body-font-size: 17px; - --first-letter-font-size: 130%; - --dt-font-size: 120%; - --primary-color: var(--base1); - --secondary-color: var(--orange); - --content-background-color: var(--base03); - --filling-background-color: var(--base02); - --text-color: var(--primary-color); - --font-family: 'Libertinus'; - --link-text-color: var(--yellow); - --highlight-text-color: var(--secondary-color); - --primary-border-color: var(--secondary-color); - --secondary-border-color: var(--base00); + --bg0: #181818; + --bg1: #252525; + --bg2: #3b3b3b; + --dim0: #777777; + --fg0: #b9b9b9; + --fg1: #dedede; + --red: #ed4a46; + --green: #70b433; + --yellow: #dbb32d; + --blue: #368aeb; + --magenta: #eb6eb7; + --cyan: #3fc5b7; + --orange: #e67f43; + --violet: #a580e2; + --br-red: #ff5e56; + --br-green: #83c746; + --br-yellow: #efc541; + --br-blue: #4f9cfe; + --br-magenta: #ff81ca; + --br-cyan: #56d8c9; + --br-orange: #fa9153; + --br-violet: #b891f5; + --header-font-size: 150%; + --left-column-width: 20ex; + --border-width: 1px; + --padding: 2ex; + --margin: 2ex; + --content-padding-left: 8ex; + --content-padding-right: 4ex; + --body-max-width: 140ex; + --body-font-size: 18px; + --first-letter-font-size: 115%; + --dt-font-size: 120%; + --content-background-color: var(--bg0); + --filling-background-color: var(--bg1); + --text-color: var(--fg0); + --column-header-text-color: var(--fg1); + --column-header-background-color: var(--bg2); + --font-family: 'Libertine'; + --link-text-color: var(--br-yellow); + --highlight-text-color: var(--br-cyan); + --pre-border-color: var(--blue); + --h2-border-color: var(--orange); } @font-face { - font-family: 'Libertinus'; - font-style: normal; - font-weight: normal; - font-display: swap; - src: url('/libertinus-regular.woff2') format('woff2'); + font-family: 'Libertine'; + font-style: normal; + font-weight: normal; + font-display: swap; + src: url('/LinLibertine.woff2') format('woff2'); } @font-face { - font-family: 'Libertinus'; - font-style: normal; - font-weight: bold; - font-display: swap; - src: url('/libertinus-bold.woff2') format('woff2'); + font-family: 'Libertine'; + font-style: normal; + font-weight: bold; + font-display: swap; + src: url('/LinLibertineB.woff2') format('woff2'); } @font-face { - font-family: 'Libertinus'; - font-style: italic; - font-weight: normal; - font-display: swap; - src: url('/libertinus-italic.woff2') format('woff2'); + font-family: 'Libertine'; + font-style: italic; + font-weight: normal; + font-display: swap; + src: url('/LinLibertineI.woff2') format('woff2'); } @font-face { - font-family: 'Libertinus'; - font-style: italic; - font-weight: bold; - font-display: swap; - src: url('/libertinus-bold-italic.woff2') format('woff2'); + font-family: 'Libertine'; + font-style: italic; + font-weight: bold; + font-display: swap; + src: url('/LinLibertineBI.woff2') format('woff2'); } body { - font-family: var(--font-family);; - color: var(--text-color); - background-color: var(--filling-background-color); - font-size: var(--body-font-size); - max-width: var(--body-max-width); - margin: auto; + font: var(--body-font-size) var(--font-family), serif; + color: var(--text-color); + max-width: var(--body-max-width); + background-color: var(--filling-background-color); + margin: auto; } section { - border: var(--border-width) solid var(--secondary-border-color); - background-color: var(--content-background-color); - margin: var(--margin); - padding: var(--padding); -} - -section.mainheader { - border: var(--border-width) solid var(--primary-border-color); + background-color: var(--content-background-color); + margin: var(--margin); + padding: var(--padding); } em, strong { - color: var(--highlight-text-color); + color: var(--highlight-text-color); } article p::first-letter { - font-size: var(--first-letter-font-size); - color: var(--highlight-text-color); + font-size: var(--first-letter-font-size); + color: var(--highlight-text-color); } article p { - text-indent: 4ex; - text-align: justify; - margin-top: 1ex; - margin-bottom: 1ex; + text-indent: 4ex; + text-align: justify; + margin-top: 1ex; + margin-bottom: 1ex; } article { - padding-top: 2ex; - padding-bottom: 5ex; + padding-top: 2ex; + padding-bottom: 5ex; } dt { - font-size: var(--dt-font-size); + font-size: var(--dt-font-size); } header, footer { - text-align: center; + text-align: center; } h1, h2 { - border-top: 1px solid var(--primary-color); + border-top: 1px solid var(--h2-border-color); } pre { - padding: 1ex; - border: var(--border-width) solid var(--primary-border-color); - white-space: pre-wrap; + padding: 1ex; + border: var(--border-width) solid var(--pre-border-color); + white-space: pre-wrap; } :link, :visited { - color: var(--link-text-color); + color: var(--link-text-color); } .mainheader header { - font-size: 220%; + font-size: 220%; } .logo { - height: 4ex; - vertical-align: middle; + height: 4ex; + vertical-align: middle; } .navigation { - text-align: center; + text-align: center; } .main { - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: flex-start; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: flex-start; } .column header { - border: var(--border-width) solid var(--primary-border-color); - font-size: var(--header-font-size); - background-color: var(--filling-background-color); + font-size: var(--header-font-size); + color: var(--column-header-text-color); + background-color: var(--column-header-background-color); } .left { - flex-shrink: 0; - width: var(--left-column-width); + flex-shrink: 0; + width: var(--left-column-width); } .content { - flex-grow: 1; - flex-basis: 15em; - padding-left: var(--content-padding-left); - padding-right: var(--content-padding-right); + flex-grow: 1; + flex-basis: 15em; + padding-left: var(--content-padding-left); + padding-right: var(--content-padding-right); } diff --git a/zola/templates/page.html b/zola/templates/page.html index 231be36..e8f5d8e 100644 --- a/zola/templates/page.html +++ b/zola/templates/page.html @@ -13,7 +13,6 @@
Created: {{ page.date }}
{% if page.updated %}Updated: {{ page.updated }}
{% endif %} -
Description: {{ page.description }}
{{ page.content | safe }}
{% endblock %} diff --git a/zola/templates/section.html b/zola/templates/section.html index a618d5f..2a06c83 100644 --- a/zola/templates/section.html +++ b/zola/templates/section.html @@ -16,22 +16,25 @@

{{ page.title }}

-

Description: {{ page.description }}

-

Created: {{ page.date }} + Description: {{ page.description }} +

+
+ Created: {{ page.date }} +
{% if page.updated %} -
Updated: {{ page.updated }} +
+ Updated: {{ page.updated }} +
{% endif %} -

{% for kind, values in page.taxonomies %} +
{% set cat = get_taxonomy(kind=kind) -%} {{ kind }}: {% for v in values %} {% if loop.index != 1%}, {% endif %}{{ v }} {% endfor %} -
+
{% endfor %} -

- {% endfor %} {% endblock %} -- cgit v1.2.3