#Лиспублика

Увидел прикольного лиса и решил воплотить в металле)
Голова бронзовая:)

Продолжаю тему кастомного допиливания дизайна Лиспублики. Напоминаю, что я использую дополнение Stylus, которое доступно для декстопных версий браузеров на базе Chrome, а также для Firefox. Для Safari есть аналог - Stylish. Сразу после выхода нового дизайна, я предложил несколько простых правок для изменения гаммы как светлой, так и тёмной темы. В основном они касались рыжих ссылок и кнопок, которые, стоит предположить, были сделаны именно такими для того, чтобы подчеркнуть "лисичность" нашего сайта, но в итоге вызвали сомнения. В общем, "не нравится - сделай сам", я и сделал. А заодно осуществил ещё несколько правок по аналогии с доработкой старого дизайна.

Предлагаю вашему вниманию скриншот:

Из ключевых изменений структуры: расширена основная зона контента (скриншот сделан на 2к разрешении), но при этом немного увеличен шрифт - опять же для комфорта на больших мониторах. Эту часть обладатели базового HD, то есть 1920х1080 могут проигнорировать, так как для них изменения будут не столь значимыми, но, в то же время, для понимания основной концепции модифицирования они будут полезны. В любом случае, в коде я сделал отметки какая часть за что отвечает.

Возвращаясь к изменениям: я решил передвинуть боковую панель вправо - мне так банально удобнее и не возникает ощущения "скованности", а также изменить формат блока с объявлениями, дабы он не кушал место, отведённое для контента. Этот блок теперь расположен сбоку, имеет вертикальную ориентацию и при этом продолжает нормально функционировать - кнопка "развернуть" всё также увеличивает картинки. И это ещё не всё...

Вчера в "лолке" зашёл разговор о форме комментирования, мол можно ли убрать фон сборку от неё. Я решил немного поколдовать и в итоге соорудил доработку, которую вы можете видеть на картинке выше. Форма ответа стала одновременно уже и шире... как так? Самое поле ввода сообщения увеличилось по ширине относительно занимаемой зоны, но при этом убрана заливка справа и слева от неё, что, исключительно на мой субъективный взгляд, создаёт эффект лёгкости. Особого прикладного смысла в этом нет: форма всё равно закрывает контент. Разве что боковую панель она теперь не перекрывает. Кстати, это единственное место, которое требует небольшого допиливания в зависимости от разрешения: в правиле для .v2-editor-panel в коде ниже указаны цифры для обычного разрешения, в то время как у меня стоят left: 13%; width: 61%;

В общем, вот код всех этих правок целиком:

:root {
--accent: #6770B1;

/* Блок правил для ширины */
--feed-max-width: 60%;
--content-max-width: 100%;
}

/* Правила, связанные с гаммой */

