From 59368127fba447097bbd4f18e474c2852a4af1e0 Mon Sep 17 00:00:00 2001 From: Sn4il Date: Fri, 8 Nov 2024 12:21:24 +0300 Subject: Redesign --- disqus.html | 64 ++++---- howsel.html | 67 ++++---- index.html | 316 ++++++++++++++++++++------------------ rusprom.html | 66 ++++---- small.html | 63 ++++---- stm.html | 170 ++++++++++----------- style.css | 491 ++++++++++++++++------------------------------------------- 7 files changed, 527 insertions(+), 710 deletions(-) mode change 100755 => 100644 style.css diff --git a/disqus.html b/disqus.html index 4361583..ecc7c65 100644 --- a/disqus.html +++ b/disqus.html @@ -1,26 +1,30 @@ - - - - - - О дискуссиях и делах - - - -
-
-
-

О дискуссиях и делах

-
- -
-
-
- -
-
+ + + + +Улиточий домик + + + + + +
+
+

О дискуссиях и делах 🐌

+
+
    +
  • ×
    • +
  • +
    • +
  • −
    • +
+
+
+ +
+

+ user@server $cat disqus.txt.txt

«Если ты споришь с идиотом, то, веротяно, он делает то же самое»

Как когда-то уже писал в Федивёрсе, именно по этой причине, я перестал спорить с идиотами (но искренне восхищаюсь способностью некоторых людей вести дискуссии с идейными противниками, невзирая на непробиваемость оных) и предпочитаю либо наблюдать и изредка подквакивать из кресла в углу, либо просто высказать свою позицию и свалить , а дальше sapienti sat.

@@ -38,12 +42,14 @@
-
-
- В согласии с духом Тривиальных Технологий |  Хостинг: VDSина (скидка 10% по партнёрской ссылке) -
-
-
- - +
+
+
+
+ В согласии с духом Тривиальных Технологий |  Хостинг: VDSина (скидка 10% по партнёрской ссылке) +
+
+
+ + diff --git a/howsel.html b/howsel.html index 73b56d3..ae1a4d0 100644 --- a/howsel.html +++ b/howsel.html @@ -1,27 +1,31 @@ - - - - - - Инвесторам на заметку. 17 важных наблюдений за поведением людей - - - -
-
-
-

Инвесторам на заметку. 17 важных наблюдений за поведением людей

-
- -
-
-
- -
-
+ + + + +Улиточий домик + + + + + - +
+
+

Инвесторам на заметку. 17 важных наблюдений за поведением людей

+
+
    +
  • ×
    • +
  • +
    • +
  • −
    • +
+
+
+ +
+

+ user@server $cat howsel.txt
+ (копипаст перевода Моргана Хаузела с канала "На пенсию в 35 лет")

Сто миллиардов человек жили на этой планете. Почти восемь миллиардов из них живы и сегодня. У каждого из них есть своя история, но лишь у немногих есть возможность ее рассказать. @@ -281,12 +285,13 @@

-
-
- В согласии с духом Тривиальных Технологий |  Хостинг: VDSина (скидка 10% по партнёрской ссылке) -
-
-
- - - +
+
+
+
+ В согласии с духом Тривиальных Технологий |  Хостинг: VDSина (скидка 10% по партнёрской ссылке) +
+
+
+ + diff --git a/index.html b/index.html index 07290e7..232575e 100644 --- a/index.html +++ b/index.html @@ -1,153 +1,181 @@ - - - - - - Улиточий домик - Sn4il site - - - - -

Улиточий домик

-
-
-
-

мир вам, Земляне.

-
- -
-
-
- -
-
- -

Это персональная страница Снэйла (ака Улитка). 

- - -

Администратор проекта https://smolnet.ru. В обычной жизни — скромный DevOps-инженер.

-

Пишу простую электронную музыку (последний релиз - Фантазия), играю на нескольких музыкальных инструментах.

- -
-
-
-
-

ссылки

-
-
-
    - -
  • - Txtdot - html-to-text proxy. "Опрощающий" веб-прокси, рендерящий хитросложные тяжёлые страницы в чистый удобочитаемый текст. -
    • -
  • - Liteshort — сокращалка ссылок -
    • -
  • - AnonymousOverflow — быстрый/лёгкий фронт для Stackoverflow -
    • -
  • - RedLib — быстрый/лёгкий фронт для Reddit -
    • -
  • - PWPush — сервис для безопасной передачи паролей (время хранения настраивается) -
    • -
    - -
  • Музыка (2024-08-31 запланирован новый релиз после долгого поиска издателя) -
    • -
  • - Аккаунт в Fediverse -
    • -
  • - Ключ GPG -
    • -
  • - Git-репозитории -
    • -
  • - Дать чаевые -
    • -
    - -
  • - Зеркало русского перевода Linux From Scratch:
    - Версия 12.2 без SystemD -
    • -
-
-
-
-

статьи

