Add diplomas and information about them

id-andyyy · Jul 30, 2024 · 23f6577 · 23f6577
1 parent 084cecc
commit 23f6577
Show file tree

Hide file tree

Showing 99 changed files with 121 additions and 66 deletions.
diff --git a/docs/css/style.css b/docs/css/style.css
diff --git a/docs/img/diplomas/diploma1.jpg b/docs/img/diplomas/diploma1.jpg
diff --git a/docs/img/diplomas/diploma1.webp b/docs/img/diplomas/diploma1.webp
diff --git a/docs/img/diplomas/diploma10.jpg b/docs/img/diplomas/diploma10.jpg
diff --git a/docs/img/diplomas/diploma10.webp b/docs/img/diplomas/diploma10.webp
diff --git a/docs/img/diplomas/diploma11.jpg b/docs/img/diplomas/diploma11.jpg
diff --git a/docs/img/diplomas/diploma11.webp b/docs/img/diplomas/diploma11.webp
diff --git a/docs/img/diplomas/diploma12.jpg b/docs/img/diplomas/diploma12.jpg
diff --git a/docs/img/diplomas/diploma12.webp b/docs/img/diplomas/diploma12.webp
diff --git a/docs/img/diplomas/diploma13.jpg b/docs/img/diplomas/diploma13.jpg
diff --git a/docs/img/diplomas/diploma13.webp b/docs/img/diplomas/diploma13.webp
diff --git a/docs/img/diplomas/diploma14.jpg b/docs/img/diplomas/diploma14.jpg
diff --git a/docs/img/diplomas/diploma14.webp b/docs/img/diplomas/diploma14.webp
diff --git a/docs/img/diplomas/diploma15.png b/docs/img/diplomas/diploma15.png
diff --git a/docs/img/diplomas/diploma15.webp b/docs/img/diplomas/diploma15.webp
diff --git a/docs/img/diplomas/diploma16.jpg b/docs/img/diplomas/diploma16.jpg
diff --git a/docs/img/diplomas/diploma16.webp b/docs/img/diplomas/diploma16.webp
diff --git a/docs/img/diplomas/diploma17.png b/docs/img/diplomas/diploma17.png
diff --git a/docs/img/diplomas/diploma17.webp b/docs/img/diplomas/diploma17.webp
diff --git a/docs/img/diplomas/diploma18.png b/docs/img/diplomas/diploma18.png
diff --git a/docs/img/diplomas/diploma18.webp b/docs/img/diplomas/diploma18.webp
diff --git a/docs/img/diplomas/diploma19.jpg b/docs/img/diplomas/diploma19.jpg
diff --git a/docs/img/diplomas/diploma19.webp b/docs/img/diplomas/diploma19.webp
diff --git a/docs/img/diplomas/diploma2.jpg b/docs/img/diplomas/diploma2.jpg
diff --git a/docs/img/diplomas/diploma2.webp b/docs/img/diplomas/diploma2.webp
diff --git a/docs/img/diplomas/diploma20.jpg b/docs/img/diplomas/diploma20.jpg
diff --git a/docs/img/diplomas/diploma20.webp b/docs/img/diplomas/diploma20.webp
diff --git a/docs/img/diplomas/diploma21.jpg b/docs/img/diplomas/diploma21.jpg
diff --git a/docs/img/diplomas/diploma21.webp b/docs/img/diplomas/diploma21.webp
diff --git a/docs/img/diplomas/diploma22.png b/docs/img/diplomas/diploma22.png
diff --git a/docs/img/diplomas/diploma22.webp b/docs/img/diplomas/diploma22.webp
diff --git a/docs/img/diplomas/diploma23.jpg b/docs/img/diplomas/diploma23.jpg
diff --git a/docs/img/diplomas/diploma23.webp b/docs/img/diplomas/diploma23.webp
diff --git a/docs/img/diplomas/diploma24.jpg b/docs/img/diplomas/diploma24.jpg
diff --git a/docs/img/diplomas/diploma24.webp b/docs/img/diplomas/diploma24.webp
diff --git a/docs/img/diplomas/diploma25.png b/docs/img/diplomas/diploma25.png
diff --git a/docs/img/diplomas/diploma25.webp b/docs/img/diplomas/diploma25.webp
diff --git a/docs/img/diplomas/diploma26.png b/docs/img/diplomas/diploma26.png
diff --git a/docs/img/diplomas/diploma26.webp b/docs/img/diplomas/diploma26.webp
diff --git a/docs/img/diplomas/diploma3.jpg b/docs/img/diplomas/diploma3.jpg
diff --git a/docs/img/diplomas/diploma3.webp b/docs/img/diplomas/diploma3.webp
diff --git a/docs/img/diplomas/diploma4.jpg b/docs/img/diplomas/diploma4.jpg
diff --git a/docs/img/diplomas/diploma4.webp b/docs/img/diplomas/diploma4.webp
diff --git a/docs/img/diplomas/diploma5.png b/docs/img/diplomas/diploma5.png
diff --git a/docs/img/diplomas/diploma5.webp b/docs/img/diplomas/diploma5.webp
diff --git a/docs/img/diplomas/diploma6.jpg b/docs/img/diplomas/diploma6.jpg
diff --git a/docs/img/diplomas/diploma6.webp b/docs/img/diplomas/diploma6.webp
diff --git a/docs/img/diplomas/diploma7.jpg b/docs/img/diplomas/diploma7.jpg
diff --git a/docs/img/diplomas/diploma7.webp b/docs/img/diplomas/diploma7.webp
diff --git a/docs/img/diplomas/diploma8.png b/docs/img/diplomas/diploma8.png
diff --git a/docs/img/diplomas/diploma8.webp b/docs/img/diplomas/diploma8.webp
diff --git a/docs/img/diplomas/diploma9.jpg b/docs/img/diplomas/diploma9.jpg
diff --git a/docs/img/diplomas/diploma9.webp b/docs/img/diplomas/diploma9.webp
diff --git a/docs/img/diploms/demo-diplom.jpg b/docs/img/diploms/demo-diplom.jpg
diff --git a/docs/img/diploms/demo-diplom.webp b/docs/img/diploms/demo-diplom.webp
diff --git a/docs/img/diploms/diplom2.jpg b/docs/img/diploms/diplom2.jpg
diff --git a/docs/img/diploms/diplom2.webp b/docs/img/diploms/diplom2.webp
diff --git a/docs/img/diploms/diplom3.jpg b/docs/img/diploms/diplom3.jpg
diff --git a/docs/img/diploms/diplom3.webp b/docs/img/diploms/diplom3.webp
diff --git a/docs/img/diploms/diplom4.jpg b/docs/img/diploms/diplom4.jpg
diff --git a/docs/img/diploms/diplom4.webp b/docs/img/diploms/diplom4.webp
diff --git a/docs/index.html b/docs/index.html
diff --git a/docs/js/index.bundle.js b/docs/js/index.bundle.js
diff --git a/src/data/edu-slider.json b/src/data/edu-slider.json
@@ -1,14 +1,106 @@
 [
   {
-    "filename": "demo-diplom.jpg"
+    "title": "Клиническая (медицинская) психология, УРИПКиП Пермь",
+    "filename": "diploma1.jpg"
   },
   {
-    "filename": "diplom2.jpg"
+    "title": "Психологическое консультирование РУДН Москва",
+    "filename": "diploma2.jpg"
   },
   {
-    "filename": "diplom3.jpg"
+    "title": "Когнитивно-поведенческая психотерапия в психологическом консультировании, Академия психологии и психотерапии, СПб",
+    "filename": "diploma3.jpg"
   },
   {
-    "filename": "diplom4.jpg"
+    "title": "Когнитивно-поведенческая терапия тревожно-фобических расстройств",
+    "filename": "diploma4.jpg"
+  },
+  {
+    "title": "Когнитивно-поведенческая терапия депрессивных расстройств",
+    "filename": "diploma5.png"
+  },
+  {
+    "title": "Когнитивно-поведенческие техники в семейной психотерапии",
+    "filename": "diploma6.jpg"
+  },
+  {
+    "title": "ДПДГ Десенсибилизация и проработка травм движениями глаз",
+    "filename": "diploma7.jpg"
+  },
+  {
+    "title": "ДПДГ при разных заболеваниях",
+    "filename": "diploma8.png"
+  },
+  {
+    "title": "АСТ Терапия принятия и ответственности",
+    "filename": "diploma9.jpg"
+  },
+  {
+    "title": "Краткосрочная терапия принятия и ответственности FACT",
+    "filename": "diploma10.jpg"
+  },
+  {
+    "title": "Как устранить причины созависимости и найти путь к себе",
+    "filename": "diploma11.jpg"
+  },
+  {
+    "title": "Функционально-аналитическая психотерапия. Терапевтические отношения как инструмент изменений",
+    "filename": "diploma12.jpg"
+  },
+  {
+    "title": "Патогенетическая арт-терапия психосоматических расстройств",
+    "filename": "diploma13.jpg"
+  },
+  {
+    "title": "Поведенческая терапия и КПТ тревожных и фобических расстройств",
+    "filename": "diploma14.jpg"
+  },
+  {
+    "title": "Нейропсихология",
+    "filename": "diploma15.png"
+  },
+  {
+    "title": "Консультирование и психотерапия в цифровой сред",
+    "filename": "diploma16.jpg"
+  },
+  {
+    "title": "Работа психолога с депрессивными состояниями",
+    "filename": "diploma17.png"
+  },
+  {
+    "title": "Применение метода ДПДГ в кризисном консультировании",
+    "filename": "diploma18.png"
+  },
+  {
+    "title": "Проблема памяти и деменции в пожилом возрасте. Социально-психологическая помощь пожилым людям и их семьям",
+    "filename": "diploma19.jpg"
+  },
+  {
+    "title": "Мама, отпусти. Честно о старости. Психологическая помощь семье в общении с родственниками, страдающими когнитивными нарушениями",
+    "filename": "diploma20.jpg"
+  },
+  {
+    "title": "Клиническая психология в геронтологии",
+    "filename": "diploma21.jpg"
+  },
+  {
+    "title": "Особенности ухода за дементными больными",
+    "filename": "diploma22.png"
+  },
+  {
+    "title": "Канцерофобия. Как страх умереть мешает жить?",
+    "filename": "diploma23.jpg"
+  },
+  {
+    "title": "МАК – метафорические карты",
+    "filename": "diploma24.jpg"
+  },
+  {
+    "title": "Особенности работы психолога в зоне конфликта",
+    "filename": "diploma25.png"
+  },
+  {
+    "title": "Когнитивно-поведенческая терапия тревожно-фобических расстройств",
+    "filename": "diploma26.png"
   }
 ]
