Merge pull request #49 from nikkypizza/dependabot/npm_and_yarn/fooses…

…hoes/set-value-and-union-value-2.0.1 Bump set-value and union-value in /fooseshoes
nikkypizza · Jun 6, 2024 · 1ac0fa8 · 1ac0fa8
2 parents 517933a + 52f7bcc
commit 1ac0fa8
Show file tree

Hide file tree

Showing 30 changed files with 77 additions and 63 deletions.
diff --git a/fooseshoes/package-lock.json b/fooseshoes/package-lock.json
diff --git a/index.html b/index.html
@@ -54,40 +54,62 @@ <h1 class="header__title">Никита Победоносцев</h1>
     <div class="description">
       <div class="content-wrapper">
         <p>
-          Привет, я&nbsp;&mdash; разработчик интерфейсов. Работаю в&nbsp;<a href="https://sbertech.ru/">Sber Tech</a>, наставничаю на&nbsp;интенсивах по&nbsp;веб-разработке в&nbsp;<a href="https://htmlacademy.ru/">HTML&nbsp;Academy</a>. Люблю <a href="https://jsbench.me/user/nikkypizza">рефакторить и&nbsp;оптимизировать код</a>, учиться новому и&nbsp;делиться знаниями.</p>
+          Привет, я&nbsp;&mdash; разработчик интерфейсов, работаю в&nbsp;<a href="https://ed-industry.ru/">СберОбразовании</a>. <br> Люблю <a href="https://jsbench.me/user/nikkypizza">рефакторить и&nbsp;оптимизировать код</a>, учиться новому и&nbsp;делиться знаниями.</p>
+        <p>
+          2 года был наставником на&nbsp;интенсивах по&nbsp;веб-разработке в&nbsp;<a href="https://htmlacademy.ru/">HTML&nbsp;Academy</a>.
+        </p>
         <p>
           В&nbsp;2018 году закончил <a href="https://academy.yandex.ru/schools/frontend">Школу разработки интерфейсов</a> Яндекса.
         </p>
       </div>
 
       <h2>Рекомендации</h2>
 
-      <ul class="post-list">
+      <ul class="post-list post-list--credence">
         <li class="post-item">
           <span class="post-item__body">
-            <a class="post-item__title" href="./src/media/credence/SberTech.pdf">Sber Tech</a>
+            <a class="post-item__title" href="./src/media/credence/Sber-Tech.pdf">Sber Tech<sup>'23</sup></a>
           </span>
         </li>
         <li class="post-item">
           <span class="post-item__body">
-            <a class="post-item__title" href="./src/media/credence/Flocktory.pdf">Flocktory</a>
+            <a class="post-item__title" href="./src/media/credence/Flocktory.pdf">Flocktory<sup>'21</sup></a>
           </span>
         </li>
         <li class="post-item">
           <span class="post-item__body">
-            <a class="post-item__title" href="./src/media/credence/HTMLacademy.pdf">HTML Academy</a>
+            <a class="post-item__title" href="./src/media/credence/HTMLacademy.pdf">HTML Academy<sup>'21</sup></a>
           </span>
         </li>
         <li class="post-item">
           <span class="post-item__body">
-            <a class="post-item__title" href="./src/media/credence/BMWRussia.pdf">BMW Russia</a>
+            <a class="post-item__title" href="./src/media/credence/BMWRussia.pdf">BMW Russia<sup>'20</sup></a>
           </span>
         </li>
       </ul>
     </div>
 
     <section class="deeds">