.sidebar-profile { background: #1f2131; }

.sidebar-nav { background: #1f2131; }

.post-card-panel { background: #1f2131; }

.post-collapse-toggle {
min-height: 42px;
background: linear-gradient(180deg,rgb(var(--bg-card-rgb)/0) 20%,rgb(var(--bg-card-rgb)/.7) 62%,var(--bg-card) 100%);
}

.post-content-shell.is-collapsed::after { display: none; }

.btn-primary { background: #444864; }

.v2-tabs--pill .v2-tabs__item.active {
color: var(--text-bright);
background: #444864;
border: none;
}

.v2-comment__body { background: #1f2131; }

.sidebar-quick-settings__input:checked ~ .sidebar-quick-settings__track {
background: #444864;
border-color: #fff0;
}

.nav-tab.active { background: none; }

.nav-menu-item.active {
background: #323548;
color: white;
}

.post-collapsible-content.is-collapsed::after {background:unset;}

/* Правила, связанные с шириной контента */

.content { margin: 0 auto; }

.v2-profile { max-width: unset; }

/* Размер шрифта в постах */

.post-content {font-size: 115%;}

/* Правила, связанные с объявлениями */

.v2-pinned__list {display: flex !important;
flex-direction: column !important;
gap: 8px !important;
flex: 1 !important;
overflow-y: auto !important;
margin: auto;
padding: unset;}

.v2-pinned {margin-top: 15px;
position: fixed !important;
top: 70px !important;
left: 20px !important;
max-height: calc(100vh - 120px) !important;
overflow-y: auto !important;
z-index: 999 !important;
border-radius: 12px !important;
padding: 12px !important;
display: flex !important;
flex-direction: column !important;}

.v2-pinned.is-collapsed {width: 100px !important;}

.v2-pinned:not(.is-collapsed) { width: 150px !important;}

.v2-pinned__title {display: none;}

.v2-pinned__header {flex-shrink: 0 !important;
font-size: 14px !important;
padding-bottom: 8px !important;
margin-bottom: 8px !important;
border-bottom: 1px solid var(--border-color, #e0e0e0) !important;
cursor: default !important;
display: unset;
padding: unset;}

.v2-pinned__toggle {padding: unset;}

/* Правила, связанные с формой комментирования */

.v2-editor-panel__inner {max-width:unset}

.v2-editor-panel {left: 11%; width: 60%; box-shadow: 0 0 6px rgb(0, 0, 0); background: #23263e;}

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

Саму идею такого предмета озвучили буквально на старте проекта. Причём я даже не помню уже кто это был. Знаю лишь, что первый дизайн разработал @Sergej_Serov. Потом я долго думал... думал... думал... и в итоге подправил дизайн, разработал технологию производства и сделал тестовый экземпляр...

В целом, многие знают, что я занимаюсь книгами. А чем паспорт не книга? Да, сложнее, но всё же.

Сделал тестовый экземпляр для себя. Потом для @Salivel, понял, что не отработал технологию и решил потренироваться на кошках на членах совета. Первой жертвой и стал @vervolph

А теперь к самому важному вопросу: а как получить-то?

А тут всё просто: паспорт будет выдаваться каждому, кто участвует в активностях на сайте. В конкурсах, челленджах, движухах. Если вам поедет посылка с призом/сувениром/подарком. То внутри месте с ней вас будет ждать и паспорт. И пачка наклеек, которые вы уже успели заслужить к этому моменту.

А как получить новые наклейки? Продолжать активничать. Новая пачка будет лежать внутри новой посылки.

Причём! Тут важное хочу отметить. Речь касается не только официальных конкурсов и челленджей, которые мы придумываем советом и запускаем от имени Лиспублики, но и любых других авторских движух. То есть если вы прям хотите запустить свой конкурс, не стесняйтесь. Когда дойдёт дело до отправки призов, связывайтесь со мной и я обеспечиваю передачу паспортов.

«Хорошо! Допустим, – скажете вы, – а что если я паспорт хочу, а в конкурсах участвовать не хочу?». Ну или, предположим, не везёт и ну никак не получается занять хоть какое-то условно призовое место.

Мы над этим долго думали и... Не то что бы придумали решение (можете поделиться своим в комментариях!). Можно было бы сделать вариант "покупки". Но, как вы могли заметить, мы тут не то, чтобы занимались монетизацией хоть чего-то. Так что этот вариант пока сильно под вопросом.

Ну и так, как напоминание, сейчас у нас проходит как минимум два конкурса :)

Осколки лета и Самое важное

Вы ведь ждали, правда?
Что там в черном конвертике?
Может черная метка или аааааааавтомобиль!!! (Читать голосом Якубовича)
Показываю:

ЭТО ПАСПОРТ ЛИСПУБЛИКАНЦА!

Вид ошеломительный

И мой вид тоже такой же...

Номерочек то какой знакомый... и ник и дата...
Все на высочайшем уровне, ламинация.

И листики, много листиков!

Марочки наклеены на свои места и места еще осталось много!

Ну а откуда такое берется расскажет @NapalmRain , потому что коробочка пришла от него )

Написано "не вскрывать". Хорошо, я послушный )))
.
.
.
.
.
.
.
.
.
.
Ан нет, непослушный!!!

Сургучная печать! Причем сургуч прям сургучный на вид )
Что же это может быть? Тяяяяяяянем за торчащий кончик и вытаскиваем....

Но потрошу конверт дальше и из него появляется марки!

А потом я достал НЕЧТО такое куда можно эти марки вклеить!

Но... об этом я вам расскажу в следующий раз!

Ходил я почти неделю и думал, как бы написать пост на конкурс так, чтобы не получилось 20 самостоятельных полотен.

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

И вот я что подумал. Я уже тыщу раз об этом писал, так что не обессудьте, повторяюсь.

Ещё во времена рассвета ВК и его статусов, я придумал для себя такой: «Созидаю осязаемое. Созерцаю созданное».

И вот прошло уже больше 10 лет, а нифига не поменялось. Есть у меня пунктик, что надо обязательно что-то создавать. Мы тут как-то в комментариях с @Thefoxinmyheart языками зацепились по этому поводу, что бывает такое состояние, когда ты долго ничего не делаешь и тебе становится буквально физически хреново. Был у меня период, когда я остался без музыки. Развалились все группы, в которых я играл. Я хотел начать сольное творчество, но недостаточный уровень игры на гитаре меня в этом порыве ударил реальностью об стол. И я больше года был без музыки вообще. Это был ад. Когда мне один оочень далёкий товарищ сказал, что его далёкий товарищ ищет в группу бас-гитариста, я согласился практически не раздумывая. (Спойлер: именно так и появилась группа «Кайхе» в том виде, в котором она творит последние года). И прям сразу отпустило. Чуть позже появилось писательство, потом рисование, программирование. В общем, сейчас есть варианты из чего выбирать))

Но появился новый пунктик: надо сделать ВСЁ своими руками.

Не нашёл ни одной нормальной программы для организации референсов?

Не нашёл нормального инструмента для планирования романов? Написал своё

И так во всём. Я паяю электронные приблуды, собираю устройства, пишу книги и рисую иллюстрации. Хочется поучаствовать в интересном рисовательном челлендже? Здравствую Graphuary. Хочется почитать классных мистических рассказов? Здравствуйте «Хроники Морока».

Вот, пожалуй, это и есть самое главное лично для меня: мне важно что-то создавать. В идеале, конечно, чтоб это ещё и пользу не только мне приносило)

Делитесь тем, что вам по жизни помогает, от чего становится теплее, и без чего вы не представляете свой день/неделю/месяц/год/жизнь.

Сегодня появилась новая лисичка

В довесок к той, что уже дома

Товарищи Лиспубликанцы и все, кто ещё не растерял свои ценности по дороге на работу!

Мы тут призадумались. А что, собственно, у нас, у Лиспубликанцев, самое важное? Ну, кроме, разумеется, здорового абсурда и умения превращать среду в маленькую пятницу. Кто-то скажет — кот. И будет прав. Потому что кот — это не просто животное, это система координат. Кто-то назовёт канарейку. Тоже вариант — она хоть поёт, когда всё остальное молчит. Кто-то упрётся в стол. Мол, без стола я не Лиспубликанец, а так, временная флуктуация в пространстве. И все они будут по-своему правы!

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

Поэтому мы объявляем КОНКУРС «САМОЕ ВАЖНОЕ У ЛИСПУБЛИКАНЦА».

ЗАДАЧА: Написать пост (или просто комментарий, если писать лень, но пост — лучше!) о том, что лично для вас является САМЫМ ВАЖНЫМ. Это может быть всё что угодно:

• живое существо (кот, канарейка, жаба, пережившая десант);
• предмет интерьера (тот самый стол, диван-развалюха или заветная полка с коллекцией фигурок);
• абстрактная категория (вдохновение, чувство юмора или умение вовремя поставить тег [МОЁ]);
• да хоть ваша любимая кружка, из которой вы пьёте кофе, читая посты Совета!

ГЛАВНОЕ УСЛОВИЕ: Опубликуйте пост с тегами [МОЁ] и [САМОЕ ВАЖНОЕ] до 30 августа 2026 года. Или до того момента, пока мы не передумаем — что наступит раньше.

А ТЕПЕРЬ — ИНТРИГА! (она же ПРИЗ!)

Вы думаете, мы будем раздавать футболки? Или календари? Или картины на стену? Нееет. Мы поступим хитрее.

В конце мы соберём все ваши посты о САМОМ ВАЖНОМ, торжественно их отсортируем по рейтингу и сделаем оглушительный вывод: что для лиспубликанца есть нечто не менее важное, чем то, о чём вы будете писать :)

Да-да, вот именно [ЭТО] мы вам и отправим!

Победителями конкурса считаются 3 поста с самым высоким рейтингом (и разными авторами!)

ТРИ призовых места.