diff --git a/src/html/blocks/education.html b/src/html/blocks/education.html
@@ -22,57 +22,7 @@ <h2 class="education__title section-title">Моё образование</h2>
             </button>
             <div class="modal__title section-title">Документы об образовании</div>
             <ul class="modal__text">
-              <li>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aliquid, consequatur?</li>
-              <li>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Reprehenderit aut vel incidunt quisquam
-                facilis fugiat culpa, quaerat temporibus ad, ipsum enim similique illum, dolores fugit.</li>
-              <li>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Qui voluptatem in repellat autem, illum
-                tempora incidunt ipsa laudantium esse eius.</li>
-              <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus, nam fugit? Perspiciatis earum
-                maiores unde!</li>
-              <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti, nesciunt repellat in unde quibusdam
-                optio inventore facere modi sit qui dolorum, a architecto.</li>
-              <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe harum ipsum sint voluptates deserunt
-                quae dolor veritatis! Ratione, odio!</li>
-              <li>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est iste autem similique consequatur,
-                aspernatur repellat eligendi assumenda?</li>
-              <li>Lorem ipsum dolor, sit amet consectetur adipisicing elit. At voluptatum ex assumenda nisi, neque
-                soluta quos recusandae, alias animi, maiores ipsa facilis consectetur.</li>
-              <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi adipisci enim harum deserunt sed!
-                Obcaecati, deleniti dolorum.</li>
-              <li>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aliquid, consequatur?</li>
-              <li>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Reprehenderit aut vel incidunt quisquam
-                facilis fugiat culpa, quaerat temporibus ad, ipsum enim similique illum, dolores fugit.</li>
-              <li>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Qui voluptatem in repellat autem, illum
-                tempora incidunt ipsa laudantium esse eius.</li>
-              <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus, nam fugit? Perspiciatis earum
-                maiores unde!</li>
-              <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti, nesciunt repellat in unde quibusdam
-                optio inventore facere modi sit qui dolorum, a architecto.</li>
-              <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe harum ipsum sint voluptates deserunt
-                quae dolor veritatis! Ratione, odio!</li>
-              <li>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est iste autem similique consequatur,
-                aspernatur repellat eligendi assumenda?</li>
-              <li>Lorem ipsum dolor, sit amet consectetur adipisicing elit. At voluptatum ex assumenda nisi, neque
-                soluta quos recusandae, alias animi, maiores ipsa facilis consectetur.</li>
-              <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi adipisci enim harum deserunt sed!
-                Obcaecati, deleniti dolorum.</li>
-              <li>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aliquid, consequatur?</li>
-              <li>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Reprehenderit aut vel incidunt quisquam
-                facilis fugiat culpa, quaerat temporibus ad, ipsum enim similique illum, dolores fugit.</li>
-              <li>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Qui voluptatem in repellat autem, illum
-                tempora incidunt ipsa laudantium esse eius.</li>
-              <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus, nam fugit? Perspiciatis earum
-                maiores unde!</li>
-              <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti, nesciunt repellat in unde quibusdam
-                optio inventore facere modi sit qui dolorum, a architecto.</li>
-              <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe harum ipsum sint voluptates deserunt
-                quae dolor veritatis! Ratione, odio!</li>
-              <li>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est iste autem similique consequatur,
-                aspernatur repellat eligendi assumenda?</li>
-              <li>Lorem ipsum dolor, sit amet consectetur adipisicing elit. At voluptatum ex assumenda nisi, neque
-                soluta quos recusandae, alias animi, maiores ipsa facilis consectetur.</li>
-              <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi adipisci enim harum deserunt sed!
-                Obcaecati, deleniti dolorum.</li>
+              @@loop('./../templates/edu-modal.html', './../data/edu-slider.json')
             </ul>
           </div>
         </div>