-      <h2><a href="https://spark.ru/startup/flocktory">Flocktory</a> <small class="note">2019-2021</small></h2>
+      <h2>Контесты</h2>
+
+      <ul class="post-list">
+        <li class="post-item">
+          <a class="post-item__title codewars" title="Codewars: nikkypizza" href="https://www.codewars.com/users/nikkypizza"></a> — Codewars
+        </li>
+        <li class="post-item">
+          <a class="post-item__title cssbattle" title="CSS Battle: nikkypizza" href="https://cssbattle.dev/player/nikkypizza">nikkypizza</a> — CSS Battle
+        </li>
+      </ul>
+
+      <h2><a href="https://ed-industry.ru/">СберОбразование</a> <small class="note">2023 —</small></h2>
+
+      <ul class="post-list">
+        <li class="post-item">
+          <cv-presenter summary="PizzaChart — интерактивная круговая диаграмма на svg" media="./src/media/video/pizza-chart/pizza-chart.mp4"></cv-presenter>
+        </li>
+      </ul>
+
+      <h2><a href="https://spark.ru/startup/flocktory">Flocktory</a> <small class="note">2019 — 2021</small></h2>
 
       <ul class="post-list">
         <li class="post-item">
@@ -132,38 +154,32 @@ <h2><a href="https://spark.ru/startup/flocktory">Flocktory</a> <small class="not
         </li>
       </ul>
 
-      <h2>Разное</h2>
+      <h2>Архив</h2>
 
       <ul class="post-list">
         <li class="post-item">
-          <a class="post-item__title codewars" title="Codewars: nikkypizza" href="https://www.codewars.com/users/nikkypizza"></a> — Codewars
-        </li>
-        <li class="post-item">
-          <a class="post-item__title cssbattle" title="CSS Battle: nikkypizza" href="https://cssbattle.dev/player/nikkypizza"></a> — CSS Battle
+          <a class="post-item__title" href="https://six-cities-react-nikkypizza.vercel.app/">Six Cities<sup>'21</sup></a> — HTML Academy React <small class="note">/desktop</small> <small class="note"><a href="https://github.com/nikkypizza/six-cities-react/tree/master/project" target="_blank">/repo</a></small>
         </li>
         <li class="post-item">
-          <a class="post-item__title" href="https://six-cities-react-nikkypizza.vercel.app/">Six Cities</a> — HTML Academy React <small class="note">/desktop</small> <small class="note"><a href="https://github.com/nikkypizza/six-cities-react/tree/master/project" target="_blank">/repo</a></small>
+          <a class="post-item__title" href="./src/media/JIT-final.key">Презентация.key по&nbsp;итоговому проекту Яндекс.Трекера<sup>'18</sup></a> — Яндекс. Школа Разработки Интерфейсов.
         </li>
         <li class="post-item">
-          <a class="post-item__title" href="./src/media/JIT-final.key">Презентация.key по&nbsp;итоговому проекту Я.Трекера</a> — Яндекс. Школа Разработки Интерфейсов.
+          <a class="post-item__title" href="https://nikkypizza.github.io/shri-2018-II-task-1">Лента событий умного дома<sup>'18</sup></a> — Яндекс. Школа Разработки Интерфейсов. <small class="note">/adaptive</small>
         </li>
         <li class="post-item">
-          <a class="post-item__title" href="https://nikkypizza.github.io/shri-2018-II-task-1">Лента событий умного дома</a> — Яндекс. Школа Разработки Интерфейсов. <small class="note">/adaptive</small>
+          <a class="post-item__title" href="https://nikkypizza.github.io/task-2.2-shri_msk_2018">Вступительное задание по верстке<sup>'18</sup></a> — Яндекс. Школа Разработки Интерфейсов. <small class="note">/adaptive</small>
         </li>
         <li class="post-item">
-          <a class="post-item__title" href="https://nikkypizza.github.io/task-2.2-shri_msk_2018">Вступительное задание по верстке</a> — Яндекс. Школа Разработки Интерфейсов. <small class="note">/adaptive</small>
+          <a class="post-item__title" href="https://nikkypizza.github.io/Kekstagram--js/">Kekstagram<sup>'18</sup></a> — HTML Academy JS-1 <small class="note">/desktop</small>
         </li>
         <li class="post-item">
