diff options
| -rw-r--r-- | brutalist.css | 73 | ||||
| -rw-r--r-- | index.html | 273 |
2 files changed, 202 insertions, 144 deletions
diff --git a/brutalist.css b/brutalist.css new file mode 100644 index 0000000..0df9da5 --- /dev/null +++ b/brutalist.css @@ -0,0 +1,73 @@ +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +pre { + padding: 1em; + background-color: #eee; +} + +pre code { + color: #009; +} +pre kbd { + color: #090; +} + +table, +td, +th { + border-collapse: collapse; +} + +td, +th { + padding: .5em; + border: 1px solid #eee; +} + +th { + background-color: #eee; +} + +@media only screen and (max-width: 720px) { + img { + max-width: 100%; + } + + pre { + overflow-y: scroll; + } +} + +@media (prefers-color-scheme: dark) { + body { + background-color: #000; + color: #e8e6e3; + } + + a:link { + color: #3391ff; + } + + a:visited { + color: #ba55d3; + } + + pre { + background-color: #222; + } + + pre code { + color: #bbb; + } + + td, + th { + border: 1px solid #222; + } + + th { + background-color: #222; + } +}
\ No newline at end of file @@ -1,169 +1,154 @@ <!DOCTYPE html> <html> + <head> -<meta charset="UTF-8"> -<link rel="stylesheet" type="text/css" href="style.css"> -<title>Улиточий домик</title> + <meta charset="UTF-8"> + <link rel="stylesheet" type="text/css" href="brutalist.css"> + <title>Улиточий домик</title> </head> <body> - <div class="terminal"> <div class="header"> - <div class="header-name"><h4>Улиточий домик 🐌</h4></div> - <div class="header-buttons"> - <ul> - <li> × </li> - <li> + </li> - <li> − </li> - </ul> - </div> + <div class="header-name"> + <h4>Улиточий домик 🐌</h4> + </div> </div> - - <div class="terminal-window"> - <p> - <span class="user">user@server </span> <span class="path">$</span><span class="command">cat about.txt</span> <br /> - <span class="user">user@server </span> <span class="path">$</span><span class="command">Это персональная страница Снэйла (ака Улитка). </p> - <p> - Об авторе - </p> - <span class="h-card"> - <p class="p-note">Администратор проекта <a href="http://thedroth.rocks" target="_blank" rel="noopener noreferrer">https://thedroth.rocks</a>. В обычной жизни — скромный DevOps-инженер. </p> - <p class="p-note">Пишу простую электронную музыку (последний релиз - <a href="https://yourtunes.net/r/fantaziya-114082">Фантазия</a>), играю на нескольких музыкальных инструментах.</p> - <p class="p-note"><i>Размещается на прикроватном "сервере" на базе Raspberry Pi.</i></p> - <ul> Этот сайт также доступен в + + <p> + Это персональная страница Снэйла (ака Улитка). </p> + <p> + Об авторе + </p> + <span class="h-card"> + <p class="p-note">Администратор проекта <a href="http://thedroth.rocks" target="_blank" + rel="noopener noreferrer">https://thedroth.rocks</a>. В обычной жизни — скромный DevOps-инженер. </p> + <p class="p-note">Пишу простую электронную музыку (последний релиз - <a + href="https://yourtunes.net/r/fantaziya-114082">Фантазия</a>), играю на нескольких музыкальных инструментах.</p> + <p class="p-note"><i>Размещается на прикроватном "сервере" на базе Raspberry Pi.</i></p> + <ul><h4>Этот сайт также доступен в</h4> <li> <a href="http://[304:37d5:af3d:76fb::1]">Yggdrasil</a> </li> <li> <a href="http://sn4il.i2p" target="_blank">I2P</a>. - </li> - </ul - <ul> Ссылки + </li> + </ul> + <ul><h4>Ссылки</h4> <li> Маленькое и простенькое <a href="./radio">интернет-радио</a> 🎧 </li> - <li> - <a href="https://blog.sn4il.site/sn4il/" class="u-url u-uid" rel="me"><img class="u-photo" src="https://sn4il.site/snail-smol.jpg" width=32px />Sn4il</a> - Аккаунт в Fediverse | <a href="http://[304:37d5:af3d:76fb::3]" target="_blank">Зеркало</a> в Yggdrasil. - </li> - <li> - <a href="https://music.yandex.ru/artist/19350795">Музыка</a> - </li> - <li> - <a href="http://keyserver.ubuntu.com/pks/lookup?op=get&search=0x296cf59abd4a6b09af0c941fb391fc4aeb132cb9">Ключ GPG</a> - </li> - <li> - <a href="https://git.sn4il.site" target="_blank" >Git-репозитории</a> | <a href="http://[304:37d5:af3d:76fb::2]" target="_blank">Зеркало</a> в Yggdrasil. - </li> - <li> - Трансляции в <a href="https://bsky.app/profile/sn4il.blog.sn4il.site.ap.brid.gy">Bluesky</a> и <a href="https://fed.brid.gy/web/sn4il.site">Fediverse</a> - </li> - </ul> - - </span> - </span> <br /> - - <br /> - <span class="user">user@server </span><span class="path">$</span><span class="cursor"> </span> - </p> - </div> -<br /> -<br /> -</div> -</div> - <div class="terminal"> - <div class="header"> - <div class="header-name"><h4>Содержание</h4></div> - <div class="header-buttons"> - <ul> - <li> × </li> - <li> + </li> - <li> − </li> - </ul> - </div> - </div> + <li> + <a href="https://blog.sn4il.site/sn4il/" class="u-url u-uid" rel="me">Sn4il</a> - Аккаунт в Fediverse | <a + href="http://[304:37d5:af3d:76fb::3]" target="_blank">Зеркало</a> в Yggdrasil. + </li> + <li> + <a href="https://music.yandex.ru/artist/19350795">Музыка</a> + </li> + <li> + <a href="http://keyserver.ubuntu.com/pks/lookup?op=get&search=0x296cf59abd4a6b09af0c941fb391fc4aeb132cb9">Ключ + GPG</a> + </li> + <li> + <a href="https://git.sn4il.site" target="_blank">Git-репозитории</a> | <a href="http://[304:37d5:af3d:76fb::2]" + target="_blank">Зеркало</a> в Yggdrasil. + </li> + <li> + Трансляции в <a href="https://bsky.app/profile/sn4il.blog.sn4il.site.ap.brid.gy">Bluesky</a> и <a + href="https://fed.brid.gy/web/sn4il.site">Fediverse</a> + </li> + </ul> + <br /> - <div class="terminal-window"> - <p> - <span class="user">user@server </span> <span class="path">$</span><span class="command">cat articles.txt</span> <br /></p> - <ul class="h-feed"> - статьи - <li class="h-entry"> + <ul class="h-feed"><h4>Статьи</h4> + <li class="h-entry"> - <header class="p-name"><a href="./rusprom.html">Список российских производителей</a></header> - <time class="dt-published" datetime="2023-12-02 12:00:00"></time> + <header class="p-name"><a href="./rusprom.html">Список российских производителей</a></header> + <time class="dt-published" datetime="2023-12-02 12:00:00"></time> <time class="dt-updated" datetime="2025-01-16 12:00:00"></time> - <small class="p-summary"> - На фоне всего происходящего озаботились тут в интернетах вопросом "а что у нас уже производится своего чисто бытового?". Вот надыбался список, его и предоставляю. Вдруг кому принципиально импортозамещаться по максимуму (мне, например, импонирует, что за то, чем пользуюсь я, налоги уплочены дома и и рабочие места тут же предоставлены): - Предприятия ВПК, атомпрома и нефтепереработки не включаю. Список периодически пополняется. - </small> - </li> - <li> - <header><a href="./small.html">[Перевод] Заново открываем Small Web</a></header> - <small> - (перевод статьи <a href="https://neustadt.fr/essays/the-small-web/">https://neustadt.fr/essays/the-small-web/)</a><br> - Большинство сайтов в наши дни создаются как коммерческие продукты, профессионалами, маркетологами, оптимизируются для привлечения наибольшей аудитории, привлечения внимания и повышения "конверсии". Но существует также и меньшая, менее заметная сеть, создаваемая обычными людьми, просто с целью поделиться своими интересами и хобби со всем миром. Не оличающаяся вылизанным дизайном, частенько странная и неряшливая, но зачастую забавная, креативная и интересная... - </small> - </li> - - <li> - <header><a href="./disqus.html">О дискуссиях и делах</a></header> - <small> - «Если ты споришь с идиотом, то, веротяно, он делает то же самое»<br> - Как когда-то уже писал в Федивёрсе, именно по этой причине, я перестал спорить с идиотами (но искренне восхищаюсь способностью некоторых людей вести дискуссии с идейными противниками, невзирая на непробиваемость оных) и предпочитаю либо наблюдать и изредка подквакивать из кресла в углу, либо просто высказать свою позицию и свалить , а дальше sapienti sat... - </small> - </li> - - <li> - <header><a href="./howsel.html">[Перевод] Инвесторам на заметку. 17 важных наблюдений за поведением людей</a></header> - <small> - (копипаст перевода Моргана Хаузела с канала "На пенсию в 35 лет") -<br> -Сто миллиардов человек жили на этой планете. Почти восемь миллиардов из них живы и сегодня. У каждого из них есть своя история, но лишь у немногих есть возможность ее рассказать. -Каждый из них видел что-то свое и думал о чем-то уникальном. Большинство знает то, чего вы не можете постичь, а вы испытали то, во что они не поверят. -Инвесторам на заметку. 17 важных наблюдений за поведением людей -Но очень многие модели поведения универсальны для разных поколений и географических регионов. Обстоятельства меняются, а реакции людей - нет. Технологии развиваются, но неуверенность, слепые пятна и доверчивость все еще с нами. -В этой статье описаны 17 наиболее распространенных и важных, на мой взгляд, аспектов мышления людей. -Это длинный пост, но каждый пункт можно прочитать по отдельности. Пропустите те, с которыми вы не согласны, и перечитайте те, с которыми согласны. - </small> - </li> - <li class="h-entry"> - <header class="p-name"><a href="./stm.html">[Перевод] Манифест Малых Вещей</a></header> - - <time class="dt-published" datetime="2024-03-12 12:00:00"></time> - - <small class="p-summary"> - Многие ключевые технологические и культурные инновации последних столетий имели целью уменьшить мир, сократить или устранить расстояния, сделать нас, людей, ближе друг к другу. Печать, транспорт, телефон, радио, телевидение, домашние кинотеатры, интернет — каждая на свой манер усилила наше влияние на окружающий мир, сделав его части меньше. - </small> - </li> - - </ul> - - <p> - <span class="user">user@server </span> <span class="path">$</span><span class="command">cat stuff.txt</span> <br /></p> - - <ul> - просто чтоб было - - <li class="bh-item"> - Зеркало русского перевода Linux From Scratch: <br> - <a href="./lfs-12.2-sysv/index.html">Версия 12.2 без SystemD</a> - </li> - </ul> - - - <br /> - <span class="user">user@server </span><span class="path">$</span><span class="cursor"> </span><br /> - <br /> - </p> - </div> + <blockquote> + На фоне всего происходящего озаботились тут в интернетах вопросом "а что у нас уже производится своего чисто + бытового?". Вот надыбался список, его и предоставляю. Вдруг кому принципиально импортозамещаться по максимуму + (мне, например, импонирует, что за то, чем пользуюсь я, налоги уплочены дома и и рабочие места тут же + предоставлены): + Предприятия ВПК, атомпрома и нефтепереработки не включаю. Список периодически пополняется. + </blockquote> + </li> + <li> + <header><a href="./small.html">[Перевод] Заново открываем Small Web</a></header> + <small> + (перевод статьи <a + href="https://neustadt.fr/essays/the-small-web/">https://neustadt.fr/essays/the-small-web/)</a><br></small> + <blockquote>Большинство сайтов в наши дни создаются как коммерческие продукты, профессионалами, маркетологами, + оптимизируются для привлечения наибольшей аудитории, привлечения внимания и повышения "конверсии". + Но существует также и меньшая, менее заметная сеть, создаваемая обычными людьми, просто с целью поделиться + своими интересами и хобби со всем миром. Не оличающаяся вылизанным дизайном, частенько странная и неряшливая, + но зачастую забавная, креативная и интересная... + </blockquote> + </li> + + <li> + <header><a href="./disqus.html">О дискуссиях и делах</a></header> + <blockquote> + «Если ты споришь с идиотом, то, веротяно, он делает то же самое»<br> + Как когда-то уже писал в Федивёрсе, именно по этой причине, я перестал спорить с идиотами (но искренне + восхищаюсь способностью некоторых людей вести дискуссии с идейными противниками, невзирая на непробиваемость + оных) и предпочитаю либо наблюдать и изредка подквакивать из кресла в углу, либо просто высказать свою позицию + и свалить , а дальше sapienti sat... + </blockquote> + </li> + + <li> + <header><a href="./howsel.html">[Перевод] Инвесторам на заметку. 17 важных наблюдений за поведением людей</a> + </header> + <small> + (копипаст перевода Моргана Хаузела с канала "На пенсию в 35 лет") + </small> + <blockquote> + <br> + Сто миллиардов человек жили на этой планете. Почти восемь миллиардов из них живы и сегодня. У каждого из них + есть своя история, но лишь у немногих есть возможность ее рассказать. + Каждый из них видел что-то свое и думал о чем-то уникальном. Большинство знает то, чего вы не можете постичь, + а вы испытали то, во что они не поверят. + Инвесторам на заметку. 17 важных наблюдений за поведением людей + Но очень многие модели поведения универсальны для разных поколений и географических регионов. Обстоятельства + меняются, а реакции людей - нет. Технологии развиваются, но неуверенность, слепые пятна и доверчивость все еще + с нами. + В этой статье описаны 17 наиболее распространенных и важных, на мой взгляд, аспектов мышления людей. + Это длинный пост, но каждый пункт можно прочитать по отдельности. Пропустите те, с которыми вы не согласны, и + перечитайте те, с которыми согласны. + </blockquote> + </li> + <li class="h-entry"> + <header class="p-name"><a href="./stm.html">[Перевод] Манифест Малых Вещей</a></header> + + <time class="dt-published" datetime="2024-03-12 12:00:00"></time> + + <blockquote> + Многие ключевые технологические и культурные инновации последних столетий имели целью уменьшить мир, сократить + или устранить расстояния, сделать нас, людей, ближе друг к другу. Печать, транспорт, телефон, радио, + телевидение, домашние кинотеатры, интернет — каждая на свой манер усилила наше влияние на окружающий мир, + сделав его части меньше. + </blockquote> + </li> + + </ul> + + <ul> + <h4>Просто чтоб было</h4> + <li class="bh-item"> + Зеркало русского перевода Linux From Scratch: <br> + <a href="./lfs-12.2-sysv/index.html">Версия 12.2 без SystemD</a> + </li> + </ul> -</div> + </div> + + </div> + </div> +</body> -</div> -</div> - </body> -</html> +</html>
\ No newline at end of file |