Что я сделал не правильно?

Question

[SamKnight]

Нашел интересную работу на codpen - https://codepen.io/jh3y/pen/WNRvqJP
Так как не знаком с PUG STYLUS и BABLEб, попытался я все это переделать в привычный HTML, CSS и JS, но где то накасячил. Люди добрые, посмотрите, что не так - https://drive.google.com/drive/folders/1y8hMKuBIB8...

Comments

[Александр]

Так можно сделать в каждом разделе.

[SamKnight]

Александр, И так тоже пробовал. Не робит(

[SamKnight]

Александр, Везде уже выложил

Answer 1

[Антон Шаманов]

нажми View Compilled во всех 3х окнах и скопируй код

Comments

[SamKnight]

Слайдер появился, но почему то в правом нижнем углу, но это не проблема. Для этого пришлось убрать из JS файла

import gsap from 'https://cdn.skypack.dev/gsap';
import ScrollTrigger from 'https://cdn.skypack.dev/gsap/ScrollTrigger';
import Draggable from 'https://cdn.skypack.dev/gsap/Draggable';

gsap.registerPlugin(ScrollTrigger);
gsap.registerPlugin(Draggable);

А в html файле, в конце тега body, вставить скрипты:

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.2/gsap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.2/ScrollTrigger.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.2/Draggable.min.js"></script>
    <script src="JS/Slider.js"></script> - ссылка на сам js файл

Обьясните, почему? Сделал методом тыка) До JS еще не дошел.

[Антон Шаманов]

SamKnight, дебильный вопрос - даже если я скажу тебе почему тебе это ничего не даст.

[SamKnight]

Спасибо за помощь