-          <a class="post-item__title" href="https://nikkypizza.github.io/Kekstagram--js/">Kekstagram</a> — HTML Academy JS-1 <small class="note">/desktop</small>
-        </li>
-        <li class="post-item">
-          <a class="post-item__title" href="https://nikkypizza.github.io/Mishka--css/">Mishka</a> — HTML Academy HTML&CSS-2 <small class="note">/adaptive</small>
+          <a class="post-item__title" href="https://nikkypizza.github.io/Mishka--css/">Mishka<sup>'17</sup></a> — HTML Academy HTML&CSS-2 <small class="note">/adaptive</small>
         </li>
         <!-- <li class="post-item">
           <a class="post-item__title" href="https://nikkypizza.github.io/Sedona">Sedona</a> — HTML Academy HTML&CSS-1 <small class="note">/desktop</small>
         </li> -->
         <li class="post-item">
-          <a class="post-item__title" href="https://nikkypizza.github.io/fooseshoes">Fooseshoes</a> — Титульная страница магазина обуви <small class="note">/adaptive</small>
+          <a class="post-item__title" href="https://nikkypizza.github.io/fooseshoes">Fooseshoes<sup>'17</sup></a> — Титульная страница магазина обуви <small class="note">/adaptive</small>
         </li>
       </ul>
 
@@ -178,18 +194,23 @@ <h2>Разное</h2>
   <script src="./src/web-components/cv-presenter/index.js" type="module"></script>
   <script>
     const codewarsNode = document.querySelector('.codewars');
-    const cssBattleNode = document.querySelector('.cssbattle');
-
-    fetch('https://cssbattle.dev/api/getRank?userId=8icQsvYbk0ZtKe1uUM6RPSLJtAd2')
-      .then(res => res.json())
-      .then(({ score, rank }) => cssBattleNode.textContent = (`score: ${new Intl.NumberFormat('ru-RU').format(Math.round(score))}, rank: #${rank}`))
-      .catch((e) => cssBattleNode.textContent = 'nikkypizza');
-
     fetch('https://www.codewars.com/api/v1/users/nikkypizza')
       .then((res) => res.json())
-      .then(({ranks: {overall: {name}}, honor}) => codewarsNode.textContent = `${name}, honor: ${honor}`)
+      .then(({ ranks: { overall: { name } }, codeChallenges: { totalCompleted }, honor }) => codewarsNode.textContent = `${name}, completed: ${totalCompleted}, honor: ${honor}`)
       .catch((e) => codewarsNode.textContent = 'nikkypizza');
+
+    // Апишку CSSBattle закрыли корсом :'(
+
+    /*
+     const cssBattleNode = document.querySelector('.cssbattle');
+
+     fetch('https://us-central1-cssbattleapp.cloudfunctions.net/getRank?userId=8icQsvYbk0ZtKe1uUM6RPSLJtAd2')
+     fetch('https://cssbattle.dev/api/getRank?userId=8icQsvYbk0ZtKe1uUM6RPSLJtAd2')
+       .then(res => res.json())
+       .then(({ score, rank }) => cssBattleNode.textContent = (`score: ${new Intl.NumberFormat('ru-RU').format(Math.round(score))}, rank: #${rank}`))
+       .catch((e) => cssBattleNode.textContent = 'nikkypizza');
+    */
   </script>
 </body>
 
