From 844ece8a90fe2405178a76488d10830913fa6e05 Mon Sep 17 00:00:00 2001 From: He4eT Date: Sat, 23 Aug 2025 17:23:07 +0200 Subject: [PATCH] css: apply styles for entries --- src/assets/css/main.css | 1 + src/pages/lost+found.md | 543 ++++++++++++++++++++++++++++++---------- src/pages/posts.md | 55 +++- src/pages/projects.md | 450 ++++++++++++++++----------------- 4 files changed, 683 insertions(+), 366 deletions(-) diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 9b7c3fc..5148baf 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -131,6 +131,7 @@ body > footer { margin-bottom: 1.5rem; } +.entry > header, .entry > .description { margin-bottom: 0.5rem; } diff --git a/src/pages/lost+found.md b/src/pages/lost+found.md index 59a45b7..8e9eec9 100644 --- a/src/pages/lost+found.md +++ b/src/pages/lost+found.md @@ -22,163 +22,446 @@ in the middle of a conversation. --- -- **[EndOfLife.date](https://endoflife.date/)** +-
+
+ + + EndOfLife.date + + +
+
+ End-of-life (EOL) and support information is often + hard to track, or very badly presented. +
+
- End-of-life (EOL) and support information is often hard to track, - or very badly presented. +-
+
+ + + Atlas Obscura + + +
+
+ A comprehensive database of the world’s most + wondrous places and foods. +
+
-- **[Atlas Obscura](https://www.atlasobscura.com/)** +-
+
+ + + Learn X in Y minutes + + +
+
+ A fast-paced intro to a new programming + language or tool. +
+
- A comprehensive database of the world’s most wondrous places and foods. +-
+
+ + + Ithkuil + + +
+
+ An experimental constructed language designed to express + more profound levels of human cognition briefly and clearly. +
+
-- **[Learn X in Y minutes](https://learnxinyminutes.com/)** +-
+
+ + + Xah Keyboard Guide + + +
+
+ Keyboards, input devices, shortcuts, typing habits, + and the ergonomics behind it all.
+ See the + list of Do-It-Yourself Keyboards. +
+
- A fast-paced intro to a new programming language or tool. +-
+
+ + + Our World In Data + + +
+
+ An overview of global data and long-term trends. +
+
-- **[Ithkuil](https://en.wikipedia.org/wiki/Ithkuil)** +-
+
+ + + Well-Kept Gardens Die By Pacifism + + +
+
+ Good online communities die primarily by refusing to defend themselves.
+ Also + available in Russian. +
+
- An experimental constructed language designed to express - more profound levels of human cognition briefly and clearly. +-
+
+ + + Articles by Bartosz Ciechanowski + + +
+
+ Interactive articles about physics, math, and engineering. + It's probably the best website on the entire internet.
+ My favorite post is the one about + bicycles. +
+
-- **[Xah Keyboard Guide](http://xahlee.info/kbd/keyboarding.html)** +-
+
+ + + The Cursed Computer Iceberg Meme + + +
+
+ An endless hall of shame and weirdness of computers. +
+
- Keyboards, input devices, shortcuts, typing habits, - and the ergonomics behind it all.
- See [the list of Do-It-Yourself Keyboards](http://www.xahlee.info/kbd/diy_keyboards_index.html). +-
+
+ + + The Evolution of Trust + + +
+
+ A briliant interactive guide to the game theory + of why and how we trust each other.
+ The rest of this site is also pretty good. +
+
-- **[Our World In Data](https://ourworldindata.org/)** +-
+
+ + + I Know What You Download + + +
+
+ Torrenting can leave traces.
+ Check torrent downloads and distributions + for your own or your neighbor's IP address. +
+
- An overview of global data and long-term trends. +-
+
+ + + Retries + + +
+
+ Requests over the network can fail.
+ An interactive study of common retry methods for developers. +
+
-- **[Well-Kept Gardens Die By Pacifism](https://www.lesswrong.com/posts/tscc3e5eujrsEeFN4/well-kept-gardens-die-by-pacifism)** +-
+
+ + + No Tabs in IntelliJ IDEA + + +
+
+ “There are many ways to navigate a project + inside IntelliJ IDEA (or any other editor) + that doesn’t necessarily include having to look + through a list of tabs and figure out + where you have to click next.”
+ Post from the VP of Program Management at JetBrains. +
+
- Good online communities die primarily by refusing to defend themselves.
- Also [available in Russian](https://lesswrong.ru/w/%D0%9F%D0%B0%D1%86%D0%B8%D1%84%D0%B8%D0%B7%D0%BC_%D0%B3%D1%83%D0%B1%D0%B8%D1%82_%D1%83%D1%85%D0%BE%D0%B6%D0%B5%D0%BD%D0%BD%D1%8B%D0%B5_%D1%81%D0%B0%D0%B4%D1%8B). +-
+
+ + + An Interface Designed for Touch Typists + + +
+
+ If you think VIM is insane, + you should definitely read about WordStar, + which is still quite popular among many fiction writers. +
+
-- **[Articles by Bartosz Ciechanowski](https://ciechanow.ski/archives/)** +-
+
+ + + Ask HN: Programmers who don't use autocomplete/LSP, how do you do it? + + +
+
+ Different opinions on writing code + without using overcomplicated advanced tools. +
+
- Interactive articles about physics, math, and engineering. - It's probably the best website on the entire internet.
- My favorite post is the one about - [bicycles](https://ciechanow.ski/bicycle/). +-
+
+ + + Your Computer Isn't Yours + + +
+
+ An investigation into one of the many reasons why + no one should use products from Apple. +
+
-- **[The Cursed Computer Iceberg Meme](https://suricrasia.online/iceberg/)** +-
+
+ + + Yr from NRK and Meteorologisk Institutt + + +
+
+ A weather forecast site with a no-nonsense interface.
+ Direct links: + + Belgrade, + + Istanbul and + + Yekaterinburg. +
+
- An endless hall of shame and weirdness of computers. +-
+
+ + + Hoodmaps + + +
+
+ A crowdsourced map to navigate cities + using marked areas and user-generated tags. +
+
-- **[The Evolution of Trust](https://ncase.me/trust/)** +-
+
+ + + ShadeMap + + +
+
+ This service calculates shadows from mountains, buildings, and trees + for any date and time, and displays them on a map. +
+
- A briliant interactive guide to the game theory - of why and how we trust each other.
- The rest of this site is also pretty good. +-
+
+ + + Cost of Living Comparison + + +
+
+ A comparison tool lets you compare + the affordability of two cities side-by-side. +
+
-- **[I Know What You Download](https://iknowwhatyoudownload.com/)** +-
+
+ + + The World Factbook + + +
+
+ A massive CIA database on almost every country + in the world.
+ Handy when you need to check what kind + of power outlets a country uses before you get there. +
+
- Torrenting can leave traces.
- Check torrent downloads and distributions - for your own or your neighbor's IP address. +-
+
+ + + Rules for Writing Software Tutorials + + +
+
+ Most software tutorials suck. Here's how to make one that doesn't. +
+
-- **[Retries](https://encore.dev/blog/retries)** +-
+
+ + + Pangram + + +
+
+ A sentence using every letter of a given alphabet + at least once.
+ + An additional list in Russian and other languages. +
+
- Requests over the network can fail.
- An interactive study of common retry methods for developers. +-
+
+ + about:translations + +
+
+ Firefox has a built-in translator. + Not so smart, but works offline. +
+
-- **[No Tabs in IntelliJ IDEA](https://hadihariri.com/2014/06/24/no-tabs-in-intellij-idea/)** +-
+
+ + + No Config for Old Men + + +
+
+ A rant about how modern software won’t let you + customize it anymore. +
+
- “There are many ways to navigate a project - inside IntelliJ IDEA (or any other editor) - that doesn’t necessarily include having to look - through a list of tabs and figure out - where you have to click next.”
- Post from the VP of Program Management at JetBrains. +-
+
+ + + Webcompat.com + + +
+
+ Bug reporting for the web.
+ If a site breaks in one browser but not another, + it’s a web compatibility bug. Report it. +
+
-- **[An Interface Designed for Touch Typists](https://sfwriter.com/wordstar.htm)** +-
+
+ + + JSFuck + + +
+
+ An esoteric and educational programming style + based on the atomic parts of JavaScript.
+ It uses only six different + characters to write and execute code. +
+
- If you think VIM is insane, - you should definitely read about WordStar, - which is still quite popular among many fiction writers. +-
+
+ + + Smuggling arbitrary data through an emoji + + +
+
+ Unicode is broken. + You can encode data in any unicode character. +
+
-- **[Ask HN: Programmers who don't use autocomplete/LSP, how do you do it?](https://news.ycombinator.com/item?id=42492508)** +-
+
+ + + Common Mythconceptions + + +
+
+ A list of the world’s biggest + myths and misconceptions — with myth-busting included. +
+
- Different opinions on writing code - without using ~~overcomplicated~~ advanced tools. +-
+
+ + + A Mathematician’s Lament — by Paul Lockhart + + +
+
+ A passionate critique of how math is taught + and a vision of how beautiful + it could be instead.
+ Also + available in Russian. +
+
-- **[Your Computer Isn't Yours ](https://sneak.berlin/20201112/your-computer-isnt-yours/)** - - An investigation into one of the many reasons why - no one should use products from Apple. - -- **[Yr from NRK and Meteorologisk Institutt](https://www.yr.no/en/)** - - A weather forecast site with a no-nonsense interface.
- Direct links: - [Belgrade](https://www.yr.no/en/forecast/graph/2-792680/Serbia/Central%20Serbia/Belgrade/Belgrade), - [Istanbul](https://www.yr.no/en/forecast/graph/2-745044/Republic%20of%20T%C3%BCrkiye/Istanbul/Istanbul) - and [Yekaterinburg](https://www.yr.no/en/forecast/graph/2-1486209/Russia/Sverdlovsk%20Oblast/Yekaterinburg). - -- **[Hoodmaps](https://hoodmaps.com/)** - - A crowdsourced map to navigate cities - using marked areas and user-generated tags. - -- **[ShadeMap](https://shademap.app)** - - This service calculates shadows from mountains, buildings, and trees - for any date and time, and displays them on a map. - -- **[Cost of Living Comparison](https://www.numbeo.com/cost-of-living/comparison.jsp)** - - A comparison tool lets you compare - the affordability of two cities side-by-side. - -- **[The World Factbook](https://www.cia.gov/the-world-factbook/)** - - A massive CIA database on almost every country in the world.
- Handy when you need to check - what kind of power outlets a country uses before you get there. - -- **[Rules for Writing Software Tutorials](https://refactoringenglish.com/chapters/rules-for-software-tutorials/)** - - Most software tutorials suck. Here's how to make one that doesn't. - -- **[Pangram](https://en.wikipedia.org/wiki/Pangram)** - - A sentence using every letter of a given alphabet - at least once.
- [An additional list in Russian and other languages](https://www.artlebedev.ru/kovodstvo/sections/33/). - -- **about:translations** - - Firefox has a built-in translator. - Not so smart, but works offline. - -- **[No Config for Old Men](https://datagubbe.se/noconf/)** - - A rant about how modern software won’t let you customize it anymore. - -- **[Webcompat.com](https://webcompat.com/)** - - Bug reporting for the web.
- If a site breaks in one browser but not another, - it’s a web compatibility bug. Report it. - -- **[JSFuck](https://jsfuck.com/)** - - An esoteric and educational programming style - based on the atomic parts of JavaScript.
- It uses only six different characters to write and execute code. - -- **[Smuggling arbitrary data through an emoji](https://paulbutler.org/2025/smuggling-arbitrary-data-through-an-emoji/)** - - Unicode is broken. You can encode data in any unicode character. - -- **[Common Mythconceptions](https://informationisbeautiful.net/visualizations/common-mythconceptions)** - - A list of the world’s biggest - myths and misconceptions — with myth-busting included. - -- **[A Mathematician’s Lament — by Paul Lockhart](https://en.wikipedia.org/wiki/A_Mathematician's_Lament)** - - A passionate critique of how math is taught - and a vision of how beautiful it could be instead.
- Also [available in Russian](https://www.nbspace.ru/math/). diff --git a/src/pages/posts.md b/src/pages/posts.md index eb39569..09a0639 100644 --- a/src/pages/posts.md +++ b/src/pages/posts.md @@ -11,20 +11,53 @@ description: 'Сomplete list of posts' ## 2024 -- [RU] [wrapped bw](/posts/2024/wrapped_bw_ru/) +-
+
+ [ru] + + wrapped bw + +
+
+ Превращаем fully-featured Bitwarden command-line interface в удобный. +
+
- Превращаем fully-featured Bitwarden command-line interface в удобный. - -- [RU] [selfhosted LLM](/posts/2024/selfhosted_llm/) - - Персональные LLM в docker-контейнере на твоём компьютере. +-
+
+ [ru] + + selfhosted LLM + +
+
+ Персональные LLM в docker-контейнере на твоём компьютере. +
+
## 2020 -- [RU] [typographic linter](/posts/2020/typographic_linter/) +-
+
+ [ru] + + typographic linter + +
+
+ Prettier для текста. Автоматизация рутинной типографики. +
+
- Prettier для текста. Автоматизация рутинной типографики. +-
+
+ [ru] + + initial post + +
+
+ Какие инструменты были использованы для создания этого сайта, какие решения были приняты и почему. +
+
-- [RU] [initial post](/posts/2020/initial_post/) - - Какие инструменты были использованы для создания этого сайта, какие решения были приняты и почему. diff --git a/src/pages/projects.md b/src/pages/projects.md index 0b22fbf..51eb928 100644 --- a/src/pages/projects.md +++ b/src/pages/projects.md @@ -27,93 +27,93 @@ Incomplete list of my projects and experiments. ## Interactive Fiction Tools - -
-
- - ElseIFPlayer - -
-
- Interactive fiction player for the web. -
-
- repository - | ifwiki - | app -
-
+-
+
+ + ElseIFPlayer + +
+
+ Interactive fiction player for the web. +
+
+ repository + | ifwiki + | app +
+
- -
-
- - cheap-glkote - -
-
- Abstract implementation of the GlkOte library interface - designed to be used with Emglken. -
-
- repository - | npm -
-
+-
+
+ + cheap-glkote + +
+
+ Abstract implementation of the GlkOte library interface + designed to be used with Emglken. +
+
+ repository + | npm +
+
--- ## Games - -
-
- - DASH DOT PIT - -
-
- Endless top-down shooter for TIC-80 where Morse code - is your weapon. -
-
- repository - | play -
-
+-
+
+ + DASH DOT PIT + +
+
+ Endless top-down shooter for TIC-80 where Morse code + is your weapon. +
+
+ repository + | play +
+
- -
-
- - Yet Another Experiment - -
-
- Tiny “escape the room” style TADS3 game. -
Designed as a set of examples - for developing interactive fiction. -
-
- repository - | ifdb - | play -
-
+-
+
+ + Yet Another Experiment + +
+
+ Tiny “escape the room” style TADS3 game. +
Designed as a set of examples + for developing interactive fiction. +
+
+ repository + | ifdb + | play +
+
--- ## Services - -
-
- - Simple SpaceAPI - -
-
- A lightweight SpaceAPI server with both web and REST interfaces. -
-
- repository -
-
+-
+
+ + Simple SpaceAPI + +
+
+ A lightweight SpaceAPI server with both web and REST interfaces. +
+
+ repository +
+
--- @@ -121,173 +121,173 @@ Incomplete list of my projects and experiments. ### Hardware - -
-
- - Cantor MX Tastatura - -
-
- Small custom ergonomic mechanical keyboard. -
-
- repository -
-
+-
+
+ + Cantor MX Tastatura + +
+
+ Small custom ergonomic mechanical keyboard. +
+
+ repository +
+
- -
-
- - oddkb - -
-
- Huge custom ergonomic mechanical Dactyl-Manuform (5×6) keyboard. -
-
- repository -
-
+-
+
+ + oddkb + +
+
+ Huge custom ergonomic mechanical Dactyl-Manuform (5×6) keyboard. +
+
+ repository +
+
--- ### Settings - -
-
- - dotfiles - -
-
- Custom-made desktop environment based on i3wm. -
It comes with settings for - i3wm, Polybar, Rofi, dunst, NeoVim, and some other applications. -
-
- repository -
-
+-
+
+ + dotfiles + +
+
+ Custom-made desktop environment based on i3wm. +
It comes with settings for + i3wm, Polybar, Rofi, dunst, NeoVim, and some other applications. +
+
+ repository +
+
--- ### Software, Plugins and Tools - -
-
- - desolate.nvim - -
-
- Another customizable not-so-colorful NeoVim colorscheme. -
-
- repository -
-
+-
+
+ + desolate.nvim + +
+
+ Another customizable not-so-colorful NeoVim colorscheme. +
+
+ repository +
+
- -
-
- - desolate-gtk - -
-
- Another customizable not-so-colorful GTK theme for your tiling WM. -
-
- repository -
-
+-
+
+ + desolate-gtk + +
+
+ Another customizable not-so-colorful GTK theme for your tiling WM. +
+
+ repository +
+
- -
-
- - tabswitcher - -
-
- Switch between Firefox tabs and manage them with a fuzzy search - and basic command toolset. -
-
- repository - | extension -
-
+-
+
+ + tabswitcher + +
+
+ Switch between Firefox tabs and manage them with a fuzzy search + and basic command toolset. +
+
+ repository + | extension +
+
- -
-
- - tabswiper - -
-
- Firefox extension that makes trimming your tabs as effortless - as swiping on a dating app. -
-
- repository - | extension -
-
+-
+
+ + tabswiper + +
+
+ Firefox extension that makes trimming your tabs as effortless + as swiping on a dating app. +
+
+ repository + | extension +
+
- -
-
- - fuzzsoma - -
-
- SomaFM CLI station selector. -
-
- repository -
-
+-
+
+ + fuzzsoma + +
+
+ SomaFM CLI station selector. +
+
+ repository +
+
- -
-
- - fuzzy-bitwarden-clipboard - -
-
- Interactive Bitwarden CLI wrapper. -
-
- repository -
-
+-
+
+ + fuzzy-bitwarden-clipboard + +
+
+ Interactive Bitwarden CLI wrapper. +
+
+ repository +
+
- -
-
- - huge-link - -
-
- Minimalistic serverless publishing tool for small markdown posts. -
-
- repository - | app -
-
+-
+
+ + huge-link + +
+
+ Minimalistic serverless publishing tool for small markdown posts. +
+
+ repository + | app +
+
- -
-
- - conky-dashboard - -
-
- Desktop widgets for system status monitoring. -
-
- repository -
-
+-
+
+ + conky-dashboard + +
+
+ Desktop widgets for system status monitoring. +
+
+ repository +
+
---