smig/odin-codespace
1
0
Fork 0
mirror of https://gitea.smigz.com/smiggiddy/odin-codeprojects.git synced 2024-12-26 22:30:44 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: carousel class

Browse source
This commit is contained in:
Mike 2024-01-10 01:15:11 -05:00
parent 0d843d6aa3
commit 2562bd4188
5 changed files with 5092 additions and 5065 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
dynamicProgrammingExamples/.prettierrc Normal file
View file

@ -0,0 +1,3 @@
{
"tabWidth": 4
}

21
dynamicProgrammingExamples/src/components/imageCarousel.js Normal file
View file

@ -0,0 +1,21 @@
class Carousel {
constructor() {
this.container = document.createElement("div");
this.setupCarouselStructure();
}
setupCarouselStructure() {
this.container.classList.add("container");
this.container.style.height = "60vh";
this.carousel = document.createElement("div");
this.carousel.classList.add("carousel");
this.container.append(this.carousel);
}
getCarousel = () => this.container;
}
export { Carousel };

5
dynamicProgrammingExamples/src/index.js
View file

@ -1,3 +1,4 @@
import { Carousel } from "./components/imageCarousel";
import { DropDown } from "./components/dropDown";
import { Menu } from "./components/mobileMenu";
import "./style.css";
@ -14,14 +15,16 @@ function website() {
const _menu = ["main", "about", "store", "blog", "contact"];
const dropdown = new DropDown(_menu);
const mobile = new Menu(_menu);
const carouselObj = new Carousel();
const div = dropdown.dropdownComponent();
const h1 = document.createElement("h1");
const carousel = carouselObj.getCarousel();
h1.textContent = "DEEZ NUTS MAN";
const menuMobile = mobile.buildMenu();
document.body.append(menuMobile, div, h1);
document.body.append(menuMobile, div, h1, carousel);
}
fontAwesome();