From 28a49973acea954cec225b3f7a637931fd16ba2c Mon Sep 17 00:00:00 2001
From: Kopyl Anatoly <kopyl.a@selectel.ru>
Date: Wed, 11 Dec 2024 19:44:48 +0300
Subject: [PATCH] Make id have impact

---
 src/routes/Projects/Projects.svelte | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/routes/Projects/Projects.svelte b/src/routes/Projects/Projects.svelte
index f0e7967..0d6825a 100644
--- a/src/routes/Projects/Projects.svelte
+++ b/src/routes/Projects/Projects.svelte
@@ -1,19 +1,30 @@
 <script lang="ts">
-  import {t} from "$lib/translations";
+  import { onMount } from "svelte";
+  import { t } from "$lib/translations";
   import Project from "./Project.svelte";
-  import {projects} from "./projects";
+  import { projects } from "./projects";
+
+  let wrapperClass = "grid gap-8 md:grid-cols-2 lg:grid-cols-3";
+
+  onMount(() => {
+    window.ym(88895893, "getClientID", function (clientID) {
+      const university_test_group =
+        Number(clientID.slice(-1)) % 2 === 0 ? "a" : "b";
+      if (university_test_group === "b") {
+        wrapperClass = `${wrapperClass} lg:grid-cols-2!`;
+      }
+    });
+  });
 </script>
 
 <section class="px-2 md:px-8 mb-16 max-w-[1280px] mx-auto">
   <h2 class="text-3xl mb-4 md:text-4xl">
-    {$t('projects.h')}
+    {$t("projects.h")}
   </h2>
 
-  <div class="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
+  <div class={wrapperClass}>
     {#each projects as project}
-      <Project
-        project={project}
-      ></Project>
+      <Project {project}></Project>
     {/each}
   </div>
 </section>