-</html>
+</html>
diff --git a/media/JIT-final.key b/media/JIT-final.key
diff --git a/media/credence/BMWRussia.pdf b/media/credence/BMWRussia.pdf
diff --git a/media/credence/Flocktory.pdf b/media/credence/Flocktory.pdf
diff --git a/media/credence/HTMLacademy.pdf b/media/credence/HTMLacademy.pdf
diff --git a/media/favicons/android-chrome-192x192.png b/media/favicons/android-chrome-192x192.png
diff --git a/media/favicons/android-chrome-512x512.png b/media/favicons/android-chrome-512x512.png
diff --git a/media/favicons/apple-touch-icon.png b/media/favicons/apple-touch-icon.png
diff --git a/media/favicons/favicon-16x16.png b/media/favicons/favicon-16x16.png
diff --git a/media/favicons/favicon-32x32.png b/media/favicons/favicon-32x32.png
diff --git a/media/favicons/favicon.ico b/media/favicons/favicon.ico
diff --git a/media/favicons/site.webmanifest b/media/favicons/site.webmanifest
diff --git a/media/img/email_collector.png b/media/img/email_collector.png
diff --git a/media/img/email_markup.png b/media/img/email_markup.png
diff --git a/media/img/spinner.svg b/media/img/spinner.svg
diff --git a/media/video/exchange.mp4 b/media/video/exchange.mp4
diff --git a/media/video/file-generator.mp4 b/media/video/file-generator.mp4
diff --git a/media/video/lottery.mp4 b/media/video/lottery.mp4
diff --git a/media/video/quiz.mp4 b/media/video/quiz.mp4
diff --git a/media/video/stories.mp4 b/media/video/stories.mp4
diff --git a/media/video/tree.mp4 b/media/video/tree.mp4
diff --git a/media/video/unsub.mp4 b/media/video/unsub.mp4
diff --git a/media/video/wheel.mp4 b/media/video/wheel.mp4
diff --git a/media/credence/SberTech.pdf → src/media/credence/Sber-Tech.pdf b/media/credence/SberTech.pdf → src/media/credence/Sber-Tech.pdf
diff --git a/src/media/video/pizza-chart/after.mp4 b/src/media/video/pizza-chart/after.mp4
diff --git a/src/media/video/pizza-chart/before.mp4 b/src/media/video/pizza-chart/before.mp4
diff --git a/src/media/video/pizza-chart/pizza-chart.mp4 b/src/media/video/pizza-chart/pizza-chart.mp4
diff --git a/src/styles/main.css b/src/styles/main.css
@@ -18,7 +18,8 @@
 body {
   color: #222;
   font-size: 16px;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,
+    sans-serif;
   text-rendering: geometricPrecision;
   margin: 0;
   padding: 3rem 0;
@@ -101,6 +102,12 @@ label {
   box-sizing: border-box;
 }
 
+.post-list--credence {
+  display: grid;
+  column-gap: 30px;
+  grid-template-columns: fit-content(150px) fit-content(150px);
+}
+
 .post-list,
 .content-wrapper {
   padding: 0;
@@ -134,24 +141,24 @@ label {
 }
 
 .deeds,
-#toggle-deeds:checked~.content .description,
+#toggle-deeds:checked ~ .content .description,
 .footer .link--back {
   display: none;
 }
 
-#toggle-deeds:checked~.content .deeds,
-#toggle-deeds:checked~.footer .link--back {
+#toggle-deeds:checked ~ .content .deeds,
+#toggle-deeds:checked ~ .footer .link--back {
   display: block;
 }
 
-#toggle-deeds~.header .toggler-label::after {
+#toggle-deeds ~ .header .toggler-label::after {
   content: 'Работы';
 }
 
-#toggle-deeds:checked~.header .toggler-label::after {
+#toggle-deeds:checked ~ .header .toggler-label::after {
   content: 'Назад к описанию';
 }
 
-#toggle-deeds:focus~.header .toggler-label {
+#toggle-deeds:focus ~ .header .toggler-label {
   text-decoration: none;
-}
+}
diff --git a/src/web-components/cv-presenter/cv-presenter.css b/src/web-components/cv-presenter/cv-presenter.css
@@ -20,9 +20,11 @@ a {
   margin: 10px 0;
 }
 
-img, video {
+img,
+video {
   width: 100%;
   display: block;
   height: auto;
   max-width: fit-content;
-}
+  max-height: 800px;
+}