Ждем ваших постов, товарищи! КВА.. тьфу, это из прошлого раза.. в общем, пока!

Всем доброго здравия!

Мысль первая: APK, что ходила по телеграму в самом начале разработки лиспублики более не актуальна. Это приложение всё ещё будет работать, так или иначе, так как является, по сути, просто обёрткой вокруг сайта.

Мысль вторая: приложение из браузера. Оно работает, живёт и здравствует, всем советую сам им пользую! Возможно, после вчерашнего обновления оно сдохло, надо просто переустановить. Как? Удаляете, а потом тыкаете в менюшку

Мысль третья: нативное приложение для Андроидов и Айосов.

Для Айосов его не будет. Если только у кого-то из наших дорогих пользователей нет эппл техники и активного аккаунта разработчика, чтоб затолкать в аппстор приложение.

На андроидов. Вот тут шансов значительно больше. Но есть большой вопрос, нужно ли оно? Если коротко, то я уже начинал его писать, щупал почву, проверял что и как. И, в целом, всё работает. Особенно, если у нас тут есть кто-то, кто умеет писать на dart'е (flutter) и захочет помочь. Информация для «Подумать» в общем.

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

В одном из своих постов я уже писал каким образом с помощью браузерных расширений можно изменить практически любой сайт. Сегодня у нас будет ещё одно практическое применение этих знаний. Напоминаю как использовать: качаем расширение для правки CSS на строне браузера, например, Stylus, создаём правило (как правило, нужно кликнуть на иконку расширения при открытой странице нужного сайта и выбрать "+"), вставляем мой код, сохраняем.

Светлая тема

Немного подправлен базовый фон, чтобы контент лучше с ним контрастировал, оранжевые кнопки заменены на синие, фон элемента "развернуть" стал менее агрессивным, исправил баг с потерянной иконкой поиска (думаю, скоро его поправят и разработчики самого сайта, но пока так), слегка выделил тенью посты.

body {
  background: #d0dadf;
}

.btn-primary {
  background: #223363;
  color: white;
}

.v2-tabs--pill .v2-tabs__item.active {
  background: #223363;
  border: none;
}

.post-collapse-toggle {
  min-height: 42px;
  background: linear-gradient(180deg,rgb(var(--bg-card-rgb)/0) 20%,rgb(var(--bg-card-rgb)/.7) 62%,var(--bg-card) 100%);   
}

.v2-comment-rail__line {
  background: #fff9;
}

.sidebar-quick-settings__input:checked ~ .sidebar-quick-settings__track {
  background: #444864;
  border-color: #fff0;
}

.header-search {
  background: #223363;
  border-radius: 10px;
}

.post-card {
  box-shadow: 0px 1px 3px #b0b8bb;
}

Тёмная

Изменён фон отдельных элементов (постов, плашек), оранжевые кнопки заменены на фиолетовые, фон элемента "развернуть" стал менее агрессивным.

.sidebar-profile {
  background: #1f2131;
}

.sidebar-nav {
  background: #1f2131;
}

.post-card-panel {
  background: #1f2131;
}

.post-collapse-toggle {
  min-height: 42px;
  background: linear-gradient(180deg,rgb(var(--bg-card-rgb)/0) 20%,rgb(var(--bg-card-rgb)/.7) 62%,var(--bg-card) 100%);   
}

.post-content-shell.is-collapsed::after {
  display: none;
}

.btn-primary {
  background: #444864;
}

.v2-tabs--pill .v2-tabs__item.active {
  color: var(--text-bright);
  background: #444864;
  border: none;
}

.v2-comment__body {
  background: #1f2131;
}

.sidebar-quick-settings__input:checked ~ .sidebar-quick-settings__track {
  background: #444864;
  border-color: #fff0;
}

.nav-menu-item.active {
  background: #323548;
  color: white;
}

Это, хочу отдельно отметить, чисто моё видение - как приятнее мне. Не критикую текущий дизайн, никого ни к чему не призываю. Но если мои правки будут полезны вам, то welcome.

Бонус1: универсальное решение для изменения цвета ссылок с оранжевого на фиолетовый (в обеих темах):

:root {--accent: #6770B1;}

Бонус2: убрать обводку у активной вкладки в верхнем меню:

.nav-tab.active {background: none;}