Правки форматирования

1 files changed, 20 insertions, 14 deletions

diff --git a/small.html b/small.html
index eb43df9..141ffb6 100755
--- a/small.html
+++ b/small.html
@@ -29,12 +29,14 @@
 Большинство сайтов в наши дни создаются как коммерческие продукты, профессионалами, маркетологами, оптимизируются для привлечения наибольшей аудитории, привлечения внимания и повышения "конверсии". Но существует также и меньшая, менее заметная сеть, создаваемая обычными людьми, просто с целью поделиться своими интересами и хобби со всем миром. Не оличающаяся вылизанным дизайном, частенько странная и неряшливая, но зачастую забавная, креативная и интересная.
 </blockquote>
 <a href="https://neustadt.fr/index.html">Parimal Satyal, 25 мая 2020</a>
+<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х, на которой я вырос.
 Некоторые из вас, возможно, уже читали мою предыдущую статью <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>. Несмотря на полуторагодовую давность, статья всё так же, к сожалению, отражает текущее состояние Сети.
 Но то, что я наткнулся на сайт Marijn, вселило в меня надежду. Она провела меня по кроличьей норе множества других мелких вебсайтов, созданных людьми со всевозможными интересами: фильмы, авиация, музыка, искусство, компьютеры. Это напомнило мне о том, что креативная, персональная, прикольная Сеть, на которой я вырос, не превратилась в тень прошлого — она всё ещё здесь, в 2020. Просто надо знать, где искать.
 И нет, я не к тому, что раньше всё было лучше. Не было. Были трояны, вредоносные программы, бесконечные всплывающие окна, отвратительные подходы к безопасности, несовместимость браузеров, тормозные Java-апплеты... Нет, технически современная сеть более безопасна и пригодна для использования.
 Данное эссе — моя попытка показать вам, как может выглядеть независимая Сеть, чем она отличается от сайтов, доминирующих сегодня, почему она стоит того, чтоб её исследовать, и как легко стать её частью.
+</p>
 </div>
 </div>
         <div class="bh-wide-row bh-vert-2">
@@ -42,7 +44,7 @@
             <h2>Дизайн в ретро-стиле</h2>
           </div>
           <div class="bh-col-8">
-
+<p>
 На <a href="https://neustadt.fr/">моей домашней страничке</a> я упоминаю, что этот сайт &quot;дань уважения креативной сети 90х&quot;. И это не только потому, что на нём есть анимированные гифки и гостевая книга. Сам <em>способ</em> его создания — тот же, которым я пользовался при создании своих первых сайтов: всё написано на голом HTML.
 Никаких систем управления контентом, никаких генераторов, шаблонов, тем, плагинов. Простая разметка и стиль — базовые кирпичики, из которых строится сеть.
 Изначально я не планировал так поступать. Ранее я <a href="https://neustadt.fr/essays/crafting-a-simple-blog-with-metalsmith">использовал</a> генератор статических сайтов, чтоб получить чистый HTML, и просто работал над новым дизайном для него. Но моя трехлетняя установка node.js теперь долбила меня сообщениями об ошибках, говоря, что некоторые зависимости должны быть обновлены, и ч топлагин более не совеместим. Ну а так как я ленив, и не хотел чинить это всё, я подумал — а почему бы не делать всё руками, не создавая проблем на ровном месте.
@@ -50,7 +52,7 @@
 Такой подход не сработал бы с более крупным сайтом. Но в случае с малышом вроде моего, с десятком страниц, очевидны плюсы: никаких зависимостей, простота обслуживания, уверенность в будущем, легко перенести в другое место, и, самое главное, чертовски интересно в работе. Я засиживался до шести утра два дня подряд, работая над дизайном, не потому что не мог уснуть, а потому, что не желал останавливаться. Надо заметить, что около 30% времени было потрачено на прочёсывание <a href="https://gifcities.org/">GifCities.org</a> и <a href="https://archive.org/web/">Internet Archive</a> на предмет анимированных гифок и фоновых изображений.
 Переработка дизайна сайта в такой манере сподвигла меня прошерстить архивы старых сайтов в поисках интересных реликвий из старой сети. Что, в свою очередь, привело меня на прикольные, креативные вебсайты, активно поддерживаемые до сих пор.
 Для понимания, что эти мелкие сайты из себя представляют, и почему я считаю, что они важны, нам надо обратиться к прошлому.
-
+</p>
 </div>
 </div>
         <div class="bh-wide-row bh-vert-2">
@@ -58,7 +60,7 @@
             <h2>Первые веб-страницы</h2>
           </div>
           <div class="bh-col-8">
-
+          <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.
 Это было ужасно восхитительно. В отличие от традиционных СМИ, вы теперь могли взаимодействовать и принимать участие в происходящем. Это была первая всепланентная система связи, в которой кто угодно, где угодно в мире, мог создать собственную страничку и делиться своими мыслями и идеями со всем миром. В Netscape позднее даже добавили <a href="https://www.ccsf.edu/Pub/Fac/composer.html">редактор</a>, позволявший пользователям создавать веб-страницы визуально, как будто работая в текстовом процессоре (WYSIWYG, как это тогда называлось: what you see is what you get — что видишь, то и получаешь). Целью было дать возможность каждому, не обладающему техническими навыками, создать страничку.
@@ -74,6 +76,7 @@
 <br>
 Но как хоть кто-нибудь должен узнать о существовании этих страничек? Гугла-то тогда не было. Существовали поисковые машины, такие как <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>, но они не шли ни в какое сравнение с современными поисковыми движками. Чтоб найти что-то нужное, недостаточно было просто ввести несколько слов и в пару кликов получить информацию.
 Нет, сеть тогда больше напоминала путешествие. Это было <em>место</em>, в которое вы отправлялись, чтоб открыть новые пространства, это напоминало исследование открытого моря. Новое виртуальное пространство, которое приводило в разные странные, интересные, восхитительные места. Таковой была Сеть. По крайней мере, в нашем коллективном воображении.
+</p>
 </div>
 </div>
         <div class="bh-wide-row bh-vert-2">
@@ -81,11 +84,9 @@
             <h2>Мастера и навигаторы</h2>
           </div>
           <div class="bh-col-8">
-
+          <p>
 Сеть была иным местом в те годы, и для её описания использовали другие слова. В статье, озаглавленной <a href="https://rhizome.org/editorial/2015/nov/30/oldweb-today/">Киберпространство, в старомодной манере</a>, авторы из проекта Rhizome отмечают очень важную вещь:
-<blockquote>
 Современные браузеры стараются быть невидимыми, сливаясь с визуальным окружением рабочей станции, пытаясь убедить пользователя, что &quot;облако&quot; — это продолжение его жёсткого диска. В 90е дизайн браузера придерживался противоположного подхода, используя иконографию, ассоциируемую с путешествиями, чтоб передать ощущение отправки в путешествие. Netscape Navigator, использовавший штурвал в своём логотипе, давал очень явную отсылку к морскому происхождению префикса &quot;cyber&quot;, Internet Explorer же своим лого обещал взять пользователя в путешествие вокруг земного шара.
-</blockquote>
 <br>
 <img src="static/navigator-explorer.jpg" alt="старые логотипы Netscape Navigator и Internet Explorer">
 <br>
@@ -107,6 +108,7 @@
 <img src="static/example-webring.jpg" alt="Пример сетевого кольца на тему Европейской истории">
 <br>
 <a href="http://brisray.com/web/webrings.htm">Сетевые кольца</a> были &quot;круговыми&quot; коллекциями вебсайтов, зачастую созданными вокруг одной темы. Идея была в том, что вы могли переходить с одного сайта на другой, щёлкая на кнопки &quot;следующий&quot; или &quot;предыдущий&quot;, которые каждый член Кольца размещал внизу своей домашней странички. Теперь они тоже практически исчезли.
+</p>
 </div>
 </div>
         <div class="bh-wide-row bh-vert-2">
@@ -115,7 +117,7 @@
           </div>
           <div class="bh-col-8">
 
-
+          <p>
 Сегодня большая часть времени, проводимого в сети, проходит либо непосредственно <em>на</em> небольшом количестве доминирующих платформ вроде Facebook/ВК, либо опосредовано <em>через</em> них.
 Столь огромное количество &quot;контента&quot; постоянно пропихивается через вас, как пользователя, что нынче редко кто из нас решается на самостоятельное исследование и поиск. Нам просто не нужно. Но эти платформы процветают на &quot;вовлечении пользователя&quot; — лайки, комментарии, репосты — и их алгоритмы предпочитают демонстрировать тот контент, что генерирует нужное поведение. Вместо обозревания, Сеть сейчас для большинства пользователей — бесконечный и зачастую ошеломляющий поток контента и комментариев, отобранных алгоритмами, основанными на том, что, по их мнению, вам уже нравится, и что <em>вовлечёт</em> вас. Эта практика прямо противоположна исследованию.
 Когда вы не <em>получаете</em> информацию пассивно, а вместо этого активно ищете что-либо, вас, скорее всего, затянет в единую точку сингулярности, где сейчас находятся <a href="https://www.statista.com/statistics/216573/worldwide-market-share-of-search-engines/">87% всех пользователей сети</a> — Google.
@@ -125,6 +127,7 @@
 <br>
 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> ) означает, что он может активно продвигать своё собственное видение Сети.
 И эта сеть сильно отличается от &quot;малой сети&quot;, создаваемой вебмастерами 90х и ранних 2000х. Сеть Google обладает <a href="https://web.archive.org/web/20190214003848/https://marketingplatform.google.com/about/analytics/">другим набором ценностей и терминологией</a>, что приходит с ними: персонализация, взгляды, вовлечение, конверсия, производительность, оптимизация.
