12
+12 / -0
3
Продолжаю тему кастомного допиливания дизайна Лиспублики. Напоминаю, что я использую дополнение 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
А теперь к самому важному вопросу: а как получить-то?
А тут всё просто: паспорт будет выдаваться каждому, кто участвует в активностях на сайте. В конкурсах, челленджах, движухах. Если вам поедет посылка с призом/сувениром/подарком. То внутри месте с ней вас будет ждать и паспорт. И пачка наклеек, которые вы уже успели заслужить к этому моменту.
А как получить новые наклейки? Продолжать активничать. Новая пачка будет лежать внутри новой посылки.
Причём! Тут важное хочу отметить. Речь касается не только официальных конкурсов и челленджей, которые мы придумываем советом и запускаем от имени Лиспублики, но и любых других авторских движух. То есть если вы прям хотите запустить свой конкурс, не стесняйтесь. Когда дойдёт дело до отправки призов, связывайтесь со мной и я обеспечиваю передачу паспортов.
«Хорошо! Допустим, – скажете вы, – а что если я паспорт хочу, а в конкурсах участвовать не хочу?». Ну или, предположим, не везёт и ну никак не получается занять хоть какое-то условно призовое место.
Мы над этим долго думали и... Не то что бы придумали решение (можете поделиться своим в комментариях!). Можно было бы сделать вариант "покупки". Но, как вы могли заметить, мы тут не то, чтобы занимались монетизацией хоть чего-то. Так что этот вариант пока сильно под вопросом.
Ну и так, как напоминание, сейчас у нас проходит как минимум два конкурса :)
Очередное удивительное создание.
Такие меховые шортики ^_^
Эти "волосы" на самом деле являются лоскутами кожи. Волосы есть не у всех и не всегда. Они появляются у самцов во время брачного периода (самочки любят патлатых?). Скорее всего, эти выросты помогают кожному дыханию, ведь самцы охраняют кладку в воде.
А головастики появляются на свет с зубами и сразу могут охотиться!
Но на этом факте интересное не заканчивается. Лягушку к тому же в народе прозвали Росомахой из-за способности выводить кость из пальцев наружу, как когти, прорывая кожу.
А ещё у волосатой лягушки самцы крупнее самок (до 11 см), что для этого отряда редкость.
Обитает лягушка на территории Центральной Африки. Информации об образе жизни мало, но, скорее всего, лягушка живёт на земле, уходя в воду только в период размножения. А питается она насекомыми и улитками.
— ...Это похоже на секту, если честно, — заметил помощник Смерти.
— И куда нас только штормом занесло? — Оскар обнюхал ногу гуру, читавшего какую-то проповедь перед прихожанами.
— Она самая и есть. — Смерть посмотрела на часы и кивнула своим мыслям. — В общем, тут будет много интересного, но самое важное будет в конце.
— Что, неужели мы наконец-то увидим, как эти сухопутные обезьяны приносят друг друга в жертву? — Оскар от предвкушения даже попытался потереть лапы друг о друга.
— Ты самый кровожадный скелет кота в моей практике. — Смерть покачала головой. — Нет, тут даже денег с прихожан не берут, что удивительно.
— А что тогда тут будет? — Помощник привычным жестом пролистал форму 7-Д.
— Нет, на этот раз я не буду портить сюрприз. — Смерть просто села на косу, которую повесила в воздухе, и молча начала ждать.
Обряд шёл своим чередом — свечи, монотонное пение, гуру в белом балахоне с воздетыми руками, — когда двери молельни распахнулись так, что одна из них слетела с петли.
Внутрь ввалилась толпа женщин. Их было много, они кричали разом, и в общем гуле помощник разобрал только одно слово, повторявшееся чаще прочих: «беременна».
— Ты говорил, что я избранная, а в итоге я беременна от тебя!
— И я!
— И я!
Гуру побледнел так, что на фоне белого балахона стал казаться серым.
Оскар издал звук, который у скелета кота, вероятно, заменял хохот, — сухой дребезжащий треск, будто кто-то тряс коробку с домино.
— Полундра-а! — простонал он, сползая с плеча помощника от смеха. — Юнга, ты видел его лицо? Это же не лицо, это же пробоина ниже ватерлинии!
Помощник тоже прыснул — на секунду. А потом посмотрел на прихожан.
Они не кричали. Они молчали. Полсотни человек, которые ещё минуту назад пели, стояли и смотрели, как их пастырь тонет в собственной пастве, и на их лицах медленно проступало одно и то же выражение — будто из каждого разом вынули что-то, чему не было названия. Одна женщина в первом ряду не двигалась вовсе. Она не обвиняла, не плакала. Просто смотрела в пол, туда, где только что лежала её вера, и уже понимала, что подобрать её не выйдет.
Смех застрял у помощника в горле.
— Что здесь сейчас умерло? — тихо спросил он.
— Многое. — Смерть, воспользовавшись всеобщим замешательством, аккуратно стянула с жертвенного столика непочатую пачку печенья и сунула куда-то в складки балахона. — Секта, например. К вечеру разбегутся все, даже те, кто глубоко верил этому гуру, но это ерунда, это просто вывеска. А вот их вера в него и его проповеди... вера умерла прямо сейчас. У каждого по отдельности и у всех разом. Полсотни маленьких смертей за десять секунд. Хорошая выработка, между прочим.
— А в форме что писать? — Помощник беспомощно листал 7-Д. — Тут нет графы на... на такое.
— «Прочее». Как всегда — «прочее». — Смерть надкусила печенье и кивнула на выход. — Идём. Это ещё цветочки. Через полчаса тут будут журналисты, потом полиция, потом адвокаты, а это уже совсем другой отдел, и работать с ним я отказываюсь принципиально.
Они вышли на улицу, где утро было до неприличия солнечным.
— Капитанша, — Оскар всё ещё похрюкивал, устраиваясь на плече, — а печеньки-то с жертвенника. Это, получается, тоже трофей?
— Это был бы конфискат, — с достоинством ответила Смерть, — а поскольку оно просто испортилось бы, то чего добру пропадать?
Самое важное для лиспубликанца)
Пока сообщество переезжало с капибары на лиспублику, я тоже решил переехать) была продана квартира со свежепогашенной ипотекой, и взята новая квартира с новой ипотекой 🤣 «Вот тебе бабушка и Юрьев день»
и пока @NapalmRain и ко, отстраивали лиспублику я во всю занимался ремонтом)
и вот этот тернистый процесс подходит к концу)
в общем скоро я въеду в свою новую квартирку, не такую большую как хотелось бы, но в очень хорошем месте и с уютной инфраструктурой.
И по этому поводу делюсь с вами радостью) ну и за одно пилю пост на конкурс самого важного))) ибо свой дом, это не только важная материальная составляющая жизни, но и уют, эмоции, воспоминания, вот это вот всё )
ну а самое важное в доме это гостиная, по нынешней моде объединенная с кухней.
а поскольку она практически готова, делюсь фоткой )
А ещё у меня прикольные на просвет двери с восклицательным знаком)))
ПС: все строители, отделочники и мебельщики - гомосексуалисты…. Ну ладно, в этот раз не все 🤣 попались неплохие)
Вы ведь ждали, правда?
Что там в черном конвертике?
Может черная метка или аааааааавтомобиль!!! (Читать голосом Якубовича)
Показываю:
ЭТО ПАСПОРТ ЛИСПУБЛИКАНЦА!
Вид ошеломительный
И мой вид тоже такой же...
Номерочек то какой знакомый... и ник и дата...
Все на высочайшем уровне, ламинация.
И листики, много листиков!
Марочки наклеены на свои места и места еще осталось много!
Ну а откуда такое берется расскажет @NapalmRain , потому что коробочка пришла от него )
Написано "не вскрывать". Хорошо, я послушный )))
.
.
.
.
.
.
.
.
.
.
Ан нет, непослушный!!!
Сургучная печать! Причем сургуч прям сургучный на вид )
Что же это может быть? Тяяяяяяянем за торчащий кончик и вытаскиваем....
Но потрошу конверт дальше и из него появляется марки!
А потом я достал НЕЧТО такое куда можно эти марки вклеить!
Но... об этом я вам расскажу в следующий раз!
Дайджест Лиспублики 04.08 - 11.08
Вы сомневались, но наши корреспонденты конечно-же продолжают работать. Однако нам действительно нужна ваша помощь, чтобы в новостях было много интересного контента, который вы могли пропустить. Что ж, а теперь переходим к новостям!
Внимание, вопрос!!! О ком говорит @Vanok ?
@Pepels высказал свои предположения. Но угадал ли?
@Rian продолжает изучение загаданного объекта и делится своими выводами:
Убедиться в этом пыталась отважная @Nataalika
Но, видимо, безрезультатно.
А @Colonel_Brom не отстаёт - загадал ребус прямо под обнажёнкой!
Пользователи в смятении: парсить или угадывать слово??
Тем временем @maratashi раскрыл нам свою тайну. На самом деле он тоже…
Насладимся вместе этими кадрами, кажется, это заразное))
А теперь поговорим о философии?
Что на самом деле представляет из себя сайт лиспублика?
Всю токсичную правду нам раскрыли @Pepels и @Alida
Но только на Лиспублике возможны крепкие мужские… хороводы
А @rammdarkfunny бросила всё и уехала к Лютику!
Если вы хотите поделиться интересным, важным или просто смешным моментом нашей жизни - немедленно посылайте наших корреспондентов @вленту или тегайте @пресса .
Присоединяйтесь к компании корреспондентов, тегайте редакцию @Лисолента !
Для вас работал нейрохудожник @Shingatsuru
Фото из редакторской: