Восстановлена статья про Малую сеть

author: Sn4il <sn4il@thedroth.rocks> 2024-04-29 10:17:16 +0300
committer: Sn4il <sn4il@thedroth.rocks> 2024-04-29 10:17:16 +0300
commit: 0e39af50edc560f4a17b32e3504fe384722669bb (patch)
tree: ab7ed57f01120f24162d8dfc33d5401f4c23056e
parent: e2bdf828cc67a5533412bbb95d53f60b059c37d6 (diff)
download: sn4il-site-0e39af50edc560f4a17b32e3504fe384722669bb.tar.gz
sn4il-site-0e39af50edc560f4a17b32e3504fe384722669bb.zip
24 files changed, 549 insertions, 1 deletions
diff --git a/index.html b/index.html
index 47170c9..45a089e 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-gb">
+<html lang="ru">
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
diff --git a/small.html b/small.html
new file mode 100755
index 0000000..d9ec13b
--- /dev/null
+++ b/small.html
@@ -0,0 +1,209 @@
+<!DOCTYPE html>
+<!DOCTYPE html>
+<html lang="en-gb">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>Улиточий домик - Sn4il site</title>
+    <link rel="stylesheet" href="style.css?v=4552bcf67384bb346e427f6ab62513d8">
+  </head>
+  <body>
+    <div class="site-container">
+
+      <main>
+        <article class="post">
+          <div class="wrapper post__entry">
+<h1>Заново открываем Small Web</h1>
+<p>(перевод статьи https://neustadt.fr/essays/the-small-web/)</p>
+
+<blockquote>
+<p>Большинство сайтов в наши дни создаются как коммерческие продукты, профессионалами, маркетологами, оптимизируются для привлечения наибольшей аудитории, привлечения внимания и повышения &quot;конверсии&quot;. Но существует также и меньшая, менее заметная сеть, создаваемая обычными людьми, просто с целью поделиться своими интересами и хобби со всем миром. Не оличающаяся вылизанным дизайном, частенько странная и неряшливая, но зачастую забавная, креативная и интересная.</p>
+</blockquote>
+<p><a href="https://neustadt.fr/index.html">Parimal Satyal, 25 мая 2020</a></p>
+<p>Каждый редизайн сайта начинается со вдохновения.</p>
+<p>Вдохновением для конкретно этого (https://neustadt.fr) послужили две странички: <a href="https://anders.unix.se/">Чистый и читабельный вебсайт</a> Андерса, вдохновивший на домашнюю страничку, и <a href="https://marijnflorence.neocities.org/index.html">сайт Marijn</a>, напомнивший, каким прикольным может быть веб. Цвета, графика, <a href="https://marijnflorence.neocities.org/music/">креативная навигация</a>, <a href="https://en.wikipedia.org/wiki/Holocene_calendar">интересные идеи</a>... сам процесс прокликивания чьей-нибудь персональной странички в 2020м вызывает во мне ностальгию по Сети конца 90х и ранних 2000х, на которой я вырос.</p>
+<p>Некоторые из вас, возможно, уже читали мою предыдущую статью <a href="https://neustadt.fr/essays/against-a-user-hostile-web/">Against an Increasingly User Hostile Web</a>. В ней я утверждаю, что мы заменяем открытую Сеть, объединяющую и вдохновляющую, на ту, что ограничивает людей и превращает их в товар. Я говорил о том, что современная Сеть, следящая, разбухшая и огороженная, конфликтует с той открытой Сетью, что я люблю. И я был приятно удивлён тем, как много людей разделяют мои чувства, людей, писавших мне письма, <a href="https://www.eduardomorais.com/stream/id/3519">ответы в собственных блогах</a> и <a href="https://news.ycombinator.com/item?id=15611122">обсуждавших это</a> на <a href="https://lobste.rs/s/5bi46y/against_increasingly_user_hostile_web">форумах</a>. Несмотря на полуторагодовую давность, статья всё так же, к сожалению, отражает текущее состояние Сети.</p>
+<p>Но то, что я наткнулся на сайт Marijn, вселило в меня надежду. Она провела меня по кроличьей норе множества других мелких вебсайтов, созданных людьми со всевозможными интересами: фильмы, авиация, музыка, искусство, компьютеры. Это напомнило мне о том, что креативная, персональная, прикольная Сеть, на которой я вырос, не превратилась в тень прошлого — она всё ещё здесь, в 2020. Просто надо знать, где искать.</p>
+<p>И нет, я не к тому, что раньше всё было лучше. Не было. Были трояны, вредоносные программы, бесконечные всплывающие окна, отвратительные подходы к безопасности, несовместимость браузеров, тормозные Java-апплеты... Нет, технически современная сеть более безопасна и пригодна для использования.</p>
+<p>Данное эссе — моя попытка показать вам, как может выглядеть независимая Сеть, чем она отличается от сайтов, доминирующих сегодня, почему она стоит того, чтоб её исследовать, и как легко стать её частью.</p>
+<h2>Дизайн в ретро-стиле</h2>
+<p>На <a href="https://neustadt.fr/">моей домашней страничке</a> я упоминаю, что этот сайт &quot;дань уважения креативной сети 90х&quot;. И это не только потому, что на нём есть анимированные гифки и гостевая книга. Сам <em>способ</em> его создания — тот же, которым я пользовался при создании своих первых сайтов: всё написано на голом HTML.</p>
+<p>Никаких систем управления контентом, никаких генераторов, шаблонов, тем, плагинов. Простая разметка и стиль — базовые кирпичики, из которых строится сеть.</p>
+<p>Изначально я не планировал так поступать. Ранее я <a href="https://neustadt.fr/essays/crafting-a-simple-blog-with-metalsmith">использовал</a> генератор статических сайтов, чтоб получить чистый HTML, и просто работал над новым дизайном для него. Но моя трехлетняя установка node.js теперь долбила меня сообщениями об ошибках, говоря, что некоторые зависимости должны быть обновлены, и ч топлагин более не совеместим. Ну а так как я ленив, и не хотел чинить это всё, я подумал — а почему бы не делать всё руками, не создавая проблем на ровном месте.</p>
+<p>Так я и сделал. Решил писать всё руками на чистом HTML и CSS, вручную вставляя ссылки на все страницы и даже заполняя RSS-ленту. И буду честным, давно я так не развлекался, создавая сайт, с тех пор как впервые начал играться с Microsoft Frontpage и Adobe Photoshop 4.0 в конце 90х/начале 2000х.</p>
+<p>Такой подход не сработал бы с более крупным сайтом. Но в случае с малышом вроде моего, с десятком страниц, очевидны плюсы: никаких зависимостей, простота обслуживания, уверенность в будущем, легко перенести в другое место, и, самое главное, чертовски интересно в работе. Я засиживался до шести утра два дня подряд, работая над дизайном, не потому что не мог уснуть, а потому, что не желал останавливаться. Надо заметить, что около 30% времени было потрачено на прочёсывание <a href="https://gifcities.org/">GifCities.org</a> и <a href="https://archive.org/web/">Internet Archive</a> на предмет анимированных гифок и фоновых изображений.</p>
+<p>Переработка дизайна сайта в такой манере сподвигла меня прошерстить архивы старых сайтов в поисках интересных реликвий из старой сети. Что, в свою очередь, привело меня на прикольные, креативные вебсайты, активно поддерживаемые до сих пор.</p>
+<p>Для понимания, что эти мелкие сайты из себя представляют, и почему я считаю, что они важны, нам надо обратиться к прошлому.</p>
+<h2>Первые веб-страницы</h2>
+<p>В девяностые Сеть пребывала во младенчестве. Возможно, вы знаете эту историю.</p>
+<p>Её только-только, в 1991, <a href="https://home.cern/science/computing/birth-web/short-history-web">изобрёл сэр Тим Бёрнерс-Ли</a>, выпустив как <a href="https://home.cern/science/computing/birth-web/licensing-web">общественное достояние</a> в 1993м, делая тем самым доступной для использования и строительства всему миру. В самом начале Сеть была доступна преимущественно технически подкованнаму народу, благодаря протоколам тех времён, таких как Gopher [ныне живее всех живых - прим.пер.], FTP, Usenet и других. И до появления первого удобного графического браузера <a href="http://www.ncsa.illinois.edu/enabling/mosaic">Mosaic</a>, вышедшего в 1993, рядовому пользователю компьютера было непросто начать освоение Сети. Кто-то, как я, например, открыл Сеть позже, когда на сцену вышли <a href="http://sillydog.org/netscape/">Netscape Navigator</a> — порождение Mosaic, ныне породившее <a href="https://www.mozilla.org/en-GB/firefox/new/">Firefox</a> и Internet Explorer.</p>
+<p>Это было ужасно восхитительно. В отличие от традиционных СМИ, вы теперь могли взаимодействовать и принимать участие в происходящем. Это была первая всепланентная система связи, в которой кто угодно, где угодно в мире, мог создать собственную страничку и делиться своими мыслями и идеями со всем миром. В Netscape позднее даже добавили <a href="https://www.ccsf.edu/Pub/Fac/composer.html">редактор</a>, позволявший пользователям создавать веб-страницы визуально, как будто работая в текстовом процессоре (WYSIWYG, как это тогда называлось: what you see is what you get — что видишь, то и получаешь). Целью было дать возможность каждому, не обладающему техническими навыками, создать страничку.</p>
+<p>Но страничку надо разместить где-то в Сети. Где же?</p>
+<p>Нужен был сетевой хост, на котором можно было выложить страничку и поделиться её публичным адресом, чтоб люди могли её посетить. В идеале бы ещё и бесплатно, чтоб можно было попробовать это просто для развлечения, не особо заморачиваясь. Тут-то и появились <a href="https://web.archive.org/web/19980704165228/http://www20.geocities.com/join/freehp.html">Geocities</a>, вместе с другими веб-хостингами, такими как <a href="https://web.archive.org/web/20000815052634/http://www.tripod.lycos.com/">Tripod</a>, <a href="https://web.archive.org/web/20000229235048/http://www.fortunecity.com/build/index.html">Fortunecity</a> и <a href="https://web.archive.org/web/20000815053429/http://www.freeservers.com/">Freeservers</a> (в России это были Chat.ru, Narod.ru и подобные - прим.пер.). Они стали, пожалуй, самым мощным катализатором демократизации Сети.</p>
+<p><img src="static/Geocities-1998.jpg" alt="Вид на Geocities из февраля 1998"></p>
+<p>Это было так просто — любой желающий мог создать бесплатную учётную запись и создать вебсайт, чтоб делиться своими идеями и хобби. И они делились! Люди создавали сайты, практически обо всём: музыке, философии, <a href="https://web.archive.org/web/20011004132631/http://www.geocities.com/%7Eintransit1/home/home_frm.html">арт-проектах</a>, <a href="https://web.archive.org/web/20010424064639/http://www.geocities.com/spunk1111/">псевдографических рисунках</a>, <a href="https://web.archive.org/web/20000815075236/http://www.pezcentral.com/pezmenu.html">конфетах</a> и <a href="https://geocities.restorativland.org/Athens/Olympus/1406/main.html">собственной жизни</a>.</p>
+<p>Ключевым моментом было то, что большинство этих людей, создателей сайтов, не были ни профессионалами, ни компаниями — просто люди, которые хотели поделиться своими интересами. Как я поступил в 2001, со своим <a href="https://web.archive.org/web/20020103123131/http://www.geocities.com:80/gammarayfan">неофициальным фан-сайтом немецкой группы Gamma Ray</a>:</p>
+<p><img src="static/gammarayfansite-2001.jpg" alt="Фан-сайт группы Gamma Ray на Geocities, 2001"></p>
+<p>Но как хоть кто-нибудь должен узнать о существовании этих страничек? Гугла-то тогда не было. Существовали поисковые машины, такие как <a href="https://web.archive.org/web/19980214192548/http://www.lycos.com/">Lycos</a>, <a href="https://web.archive.org/web/19980214192548/http://www.lycos.com/">Excite</a> и <a href="https://web.archive.org/web/19980206192654/http://www.northernlight.com/">Northern Lights</a>, но они не шли ни в какое сравнение с современными поисковыми движками. Чтоб найти что-то нужное, недостаточно было просто ввести несколько слов и в пару кликов получить информацию.</p>
+<p>Нет, сеть тогда больше напоминала путешествие. Это было <em>место</em>, в которое вы отправлялись, чтоб открыть новые пространства, это напоминало исследование открытого моря. Новое виртуальное пространство, которое приводило в разные странные, интересные, восхитительные места. Таковой была Сеть. По крайней мере, в нашем коллективном воображении.</p>
+<h2>Мастера и навигаторы</h2>
+<p>Сеть была иным местом в те годы, и для её описания использовали другие слова. В статье, озаглавленной <a href="https://rhizome.org/editorial/2015/nov/30/oldweb-today/">Киберпространство, в старомодной манере</a>, авторы из проекта Rhizome отмечают очень важную вещь:</p>
+<blockquote>
+<p>Современные браузеры стараются быть невидимыми, сливаясь с визуальным окружением рабочей станции, пытаясь убедить пользователя, что &quot;облако&quot; — это продолжение его жёсткого диска. В 90е дизайн браузера придерживался противоположного подхода, используя иконографию, ассоциируемую с путешествиями, чтоб передать ощущение отправки в путешествие. Netscape Navigator, использовавший штурвал в своём логотипе, давал очень явную отсылку к морскому происхождению префикса &quot;cyber&quot;, Internet Explorer же своим лого обещал взять пользователя в путешествие вокруг земного шара.</p>
+</blockquote>
+<p><img src="static/navigator-explorer.jpg" alt="старые логотипы Netscape Navigator и Internet Explorer"></p>
+<p>Навигация. Исследование. Просмотр. Сёрфинг. Сеть была сродни виртуальному представлению физического пространства. Был даже англоязычный термин <em>webspace</em> (сетевое пространство). В Geocities это выражалось концепцией <a href="https://web.archive.org/web/19980704165140/http://www20.geocities.com/neighborhoods/">Соседств</a> — так назывались категории сайтов, например <em>Зона51</em> для научной фантастики, <em>Хартленд</em>  для семей и домашних животных, <em>ТропическийЛес</em> для проблем окружающей среды, <em>Вена</em> для классической музыки, <em>МысКанаверал</em> для науки и математики.</p>
+<p><img src="static/geocities-neighbourhoods-1998.png" alt="Соседства Geocities, 1998"></p>
+<p>Ещё одно слово, часто использовавшееся во времена Geocities, ныне вышедшее из обихода, &quot;вебмастер&quot;. Идея была в том, что вы создавали <em>место</em> в Сети, в которым вы были <em>хозяином</em> (мастером). Вы приветствовали поетителей (иногда экраном заставки), проводили их по окрестностями, объясняя, о чём это место и какие пространства для них доступны (как правило, на домашней страничке), и напоминали им оставить заметку в гостевой книге, прежде чем отправиться восвояси.</p>
+<p>Но семантика Сети былых времён имела смысл только в контексте <em>практического</em> взаимодействия с ней. Вы крайне редко заходили  за чем-то одним, с тем, чтоб сразу уйти обратно. Вы, как правило <em>заходили</em> на вебсайт, и осматривались вокруг. Вы обозревали.</p>
+<p>Это отсылает нас к изначальному вопросу о том, как же <em>интернавты</em> обнаруживали ваш сайт впервые. Вы были везунчиком, если ваш сайт отображался в догугловских поисковиках, но даже если он там появлялся, это, скорее всего, значило, что кто-то активно ищет именно его. Но ведь не каждый посетитель вашего сайта <em>действительно</em> искал чего-то конкретного. Они могли просто разыскивать вебсайты на интересующую их тематику.</p>
+<p>Одним из способов сделать это были каталоги сайтов, такие как Соседства Geocities (или, например, Rambler, Улитка и Апорт в рунете — прим. пер.): списки вебсайтов, часто разделённые на категории и подкатегории. Фактически, большинство поисковиков были также каталогами, или <em>порталами</em>, как их тогда называли.</p>
+<p><img src="static/excite-channels.jpg" alt="1997 - Excite, совмещающий в себе каталог сайтов, организованных в каналы, и поисковик"></p>
+<p>Одним из крупнейших был <a href="https://web.archive.org/web/20010206123038/http://www.dmoz.org/about.html">DMOZ open-directory project</a>, основанный на каталогах Mozilla, чьей целью было &quot;создать наиболее всеобъемлющий каталог Сети, опираясь на огромную армию редакторов-волонтёров&quot;. Вы и сейчас можете просмотреть <a href="https://web.archive.org/web/20010224172816/http://www.dmoz.org/">версию этого каталога 2001 года</a> для осознания того, как это работало.</p>
+<p>Другой способ обнаружения новых вебсайтов опирался на ключевую особенность Сети — гиперссылки. Вы заходили на один сайт и обнаруживали путь на множество других, примерно как если вы сейчас зайдёте в мой раздел <a href="https://neustadt.fr/retro-stuff">&quot;Retro stuff&quot;</a> и проследуете по одной из ссылок на что-нибудь интересное, где-то в сети. Идея перекрёстных ссылок между сайтами была обыденностью; большинство сайтов имели страницы &quot;ссылки&quot; со своей собственной персональной коллекцией интересных страниц.</p>
+<p>Перекрёстные ссылки были основным способом, которым лично я обнаруживал свои любимые сайты, которые потом добавлял в закладки, чтоб иметь возможность зайти снова. Фактически, практика перекрёстных ссылок включала интересный культурный элемент: <em>сетевые кольца</em> (webrings).</p>
+<p><img src="static/example-webring.jpg" alt="Пример сетевого кольца на тему Европейской истории"></p>
+<p><a href="http://brisray.com/web/webrings.htm">Сетевые кольца</a> были &quot;круговыми&quot; коллекциями вебсайтов, зачастую созданными вокруг одной темы. Идея была в том, что вы могли переходить с одного сайта на другой, щёлкая на кнопки &quot;следующий&quot; или &quot;предыдущий&quot;, которые каждый член Кольца размещал внизу своей домашней странички. Теперь они тоже практически исчезли.</p>
+<h2>Современные привратники</h2>
+<p>Сегодня большая часть времени, проводимого в сети, проходит либо непосредственно <em>на</em> небольшом количестве доминирующих платформ вроде Facebook/ВК, либо опосредовано <em>через</em> них.</p>
+<p>Столь огромное количество &quot;контента&quot; постоянно пропихивается через вас, как пользователя, что нынче редко кто из нас решается на самостоятельное исследование и поиск. Нам просто не нужно. Но эти платформы процветают на &quot;вовлечении пользователя&quot; — лайки, комментарии, репосты — и их алгоритмы предпочитают демонстрировать тот контент, что генерирует нужное поведение. Вместо обозревания, Сеть сейчас для большинства пользователей — бесконечный и зачастую ошеломляющий поток контента и комментариев, отобранных алгоритмами, основанными на том, что, по их мнению, вам уже нравится, и что <em>вовлечёт</em> вас. Эта практика прямо противоположна исследованию.</p>
+<p>Когда вы не <em>получаете</em> информацию пассивно, а вместо этого активно ищете что-либо, вас, скорее всего, затянет в единую точку сингулярности, где сейчас находятся <a href="https://www.statista.com/statistics/216573/worldwide-market-share-of-search-engines/">87% всех пользователей сети</a> — Google.</p>
+<p>Гугл стал де-факто привратником сети, судьёй, решающим, что полезно, и что достойно быть увиденным. Большинство сайтов, ссылки на которые вы обнаружите на первой странице поисковой выдачи, то есть те, на которые вы скорее всего кликните - <a href="https://backlinko.com/google-ctr-stats">менее 1% пользователей нажимают на ссылки на второй странице</a> — специально разработаны, чтоб попасть туда, отпимизированы под алгоритмы Гугла. Одно из последствий этого — большинство вебсайтов, на которые люди переходят &quot;естественным образом&quot;, созданы профессионалами и маркетологами, &quot;позиционирующими&quot; их на нужных ключевых словах. Это означает, что малая, любительская сеть прячется в тени сетевых профессионалов, строящих дизайн вокруг специфических ключевых слов и аудитории.</p>
+<p><img src="static/google-bartending-recipes.jpg" alt="Запрос bartending recipes в Гугле не приведёт вас в Малую Сеть"></p>
+<p>Google монополизировал не только поиск — остальные поисковики, такие как Bing, DuckDuckGo и Quant всё ещё <a href="https://www.statista.com/statistics/216573/worldwide-market-share-of-search-engines/">далеко позади</a> — это ещё и крупнейшая торговая площадка. В прошлом году 31% мировых затрат на рекламу ($103,73 миллиарда) <a href="https://www.emarketer.com/content/global-digital-ad-spending-2019">пришлись на площадки Google</a>. Власть, которую даёт такое положение, вкупе с присутствием практически на каждом крупном сайте (посредством широко распространённой платформы аналитики (относительно конфиденциальности которой <a href="https://www.emerald.com/insight/content/doi/10.1108/OIR-02-2018-0056/full/pdf?title=protecting-privacy-on-the-web-a-study-of-https-and-google-analytics-implementation-in-academic-library-websites">имеются обоснованные сомнения</a> ) означает, что он может активно продвигать своё собственное видение Сети.</p>
+<p>И эта сеть сильно отличается от &quot;малой сети&quot;, создаваемой вебмастерами 90х и ранних 2000х. Сеть Google обладает <a href="https://web.archive.org/web/20190214003848/https://marketingplatform.google.com/about/analytics/">другим набором ценностей и терминологией</a>, что приходит с ними: персонализация, взгляды, вовлечение, конверсия, производительность, оптимизация.</p>
+<h2>Коммерческая (маркетинговая) Сеть</h2>
+<p>В сети всегда было место коммерции и маркетингу.</p>
+<p><a href="https://www.webdesignmuseum.org/web-design-history/amazon-com-1995">Amazon</a> уже в 1995 году продавал книги онлайн, <a href="https://www.webdesignmuseum.org/web-design-history/ebay-1997">eBay</a> был запущен в 1997, а <a href="https://web.archive.org/web/19970605120422/http://www.dell.com/">Dell</a> к концу того же года продал оборудования больше, чем на миллион долларов. К 2000м, невзирая на <a href="https://ideas.ted.com/an-eye-opening-look-at-the-dot-com-bubble-of-2000-and-how-it-shapes-our-lives-today/">крах доткомов</a>, сетевая коммерция росла. Это развитие было естественным — сеть позволила продавцам контактировать с более удалёнными клиентами, без необходимости опираться на телефонные заказы, факс или почтовую систему. Коммерческая сеть сосуществовала и росла вместе с частной, любительской. Открытая природа сети означала, что любые сайты могут процветать.</p>
+<p>Но сегодняшняя Сеть <em>по большей части</em> коммерческая. Малая сеть любителей не имеет ни ресурсов, ни желания конкурировать за видимость и аудиторию тем способом, которым это делает сеть коммерческая.</p>
+<p>Компании и маркетологи осознали, что сеть предоставила новые возможности для продажи большего количества товара, и <em>таргетирования</em> пользователей на основе отслеживания их сетевой активности. Они принялись вкладывать деньги в цифровые рекламные стратегии, анализируя, как люди используют сеть, о чём говорят, что ищут и на что нажимают. Маркетинговые компании убедили брэнды, что те должны присутствовать в сети и производить контент, чтоб быть более релевантными, потому что их клиенты уже там. Они изобрели такие термины как &quot;нативная реклама&quot; и &quot;спонсорский контент&quot; (это контент, созданный так, чтоб выглядеть как обычная статья, но по сути являющийся оплаченной рекламой). Компании начали вбухивать деньги в цифровые стратегии, чтоб понимать и влиять на поведение интернет-пользователей по их желанию.</p>
+<p><img src="static/quantcast.jpg" alt="Такие конторы как Quantcast предлагают детальный анализ поведенческих и психографических данных на нас — пользователй, включающие наши действия на различных веб-сайтах, позволяя маркетологам отслеживать и влиять на нас"></p>
+<p>С такой стратегией относительно контента, аналитикой (инфраструктура слежки, о которой я говорил <a href="https://neustadt.fr/essays/against-a-user-hostile-web">в предыдущей статье</a> и поисковой оптимизацией, коммерческая сеть привнесла принципиально отличный набор приоритетов: <em>вовлечь</em> &quot;аудиторию&quot;, <em>обратить</em> её и <em>удержать</em> как можно дольше.</p>
+<p>Для них Сеть — всего лишь один из каналов торговли.</p>
+<p>В сравнении с Малой сетью, коммерческая — расчётливая и хищническая. Она способна динамически генерировать сотни страниц вокруг любого распространённого поискового запроса. Она может отслеживать пользователя на множестве сайтов, анализируя его действия, и используя эту информацию для более точного таргетирования. И у неё очень серьёзные ресурсы. За прошлый год компании потратили <a href="https://www.emarketer.com/content/global-digital-ad-spending-2019">более 300 миллиардов евро</a> на онлайн-рекламу, большая часть из которых пошла тем самым привратникам — Google и Facebook — которые продают ис способность лучше <em>таргетировать</em> вас, базируясь на той информации, которую вы им дали.</p>
+<p><em>Всё это говорит о том, что пользователи сети пришли к тому, что взаимодействуют они большую часть времени в видимой хищнической коммерческой сети, в то время как множество мелких любительских сайтов остаются скрытыми информационным шумом.</em></p>
+<h2>Продукто-ориентированный вебсайт</h2>
+<p>Дизайн современной коммерческой сети &quot;стерилен&quot;: он прилизан, он следует конвенциям и оптимизирован для эффективности. Это — одна из причин, почему так много вебсайтов, которые вы посещаете сегодня, выглядят одинаково. Кодекс коммерческой сети стал настолько доминантным, что мы просто забыли, что малая сеть всё ещё существует, и имеет абсолютно иные приоритеты.</p>
+<p>Современные принципы веб-дизайна крайне редко нацелены на обычного человека, ищущего, как создать свой вебсайт или ищущего что-то, в чём он заинтересован. Вместо этого они фокусируются на эффективных вебсайтах:</p>
+<blockquote>
+<p>Не используйте слишком много цветов. Пишите короткие цепляющие вводные. Не позволяйте контенту быть слишком длинным. Оптимизируйте для SEO. Выпускайте видео-контент, продолжительность концентрации внимания уменьшается. Используйте очевидный призыв к действию. Пропихивайте свою подписку. Держите важную информацию выше края. Не заставляйте пользователя думать. Следуйте конвенциям.</p>
+</blockquote>
+<p><img src="static/neil-patel-design.jpg" alt="Универсальные принципы дизайна, улучшающие конверсию"></p>
+<p>Современные вебсайты разработаны так, чтоб направлять поведение пользователя к определённым целям: покупка, нажатие, распространение или подписка. Слова, цвета, сообщения — подчинены этим целям, как упаковка продуктов в супермаркете.</p>
+<p>Статья 2008 года в Smashing Magazine под названием <a href="https://www.smashingmagazine.com/2008/01/10-principles-of-effective-web-design/">10 принципов хорошего дизайна вебсайта</a> на вершине поисковой выдачи, когда я искал &quot;хороший веб-дизайн&quot; в процессе написания этого эссе. Есть множество других, зачастую более новых, но все они в общей сложности говорят одно и то же. Автор конкретно этой статьи даже вполне ясно начинает её так: «... дизайн, построенный вокруг пользователя, зарекомендовал себя как стандартный подход в успешном и ориентированном на прибыль веб-дизайне».</p>
+<p>Но сеть не всегда &quot;ориентирована на прибыль&quot;, и ей уж точно не нужно быть &quot;построенной вокруг пользователя&quot; (и я это заявляю, как UX-консультант). В противном случае места для творчества и самовыражения оставалось бы ничтожно мало. Богатое разнообразие сети было бы низведено к онлайновому эквиваленту массивного, организованного, стерильного торгового центра, призванного стимулировать продажи. Нет, сеть не может быть и &quot;построенной вокруг автора&quot;, вокруг хобби или <a href="https://blog.geocities.institute/archives/6551">собак</a>!</p>
+<p>Стоит помнить, что сайт не обязательно должен быть продуктом — он может быть объектом искусства. <em>Сеть — ещё и творческое и культурное пространство, которое не должно ограничивать себя соглашениями, навязанными коммерческим дизайном продукта или маркетингом.</em></p>
+<h2>Сеть как творческое пространство</h2>
+<p>С доминированием коммерческой сети и упорядочиванием их кодекса и технологий, большинству людей легко подумать, будто сеть — это сложная машина. Большинство сайтов сегодня создаются сложными системами управления контентом, стратегиями SEO и SMM, множеством плагинов, детализированной аналитикой и отслеживанием аудитории, оптимизированными под разные контрольные точки и обслуживаемыми глобальными CDN.</p>
+<p>Но сеть-то намного проще. Вам, на самом деле, нужно две вещи: вебсервер и HTML (ну и базовый CSS для разметки). И вам не нужно делать его &quot;user-centered&quot; — как ранние вебмастеры на Geocities выстругивали свой собственный уголок в сети, вы можете выразить себя в любой манере, которой захотите. В этом разница между продуктом и искусством.</p>
+<p><em>Художник не станет добавлять больше красного цвета в рисунок или изменять композицию только потому, что маркетинговые исследования показывают, что людям это больше нравится. Это видение творца — кому-то понравится, кому-то нет. Но это творение, по своим правилам. Вопрос &quot;эффективности&quot; здесь просто бессмысленен. И то же самое касается Малой Сети.</em></p>
+<p>Если коммерческая сеть — &quot;промышленная&quot;, то можно сказать, что Малая Сеть — &quot;кустарная&quot;. Одно не лучше другого. Они служат разным целям и могут сосуществовать в открытой сети. И тем не менее, было бы стыдно проводить время только в коммерческой Сети, не давая себе возможности изучить  творчество, страстность и причудливость Малой Сети.</p>
+<p>И чтобы продемонстрировать вам, насколько сильно она может отличаться от современных вебсайтов, я собрал для вас несколько примеров, которыми проиллюстрирую богатство Малой Сети.</p>
+<h2>Моменты прошлого</h2>
+<p>Сперва посмотрим на маленькие вебсайты из прошлого, и после двинемся к тем, что живут и здравствуют ныне.</p>
+<p>За возможность откопать эти сайты и предоставить вам доступ к ним, я благодарю поразительную работу по архивированию Сети, выполненную:</p>
+<ul>
+<li><p><a href="https://archive.org/web/">Internet Archive</a> - благодаря 439 миллиардам веб-страниц, сохранённым с середины 90х, позволяет путешествовать во времени, и видеть, как сайты выглядели раньше</p>
+</li>
+<li><p><a href="https://restorativland.org/">Restorativland</a> — &quot;восстановленная виртуальная галерея архивных сайтов Geocities, отсортированных по соседству&quot;</p>
+</li>
+</ul>
+<p>Перейдём к примерам.</p>
+<h3>A Laurel &amp; Hardy Fansite</h3>
+<p>Фан-сайт, созданный в 1998, посвящённый комедийному дуету Стена Лорела и Оливера Харди. Вот что о сайте говорит его автор:</p>
+<blockquote>
+<p>На этом вебсайте вы найдёте: более сотни фотографий, небольшую коллекцию звуковых файлов, полный набор фильмов — от эры немого кино до звукового. Когда-нибудь задумывались, о чём они поют? Отправляйтесь на страницу текстов и читайте. Лорел и Харди были звёздами, но они никогда не добились бы этого без помощи других людей. Вы можете посмотреть, кто это был на странице Актёрский Состав.</p>
+</blockquote>
+<p>Если вы перейдёте на страницу <a href="https://geocities.restorativland.org/Hollywood/Studio/5352/siteinfo.html">информации</a>, вы обнаружите, что в разделе &quot;зачем&quot; ответ просто &quot;а почему нет!!&quot;. И действительно — почему бы нет!</p>
+<p><img src="static/laurel-hardy-fansite.jpg" alt=""></p>
+<p><a href="https://geocities.restorativland.org/Hollywood/Studio/5352/index.html">Visit A Laurel &amp; Hardy Fansite on Restorativland</a></p>
+<h3>Fractal explorer</h3>
+<p>Сайт Фабио Цесари (на тот момент — 24-летний студент компьютерной специальности Университета Болоньи, Италия), полностью посвящённый фракталам. Включает очень ясные объяснения, галереи изображений и пошаговые инструкции:</p>
+<blockquote>
+<p>Многие люди, должно быть, были очарованы бесконечной сложностью и красотой фракталов. Я написал это краткое руководство, чтоб объяснить простыми словами, как генерируются множества Мандельброта и Жюлиа. Этот документ предоставляет неформальное введение в эти темы, и рассматривается исключительно как точка отсчёта в изучении информации о фракталах и фрактальной геометрии.</p>
+</blockquote>
+<p><img src="static/fractal-explorer.jpg" alt=""></p>
+<p><a href="https://web.archive.org/web/20020223163039fw_/http://www.geocities.com/fabioc/">Visit Fractal Explorer on Internet Archive</a></p>
+<h3>The National Coca-Cola Bottle Clearing House</h3>
+<p>Этот сайт — почти наверняка исчерпывающий список всех юбилейных бутылок Coca-Cola начиная с 70х. Встречаются неожиданные пункты. Например, знали ли вы, что была специальная бутылка в 240мл для выставки Dominos Pizza International Expo 1991 года, как и вообще о существовании такой выставки? Или 300мл бутылка к Английской Королевской Свадьбе 1982 года?</p>
+<p><img src="static/coca-cola-clearinghouse.jpg" alt=""></p>
+<p><a href="https://geocities.restorativland.org/Heartland/2983/">Visit The National Coca-Cola Bottle Clearing House on Restorativland</a></p>
+<h3>NetHistory</h3>
+<p>До интернета существовал BITNET, &quot;мировой лидер сетевых коммуникаций для исследовательских и учебных заведений, помог заложить основу для последующего внедрения интернета, особенно за пределами США&quot;. ( <a href="https://www.livinginternet.com/u/ui_bitnet.htm">LivingInternet.com</a> )</p>
+<p>Этот вебсайт — &quot;неофициальная история BITNET и интернета&quot;:</p>
+<blockquote>
+<p>Если вам нужна сухая, формальная история Интернета, вы не по адресу. Назначение NetHistory в том, чтоб дат вам прочувствовать, каково было в дни становления BITNET и интернета. Надеемся, мы дадим вам некоторый обзор и приведём к пониманию опыта раннего Internet (хотя можно утверждать, что рассматриваемый опыт во многом схож с сиденем перед терминалом мэйнфрейма среди ночи под гудение Twinkie-and-Jolt). Ну, в худшем случае, развлечётесь</p>
+</blockquote>
+<p>У NetHistory есть обширные архивы публикаций ранних сетей (VM/COM, NetMonth, FSFNet, DargonZine, Nutworks, The Gilding Byte например), и &quot;точки зрения людей, которые были там, когда творилась история BITNET и  Internet&quot;</p>
+<p><img src="static/nethistory.jpg" alt=""></p>
+<p><a href="https://web.archive.org/web/20010516205238/http://nethistory.dumbentia.com/">Visit NetHistory on Internet Archive</a></p>
+<h3>joan stark's ASCII Art Gallery</h3>
+<p>Находите текстовое творчество скучным? Этому художнику есть, что вам сказать:</p>
+<blockquote>
+<p>Вы передумаете после посещения этого вебсайта. Графика с низкой пропускной способностью — намного больше, чем смайлики и эмотиконы. ASCII Art развился за пределы простой техники компьютерной графики и стал популярной формой искусства. Вы будете поражены, что можно создать используюя только символы ASCII (American Standard Code of Information Interchange). Часть текстовой графики на этом сайте раскрашена с помощью html, часть — просто текст. И все эти произведения уникальны, созданы вручную, и определённо не то же самое, что старые скучные текстовки, которые вы, должно быть, ожидали увидеть!</p>
+</blockquote>
+<p><img src="static/joanstark-ascii.jpg" alt=""></p>
+<p><a href="https://web.archive.org/web/20010420182629/http://www.geocities.com/spunk1111/indexjava.htm">Visit joan stark's ASCII Art Galleryon Internet Archive</a></p>
+<h2>Настоящее время</h2>
+<p>Сколь бы ни был я восхищён артефактами прошлого,  ещё больший восторг я испытал, узнав, что Малая Сеть всё ещё существует, как и в моём детстве. Она просто стала менее заметна. Среди проектов, вносящих вклад в её жизнь, три показались мне особенно захватывающими:</p>
+<ul>
+<li><p><a href="https://wiby.me/">Wilby.me</a> — поисковый движок по олдскульным, интересныи и информативным веб-страницам. Есть полезная кнопка &quot;Surprise me!&quot;, выдающая случайный результат.</p>
+</li>
+<li><p><a href="https://neocities.org/">Neocities.org</a> — современный вебхостинг, позволяющий каждому создать простенький вебсайт бесплатно, и влиться в сообщество, где можно взаимодействовать с другими вебмастерами.</p>
+</li>
+<li><p><a href="https://curlie.org/">Curlie</a> — &quot;Крупнейший сетевой каталог, редактируемый вручную. Создаётся и поддерживается энтузиазмом сообщества редакторов-добровольцев&quot;.</p>
+</li>
+</ul>
+<h3>Ottaviana's Kitchen</h3>
+<p>Вебсайт из 1996 года, всё ещё живёт и здравствует, предоставляя итальянские рецепты, передающиеся из поколения в поколение:</p>
+<blockquote>
+<p>Мои дед и бабка имигрировали из Италии. Они прибыли на остров Эллис в поисках американской мечты. Здесь, в Ньюарке, штат Нью Джерси, родилась моя мама. Эти рецепты передала маме её мама, а она передала мне. У меня нет детей, так что лучший способ передать эти рецепты - опубликовать на моей странице, чтоб все могли насладиться ими, и, возможно, создать на их основе свою традицию. Ну, приятного аппетита!</p>
+</blockquote>
+<p><img src="static/ottavianas-kitchen.jpg" alt=""></p>
+<p><a href="http://ottavianaskitchen.com/intro.htm">Visit Ottaviana's Kitchen</a></p>
+<h3>Europäische Schmetterlinge</h3>
+<p>Немецкий сайт о бабочках Германии, создан в 1998 и поддерживался до 2005 Марио Байером. Но это не просто очередной сайт про бабочек. Это — практически исчерпывающая коллекция сведений обо всех бабочках Европы, организованная по роду/виду, каждая снабжена описанием, индикацией времени полёта, подходящими  растениями, и фото (по большей части сделанными автором лично).</p>
+<p><img src="static/europaeische-schmetterlinge.jpg" alt=""></p>
+<p><a href="http://www.butterflies.de/">Visit Europäische Schmetterlinge</a></p>
+<h3>Marseillaise.org</h3>
+<p>Всё, что вы хотели знать о Марсельезе — на сайте Йена Паттерсона, существующем &quot;в той или иной форме с 1996 года&quot;.</p>
+<blockquote>
+<p>Добро пожаловать. Не сомневаюсь, что вы пришли, чтоб разобраться, что за суета была 14-го июля. Думаю, здесь вы найдёте всё, что хотели знать. Марсельеза - национальный гимн Франции, многими считающийся наиболее волнующим из всех гимнов. Здесь вы обнаружите текст, ноты, аудиофайлы и перевод на английский.</p>
+</blockquote>
+<p><img src="static/marseillaise-org.jpg" alt=""></p>
+<p><a href="http://www.marseillaise.org/english/">Visit Marseillaise.org</a></p>
+<h3>The Webtender</h3>
+<p>Хотите смешать собственный коктейль? Webtender, существующий с 1995 года, предоставляет более 6000 рецептов, руокводство с информацией о барной посуде, инструментах, измерениях и ингредиентах, форум, вики и даже позволяет подобрать рецепт под текущее содержимое вашего бара!</p>
+<p><img src="static/webtender.jpg" alt=""></p>
+<p><a href="https://www.webtender.com/info/">Webtender</a></p>
+<h3>Distant Skies - A Crystalis Fansite</h3>
+<p>Фанатский сайт по action-RPG игре под названием Crystalis:</p>
+<blockquote>
+<p>'Cristalis' — это action-RPG игра для Nintendo Entertainment System. Выпущена в Японии в апреле 1990, и в США в июле того же года. Была высоко оценена критиками своего времени за графику и геймплей и породило армию вдохновенных поклонников. В Японии игра называлась ゴッド・スレイヤー はるか天空のソナタ или Убийца БогаЖ Соната о далёком небе.</p>
+</blockquote>
+<p>Сайт построем в визуальном стиле самой игры и предоставляет детальную информацию о сюжете, персонажах, игровом мире, заклинаниях и предметах в игре. И даже мне, абсолютно незнакомому с этой игрой, было интересно полистать.</p>
+<p><img src="static/distant-skies.jpg" alt=""></p>
+<p><a href="https://distantskies.neocities.org/">Visit Distant Skies - A Crystalis Fansite</a></p>
+<h3>Ваш собственный уголок в Сети</h3>
+<p>Итак, Малая Сеть всё ещё существует, и всё ещё предоставляет нам все виды сайтов для обозрения и исследования.</p>
+<p>И как бы ни было весело изучать всё это, лучше всего — влиться и принять участие, создав свой собственный вебсайт. Не на огороженных платформах или в соцсетях, управляемых рекламными корпорациями, а просто в своём собственном маленьком уголке сети. Это лучший способ увидеть, как на самом-то деле проста Сеть.</p>
+<p>Вы можете просто выложить свои рисунки, поделиться мыслями и идеями, или обзорами на любимый сорт виски. Создайте вебсайт, чтоб делиться своими заметками или рецептами. Или списком любимых адресов в вашем городе — для путешественников.</p>
+<p>Всё, что вам нужно — выучить базовую разметку (HTML) и стили (CSS), создать сайт на бесплатном хостинге вроде <a href="https://neocities.org/">Neocities.org</a> и вступить в игру. Как вы могли догадаться, Neocities — это бесплатный хостинг вроде Geocities (ну разве что рекламы нет), чья миссия заявлена как &quot;сделать Сеть снова прикольной, вернуть вам контроль над самовыражением в Сети&quot;. Обнаружение и присоединение к Neocities было одной причин моего восторга от Малой Сети. Вы можете потратить часы <a href="https://neocities.org/browse?sort_by=last_updated">в навигации</a> по огромному количеству сайтов, размещённых там, или же просто завести учётную запись и вступить в игру.</p>
+<p><img src="static/neocities-home.jpg" alt=""></p>
+<p>Если вы не умеете делать сайты, у HTMLDog есть прекрасные руководства по базовому изучению <a href="https://htmldog.com/guides/html/beginner/">HTML</a> и <a href="https://htmldog.com/guides/css/beginner/">CSS</a>. Если вы предпочитаете видео — у Khan Academy есть прекрасный курс для начинающих <a href="https://www.khanacademy.org/computing/computer-programming/html-css">Making Webpages</a>.</p>
+<p>Если у вас совсем нет опыта, может потребоваться некоторое время, чтоб въехать во все эти размеры текста, цвета, добавление изображений и ссылок между страницами, но мне кажется, это тоже часть веселья.</p>
+<p>Вы, разумеется, всегда можете использовать готовый шаблон сайта или тему, и использовать их как есть, но это отдельное упражнение. Это как разница между покупкой картины и обучением рисованию или скульптуре. Конечный результат может быть одинаков, но практика различна.</p>
+<p>Ещё одна вещь касательно Сети — вы всегда можете посмотреть исходные коды любого публичного вебсайта в поисках вдохновения и с целью изучения. Выбирайте простые, базовые — современная сеть полна разбухших жирных сайтов, делающих HTML нечитаемым. Но, например, этот сайт использует базовую разметку HTML и  CSS и предлагает вам поиграть с его исходниками. Всё — в <a href="https://neustadt.fr/license.tt">общественном достоянии</a>m так что можете копировать и изменять (и можно даже без обратных ссылок, всё свободно).</p>
+          </div>
+
+        </article>
+      </main>
+      <hr>
+      <footer>
+	      В согласии с духом <a href="https://tt.sn4il.site/landing.html">Трививальных Технологий</a>&nbsp;|&nbsp Хостинг: <a href="https://vdsina.ru/?partner=7kp5qpehru">VDSина</a> (скидка 10% по партнёрской ссылке)
+      </footer>  
+    </body>
+</html>
+
+            
diff --git a/static/Geocities-1998.jpg b/static/Geocities-1998.jpg
new file mode 100644
index 0000000..35dfcd1
--- /dev/null
+++ b/static/Geocities-1998.jpg
diff --git a/static/coca-cola-clearinghouse.jpg b/static/coca-cola-clearinghouse.jpg
new file mode 100644
index 0000000..6d36a7e
--- /dev/null
+++ b/static/coca-cola-clearinghouse.jpg
diff --git a/static/distant-skies.jpg b/static/distant-skies.jpg
new file mode 100644
index 0000000..c3a0069
--- /dev/null
+++ b/static/distant-skies.jpg
diff --git a/static/dmoz-2000.jpg b/static/dmoz-2000.jpg
new file mode 100644
index 0000000..4965c83
--- /dev/null
+++ b/static/dmoz-2000.jpg
diff --git a/static/europaeische-schmetterlinge.jpg b/static/europaeische-schmetterlinge.jpg
new file mode 100644
index 0000000..ed5a0f5
--- /dev/null
+++ b/static/europaeische-schmetterlinge.jpg
diff --git a/static/example-webring.jpg b/static/example-webring.jpg
new file mode 100644
index 0000000..95580e3
--- /dev/null
+++ b/static/example-webring.jpg
diff --git a/static/excite-channels.jpg b/static/excite-channels.jpg
new file mode 100644
index 0000000..3c06356
--- /dev/null
+++ b/static/excite-channels.jpg
diff --git a/static/fractal-explorer.jpg b/static/fractal-explorer.jpg
new file mode 100644
index 0000000..757df9e
--- /dev/null
+++ b/static/fractal-explorer.jpg
diff --git a/static/gammarayfansite-2001.jpg b/static/gammarayfansite-2001.jpg
new file mode 100644
index 0000000..a78101f
--- /dev/null
+++ b/static/gammarayfansite-2001.jpg
diff --git a/static/geocities-neighbourhoods-1998.png b/static/geocities-neighbourhoods-1998.png
new file mode 100644
index 0000000..0e59700
--- /dev/null
+++ b/static/geocities-neighbourhoods-1998.png
diff --git a/static/google-bartending-recipes.jpg b/static/google-bartending-recipes.jpg
new file mode 100644
index 0000000..0e1e8e2
--- /dev/null
+++ b/static/google-bartending-recipes.jpg
diff --git a/static/joanstark-ascii.jpg b/static/joanstark-ascii.jpg
new file mode 100644
index 0000000..e3ef4f7
--- /dev/null
+++ b/static/joanstark-ascii.jpg
diff --git a/static/laurel-hardy-fansite.jpg b/static/laurel-hardy-fansite.jpg
new file mode 100644
index 0000000..a6d337c
--- /dev/null
+++ b/static/laurel-hardy-fansite.jpg
diff --git a/static/marseillaise-org.jpg b/static/marseillaise-org.jpg
new file mode 100644
index 0000000..cf9e8ee
--- /dev/null
+++ b/static/marseillaise-org.jpg
diff --git a/static/navigator-explorer.jpg b/static/navigator-explorer.jpg
new file mode 100644
index 0000000..8f3cc56
--- /dev/null
+++ b/static/navigator-explorer.jpg
diff --git a/static/neil-patel-design.jpg b/static/neil-patel-design.jpg
new file mode 100644
index 0000000..cf883dd
--- /dev/null
+++ b/static/neil-patel-design.jpg
diff --git a/static/neocities-home.jpg b/static/neocities-home.jpg
new file mode 100644
index 0000000..d591fba
--- /dev/null
+++ b/static/neocities-home.jpg
diff --git a/static/nethistory.jpg b/static/nethistory.jpg
new file mode 100644
index 0000000..5235deb
--- /dev/null
+++ b/static/nethistory.jpg
diff --git a/static/ottavianas-kitchen.jpg b/static/ottavianas-kitchen.jpg
new file mode 100644
index 0000000..b0a5eb4
--- /dev/null
+++ b/static/ottavianas-kitchen.jpg
diff --git a/static/quantcast.jpg b/static/quantcast.jpg
new file mode 100644
index 0000000..6194954
--- /dev/null
+++ b/static/quantcast.jpg
diff --git a/static/webtender.jpg b/static/webtender.jpg
new file mode 100644
index 0000000..50d4ded
--- /dev/null
+++ b/static/webtender.jpg
diff --git a/style.css.bak b/style.css.bak
new file mode 100755
index 0000000..de97607
--- /dev/null
+++ b/style.css.bak
@@ -0,0 +1,339 @@
+
+/*Begin copy-pasted segment from meowcity.club (with minor ajustments)*/
+/*Links styling*/
+a[href]:before {
+    content: "[";
+}
+a[href]:after {
+    content: "]";
+}
+a[href],
+a>span /*Only required because some instances do some strange stuff with links*/{
+    color: cyan;
+    text-decoration: none;
+}
+
+
+/*Header styling*/
+h1,
+.p-name,
+.snac-top-user-name {
+    font-size: 1em!important;
+    color: red;
+}
+h1:before,
+.p-name:before,
+.snac-top-user-name {
+    content: "# ";
+}
+
+h2,
+.snac-top-user-id {
+    font-size: 1em!important;
+    color: deepskyblue;
+}
+h2:before,
+.snac-top-user-id::before {
+    content: "## ";
+}
+
+h3 {
+    font-size: 1em;
+    color: magenta;
+}
+h3>a /*h3 colouring overrides the link*/{
+    color: magenta;
+}
+h3:not(.terminal-input)::before {
+    content: "### ";
+}
+
+h4:before {
+    content: "#### "
+}
+h4 {
+    font-size: 1em;
+    color: pink;
+}
+
+
+/*Markup styling*/
+strong,
+strong>span/*Once again due to weird instance styling*/ {
+    color: coral;
+}
+strong:before {
+    content: "<";
+}
+strong:after {
+    content: ">";
+}
+ul {
+    list-style-type: none;
+}
+li>h3:before /*List prefix overrides h3 prefix*/{
+    content: "- " !important;
+}
+li:not(:has(h3)):before {
+    content: "- ";
+}
+
+
+/*Default SNAC css*/
+body {
+    width: 85%;
+    margin: auto;
+    line-height: 1.5;
+    padding: 0.8em;
+    word-wrap: break-word;
+}
+
+pre {
+    overflow-x: scroll; /*Don't crop on overflow; this doesn't happen very often*/
+}
+
+.snac-embedded-video,
+img {
+    max-width: 100%
+}
+
+.snac-origin {
+    font-size: 85%
+}
+.snac-score {
+    float: right;
+    font-size: 85%
+}
+
+.snac-top-user {
+    text-align: center;
+    padding-bottom: 2em
+}
+
+.snac-top-user-name {
+    font-size: 200%
+}
+
+.snac-top-user-id {
+    font-size: 150%
+}
+
+.snac-avatar {
+    float: left;
+    height: 2.5em;
+    padding: 0.25em
+}
+
+.snac-author {
+    font-size: 90%;
+    text-decoration: none
+}
+
+.snac-author-tag {
+    font-size: 80%
+}
+
+.snac-pubdate {
+    color: #a0a0a0;
+    font-size: 90%
+}
+
+.snac-top-controls {
+    padding-bottom: 1.5em
+}
+
+.snac-post {
+    border-top: 1px solid #a0a0a0;
+}
+
+.snac-children {
+    padding-left: 2em;
+    border-left: 1px solid #a0a0a0;
+}
+
+.snac-textarea {
+    font-family: inherit;
+    width: 100%
+}
+
+.snac-history {
+    border: 1px solid #606060;
+    border-radius: 3px;
+    margin: 2.5em 0;
+    padding: 0 2em
+}
+
+.snac-btn-mute {
+    float: right;
+    margin-left: 0.5em
+}
+
+.snac-btn-unmute {
+    float: right;
+    margin-left: 0.5em
+}
+
+.snac-btn-follow {
+    float: right;
+    margin-left: 0.5em
+}
+
+.snac-btn-unfollow {
+    float: right;
+    margin-left: 0.5em
+}
+
+.snac-btn-hide {
+    float: right;
+    margin-left: 0.5em
+}
+
+.snac-btn-delete {
+    float: right;
+    margin-left: 0.5em
+}
+
+.snac-btn-limit {
+    float: right;
+    margin-left: 0.5em
+}
+
+.snac-btn-unlimit {
+    float: right;
+    margin-left: 0.5em
+}
+
+.snac-footer {
+    margin-top: 2em;
+    font-size: 75%
+}
+.snac-poll-result {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+/*Begin og segment*/
+* {
+    background-color: black;
+    color: white;
+    font-family: monospace;
+}
+
+/*This makes buttons look like any other text - this was intended to have surrounding symbols,
+but it doesn't work on inputs, so you may want to re-enable the border for a11y*/
+input[type=submit] {
+    border-width: 0px;
+    color: lime;
+    font-size: .9em;
+    cursor: pointer;
+}
+input[type=text] {
+    border-width: 0px;
+}
+
+/*Summary ajustments*/
+details[open]>summary::marker {
+    content: "v "
+}
+details>summary:hover {
+    cursor: pointer;
+}
+details>summary::marker {
+    color: hotpink;
+    content: "> "
+}
+
+/*Changes user @s in mentions and in posts*/
+.snac-origin>a,
+.snac-post-with-desc>p>b>a,
+.mention,
+.snac-author-tag,
+.mention>span {
+    color: mediumslateblue!important
+}
+.snac-origin>a::before,
+.mention::before,
+.snac-author::before,
+.snac-author-tag::before,
+.snac-post-with-desc>p>b>a:before {
+    content: "("!important;
+}
+.snac-origin>a::after,
+.mention::after,
+.snac-author::after,
+.snac-author-tag::after,
+.snac-post-with-desc>p>b>a::after {
+    content: ")"!important
+}
+
+/*Changes date from mm-dd-yyyy to [mm-dd-yyyy]*/
+.snac-pubdate::before {
+    content: "["
+}
+.snac-pubdate::after {
+    content: "]"
+}
+
+/*Origin ajustments - this includes boosts and replies*/
+.snac-origin {
+    color: indianred
+}
+.snac-origin::before {
+    content: "(("
+}
+.snac-origin::after {
+    content: "))"
+}
+
+/*Media fixes*/
+.snac-embedded-video,
+img {
+    max-width: 200px;
+    max-height: 200px;
+    height: fit-content;
+    object-fit: contain;
+}
+.snac-content-attachments>a::before,
+.snac-content-attachments>a::after {
+    content: ""
+}
+.snac-content-attachments,
+img {
+    animation-play-state: paused;
+}
+.snac-content-attachments:hover,
+img:hover {
+    animation-play-state: running;
+}
+
+.snac-top-user {
+    text-align: left;
+    padding-top: 1em;
+}
+
+/*The below only styling works on webkit browsers*/
+input[type=submit]::after {
+    content: "]"
+}
+input[type=submit]::before {
+    content: "["
+}
+input[type=checkbox] {
+    visibility: hidden;
+}
+input[type=checkbox]::after {
+    visibility: visible;
+    content: "[-]";
+    color: red;
+}
+input[type=checkbox]::after:checked {
+    content: "[X]"
+}
+
+/*Hides pinned posts in private view*/
+/*Only works in userstyles; change to instance URL*/
+@-moz-document regexp(".*/admin.*") {
+    .snac-post:has(.snac-post-header > .snac-score > span) {
+        display: none;
+    }
+}
author	Sn4il <sn4il@thedroth.rocks>	2024-04-29 10:17:16 +0300
committer	Sn4il <sn4il@thedroth.rocks>	2024-04-29 10:17:16 +0300
commit	0e39af50edc560f4a17b32e3504fe384722669bb (patch)
tree	ab7ed57f01120f24162d8dfc33d5401f4c23056e
parent	e2bdf828cc67a5533412bbb95d53f60b059c37d6 (diff)
download	sn4il-site-0e39af50edc560f4a17b32e3504fe384722669bb.tar.gz sn4il-site-0e39af50edc560f4a17b32e3504fe384722669bb.zip