mirror of
https://github.com/He4eT/oddsquat.git
synced 2026-05-04 20:37:22 +00:00
css: apply styles for entries
This commit is contained in:
parent
8a292009ae
commit
844ece8a90
4 changed files with 724 additions and 407 deletions
|
|
@ -131,6 +131,7 @@ body > footer {
|
|||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.entry > header,
|
||||
.entry > .description {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -22,163 +22,446 @@ in the middle of a conversation.
|
|||
|
||||
---
|
||||
|
||||
- **[EndOfLife.date](https://endoflife.date/)**
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://endoflife.date/' target='_blank'>
|
||||
EndOfLife.date
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
End-of-life (EOL) and support information is often
|
||||
hard to track, or very badly presented.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
End-of-life (EOL) and support information is often hard to track,
|
||||
or very badly presented.
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://www.atlasobscura.com/' target='_blank'>
|
||||
Atlas Obscura
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
A comprehensive database of the world’s most
|
||||
wondrous places and foods.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[Atlas Obscura](https://www.atlasobscura.com/)**
|
||||
|
||||
A comprehensive database of the world’s most wondrous places and foods.
|
||||
|
||||
- **[Learn X in Y minutes](https://learnxinyminutes.com/)**
|
||||
|
||||
A fast-paced intro to a new programming language or tool.
|
||||
|
||||
- **[Ithkuil](https://en.wikipedia.org/wiki/Ithkuil)**
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://learnxinyminutes.com/' target='_blank'>
|
||||
Learn X in Y minutes
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
A fast-paced intro to a new programming
|
||||
language or tool.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://en.wikipedia.org/wiki/Ithkuil' target='_blank'>
|
||||
Ithkuil
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
An experimental constructed language designed to express
|
||||
more profound levels of human cognition briefly and clearly.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[Xah Keyboard Guide](http://xahlee.info/kbd/keyboarding.html)**
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='http://xahlee.info/kbd/keyboarding.html' target='_blank'>
|
||||
Xah Keyboard Guide
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
Keyboards, input devices, shortcuts, typing habits,
|
||||
and the ergonomics behind it all.<br>
|
||||
See [the list of Do-It-Yourself Keyboards](http://www.xahlee.info/kbd/diy_keyboards_index.html).
|
||||
|
||||
- **[Our World In Data](https://ourworldindata.org/)**
|
||||
See the <a href='http://www.xahlee.info/kbd/diy_keyboards_index.html' target='_blank'>
|
||||
list of Do-It-Yourself Keyboards</a>.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://ourworldindata.org/' target='_blank'>
|
||||
Our World In Data
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
An overview of global data and long-term trends.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[Well-Kept Gardens Die By Pacifism](https://www.lesswrong.com/posts/tscc3e5eujrsEeFN4/well-kept-gardens-die-by-pacifism)**
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://www.lesswrong.com/posts/tscc3e5eujrsEeFN4/well-kept-gardens-die-by-pacifism' target='_blank'>
|
||||
Well-Kept Gardens Die By Pacifism
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
Good online communities die primarily by refusing to defend themselves.<br>
|
||||
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).
|
||||
|
||||
- **[Articles by Bartosz Ciechanowski](https://ciechanow.ski/archives/)**
|
||||
Also <a href='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' target='_blank'>
|
||||
available in Russian</a>.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://ciechanow.ski/archives/' target='_blank'>
|
||||
Articles by Bartosz Ciechanowski
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
Interactive articles about physics, math, and engineering.
|
||||
It's probably the best website on the entire internet.<br>
|
||||
My favorite post is the one about
|
||||
[bicycles](https://ciechanow.ski/bicycle/).
|
||||
|
||||
- **[The Cursed Computer Iceberg Meme](https://suricrasia.online/iceberg/)**
|
||||
<a href='https://ciechanow.ski/bicycle/' target='_blank'>bicycles</a>.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://suricrasia.online/iceberg/' target='_blank'>
|
||||
The Cursed Computer Iceberg Meme
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
An endless hall of shame and weirdness of computers.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[The Evolution of Trust](https://ncase.me/trust/)**
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://ncase.me/trust/' target='_blank'>
|
||||
The Evolution of Trust
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
A briliant interactive guide to the game theory
|
||||
of why and how we trust each other.<br>
|
||||
The rest of this site is also pretty good.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[I Know What You Download](https://iknowwhatyoudownload.com/)**
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://iknowwhatyoudownload.com/' target='_blank'>
|
||||
I Know What You Download
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
Torrenting can leave traces.<br>
|
||||
Check torrent downloads and distributions
|
||||
for your own or your neighbor's IP address.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[Retries](https://encore.dev/blog/retries)**
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://encore.dev/blog/retries' target='_blank'>
|
||||
Retries
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
Requests over the network can fail.<br>
|
||||
An interactive study of common retry methods for developers.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[No Tabs in IntelliJ IDEA](https://hadihariri.com/2014/06/24/no-tabs-in-intellij-idea/)**
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://hadihariri.com/2014/06/24/no-tabs-in-intellij-idea/' target='_blank'>
|
||||
No Tabs in IntelliJ IDEA
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
“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.”<br>
|
||||
Post from the VP of Program Management at JetBrains.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[An Interface Designed for Touch Typists](https://sfwriter.com/wordstar.htm)**
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://sfwriter.com/wordstar.htm' target='_blank'>
|
||||
An Interface Designed for Touch Typists
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
If you think VIM is insane,
|
||||
you should definitely read about WordStar,
|
||||
which is still quite popular among many fiction writers.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[Ask HN: Programmers who don't use autocomplete/LSP, how do you do it?](https://news.ycombinator.com/item?id=42492508)**
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://news.ycombinator.com/item?id=42492508' target='_blank'>
|
||||
Ask HN: Programmers who don't use autocomplete/LSP, how do you do it?
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
Different opinions on writing code
|
||||
without using ~~overcomplicated~~ advanced tools.
|
||||
|
||||
- **[Your Computer Isn't Yours ](https://sneak.berlin/20201112/your-computer-isnt-yours/)**
|
||||
without using <del>overcomplicated</del> advanced tools.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://sneak.berlin/20201112/your-computer-isnt-yours/' target='_blank'>
|
||||
Your Computer Isn't Yours
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
An investigation into one of the many reasons why
|
||||
no one should use products from Apple.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[Yr from NRK and Meteorologisk Institutt](https://www.yr.no/en/)**
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://www.yr.no/en/' target='_blank'>
|
||||
Yr from NRK and Meteorologisk Institutt
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
A weather forecast site with a no-nonsense interface.<br>
|
||||
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 href='https://www.yr.no/en/forecast/graph/2-792680/Serbia/Central%20Serbia/Belgrade/Belgrade' target='_blank'>
|
||||
Belgrade</a>,
|
||||
<a href='https://www.yr.no/en/forecast/graph/2-745044/Republic%20of%20T%C3%BCrkiye/Istanbul/Istanbul' target='_blank'>
|
||||
Istanbul</a> and
|
||||
<a href='https://www.yr.no/en/forecast/graph/2-1486209/Russia/Sverdlovsk%20Oblast/Yekaterinburg' target='_blank'>
|
||||
Yekaterinburg</a>.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://hoodmaps.com/' target='_blank'>
|
||||
Hoodmaps
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
A crowdsourced map to navigate cities
|
||||
using marked areas and user-generated tags.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[ShadeMap](https://shademap.app)**
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://shademap.app' target='_blank'>
|
||||
ShadeMap
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
This service calculates shadows from mountains, buildings, and trees
|
||||
for any date and time, and displays them on a map.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[Cost of Living Comparison](https://www.numbeo.com/cost-of-living/comparison.jsp)**
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://www.numbeo.com/cost-of-living/comparison.jsp' target='_blank'>
|
||||
Cost of Living Comparison
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
A comparison tool lets you compare
|
||||
the affordability of two cities side-by-side.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[The World Factbook](https://www.cia.gov/the-world-factbook/)**
|
||||
|
||||
A massive CIA database on almost every country in the world.<br>
|
||||
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/)**
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://www.cia.gov/the-world-factbook/' target='_blank'>
|
||||
The World Factbook
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
A massive CIA database on almost every country
|
||||
in the world.<br>
|
||||
Handy when you need to check what kind
|
||||
of power outlets a country uses before you get there.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://refactoringenglish.com/chapters/rules-for-software-tutorials/' target='_blank'>
|
||||
Rules for Writing Software Tutorials
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
Most software tutorials suck. Here's how to make one that doesn't.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[Pangram](https://en.wikipedia.org/wiki/Pangram)**
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://en.wikipedia.org/wiki/Pangram' target='_blank'>
|
||||
Pangram
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
A sentence using every letter of a given alphabet
|
||||
at least once.<br>
|
||||
[An additional list in Russian and other languages](https://www.artlebedev.ru/kovodstvo/sections/33/).
|
||||
|
||||
- **about:translations**
|
||||
<a href='https://www.artlebedev.ru/kovodstvo/sections/33/' target='_blank'>
|
||||
An additional list in Russian and other languages</a>.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
about:translations
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
Firefox has a built-in translator.
|
||||
Not so smart, but works offline.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[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/)**
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://datagubbe.se/noconf/' target='_blank'>
|
||||
No Config for Old Men
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
A rant about how modern software won’t let you
|
||||
customize it anymore.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://webcompat.com/' target='_blank'>
|
||||
Webcompat.com
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
Bug reporting for the web.<br>
|
||||
If a site breaks in one browser but not another,
|
||||
it’s a web compatibility bug. Report it.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[JSFuck](https://jsfuck.com/)**
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://jsfuck.com/' target='_blank'>
|
||||
JSFuck
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
An esoteric and educational programming style
|
||||
based on the atomic parts of JavaScript.<br>
|
||||
It uses only six different characters to write and execute code.
|
||||
It uses only six different
|
||||
characters to write and execute code.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[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)**
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://paulbutler.org/2025/smuggling-arbitrary-data-through-an-emoji/' target='_blank'>
|
||||
Smuggling arbitrary data through an emoji
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
Unicode is broken.
|
||||
You can encode data in any unicode character.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href='https://informationisbeautiful.net/visualizations/common-mythconceptions' target='_blank'>
|
||||
Common Mythconceptions
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
A list of the world’s biggest
|
||||
myths and misconceptions — with myth-busting included.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- **[A Mathematician’s Lament — by Paul Lockhart](https://en.wikipedia.org/wiki/A_Mathematician's_Lament)**
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
<strong>
|
||||
<a href="https://en.wikipedia.org/wiki/A_Mathematician's_Lament">
|
||||
A Mathematician’s Lament — by Paul Lockhart
|
||||
</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
A passionate critique of how math is taught
|
||||
and a vision of how beautiful it could be instead.<br>
|
||||
Also [available in Russian](https://www.nbspace.ru/math/).
|
||||
and a vision of how beautiful
|
||||
it could be instead.<br>
|
||||
Also <a href='https://www.nbspace.ru/math/' target='_blank'>
|
||||
available in Russian</a>.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,20 +11,53 @@ description: 'Сomplete list of posts'
|
|||
|
||||
## 2024
|
||||
|
||||
- [RU] [wrapped bw](/posts/2024/wrapped_bw_ru/)
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
[ru]
|
||||
<strong>
|
||||
<a href='/posts/2024/wrapped_bw_ru/'>wrapped bw</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
Превращаем fully-featured Bitwarden command-line interface в удобный.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- [RU] [selfhosted LLM](/posts/2024/selfhosted_llm/)
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
[ru]
|
||||
<strong>
|
||||
<a href='/posts/2024/selfhosted_llm/'>selfhosted LLM</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
Персональные LLM в docker-контейнере на твоём компьютере.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
## 2020
|
||||
|
||||
- [RU] [typographic linter](/posts/2020/typographic_linter/)
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
[ru]
|
||||
<strong>
|
||||
<a href='/posts/2020/typographic_linter/'>typographic linter</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
Prettier для текста. Автоматизация рутинной типографики.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
- [RU] [initial post](/posts/2020/initial_post/)
|
||||
|
||||
- <article class='entry'>
|
||||
<header>
|
||||
[ru]
|
||||
<strong>
|
||||
<a href='/posts/2020/initial_post/'>initial post</a>
|
||||
</strong>
|
||||
</header>
|
||||
<section class='description'>
|
||||
Какие инструменты были использованы для создания этого сайта, какие решения были приняты и почему.
|
||||
</section>
|
||||
</article>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue