feat(main-page): redesign using new components by oostap1985 · Pull Request #24 · mlutcss/website

oostap1985 · 2026-06-01T16:12:40Z

add redesigned base layout and includes
add new navigation and external links data
add art slider script
update arts JSON and templates (exploding-head, mushroom)
add new icons and fonts
update global styles

- add redesigned base layout and includes - add new navigation and external links data - add art slider script - update arts JSON and templates (exploding-head, mushroom) - add new icons and fonts - update global styles

mr150 · 2026-06-02T12:48:48Z

Нет смысла создавать подобные отдельный файлы на редизайн, может только в некоторых местах. Тут просто ссылки: их набор никак не влияет

mr150 · 2026-06-02T12:51:01Z

+		contentContainer: "D-f Jc-c Ai-c"
+	}
+
+	href=`href=${it.url}`


Тут что-то странное: переменная без let/const

Исправил

mr150 · 2026-06-02T12:53:41Z

 	--ml-blueGray:rgb(236, 240, 246,0.5);
 	--ml-gray200:#d1d5db;
 	--ml-gray350:#cacacaa0;
+	// redesign


В таких переменных нет смысла - меняем существующией

Исправил

mr150 · 2026-06-02T12:54:59Z

Пока не понял, зачем новый базовый шаблон

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

mr150 · 2026-06-02T12:57:38Z

Шрифты лучше с google fonts подключать, по крайне мере пока

Исправил

mr150 · 2026-06-02T12:59:25Z

  }
 %>
-<div class="Ctnt-s M7u;a;0 H100p Apcr1 Plci-c;c Plcc-c D-f -ExplodingOrangeA#ee980d -ExplodingOrangeB#f8c829 -ExplodingBrownA#662800 -ExplodingBrownB#6f2810 -ExplodingBrownC#9c2a00 -ExplodingBrownD#934800 -ExplodingBrownE#9b3c18 -ExplodingBrownF#a24b0b -ExplodingBrownG#f7ae48 -ExplodingBrownH#d2a55a -ExplodingBrownI#efd3ac">
+<!-- изменил у первого div M7u;a;0 -->


Комменты для ревьювера надо тут писать, а не в коде)

Исправил)

mr150 · 2026-06-02T14:54:40Z

@@ -0,0 +1,28 @@
+<%
+	 const css = {
+		buttonShape:"-Sz100p D-f Jc-c Ai-c P10 Fns16 Bdrd8 Ts-$shortTs Bd1;s;$brand",


Pixel perfect нам не нужен, поэтому в большинстве мест лучше u использовать для размеров

Исправил

mr150 · 2026-06-02T14:55:54Z

+<%
+	 const css = {
+		buttonShape:"-Sz100p D-f Jc-c Ai-c P10 Fns16 Bdrd8 Ts-$shortTs Bd1;s;$brand",
+		contentContainer: "D-f Jc-c Ai-c"


Не используется

Исправил

mr150 · 2026-06-02T14:56:22Z

+%>
+<<%= it.tag %> <%= href %>
+	class="btn <%= css.buttonShape %> <%= css.buttonColors %>">
+		<span class="<%= css.span %>">


Зачем этот span?

Исправил

mr150 · 2026-06-02T14:58:26Z

+
+<a
+	href="<%= it.link %>"
+	alt="Link to <%= it.name %>"


Ссылке не нужен alt

Исправил

mr150 · 2026-06-02T15:00:17Z

+   :c:+_Bgc-$brand :c:+_Bdc-$brand :c:+_Bgc-$reAccent900_af,b :c:+_Bxsd0;1.5u;0;0;$reAccent900_af :c:+_Bdc-n">
+</label>
+
+<label id="overlay" for="menu-toggle"


2 лейбла на 1 инпут - это что-то странное

Не исправлено

mr150 · 2026-06-02T15:00:49Z

Меняем основной хедер, отдельный шаблон не нужен

На мобильном не соответствует макету + логотип надо чуть побольше: 64px хотя бы

Исправил

mr150 · 2026-06-02T15:02:11Z

+<header class=" D-f Jc-sb Ai-c P15u;4u;2u md_P0;5.5p Bgc-$core950 Bcf -Blr0.4 Ps-f H-$headerH W100p C-$headerC Zi20">
+
+    <%# Logo %>
+	<div class="W40 H16 md_W83 md_H34">


Это наоборот делается: указываем размеры изображения, от которых зависит контейнер

Ширину логотипа сделать 116, высоту: auto

Исправил

mr150 · 2026-06-02T15:04:51Z

+    <%# Logo %>
+	<div class="W40 H16 md_W83 md_H34">
+		<a href="/" id="header-logo" class="D-f Jc-c Ai-c -Sz100p <%= it.cssHeaderLogoVisibility %> Ts-O;$shortTs">
+			<svg class="-Sz100p" alt="mlut logo">


Если логотип не перекрашивается, то его лучше просто img делать. И посмотри как сейчас href у лого реализован - надо так же

Исправил

mr150 · 2026-06-02T15:05:34Z

+%>
+
+<header class=" D-f Jc-sb Ai-c P15u;4u;2u md_P0;5.5p Bgc-$core950 Bcf -Blr0.4 Ps-f H-$headerH W100p C-$headerC Zi20">
+


Много пустых строк - не надо так. Пусть будут только между крупными блоками

mr150 · 2026-06-02T15:08:20Z

+						</li>
+					<% }%>
+				</ul>
+				<script type="module">


Это легаси - убираем)

mr150 · 2026-06-02T15:09:05Z

+  document.head.appendChild(link);
+}
+
+class ArtsSliderComponent extends HTMLElement {


Тогда уж просто ArtsSlider

Исправил

mr150 · 2026-06-02T15:11:58Z

+    <div class="D-f Fld-c Ai-c Gap4u W100p md_W80p md_Mxw350 lg_Mxw504">
+        <div class="<%= heroCSS.gradient %> md_D-n"></div>
+
+        <h1 class="D Fnf-SNPro Fns6u Fnw-b Lnh100p Lts0 M3.5u;0 Txt C-$brand Ps Zi2 md_D-n">Make CSS exciting again!</h1>


Это не h1. Посмотри, какая сейчас разметка в hero секции

И отступы (margin) по дефолту только с 1 стороны делаем: низ или верх

Исправил

mr150 · 2026-06-02T15:13:33Z

+		    <use href="/assets/img/icons.svg#twoTriangle"></use>
+	    </svg>
+        <div class="D-n md_D-f md_Fld-c Gap8">
+            <h1 class="Fnf-SNPro Fns48 M17;0 Fnw-b Lnh100p Lts0 Txt C-$brand">Make CSS exciting again!</h1>


Надо попробовать сверстать без дублирования контента. Такое только в крайнем случае делается

mr150 · 2026-06-02T15:56:21Z

+    <div class="D-n Ps-a W80p H150p T-195 L50p Tf -Tr-50p;0 <%= heroCSS.dradientDescTop %> <%= heroCSS.dradientDescBot %> md_D-f">
+        <div class="Ps-a W80p Apcr1 T0 L10p Bdrd100p -Gdl180d,$reCore400;0,$reCore450;100p Ft -Blr100"></div>
+    </div>
+    <div class="D-f Fld-c Ai-c Gap4u W100p md_W80p md_Mxw350 lg_Mxw504">


Кажется, что тут часть декора можно псевдоэлементами сделать

mr150 · 2026-06-02T15:57:02Z

+            <arts-slider class="D-f Ai-fs Fl1 W100p">
+                <button class="prev W48 Apcr1 Mr40 As-c Bgc-tp Bd-n P0 Cs lg_Mr80">
+                    <svg class="Tf -Rt180d C-$brand C-$reBrand500_h C-$reBrand600_a Ts-$shortTs" width="17" height="29">
+		                <use href="/assets/img/icons.svg#arrow-slider"></use>


Для декоративных svg лучше отдельный спрайт сделать

Сделал

mr150 · 2026-06-02T16:03:38Z

+	                </svg>
+                </button>
+            </arts-slider>
+            <span class="Fns16 Fnw-l Lnh150p Lts0 C-$reAccent850 md_Ps-a md_L50p md_B-43 md_Tf md_-Tr-50p;0">Yes, this is  CSS</span>


Suggested change

<span class="Fns16 Fnw-l Lnh150p Lts0 C-$reAccent850 md_Ps-a md_L50p md_B-43 md_Tf md_-Tr-50p;0">Yes, this is CSS</span>

<span class="Fns16 Fnw-l Lnh150p Lts0 C-$reAccent850 md_Ps-a md_L50p md_B-43 md_Tf md_-Tr-50p;0">Yes, this is pure CSS</span>

mr150 · 2026-06-02T16:06:50Z

+
+        <h1 class="D Fnf-SNPro Fns6u Fnw-b Lnh100p Lts0 M3.5u;0 Txt C-$brand Ps Zi2 md_D-n">Make CSS exciting again!</h1>
+        <div class="D-f Fld-c Ai-c Gap2u Bgc-tp W100p Ps Zi2">
+            <arts-slider class="D-f Ai-fs Fl1 W100p">


Декоративные элементы лучше не в сам art-slider, а в контейнер выше

Исправил

mr150

Чуть позже будут еще комменты

mr150 · 2026-06-03T11:43:19Z

+
+        <%- include('./burger.ejs') %>
+
+        <div class="Bgc-$core950 Ps-a R0 T-$headerH Ts-$longTs Tf -Trx101p Bd1;s;$brand Bdr-n Bdtlr3u Bdblr3u Mxw50u ^burger:c:~_-Trx0 W50vw P10u;0 md_All-ust @:h<420_P3u;0">


@:h<420 странное решение, при чем тут высота?

md_All-ust тоже выглядит сомнительно

mr150 · 2026-06-03T12:01:12Z

+                    </div>
+                </div>
+                <button class="next W48 Apcr1 Ml40 As-c Bgc-tp Bd-n P0 Cs lg_Ml80">
+                    <svg class="C-$brand C-$reBrand500_h C-$reBrand600_a Ts-$shortTs" width="17" height="29">


Кнопки надо чуть покрупнее на десктопе, а то они местами сливаются с декором

Исправил

mr150 · 2026-06-03T12:17:36Z

+                    <% for (let decor of Object.values(decorCSSArts)) { %>
+                        <div class="D-n md_D <%= decor %>"></div>
+                    <% } %>
+                    <div class="W100p P0 Bxz-bb md_P16 md_Bdrd1u md_Bgc-$artFrameColorSmall md_Bxsd0;0;0;0.5u;$artFrameBorderSmall">


Почему тут рамка через box-shadow, а не border?

Bxz-bb - нет смысла, он уже у всех стоит. border-radius тут у рамки не нужен. padding пусть 2u будет, больше не надо

Border "толстый" и забирал много пространства внутри блока, поэтому сделал через box-shadow.

mr150 · 2026-06-08T15:08:11Z

Еще раз: отдельные файлы с данными для редизайна не нужны

oostap1985 · 2026-06-23T15:11:13Z

Привет. Со следующим коммитом конфликт исправлю.
Не понял в макете (для мобилки) кнопки переключения темы. Сделал три.
Пока оставил еще один базовый шаблон, потом уберу.
В scss файле пока порядок не наводил, позже уберу лишние переменные.

oostap1985 · 2026-06-23T16:30:27Z

некоторые прошлые комменты по header и "бургер" меню (несколько label):
-изначально я там практически ничего не менял. Взял готовое, изменил цвет, шрифт, по мелочи. В основном утилиты все остались как и были.
-по поводу нескольких label на один input: изначально так и было, сам такого не придумал) Но почитал, в принципе нормальная практика вешать несколько label на один input, главное не наоборот, один label на несколько input). Если все же не пойдет так, могу вместо чекбокса просто кнопку сделать и скрипт добавить.