-
-
-
    -
  • -
    Список российских производителей
    - - На фоне всего происходящего озаботились тут в интернетах вопросом "а что у нас уже производится своего чисто бытового?". Вот надыбался список, его и предоставляю. Вдруг кому принципиально импортозамещаться по максимуму (мне, например, импонирует, что за то, чем пользуюсь я, налоги уплочены дома и и рабочие места тут же предоставлены): - Предприятия ВПК, атомпрома и нефтепереработки не включаю. Список периодически пополняется. - -
    • - -
  • -
    [Перевод] Заново открываем Small Web
    - - (перевод статьи https://neustadt.fr/essays/the-small-web/)
    - Большинство сайтов в наши дни создаются как коммерческие продукты, профессионалами, маркетологами, оптимизируются для привлечения наибольшей аудитории, привлечения внимания и повышения "конверсии". Но существует также и меньшая, менее заметная сеть, создаваемая обычными людьми, просто с целью поделиться своими интересами и хобби со всем миром. Не оличающаяся вылизанным дизайном, частенько странная и неряшливая, но зачастую забавная, креативная и интересная... -     -
    • - -
  • -
    О дискуссиях и делах
    - - «Если ты споришь с идиотом, то, веротяно, он делает то же самое»
    - Как когда-то уже писал в Федивёрсе, именно по этой причине, я перестал спорить с идиотами (но искренне восхищаюсь способностью некоторых людей вести дискуссии с идейными противниками, невзирая на непробиваемость оных) и предпочитаю либо наблюдать и изредка подквакивать из кресла в углу, либо просто высказать свою позицию и свалить , а дальше sapienti sat... -     -
    • - -
  • -
    [Перевод] Инвесторам на заметку. 17 важных наблюдений за поведением людей
    - - (копипаст перевода Моргана Хаузела с канала "На пенсию в 35 лет") -
    - Сто миллиардов человек жили на этой планете. Почти восемь миллиардов из них живы и сегодня. У каждого из них есть своя история, но лишь у немногих есть возможность ее рассказать. - Каждый из них видел что-то свое и думал о чем-то уникальном. Большинство знает то, чего вы не можете постичь, а вы испытали то, во что они не поверят. - Инвесторам на заметку. 17 важных наблюдений за поведением людей - Но очень многие модели поведения универсальны для разных поколений и географических регионов. Обстоятельства меняются, а реакции людей - нет. Технологии развиваются, но неуверенность, слепые пятна и доверчивость все еще с нами. - В этой статье описаны 17 наиболее распространенных и важных, на мой взгляд, аспектов мышления людей. - Это длинный пост, но каждый пункт можно прочитать по отдельности. Пропустите те, с которыми вы не согласны, и перечитайте те, с которыми согласны. -     -
    • -
  • -
    [Перевод] Манифест Малых Вещей
    - - Многие ключевые технологические и культурные инновации последних столетий имели целью уменьшить мир, сократить или устранить расстояния, сделать нас, людей, ближе друг к другу. Печать, транспорт, телефон, радио, телевидение, домашние кинотеатры, интернет — каждая на свой манер усилила наше влияние на окружающий мир, сделав его части меньше. - -
    • - -
-
-
- + + + + +Улиточий домик + + + + + + +
+
+

Улиточий домик 🐌

+
+
    +
  • ×
    • +
  • +
    • +
  • −
    • +
+
+
+ +
+

+ user@server $cat about.txt
+ user@server $Это персональная страница Снэйла (ака Улитка). 

+

+ Об авторе +

+

Администратор проекта https://smolnet.ru. В обычной жизни — скромный DevOps-инженер.

+

Пишу простую электронную музыку (последний релиз - Фантазия), играю на нескольких музыкальных инструментах.

+
+ +
+ user@server $  +

+
+
+
+
+
+
+
+

Содержание

+
+
    +
  • ×
    • +
  • +
    • +
  • −
    • +
+
+ +
+

+ user@server $cat services.txt

+
    + + сервисы + +
  • + Txtdot - html-to-text proxy. "Опрощающий" веб-прокси, рендерящий хитросложные тяжёлые страницы в чистый удобочитаемый текст. +
    • +
  • + Liteshort — сокращалка ссылок +
    • +
  • + AnonymousOverflow — быстрый/лёгкий фронт для Stackoverflow +
    • +
  • + RedLib — быстрый/лёгкий фронт для Reddit +
    • +
  • + PWPush — сервис для безопасной передачи паролей (время хранения настраивается) +
    • +
+
+

+ user@server $cat articles.txt

+
    + статьи +
  • + +
    Список российских производителей
    + + На фоне всего происходящего озаботились тут в интернетах вопросом "а что у нас уже производится своего чисто бытового?". Вот надыбался список, его и предоставляю. Вдруг кому принципиально импортозамещаться по максимуму (мне, например, импонирует, что за то, чем пользуюсь я, налоги уплочены дома и и рабочие места тут же предоставлены): + Предприятия ВПК, атомпрома и нефтепереработки не включаю. Список периодически пополняется. + +
    • +
  • +
    [Перевод] Заново открываем Small Web
    + + (перевод статьи https://neustadt.fr/essays/the-small-web/)
    + Большинство сайтов в наши дни создаются как коммерческие продукты, профессионалами, маркетологами, оптимизируются для привлечения наибольшей аудитории, привлечения внимания и повышения "конверсии". Но существует также и меньшая, менее заметная сеть, создаваемая обычными людьми, просто с целью поделиться своими интересами и хобби со всем миром. Не оличающаяся вылизанным дизайном, частенько странная и неряшливая, но зачастую забавная, креативная и интересная... +     +
    • + +
  • +
    О дискуссиях и делах
    + + «Если ты споришь с идиотом, то, веротяно, он делает то же самое»
    + Как когда-то уже писал в Федивёрсе, именно по этой причине, я перестал спорить с идиотами (но искренне восхищаюсь способностью некоторых людей вести дискуссии с идейными противниками, невзирая на непробиваемость оных) и предпочитаю либо наблюдать и изредка подквакивать из кресла в углу, либо просто высказать свою позицию и свалить , а дальше sapienti sat... +     +
    • + +
  • +
    [Перевод] Инвесторам на заметку. 17 важных наблюдений за поведением людей
    + + (копипаст перевода Моргана Хаузела с канала "На пенсию в 35 лет") +
    +Сто миллиардов человек жили на этой планете. Почти восемь миллиардов из них живы и сегодня. У каждого из них есть своя история, но лишь у немногих есть возможность ее рассказать. +Каждый из них видел что-то свое и думал о чем-то уникальном. Большинство знает то, чего вы не можете постичь, а вы испытали то, во что они не поверят. +Инвесторам на заметку. 17 важных наблюдений за поведением людей +Но очень многие модели поведения универсальны для разных поколений и географических регионов. Обстоятельства меняются, а реакции людей - нет. Технологии развиваются, но неуверенность, слепые пятна и доверчивость все еще с нами. +В этой статье описаны 17 наиболее распространенных и важных, на мой взгляд, аспектов мышления людей. +Это длинный пост, но каждый пункт можно прочитать по отдельности. Пропустите те, с которыми вы не согласны, и перечитайте те, с которыми согласны. +     +
    • +
  • +
    [Перевод] Манифест Малых Вещей
    + + Многие ключевые технологические и культурные инновации последних столетий имели целью уменьшить мир, сократить или устранить расстояния, сделать нас, людей, ближе друг к другу. Печать, транспорт, телефон, радио, телевидение, домашние кинотеатры, интернет — каждая на свой манер усилила наше влияние на окружающий мир, сделав его части меньше. + +
    • + +
+ +

+ user@server $cat contacts.txt

+ +

+ user@server $cat stuff.txt

+ + + + +
+ user@server $ 
+
+

+
+ + +
+ +
-
+
В согласии с духом Тривиальных Технологий |  Хостинг: VDSина (скидка 10% по партнёрской ссылке)
- + \ No newline at end of file diff --git a/rusprom.html b/rusprom.html index b8b6ff8..d25e9a4 100644 --- a/rusprom.html +++ b/rusprom.html @@ -1,25 +1,30 @@ - - - - - - Отечественные производители - - - -
-
-
-

Отечественные производители

-
+ + + + +Улиточий домик + + + + + + +
+
+

Отечественные производители 🐌

+
+
    +
  • ×
    • +
  • +
    • +
  • −
    • +
+
+
-
-
-
- -
-
+
+

+ user@server $cat rusprom.txt
На фоне всего происходящего озаботились тут в интернетах вопросом "а что у нас уже производится своего чисто бытового?". Вот надыбался список, его и предоставляю. Вдруг кому принципиально импортозамещаться по максимуму (мне, например, импонирует, что за то, чем пользуюсь я, налоги уплочены дома и и рабочие места тут же предоставлены): @@ -32,11 +37,6 @@

  • Astra - Linux, системы автоматизации, виртаулизации, биллинга...
  • Bask - одежда https://bask.ru
  • BatNorton - одежда. Санкт-Петербург, Краснодар
    • - - -
  • Botavikos - косметика
  • Calculate - Linux
  • Carat - Мебель, Воронеж
    • @@ -132,11 +132,13 @@
    -
    -
    -В согласии с духом Тривиальных Технологий |  Хостинг: VDSина (скидка 10% по партнёрской ссылке) -
    -
    - - +
    +
    +
    + В согласии с духом Тривиальных Технологий |  Хостинг: VDSина (скидка 10% по партнёрской ссылке) +
    +
    +
    + + \ No newline at end of file diff --git a/small.html b/small.html index 141ffb6..1fa3b2d 100755 --- a/small.html +++ b/small.html @@ -1,28 +1,30 @@ - - - - - - - заново открываем Small Webe - - - -

    заново открываем Small Web

    -
    -
    -
    -

    Вступление

    -
    + + + + +Улиточий домик + + -
    -
    -
    - -
    -
    + + +
    +
    +

    Заново открываем Small Web🐌

    +
    +
      +
    • ×
      • +
    • +
      • +
    • −
      • +
    +
    +
    + +
    +

    + user@server $cat about.txt
    (перевод статьи https://neustadt.fr/essays/the-small-web/)

    @@ -37,8 +39,7 @@ И нет, я не к тому, что раньше всё было лучше. Не было. Были трояны, вредоносные программы, бесконечные всплывающие окна, отвратительные подходы к безопасности, несовместимость браузеров, тормозные Java-апплеты... Нет, технически современная сеть более безопасна и пригодна для использования. Данное эссе — моя попытка показать вам, как может выглядеть независимая Сеть, чем она отличается от сайтов, доминирующих сегодня, почему она стоит того, чтоб её исследовать, и как легко стать её частью.

    -
    -
    +

    Дизайн в ретро-стиле

    @@ -328,12 +329,14 @@ Google монополизировал не только поиск — оста
    -
    -
    - В согласии с духом Тривиальных Технологий |  Хостинг: VDSина (скидка 10% по партнёрской ссылке) -
    -
    -
    +
    +
    +
    +
    + В согласии с духом Тривиальных Технологий |  Хостинг: VDSина (скидка 10% по партнёрской ссылке) +
    +
    +
    diff --git a/stm.html b/stm.html index ee3b92c..f02a298 100644 --- a/stm.html +++ b/stm.html @@ -1,35 +1,41 @@ - - - - - - Манифест малых вещей - - - -
    -
    -
    -

    Манифест Малых Вещей

    -
    + + + + +Улиточий домик + + + + + + +
    +
    +

    Манифест Малых Вещей

    +
    +
      +
    • ×
      • +
    • +
      • +
    • −
      • +
    +
    +
    -
    -
    -
    - -
    -
    +
    +

    + user@server $cat stm.txt
    +

    Малое важно, малое в основе (большое — лишь отражение малого)

    -
    +

    Малая технология, малая экономика, малое сообщество

    -
    +

    Многие ключевые технологические и культурные инновации последних столетий имели целью уменьшить мир, сократить или устранить расстояния, сделать нас, людей, ближе друг к другу. Печать, транспорт, телефон, радио, телевидение, домашние кинотеатры, интернет — каждая на свой манер усилила наше влияние на окружающий мир, сделав его части меньше. @@ -37,50 +43,50 @@

    -
    +

    Но у всего есть цена

    -
    +

    Технология сама по себе — не добро и не зло, и даже не нейтральная сила природы. Она меняет мир, перестраивая его под видение её создателя, регулятора и владельца. Нефтяные корпорации отравляют наши озёра и реки, понемногу поджаривая планету. Фэйсбук следит за каждым нашим шагом в сети, используя эти данные для низведения нас до ничтожеств. Дисней владеет огромной частью современного фольклора. FCC решает, кому можно запустить радиостанцию и на каких условиях. Телевидение превращает разумных людей в обезумевших фанатов психованных чудищ, а психованных чудищ — в знаменитостей, политиков и харизматичных лидеров.

    -
    +

    Всё должно быть иначе

    -
    +

    То, что происходит, происходит в силу комбинации факторов, большинство из которых можно свести к "Мотивации к выгоде". Для некоторых компаний разозлить людей — значит повысить вовлечённость, а повышение вовлечённости — верный способ заработать денег. Другим деньги приносит контроль вашего доступа к вашей же собственной культуре, контроль над тем, кто имеет право рассказывать истории. И когда. И как. Для этих крупных корпораций мотивов Помощи и Улучшения просто не существует. Делать мир лучшим местом — невыгодно.

    -
    +

    Будет непросто

    -
    +

    Большинство новых технологий, особенно цифровых, проходят путь от зарождения к корпоратизации, на котором они расцветают как результат труда разроненных групп людей с различными целями, исследующими создаваемое технологией пространство, зачастую без оглядки на прибыль (ну или хоть с какой-то мотивацией, выходящей за границы чистой прибыли). После, как правило, следует период сокращения и объединения вокруг вещей, приносящих наибольшие деньги (или, в случае с телевидением — наибольшую поддержку со стороны правительственных комиссий) — и остаётся у вас HBO/Discovery, Disney, Facebook, Джо Роган [Российские аналоги читателю, думаю, несложно подставить самостоятельно].

    -
    +

    Но от мотивации прибылью можно отказаться! Но у всего есть цена

    -
    +

    Выступления местных театральных студий всё ещё происходят, несмотря на то, что это перестало быть выгодным лет сто назад. Местные музыканты всё ещё играют, хотя лишь один из ста сможет заработать себе на жизнь музыкой, и ещё меньшая доля сможет таки Сделать Это. Малые творцы создают видеоигры в свободное время потому, что им это нравится. Сотни людей работают вместе над поддержанием и развитием свободных и открытых альтернатив крупным социальным сетям, за свой счёт.

    -
    +

    Ars enim mutare — искусство ради преобразования

    -
    +

    Эти вещи происходят независимо — авторы делают вещи, потому что хотят делать вещи. Они трудятся, зачастую изолированно, за небольшое вознаграждение. Это — призыв к солидарности, поддержке и целенаправленному творчеству. Мы можем изменить мир и поддерживать друг друга на этом пути. Мы можем отказаться от деятельности, обогащающей корпорации, стремящиеся заставить нас страдать, а то и уничтожить нас. Мы можем — и должны — быть самодостаточными. @@ -88,20 +94,20 @@

    -
    +

    Что за Малые Вещи?

    -
    +

    Малые вещи — это искусство, медиа, технологии и культура, создаваемые людьми, к которым относятся справедливо, для людей, к которым и которые относятся справедливо, это свободный и устойчивый взаимообмен. Никаких корпоративных правителей, привратников, технологий сетевого масштабирования и способов разбогатеть за чужой счёт.

    -
    +

    Почему Малые Вещи?

    -
    +

    Потому что в мире, где Творчество и Взаимодействие предельно коммерциализированы, акт Создания Вещи или построения сообщества, не подпадающих под влияние наших корпоративных правителей — это радикальный акт. Потому что большие и сложные сообщества и системы сложно управляются без ресурсов правительств и корпораций. Если мы сохраним вещи на Человеческом уровне вместо Глобального, у нас есть шанс стать успешными на Человеческом уровне (а это, в частности — выживание и стабильность, построение отношений и т.д.). @@ -109,14 +115,11 @@ Они покупают политиков, влияют на выборы, пишут наши законы, игнорируя неудобные. Они строят игру таким образом, что только они достаточно большие, чтоб играть в неё. Мы, как личности и малые сообщества, должны работать совместно. Мы должны проложить собственный путь.

    -
    -
    - -
    -
    + +

    Малое общество

    -
    +

    Это — политический документ, описывающий стремления, мотивации и взгляды небольшой группы людей, практикующих творчество на уровне сообщества. Следование этим творческим, социальным и технологическим принципам может помочь в построении более честных и справедливых сообществ. Мы живём в эру беспрецендентного изобилия, распределённого крайне неравномерно. Изобилие, создаваемое нашим трудом, нашим творчеством, нашими сообществами, отнято у нас, использовано против благосостояния наших соседей и продано нам обратно. @@ -127,11 +130,11 @@

    -
    -
    +
    +

    Малое сообщество

    -
    +

    Мы строим движение, но движение, Состоящее-из-Людей. Малые группы людей образуют сообщества. Группы сообществ создают сети. Сети малых сообществ могут добиться большего и принимать решения быстрее, чем одна большая группа. Мы можем и должны заботиться о своих соседях и членах нашего сообщества. Мы присматриваем друг за другом. Мы рассказываем свои истории. Мы защищаем наше сообщество, и смотрим за тем, чтоб каждый имел кров и пищу в меру наших возможностей. @@ -139,20 +142,20 @@

    -
    -
    +
    +

    Малые технологии

    -
    +

    Большие технологии построены на отъёме и угнетении, и являют собой инструменты идеологической обработки и радикализации. Малые технологии — это технологии для людей, технологии человеческого масштаба. Понятные, реализуемые, этичные. Они не шпионят за вами, не воруют у вас, не пытаются вами манипулировать. Малые технологии — это крупная тема, заслуживающая больше слов, чем я могу тут сказать.

    -
    +

    Социальные медиа

    -
    +

    Пишите блог, запустите газету, используйте Федивёрс в конце концов. Всё что угодно, только не Facebook[ВК] и Google[Yandex]. Общение: отправляйте электронную почту, запустите сервер Matrix, не позволяйте Gmail [Yandex] и Facebook [VK] контролировать вашу переписку. @@ -160,57 +163,57 @@

    -
    +

    Распределённость

    -
    +

    Держите собственный вебсайт. Используйте Wordpress или Neocities, да любую другую платформу. Если вы не хотите платить за аренду сервера — запустите что-нибудь вроде Yunohost на Raspberry Pi у себя в кладовке. Оно не будет доступно 100% времени, не будет быстрым, но будет Достаточно Хорошо, и вы многому научитесь в процессе.

    -
    +

    творчество

    -
    +

    Свободные инструменты для творчества существуют, и они замечательны. Посмотрите на Krita, Glimpse, Kdenlive, и десятки других [для музыки советую MuseScore]. Все мои работы выполнены на Свободном ПО.

    -
    +

    Малые медиа

    -
    +

    Делайте вещи потому, что вам это нравится. Делитесь результатами потому, что вам хочется поделиться. Люди делали это с начала времён. Члены Группы Искусств и Ремёсел Ройкрофтера сами издавали журналы в 1890х с использованием печатного пресса, Lainsville TV и Videofreex создавали независимое телевидение с помощью первых любительских камер. Вам не нужен бюджет, вам не нужны технологии, нужно просто, чтоб вам было что сказать.

    -
    -
    +
    +

    Малые вещи

    -
    +

    Это список вещей, которые малы. Не каждая из них удовлетворяет каждому принципу Манифеста, но суть у них одна.

    -
    +

    Самиздат и комиксы

    -
    +

    Самиздат [в оригинале - Zines] (самостоятельно издаваемые самодельные журналы) Мал по самой своей сути. Журналы самиздата обычно делаются вручную, и распространяются либо бесплатно, либо очень дёшево. Посмотрите, вдруг что есть в вашем местном книжном или музыкальном магазине.

    -
    +

    Медленная/Малая/Инди сеть

    -
    +

    Интернет не должен принадлежать Amazon, Facebook и Goggle [MailRu, VK, Yandex]. Проекты вроде Gemini представляют собой новый тип сети. Проекты вроде Федивёрса создают альтернативу Твиттеру и Фейсбуку. Tilde-серверы (пабниксы) и места вроде SDF предоставляют сообществам технических энтузиастов возможность собраться вместе вне контроля болших корпораций. Электронная почта, за пределами Gmail/Yandex/Yahoo, по-прежнему федеративна и равноправна. @@ -218,31 +221,31 @@

    -
    +

    Подкасты

    -
    +

    Большинство подкастов — это Малые Медиа, даже если они себя таковыми не считают. Они выпускаются независимо, и распространяются с помощью малой технологии (RSS). Корпорации вроде Spotify, Apple, Google пытались огородить подкасты, но кто угодно может зайти на большинство сайтов подкастов и подписаться на любой. На это опираются многие подкасты, распространяемые под свободными лицензиями. Большинство подкастов запускаются кое-как, и это не просто Достаточно. Это Хорошо. Примите несовершенства, отриньте совершенство.

    -
    +

    Музыка

    -
    +

    Множество Малой музыки производится ежедневно. Большинство DIY и панка — это Малая музыка, но сложно найти лучший пример воплощения духа Малого производства, чем All Hail West Texas от The Mountain Goats. Записанный на встроенный микрофон бумбокса, этот глубоко эмоциональный и совершенный альбом живёт и наслаждается своими недостатками. «Hail Satan, tonight». Он лицензирован не под CC, но является предшественником всей концепции.

    -
    -
    +
    +

    Принципы Малого Творчества

    -
    +
    • Масштаб и сложность — это ловушки
      • @@ -341,12 +344,11 @@
    • заботьтесь о себе, и, если можете, о близких
    -
    -
    -
    +
    +

    Другие Малые Вещи

    -
    +
    Люди всегда создают малые игры, малые программы, малое искусство. Это хорошо! Мы соберём так много малых вещей, как только сможем, в регулярную статью с нашем журнале Analog Revolution и на нашем сайте. @@ -360,16 +362,14 @@
    +
    - - - -
    -
    - В согласии с духом Тривиальных Технологий |  Хостинг: VDSина (скидка 10% по партнёрской ссылке) -
    -
    -
    - - +
    +
    + В согласии с духом Тривиальных Технологий |  Хостинг: VDSина (скидка 10% по партнёрской ссылке) +
    +
    +
    + + diff --git a/style.css b/style.css old mode 100755 new mode 100644 index 813d133..7677e03 --- a/style.css +++ b/style.css @@ -1,364 +1,137 @@ -@charset "UTF-8"; -html, body, div, h1, h2, h3, h4, h5, span, ul, ol, li { - padding: 0; - margin: 0; } - -ul, ol, li { - list-style: none; } - -body { - font-family: Helvetica, Arial; - color: #000333; - font-size: 1em; } - -.bh-content { - padding-top: 2em; } - -.bh-row { - width: 80%; - margin: 0 auto; - position: relative; } - -.bh-wide-row { - width: 100%; - position: relative; } - -.bh-row, .bh-wide-row { - float: none; - clear: both; - padding-bottom: 2em; - border-bottom: 1px solid #ccc; } - .bh-row:before, .bh-row:after, .bh-wide-row:before, .bh-wide-row:after { - content: ""; - display: table; } - .bh-row:after, .bh-wide-row:after { - clear: both; } - -.bh-no-border { - border: none; } - -.bh-col-1 { - width: 8.33333%; - float: left; - position: relative; } - -.bh-col-2 { - width: 16.66667%; - float: left; - position: relative; } - -.bh-col-3 { - width: 25%; - float: left; - position: relative; } - -.bh-col-4 { - width: 33.33333%; - float: left; - position: relative; } - -.bh-col-5 { - width: 41.66667%; - float: left; - position: relative; } - -.bh-col-6 { - width: 50%; - float: left; - position: relative; } - -.bh-col-7 { - width: 58.33333%; - float: left; - position: relative; } - -.bh-col-8 { - width: 66.66667%; - float: left; - position: relative; } - -.bh-col-9 { - width: 75%; - float: left; - position: relative; } - -.bh-col-10 { - width: 83.33333%; - float: left; - position: relative; } - -.bh-col-11 { - width: 91.66667%; - float: left; - position: relative; } - -.bh-col-12 { - width: 100%; - float: left; - position: relative; } - -.bh-vert-1 { - padding-top: 1em; } - -.bh-vert-2 { - padding-top: 2em; } - -.bh-vert-3 { - padding-top: 3em; } - -h1, h2, h3 { +html,body { + background-color: #000; + color: #e5e5e5; + height: 97%; +} + +/* Create the whole terminal which cosists of a window and a header */ +.terminal { + width: 98%; + min-height:10%; + border-width: 1px; + border-top-color: #dfdede; + border-bottom-color: #949494; + border-right-color: #AAAAAA; + border-left-color: #e0dfdf; + border-style: solid; + border-radius: 6px; + background-color: #272727; + color: #e5e5e5; + margin-bottom: 10px; + -webkit-box-shadow: 5px 4px 20px 1px rgba(0,0,0,0.75); + -moz-box-shadow: 5px 4px 20px 1px rgba(0,0,0,0.75); + box-shadow: 5px 4px 20px 1px rgba(0,0,0,0.75); +} + +li { padding: 10px; } +/* The terminal window where you put the content */ +.terminal .terminal-window { + padding: 15px; + font-size: medium; + font-weight: normal; + font-family: "Courier New", Monaco, monospace; +} + +/* Sets the color for a path such as ~/page/menu $ */ +.terminal .terminal-window .path { + margin-right: 10px; + color:#729fcf; +} +/* Sets the color and font type for a user such as user@server */ +.terminal .terminal-window .user { + color:#6fc736; font-weight: bold; - text-transform: uppercase; } - -h1 { - font-size: 3em; - line-height: 1em; - padding-bottom: 0.2em; - display: table; - letter-spacing: -0.02em; } - -h2 { - font-size: 2.3em; - line-height: 1em; - letter-spacing: -0.02em; } - -h3 { - font-size: 1.6em; - line-height: 1.2em; - letter-spacing: -0.02em; } - -p { - font-size: 1.2em; - line-height: 1.7em; - letter-spacing: -0.01em; } - p:last-of-type:after { - display: block; - width: 5em; - height: 5px; - background: #000; - content: " "; - margin: 1em 0 0; } +} +/* Decide how links within a menu class in the window should look like */ +.terminal .terminal-window .menu a { + /* text-decoration: none; */ + color: #e5e5e5; + font-weight: normal; +} a { - color: #000; - text-decoration: none; - border-bottom: 2px solid #ffde17; - padding-bottom: 0.2em; } - a:hover { - border-bottom-color: dodgerblue; } - -small { - font-size: 0.8em; - color: #333; } - -aside { - font-size: 0.8em; - color: #666; - font-style: italic; - position: absolute; - width: 25%; } - aside.bh-aside-left { - left: -29%; } - aside.bh-aside-right { - right: -29%; } - -ol, ul { - width: 100%; - clear: both; - float: none; - padding-bottom: 1em; } - ol li, ul li { - font-size: 1.2em; - line-height: 1.7em; } - ol li.bh-title, ul li.bh-title { - font-weight: bold; - border-bottom: 1px solid #be1e2d; - text-transform: uppercase; - display: table; - margin-bottom: 0.4em; - padding-bottom: 0.4em; - color: #333; } - -ol { - counter-reset: customlistcounter; } - ol li.bh-item:before { - content: counter(customlistcounter); - counter-increment: customlistcounter; - display: block; - position: absolute; - color: #333; - margin-left: -1.5em; } - -ul li.bh-item:before { - content: "–"; - display: block; - position: absolute; - color: #333; - margin-left: -1.5em; } -ul.bh-timeline header { - text-transform: uppercase; - font-size: 0.8em; + /* text-decoration: none; */ + color: #FFFFFF; + font-weight: normal; + } + +a:visited { + color: #FFFFFF; + font-weight: normal; +} +/* Create mouse over effect */ +.terminal .terminal-window .menu a:hover { font-weight: bold; - color: #666; } -ul.bh-timeline li.bh-timeline-item { - padding-top: 1em; - padding-left: 2em; - border-left: 1px solid #ccc; } - ul.bh-timeline li.bh-timeline-item:before { - content: ""; - display: block; - width: 0.5em; - height: 0.5em; - background: #be1e2d; - border-radius: 2em; - position: absolute; - margin: 0.6em 0 0 -2.3em; - z-index: 1000; } - ul.bh-timeline li.bh-timeline-item small { - display: block; - line-height: 1.4em; } - ul.bh-timeline li.bh-timeline-item:last-of-type { - position: relative; } - ul.bh-timeline li.bh-timeline-item:last-of-type:after { - height: calc(100% - 1.6em); - width: 20px; - position: absolute; - background: #fff; - display: block; - content: ""; - margin-left: -2.3em; - bottom: 0; - z-index: 999; } -ul.bh-timeline:before { - height: 1.9em; - width: 20px; - position: absolute; - background: #fff; - display: block; - content: ""; - margin-left: -1px; } - -.bh-gray { - color: #333; } - .bh-gray a { - color: #333; } - -.bh-light-gray { - color: #ccc; } - .bh-light-gray a { - color: #ccc; } - -button { - background: #fff; - border: 1px solid #333; - font-size: 1em; - padding: 1em 2em; - border-radius: 3em; - text-transform: uppercase; - font-weight: bold; - color: #333; +} +/* Create the blinkin cursor*/ +.terminal .terminal-window .cursor { + background-color: #e5e5e5; + animation: blink 1s steps(5, start) infinite; + -webkit-animation: blink 1s steps(5, start) infinite; +} +@keyframes blink { + to { + visibility: hidden; + } +} +@-webkit-keyframes blink { + to { + visibility: hidden; + } +} + + + + +/* The header contains the name of the terminal and the buttons for + closing, maximizing, minimizing */ +.terminal .header { + position: relative; + overflow:hidden; /*This makes the heigth adjust to the content. + It is necessary because this div contains floating divs */ + background-image: linear-gradient(to top, #d6d6d6 0%, #e5e5e5 100%); + padding: 2px; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +/* The buttons in the top right corner...*/ +.terminal .header .header-buttons { + + float:right; + width:40%; +} + +.terminal .header .header-buttons ul { + display: inline; + list-style-type: none; + color:#404040; + + +} +/* ... are implemented as a list... */ +.terminal .header .header-buttons ul li { + list-style-type: none; + display: inline; + float: right; + font-size: x-large; + border-radius: 6px; + margin-right: 10px; + font-weight:normal; cursor: pointer; - outline: none; } - button:hover { - color: dodgerblue; - border-color: dodgerblue; } - button:active { - background: #eee; } - button.bh-cancel { - border-color: #D1200D; - color: #D1200D; } - button.bh-cancel:hover { - border-color: #A10F04; - color: #A10F04; } - button.bh-cancel:active { - background: #eee; } - button.bh-disabled { - border-color: #ccc; - color: #ccc; - cursor: default; } - button.bh-disabled:hover { - border-color: #ccc; - color: #ccc; } - button.bh-disabled:active { - background: #fff; } - -table.bh-table { - width: 100%; - margin: 1em 0; - border-spacing: 0; - border-collapse: separate; } - table.bh-table thead tr th { - font-size: 0.8em; - text-transform: uppercase; - text-align: left; - border-bottom: 2px solid #ccc; - padding-bottom: 1em; } - table.bh-table tbody tr td { - font-size: 1.2em; - padding: 0.7em 0; - border-bottom: 1px solid #ccc; } - table.bh-table tbody tr:last-of-type td { - border-bottom: none; } - -div.bh-input { - margin-bottom: 1.5em; } - div.bh-input small { - padding-top: 0.3em; - display: block; - font-size: 0.75em; } - div.bh-input label { - font-size: 0.7em; - color: #333; - text-transform: uppercase; - font-weight: bold; - margin-bottom: 0.7em; - display: block; } - div.bh-input input[type=text], div.bh-input input[type=password], div.bh-input textarea { - width: 100%; - display: block; - font-family: Helvetica, Arial; - font-size: 1.2em; - color: #000; - background: none; - border: none; - border-bottom: 1px solid #ddd; - padding-bottom: 0.5em; - outline: none; } - div.bh-input input[type=text]:focus, div.bh-input input[type=password]:focus, div.bh-input textarea:focus { - border-color: #333; } - div.bh-input.bh-invalid label { - color: #D1200D; } - div.bh-input.bh-invalid input[type=text], div.bh-input.bh-invalid input[type=password] { - border-bottom-color: #D1200D; } -div.bh-search { - width: 100%; - position: relative; } - div.bh-search input { - display: block; - float: left; - background: #fff; - border: 1px solid #ccc; } - div.bh-search input[type=text] { - padding: 1em 2em; - border-top-left-radius: 3em; - border-bottom-left-radius: 3em; - font-size: 1em; - outline: none; - margin-right: 0; - border-right: none; - width: calc(100% - 6em); } - div.bh-search input[type=submit] { - font-size: 0.8em; - padding: 1.3em 2em 1.4em 1em; - border-top-right-radius: 3em; - border-bottom-right-radius: 3em; - text-transform: uppercase; - font-weight: bold; - color: #333; - cursor: pointer; - outline: none; - margin-left: 0; - right: 0; - position: absolute; } - -/*# sourceMappingURL=bauhaus.css.map */ +} +/* ... and just like in Mint there is a mouse-over effect */ +.terminal .header .header-buttons ul li:hover { + font-weight:bold; + color: #00000; +} +/* Change the properties of the window name */ +.terminal .header .header-name h4 { + float:left; + width:50%; + text-align:right; + font-size: large; + margin: 5px; + letter-spacing: 1px; + color: #404040; +} -- cgit v1.2.3