diff --git a/src/html/templates/edu-modal.html b/src/html/templates/edu-modal.html
@@ -0,0 +1 @@
+<li>@@title</li>
diff --git a/src/html/templates/edu-slider.html b/src/html/templates/edu-slider.html
@@ -1,5 +1,5 @@
 <div class="edu-slider__slide swiper-slide">
   <div class="edu-slider__diplom">
-    <img src="img/diploms/@@filename" alt="Диплом">
+    <img src="img/diplomas/@@filename" alt="@@title">
   </div>
 </div>
diff --git a/src/img/diplomas/diploma1.jpg b/src/img/diplomas/diploma1.jpg
diff --git a/src/img/diplomas/diploma10.jpg b/src/img/diplomas/diploma10.jpg
diff --git a/src/img/diplomas/diploma11.jpg b/src/img/diplomas/diploma11.jpg
diff --git a/src/img/diplomas/diploma12.jpg b/src/img/diplomas/diploma12.jpg
diff --git a/src/img/diplomas/diploma13.jpg b/src/img/diplomas/diploma13.jpg
diff --git a/src/img/diplomas/diploma14.jpg b/src/img/diplomas/diploma14.jpg
diff --git a/src/img/diplomas/diploma15.png b/src/img/diplomas/diploma15.png
diff --git a/src/img/diplomas/diploma16.jpg b/src/img/diplomas/diploma16.jpg
diff --git a/src/img/diplomas/diploma17.png b/src/img/diplomas/diploma17.png
diff --git a/src/img/diplomas/diploma18.png b/src/img/diplomas/diploma18.png
diff --git a/src/img/diplomas/diploma19.jpg b/src/img/diplomas/diploma19.jpg
diff --git a/src/img/diplomas/diploma2.jpg b/src/img/diplomas/diploma2.jpg
diff --git a/src/img/diplomas/diploma20.jpg b/src/img/diplomas/diploma20.jpg
diff --git a/src/img/diplomas/diploma21.jpg b/src/img/diplomas/diploma21.jpg
diff --git a/src/img/diplomas/diploma22.png b/src/img/diplomas/diploma22.png
diff --git a/src/img/diplomas/diploma23.jpg b/src/img/diplomas/diploma23.jpg
diff --git a/src/img/diplomas/diploma24.jpg b/src/img/diplomas/diploma24.jpg
diff --git a/src/img/diplomas/diploma25.png b/src/img/diplomas/diploma25.png
diff --git a/src/img/diplomas/diploma26.png b/src/img/diplomas/diploma26.png
diff --git a/src/img/diplomas/diploma3.jpg b/src/img/diplomas/diploma3.jpg
diff --git a/src/img/diplomas/diploma4.jpg b/src/img/diplomas/diploma4.jpg
diff --git a/src/img/diplomas/diploma5.png b/src/img/diplomas/diploma5.png
diff --git a/src/img/diplomas/diploma6.jpg b/src/img/diplomas/diploma6.jpg
diff --git a/src/img/diplomas/diploma7.jpg b/src/img/diplomas/diploma7.jpg
diff --git a/src/img/diplomas/diploma8.png b/src/img/diplomas/diploma8.png
diff --git a/src/img/diplomas/diploma9.jpg b/src/img/diplomas/diploma9.jpg
diff --git a/src/img/diploms/demo-diplom.jpg b/src/img/diploms/demo-diplom.jpg
diff --git a/src/img/diploms/diplom2.jpg b/src/img/diploms/diplom2.jpg
diff --git a/src/img/diploms/diplom3.jpg b/src/img/diploms/diplom3.jpg
diff --git a/src/img/diploms/diplom4.jpg b/src/img/diploms/diplom4.jpg
diff --git a/src/js/modules/swiper.js b/src/js/modules/swiper.js
@@ -7,20 +7,20 @@ const swiper = new Swiper('.edu-slider', {
   pagination: {
     el: ".swiper-pagination",
     clickable: true,
+    dynamicBullets: true,
   },
 
   simulateTouch: false,
   slidesPerView: 1,
   watchOverflow: true,
   loop: true,
 
-  speed: 500,
+  speed: 300,
 
   effect: 'fade',
   fadeEffect: {
     crossFade: true,
   },
-
 });
 
 export default swiper;
diff --git a/src/scss/blocks/_education.scss b/src/scss/blocks/_education.scss
@@ -9,7 +9,7 @@
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
-    row-gap: adaptive-value(35, 25);
+    row-gap: adaptive-value(35, 15);
   }
 
   &__item {
@@ -42,13 +42,25 @@
     margin: 0 -15px 0;
   }
 
+  &__slide {
+  }
+
   &__diplom {
-    text-align: center;
-    transform: scale(0.8);
+    display: flex;
+    justify-content: center;
+    transform: scale(0.85);
+    height: adaptive-value(500, 300);
 
-    & img {
+    img {
       display: block;
-      width: 100%;
+      max-width: 100%;
+      height: 100%;
+      object-fit: contain;
+    }
+
+    picture {
+      display: flex;
+      justify-content: center;
     }
   }