mr150 · 2026-06-24T15:22:12Z

-	<% } %>
-</<%= it.tag %>>
-
+<<%= it.tag %> class="btn <%= css.buttonShape %> <%= css.buttonColors %> <%= css.textColor %>" href="<%= it.url %>">


В текущем варианте у кнопки всегда будет href, хотя и ссылка и button могут быть без href

исправил

mr150 · 2026-06-24T15:27:06Z

+    <%# Menu %>
+    <div class="D-f Fld-r Jc-fe Ai-c md_D-f md_Jc-e md_Gap8u md_Fns-$headerFns">
+        <%- include('./burger.ejs') %>
+        <div class="Ps-a R0 T-$headerH W100p H91vh Ov-h P6u;4u Bgc-$core820 Ts-$longTs Tf -Trx101p Mxw420 ^burger:c:~_-Trx0 md_All-ust">


Зачем Ts-$longTs? Это кастомное свойство даже нигде не объявляется

оно объявлялось в базовом шаблоне в class для html.
Убрал.

mr150 · 2026-06-24T15:31:31Z

+
+<%
+    const card = it.item;
+    let styles;


Эти стили должны быть в data части карточек

Исправил

mr150 · 2026-06-24T15:33:42Z

+        </div>
+        <p class="M0 Fns4u Fnst-n Fnw300 Lnh150p Lts0 C-$accent900 lg_P0;2.5u"><%= card.text %></p>
+    </div>
+    <% if (card.title === "Rich syntax") { %>


Так не делается. Более грамотный вариант: в data карточки можно сделать поле, типа "дополнительный контент", где id шаблона указываем. Если поле с доп контентом есть, то загружаем шаблон с этим id

Исправил. Сделал отдельный шаблон

mr150 · 2026-06-24T15:34:45Z

+            <span class="Fns4u Fnst-n Fnw600 Lnh140p Lts0 C-$tertiary800">Standard CSS </span>
+        </div>
+        <code class="P0;2.5u Fnf-Fira;Code Fns3u Fnst-n Fnw400 Lnh150p Lts0 C-$tertiary750 Gc1">
+            <span class=""><span class="C#00ac4d">@:ah</span>_<span class="C#f04">0</span>1_<span class="P0;0.5u Bgc-$tertiary700 Bdrd0.75u C#9e54ff">h</span></span>


Выделять кусок, прямо как на исходном скрине - ненужно

mr150 · 2026-06-24T15:35:54Z

+                <use href="/assets/img/icons.svg#arrow-code"></use>
+            </svg>
+        </div>
+        <code class="P0;2.5u D-f Fld-c Fnf-Fira;Code Fns3u Fnst-n Fnw400 Lnh150p Lts0 C-$tertiary750 Gc3">


Эту часть надо сверстать, примерно как блоки кода с highlight.js, но чтобы раскраска наша кастомная осталась. Можно даже попробовать растянуть блок кода на оставшуюся часть ширины, а то сейчас там пусто

Исправил, если правильно тебя понял (единственное, фон блоков кода меняется). Посмотри, если что, переделаю.

mr150 · 2026-06-24T15:49:09Z

+        <div class="P10;12 xl_P10;20">
+            <span>Community:</span>
+        </div>
+        <div class="D-f Ai-c Gap32">


Это тоже лучше списком сделать

Исправил. И в header тоже заодно

mr150 · 2026-06-24T15:52:03Z

+		<% }%>
+    </ul>
+    <theme-switcher class="md_Od3">
+        <div class="P5;12 D-f Ai-c Gap8u xl_P10;20" role="group" aria-label="Select theme">