+</p>
 </div>
 </div>
         <div class="bh-wide-row bh-vert-2">
@@ -133,7 +136,7 @@ Google монополизировал не только поиск — оста�
           </div>
           <div class="bh-col-8">
 
-
+          <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>, сетевая коммерция росла. Это развитие было естественным — сеть позволила продавцам контактировать с более удалёнными клиентами, без необходимости опираться на телефонные заказы, факс или почтовую систему. Коммерческая сеть сосуществовала и росла вместе с частной, любительской. Открытая природа сети означала, что любые сайты могут процветать.
 Но сегодняшняя Сеть <em>по большей части</em> коммерческая. Малая сеть любителей не имеет ни ресурсов, ни желания конкурировать за видимость и аудиторию тем способом, которым это делает сеть коммерческая.
@@ -145,6 +148,7 @@ Google монополизировал не только поиск — оста�
 Для них Сеть — всего лишь один из каналов торговли.
 В сравнении с Малой сетью, коммерческая — расчётливая и хищническая. Она способна динамически генерировать сотни страниц вокруг любого распространённого поискового запроса. Она может отслеживать пользователя на множестве сайтов, анализируя его действия, и используя эту информацию для более точного таргетирования. И у неё очень серьёзные ресурсы. За прошлый год компании потратили <a href="https://www.emarketer.com/content/global-digital-ad-spending-2019">более 300 миллиардов евро</a> на онлайн-рекламу, большая часть из которых пошла тем самым привратникам — Google и Facebook — которые продают ис способность лучше <em>таргетировать</em> вас, базируясь на той информации, которую вы им дали.
 <em>Всё это говорит о том, что пользователи сети пришли к тому, что взаимодействуют они большую часть времени в видимой хищнической коммерческой сети, в то время как множество мелких любительских сайтов остаются скрытыми информационным шумом.</em>
+</p>
 </div>
 </div>
         <div class="bh-wide-row bh-vert-2">
@@ -152,7 +156,7 @@ Google монополизировал не только поиск — оста�
             <h2>Продукто-ориентированный вебсайт</h2>
           </div>
           <div class="bh-col-8">
-
+          <p>
 Дизайн современной коммерческой сети &quot;стерилен&quot;: он прилизан, он следует конвенциям и оптимизирован для эффективности. Это — одна из причин, почему так много вебсайтов, которые вы посещаете сегодня, выглядят одинаково. Кодекс коммерческой сети стал настолько доминантным, что мы просто забыли, что малая сеть всё ещё существует, и имеет абсолютно иные приоритеты.
 Современные принципы веб-дизайна крайне редко нацелены на обычного человека, ищущего, как создать свой вебсайт или ищущего что-то, в чём он заинтересован. Вместо этого они фокусируются на эффективных вебсайтах:
 <blockquote>
@@ -163,6 +167,7 @@ Google монополизировал не только поиск — оста�
 Статья 2008 года в Smashing Magazine под названием <a href="https://www.smashingmagazine.com/2008/01/10-principles-of-effective-web-design/">10 принципов хорошего дизайна вебсайта</a> на вершине поисковой выдачи, когда я искал &quot;хороший веб-дизайн&quot; в процессе написания этого эссе. Есть множество других, зачастую более новых, но все они в общей сложности говорят одно и то же. Автор конкретно этой статьи даже вполне ясно начинает её так: «... дизайн, построенный вокруг пользователя, зарекомендовал себя как стандартный подход в успешном и ориентированном на прибыль веб-дизайне».
 Но сеть не всегда &quot;ориентирована на прибыль&quot;, и ей уж точно не нужно быть &quot;построенной вокруг пользователя&quot; (и я это заявляю, как UX-консультант). В противном случае места для творчества и самовыражения оставалось бы ничтожно мало. Богатое разнообразие сети было бы низведено к онлайновому эквиваленту массивного, организованного, стерильного торгового центра, призванного стимулировать продажи. Нет, сеть не может быть и &quot;построенной вокруг автора&quot;, вокруг хобби или <a href="https://blog.geocities.institute/archives/6551">собак</a>!
 Стоит помнить, что сайт не обязательно должен быть продуктом — он может быть объектом искусства. <em>Сеть — ещё и творческое и культурное пространство, которое не должно ограничивать себя соглашениями, навязанными коммерческим дизайном продукта или маркетингом.</em>
+</p>
 </div>
 </div>
         <div class="bh-wide-row bh-vert-2">
@@ -170,12 +175,13 @@ Google монополизировал не только поиск — оста�
             <h2>Сеть как творческое пространство</h2>
           </div>
           <div class="bh-col-8">
-
+          <p>
 С доминированием коммерческой сети и упорядочиванием их кодекса и технологий, большинству людей легко подумать, будто сеть — это сложная машина. Большинство сайтов сегодня создаются сложными системами управления контентом, стратегиями SEO и SMM, множеством плагинов, детализированной аналитикой и отслеживанием аудитории, оптимизированными под разные контрольные точки и обслуживаемыми глобальными CDN.
 Но сеть-то намного проще. Вам, на самом деле, нужно две вещи: вебсервер и HTML (ну и базовый CSS для разметки). И вам не нужно делать его &quot;user-centered&quot; — как ранние вебмастеры на Geocities выстругивали свой собственный уголок в сети, вы можете выразить себя в любой манере, которой захотите. В этом разница между продуктом и искусством.
 <em>Художник не станет добавлять больше красного цвета в рисунок или изменять композицию только потому, что маркетинговые исследования показывают, что людям это больше нравится. Это видение творца — кому-то понравится, кому-то нет. Но это творение, по своим правилам. Вопрос &quot;эффективности&quot; здесь просто бессмысленен. И то же самое касается Малой Сети.</em>
 Если коммерческая сеть — &quot;промышленная&quot;, то можно сказать, что Малая Сеть — &quot;кустарная&quot;. Одно не лучше другого. Они служат разным целям и могут сосуществовать в открытой сети. И тем не менее, было бы стыдно проводить время только в коммерческой Сети, не давая себе возможности изучить  творчество, страстность и причудливость Малой Сети.
 И чтобы продемонстрировать вам, насколько сильно она может отличаться от современных вебсайтов, я собрал для вас несколько примеров, которыми проиллюстрирую богатство Малой Сети.
+</p>
 </div>
 </div>
         <div class="bh-wide-row bh-vert-2">
@@ -183,7 +189,7 @@ Google монополизировал не только поиск — оста�
             <h2>Моменты прошлого</h2>
           </div>
           <div class="bh-col-8">
-
+          <p>
 Сперва посмотрим на маленькие вебсайты из прошлого, и после двинемся к тем, что живут и здравствуют ныне.
 За возможность откопать эти сайты и предоставить вам доступ к ним, я благодарю поразительную работу по архивированию Сети, выполненную:
 <ul>
@@ -192,7 +198,7 @@ Google монополизировал не только поиск — оста�
 <li><a href="https://restorativland.org/">Restorativland</a> — &quot;восстановленная виртуальная галерея архивных сайтов Geocities, отсортированных по соседству&quot;
 </li>
 </ul>
-
+</p>
 <h3>Перейдём к примерам.</h3>
 <p>
 <h4>A Laurel &amp; Hardy Fansite</h4>
@@ -306,7 +312,7 @@ Google монополизировал не только поиск — оста�
             <h3>Ваш собственный уголок в Сети</h3>
           </div>
           <div class="bh-col-8">
-
+          <p>
 Итак, Малая Сеть всё ещё существует, и всё ещё предоставляет нам все виды сайтов для обозрения и исследования.
 И как бы ни было весело изучать всё это, лучше всего — влиться и принять участие, создав свой собственный вебсайт. Не на огороженных платформах или в соцсетях, управляемых рекламными корпорациями, а просто в своём собственном маленьком уголке сети. Это лучший способ увидеть, как на самом-то деле проста Сеть.
 Вы можете просто выложить свои рисунки, поделиться мыслями и идеями, или обзорами на любимый сорт виски. Создайте вебсайт, чтоб делиться своими заметками или рецептами. Или списком любимых адресов в вашем городе — для путешественников.
@@ -317,7 +323,7 @@ Google монополизировал не только поиск — оста�
 Если у вас совсем нет опыта, может потребоваться некоторое время, чтоб въехать во все эти размеры текста, цвета, добавление изображений и ссылок между страницами, но мне кажется, это тоже часть веселья.
 Вы, разумеется, всегда можете использовать готовый шаблон сайта или тему, и использовать их как есть, но это отдельное упражнение. Это как разница между покупкой картины и обучением рисованию или скульптуре. Конечный результат может быть одинаков, но практика различна.
 Ещё одна вещь касательно Сети — вы всегда можете посмотреть исходные коды любого публичного вебсайта в поисках вдохновения и с целью изучения. Выбирайте простые, базовые — современная сеть полна разбухших жирных сайтов, делающих HTML нечитаемым. Но, например, этот сайт использует базовую разметку HTML и  CSS и предлагает вам поиграть с его исходниками. Всё — в <a href="https://neustadt.fr/license.tt">общественном достоянии</a>m так что можете копировать и изменять (и можно даже без обратных ссылок, всё свободно).
-          </div>
+</p></div>
 
         </div>
       </div>