Вместо aira атрибутов, лучше просто сделать список с невидимой (-D-vh) подписью. И по дефолту: такая невидимая подпись лучше aria

И кнопка не хватает hover состояния

Исправил

mr150 · 2026-06-24T15:55:25Z

+
+		button.addEventListener("click", async () => {
+			const text = codeSlot.textContent.trim();
+			try {


Лучше использовать вместо try ... catch, синтаксис с промисами для обработки ошибок: .catch()

исправил

mr150 · 2026-06-24T15:57:10Z

Почему 2 компонента в 1 модуле? Пусть каждый в отдельном будет

исправил

mr150 · 2026-06-24T15:59:37Z

+
+	connectedCallback() {
+		const button = this.querySelector(".copy-btn");
+		const codeSlot = this.querySelector("code");


Тут лучше по pre искать - надежнее

исправил

mr150 · 2026-06-24T16:01:55Z

+		tabs.forEach((tab) => {
+			tab.addEventListener("click", () => {
+
+				tabs.forEach((t) => t.classList.remove("Bdbc#394EB6"));


Стили выделения активности сюда не зашиваем - передаем в атрибутах из разметки

Исправил

mr150 · 2026-06-24T16:09:37Z

+  constructor() {
+    super();
+
+    const theme = localStorage.getItem('theme');


Лучше более уникальное имя сделать, типа mlut-theme

исправил

mr150 · 2026-06-24T16:14:25Z

+    localStorage.setItem('theme', theme);
+  }
+
+  getCurrentTheme() {


Состояние лучше хранить в самом классе, а не в разметке. Разметка - его отражение

mr150 · 2026-06-24T19:46:22Z

+    return 'auto';
+  }
+
+  setActiveButton(buttons, theme) {


Тут много лишних действий делается

зачем каждый раз передавать кнопки, если их можно записать (сразу как массив) в поле инстанса

цвет svg должно получать сверху (через currentColor, например), чтобы нам не лезть внутрь и не назначать руками

зачем 2 раза ходить по коллекции кнопок, если можно все сделать за 1 проход

и опять же: стилизующие классы сверху передаем

Полностью переписал компонент.

mr150 · 2026-06-24T19:51:04Z

-		--ml-artFunnyCake: #6295e3;
-		--ml-artCat: #dea3e3;
-	}
+// Базовая светлая тема


Пусть темная будет базовой

Исправил

mr150 · 2026-06-24T19:54:14Z

-	}
+// Базовая светлая тема
+html {
+  @include light-theme;


При таком подходе в лоб слишком много кода дублируется. Надо множественные селекторые использовать. Ну и нет смысла compound с html делать - у класса специфичность все равно больше

mr150 · 2026-06-24T20:00:13Z

+
+<%
+    const comparisonCss = {
+        marker: "Ps-a_b Ct_b L0_b T0.25u_b -Sz16_b Msi-url('/assets/img/marker.svg')_b Mss8_b Msr-nr_b Msp-c_b",


А зачем маркер у списков делается маской? Есть же много способов проще

Мне нужно было менять цвет у маркера, почему-то решил попробовать svg и маской. Переделал просто - псевдоэлемент с фоном, без использования svg (пока старый маркер не удалял)

mr150 · 2026-06-24T20:01:10Z

+    <%# Strong naming %>
+
+    <h3 class="M9u;0;0 Fns4u Fnw600 Fnst-n Lnh100p Lts0 C-$accent900 Txa-c Ps Zi1">Strong naming</h3>
+    <div class="D-f Fld-c Ai-c Gap16 M4.5u;0;0 P4u;3u W100p Bdrd8 Bgc-$core810 -Gdl90d,$brand50;0p,$brand100;100p md_Fld-r md_Ai-str xl_P24 xl_Gap32 xl_M26;0;0 Ps Zi1">


Тут тоже карточки являются списком

Исправил

mr150 · 2026-06-24T20:03:42Z

+        <h3 class="D-n xl_D M11u;0;0 Fns4u Fnw600 Fnst-n Lnh100p Lts0 C-$accent900 Txa-c">Shorter class names and convenient syntax</h3>
+
+        <div class="D-f Fld-c W100p xl_Gap32 xl_Fld-r xl_Jc-sb xl_M26;0;0">
+


Слишком много пустых строк

mr150 · 2026-06-24T20:04:46Z

+                <div class="P4u;3u W100p Bdrd8 Bgc-$core830 Mnw0 Mxw-mc xl_P16">
+                    <h4 class="M0 Txa-c Fns4u Fnw600 Fnst-n Lnh100p Lts0 C-$tertiary800">Tailwind CSS</h4>
+                    <div class="Mt3u P2.5u;0">
+                        <%- include('./_includes/components/code-block.ejs',{


Тут блоки кода должны быть не в 1 строку, а переносится без выхода за границу, чтобы визуально было видно, насколько с mlut меньше кода

Исправил

mr150 · 2026-06-24T20:05:21Z

+            <h3 class="D xl_D-n M8u;0;0 Fns4u Fnw600 Fnst-n Lnh100p Lts0 C-$accent900 Txa-c">Convenient syntax</h3>
+            <div class="D-f Fld-c Ai-c Gap16 M4.5u;0;0 P4u;3u W100p Bdrd8 Bgc-$core810 -Gdl90d,$brand50;0p,$brand100;100p md_Fld-r md_Ai-str md_Jc-sb md_Gap20 lg_Fx1 lg_Mnw0 xl_M0 xl_P24">
+
+                <%# Tachyons card %>


Это тоже tailwind - в макете опечатка

Исправил

mr150 · 2026-06-24T20:06:29Z

+        </div>
+    </div>
+
+    <%# decor %>


Тут декор должен быть на десктопе ощутимо больше, чем сейчас - смотри макет

mr150 · 2026-06-24T20:08:01Z

+
+  <h2 class="M3u;0;0 Fnf-SN;Pro Fns6u Fnw700 Fnst-n Lnh100p Lts0 Txt C-$brand Txa-c Zi1">Installation</h2>
+
+  <toggle-tab class="W100p M5.5u;0;0 Zi1 xl_M50;0;0">


Табам не хватает состояния при наведении. Если нет в макете - спроси у дизайнера

mr150 · 2026-06-24T20:21:34Z

В адаптиве тоже не все исправленно

feat(main-page): redesign using new components

b81a3ff

- add redesigned base layout and includes - add new navigation and external links data - add art slider script - update arts JSON and templates (exploding-head, mushroom) - add new icons and fonts - update global styles

oostap1985 force-pushed the feat/65099006_main-page branch from e7e4a2e to b81a3ff Compare June 2, 2026 10:10

mr150 reviewed Jun 2, 2026

View reviewed changes

Comment thread src/_data/arts.json Outdated

mr150 reviewed Jun 2, 2026

View reviewed changes

mr150 requested changes Jun 2, 2026

View reviewed changes

mr150 reviewed Jun 3, 2026

View reviewed changes

mr150 reviewed Jun 8, 2026

View reviewed changes

fix(main-page): add key-features, comparison, and installation sections

844ee23

mr150 reviewed Jun 24, 2026

View reviewed changes

mr150 requested changes Jun 24, 2026

View reviewed changes

		%>

		<header class=" D-f Jc-sb Ai-c P15u;4u;2u md_P0;5.5p Bgc-$core950 Bcf -Blr0.4 Ps-f H-$headerH W100p C-$headerC Zi20">

	<span class="Fns16 Fnw-l Lnh150p Lts0 C-$reAccent850 md_Ps-a md_L50p md_B-43 md_Tf md_-Tr-50p;0">Yes, this is CSS</span>
	<span class="Fns16 Fnw-l Lnh150p Lts0 C-$reAccent850 md_Ps-a md_L50p md_B-43 md_Tf md_-Tr-50p;0">Yes, this is pure CSS</span>


		<%- include('./burger.ejs') %>

		<div class="Bgc-$core950 Ps-a R0 T-$headerH Ts-$longTs Tf -Trx101p Bd1;s;$brand Bdr-n Bdtlr3u Bdblr3u Mxw50u ^burger:c:~_-Trx0 W50vw P10u;0 md_All-ust @:h<420_P3u;0">

		<h3 class="D-n xl_D M11u;0;0 Fns4u Fnw600 Fnst-n Lnh100p Lts0 C-$accent900 Txa-c">Shorter class names and convenient syntax</h3>

		<div class="D-f Fld-c W100p xl_Gap32 xl_Fld-r xl_Jc-sb xl_M26;0;0">


		<h2 class="M3u;0;0 Fnf-SN;Pro Fns6u Fnw700 Fnst-n Lnh100p Lts0 Txt C-$brand Txa-c Zi1">Installation</h2>

		<toggle-tab class="W100p M5.5u;0;0 Zi1 xl_M50;0;0">

Uh oh!

Conversation

oostap1985 commented Jun 1, 2026

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

mr150 Jun 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

mr150 Jun 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

mr150 Jun 2, 2026 •

edited

Loading

mr150 Jun 2, 2026 •

edited

Loading