diff --git a/Readme.md b/Readme.md
deleted file mode 100644
index 90148aa6..00000000
--- a/Readme.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Disney+ Clone
-Com este mini-projeto você poderá praticar os seus conhecimentos de HTML, CSS e Javascript recriando a página inicial da plataforma de stream Disney+ .
-
-Para iniciar, faça o fork deste repositório para a sua conta e, da sua conta no Github, clone os arquivos para a sua máquina local.
-
-Assista aos vídeos do desenvolvimento desta página no canal da Hello Codes
-
-
-
-
+
`
diff --git a/project/assets/js/components/user-profile.js b/assets/js/components/user-profile.js
similarity index 73%
rename from project/assets/js/components/user-profile.js
rename to assets/js/components/user-profile.js
index 8474afb9..18bdbe0d 100644
--- a/project/assets/js/components/user-profile.js
+++ b/assets/js/components/user-profile.js
@@ -2,11 +2,11 @@ const UserProfile = (props) => {
return `
- `
-}
+ `;
+};
export default UserProfile
diff --git a/project/assets/js/modules/banner-slider.js b/assets/js/modules/banner-slider.js
similarity index 69%
rename from project/assets/js/modules/banner-slider.js
rename to assets/js/modules/banner-slider.js
index 5b8320df..9b230ff9 100644
--- a/project/assets/js/modules/banner-slider.js
+++ b/assets/js/modules/banner-slider.js
@@ -1,10 +1,11 @@
const bannerSliderModule = () => {
- const sliderItems = document.querySelectorAll('[data-banner="item"]')
+ const sliderItems = document.querySelectorAll('[data-banner="item"]');
const slider = document.querySelector('[data-banner="slider"]')
const btnNext = document.querySelector('[data-banner="btn-next"]')
const btnPrevious = document.querySelector('[data-banner="btn-previous"]')
const btnControls = document.querySelectorAll('[data-banner="btn-control"]')
const imgTitles = document.querySelectorAll('[data-banner="img-title"]')
+
const state = {
mouseDownPosition: 0,
movementPosition: 0,
@@ -12,184 +13,202 @@ const bannerSliderModule = () => {
currentSliderPosition: 0,
currentSlideIndex: 0
}
-
+
function translateSlide(position) {
state.lastTranslatePosition = position
slider.style.transform = `translateX(${position}px)`
}
-
+
function getCenterPosition(index) {
const slide = sliderItems[index]
const margin = (document.body.clientWidth - slide.offsetWidth) / 2
const centerPosition = margin - (slide.offsetWidth * index)
return centerPosition
}
-
+
function animateTransition(active) {
- if(active) {
- slider.style.transition = 'transform .3s'
+ if (active) {
+ slider.style.transition = "transform 0.3s"
} else {
- slider.style.removeProperty('transition')
+ slider.style.removeProperty("transition")
}
}
-
+
function activeControlButton(index) {
- btnControls.forEach(function(item) {
+ btnControls.forEach(function (item) {
item.classList.remove('active')
})
const btnControl = btnControls[index]
btnControl.classList.add('active')
}
-
+
function activeImageTitle(index) {
- imgTitles.forEach(function(item) {
+ imgTitles.forEach(function (item) {
item.classList.remove('active')
})
const imgTitle = imgTitles[index]
imgTitle.classList.add('active')
}
-
+
const activeCurrentSlides = () => {
sliderItems.forEach((slide, slideIndex) => {
slide.classList.remove('active')
- if(slideIndex === state.currentSlideIndex) {
+ if (slideIndex === state.currentSlideIndex) {
slide.classList.add('active')
}
})
}
-
+
function setArrowButtonsDisplay() {
btnPrevious.style.display = state.currentSlideIndex === 0 ? 'none' : 'block'
btnNext.style.display = state.currentSlideIndex === (sliderItems.length - 1) ? 'none' : 'block'
}
-
+
function setVisibleSlide(index) {
state.currentSlideIndex = index
- const postion = getCenterPosition(index)
+ const position = getCenterPosition(index)
activeCurrentSlides()
setArrowButtonsDisplay()
activeControlButton(index)
activeImageTitle(index)
animateTransition(true)
- translateSlide(postion)
+ translateSlide(position)
}
-
+
function forwardSlide() {
- if(state.currentSlideIndex < sliderItems.length - 1) {
+ if (state.currentSlideIndex < sliderItems.length - 1) {
setVisibleSlide(state.currentSlideIndex + 1)
+
} else {
setVisibleSlide(state.currentSlideIndex)
- }
+ }
}
-
+
function backwardSlide() {
- if(state.currentSlideIndex > 0) {
+ if (state.currentSlideIndex > 0) {
setVisibleSlide(state.currentSlideIndex - 1)
+
} else {
setVisibleSlide(state.currentSlideIndex)
}
}
-
+
function preventDefault(event) {
- event.preventDefault()
+ event.preventDefault();
}
-
+
function onControlButtonClick(event, index) {
setVisibleSlide(index)
}
-
+
+ //Botão do mouser sendo precionado
function onMouseDown(event, index) {
- const slide = event.currentTarget
+ const slide = event.currentTarget;
state.mouseDownPosition = event.clientX
state.currentSliderPosition = event.clientX - state.lastTranslatePosition
state.currentSlideIndex = index
animateTransition(false)
- slide.addEventListener('mousemove', onMouseMove)
+ slide.addEventListener("mousemove", onMouseMove);
}
-
- function onMouseMove (event) {
+
+
+
+ //Mouser movendo em cima do elemento (slider)
+ function onMouseMove(event) {
state.movementPosition = event.clientX - state.mouseDownPosition
translateSlide(event.clientX - state.currentSliderPosition)
}
-
- function onMouseUp (event) {
- const slide = event.currentTarget
+
+ //Botão do mouser sendo solto
+ function onMouseUp(event) {
+ const slide = event.currentTarget;
const movementQtd = event.type.includes('touch') ? 50 : 150
- if(state.movementPosition > movementQtd) {
+ if (state.movementPosition > movementQtd) {
backwardSlide()
- } else if(state.movementPosition < -movementQtd) {
+ } else if (state.movementPosition < -movementQtd) {
forwardSlide()
} else {
setVisibleSlide(state.currentSlideIndex)
}
state.movementPosition = 0
- slide.removeEventListener('mousemove', onMouseMove)
+ slide.removeEventListener("mousemove", onMouseMove);
}
-
- function onMouseLeave (event) {
- const slide = event.currentTarget
- slide.removeEventListener('mousemove', onMouseMove)
+
+ // Quando o Mouser saiu de cima do elemento
+ function onMouseLeave(event) {
+ const slide = event.currentTarget;
+ slide.removeEventListener("mousemove", onMouseMove);
}
-
+
+ function onResizeWindow() {
+ setVisibleSlide(state.currentSlideIndex)
+ }
+
function onTouchStart(event, index) {
- const slide = event.currentTarget
+ const slide = event.currentTarget;
slide.addEventListener('touchmove', onTouchMove)
event.clientX = event.touches[0].clientX
onMouseDown(event, index)
}
-
+
function onTouchMove(event) {
event.clientX = event.touches[0].clientX
onMouseMove(event)
}
-
+
function onTouchEnd(event) {
- const slide = event.currentTarget
+ const slide = event.currentTarget;
slide.removeEventListener('touchmove', onTouchMove)
onMouseUp(event)
}
-
- function onResizeWindow() {
- setVisibleSlide(state.currentSlideIndex)
- }
-
+
function setListeners() {
btnNext.addEventListener('click', forwardSlide)
btnPrevious.addEventListener('click', backwardSlide)
- sliderItems.forEach(function(slide, index) {
- const link = slide.querySelector('.banner-slider__link')
- link.addEventListener('click', preventDefault)
- slide.addEventListener('dragstart', preventDefault)
- slide.addEventListener('mousedown', function(event) {
+
+ sliderItems.forEach(function (slide, index) {
+ const link = slide.querySelector(".banner-slider__link");
+ link.addEventListener("click", preventDefault);
+
+ slide.addEventListener("dragstart", preventDefault);
+
+ slide.addEventListener("mousedown", function (event) {
onMouseDown(event, index)
- })
- slide.addEventListener('mouseup', onMouseUp)
- slide.addEventListener('mouseleave', onMouseLeave)
- btnControls[index].addEventListener('click', function(event) {
+ });
+
+ slide.addEventListener("mouseup", onMouseUp);
+
+ slide.addEventListener("mouseleave", onMouseLeave);
+
+ btnControls[index].addEventListener('click', function (event) {
onControlButtonClick(event, index)
})
- slide.addEventListener('touchstart', function(event) {
+
+ slide.addEventListener('touchstart', function (event) {
onTouchStart(event, index)
})
+
slide.addEventListener('touchend', onTouchEnd)
- })
+ });
+
let resizeTimeOut;
- window.addEventListener('resize', function(event) {
+ window.addEventListener('resize', function (event) {
clearTimeout(resizeTimeOut)
- resizeTimeOut = setTimeout(function() {
+ resizeTimeOut = setTimeout(function () {
onResizeWindow()
- }, 1000)
+ }, 500)
})
}
-
+
function init() {
setVisibleSlide(2)
setListeners()
}
-
+
return {
init
}
}
export default bannerSliderModule
+
diff --git a/project/assets/js/modules/collections.js b/assets/js/modules/collections.js
similarity index 90%
rename from project/assets/js/modules/collections.js
rename to assets/js/modules/collections.js
index a042b581..54919593 100644
--- a/project/assets/js/modules/collections.js
+++ b/assets/js/modules/collections.js
@@ -1,19 +1,20 @@
-const collectionsModule = () => {
+const collectionModule = () => {
+
const collections = document.querySelectorAll('[data-carousel="collection"]')
const collectionData = []
let currentCollectionIndex = 0
let itemsPerSlide = 5
-
+
const preventDefault = (event) => {
event.preventDefault()
}
-
+
const translateSlide = (position) => {
const { state, carouselList } = collectionData[currentCollectionIndex]
state.lastTranslatePosition = position
carouselList.style.transform = `translateX(${position}px)`
}
-
+
const getCenterPosition = (slideIndex) => {
const { state, carouselItems } = collectionData[currentCollectionIndex]
const item = carouselItems[state.currentItemIndex]
@@ -23,39 +24,39 @@ const collectionsModule = () => {
const margin = (bodyWidth - slideWidth) / 2
return margin - (slideWidth * slideIndex)
}
-
+
const getLastSlideIndex = () => {
const { carouselItems } = collectionData[currentCollectionIndex]
const lastItemIndex = carouselItems.length - 1
return Math.floor(lastItemIndex / itemsPerSlide)
}
-
+
const animateTransition = (active) => {
const { carouselList } = collectionData[currentCollectionIndex]
- if(active) {
+ if (active) {
carouselList.style.transition = 'transform .3s'
} else {
carouselList.style.removeProperty('transition')
}
}
-
+
const activeCurrentItems = () => {
const { carouselItems, state } = collectionData[currentCollectionIndex]
carouselItems.forEach((item, itemIndex) => {
item.classList.remove('active')
const firstItemIndex = state.currentSlideIndex * itemsPerSlide
- if(itemIndex >= firstItemIndex && itemIndex < firstItemIndex + itemsPerSlide) {
+ if (itemIndex >= firstItemIndex && itemIndex < firstItemIndex + itemsPerSlide) {
item.classList.add('active')
}
})
}
-
+
const setArrowButtonsDisplay = () => {
const { btnPrevious, btnNext, state } = collectionData[currentCollectionIndex]
btnPrevious.style.display = state.currentSlideIndex === 0 ? 'none' : 'block'
btnNext.style.display = state.currentSlideIndex === getLastSlideIndex() ? 'none' : 'block'
}
-
+
const setVisibleSlide = (slideIndex) => {
const { state } = collectionData[currentCollectionIndex]
state.currentSlideIndex = slideIndex
@@ -65,7 +66,7 @@ const collectionsModule = () => {
animateTransition(true)
translateSlide(centerPosition)
}
-
+
const backwardSlide = () => {
const { state } = collectionData[currentCollectionIndex]
if (state.currentSlideIndex > 0) {
@@ -74,7 +75,7 @@ const collectionsModule = () => {
setVisibleSlide(state.currentSlideIndex)
}
}
-
+
const forwardSlide = () => {
const { state } = collectionData[currentCollectionIndex]
const lastSlideIndex = getLastSlideIndex()
@@ -84,7 +85,7 @@ const collectionsModule = () => {
setVisibleSlide(state.currentSlideIndex)
}
}
-
+
const onMouseDown = (event, itemIndex) => {
const { state } = collectionData[currentCollectionIndex]
const item = event.currentTarget
@@ -94,17 +95,17 @@ const collectionsModule = () => {
animateTransition(false)
item.addEventListener('mousemove', onMouseMove)
}
-
+
const onMouseMove = (event) => {
const { state } = collectionData[currentCollectionIndex]
state.movement = event.clientX - state.mouseDownPosition
const position = event.clientX - state.currentSlidePosition
translateSlide(position)
}
-
+
const onMouseUp = (event) => {
const { state } = collectionData[currentCollectionIndex]
- if(state.movement > 150) {
+ if (state.movement > 150) {
backwardSlide()
} else if (state.movement < -150) {
forwardSlide()
@@ -115,35 +116,35 @@ const collectionsModule = () => {
const item = event.currentTarget
item.removeEventListener('mousemove', onMouseMove)
}
-
+
const onMouseLeave = (event) => {
const item = event.currentTarget
item.removeEventListener('mousemove', onMouseMove)
}
-
+
const onTouchStart = (event, itemIndex) => {
- const item = event.currentTarget
+ const item = event.currentTarget;
item.addEventListener('touchmove', onTouchMove)
event.clientX = event.touches[0].clientX
onMouseDown(event, itemIndex)
}
-
+
const onTouchMove = (event) => {
event.clientX = event.touches[0].clientX
onMouseMove(event)
}
-
+
const onTouchEnd = (event) => {
- const item = event.currentTarget
+ const item = event.currentTarget;
item.removeEventListener('touchmove', onTouchMove)
onMouseUp(event)
}
-
+
const insertCollectionData = (collection) => {
collectionData.push({
carouselList: collection.querySelector('[data-carousel="list"]'),
carouselItems: collection.querySelectorAll('[data-carousel="item"]'),
- btnPrevious: collection.querySelector('[data-carousel="btn-previous"]'),
+ btnPrevious: collection.querySelector('[data-carousel="btn-previous"]'),
btnNext: collection.querySelector('[data-carousel="btn-next"]'),
state: {
mouseDownPosition: 0,
@@ -151,33 +152,33 @@ const collectionsModule = () => {
lastTranslatePosition: 0,
currentSlidePosition: 0,
currentItemIndex: 0,
- currentSlideIndex: 0
+ currentSlideIndex: 0,
}
})
}
-
+
const setItemsPerSlide = () => {
- if(document.body.clientWidth < 1024) {
+ if (document.body.clientWidth < 1024) {
itemsPerSlide = 2
return
}
itemsPerSlide = 5
}
-
+
const setWindowResizeListener = () => {
let resizeTimeOut;
- window.addEventListener('resize', function(event) {
+ window.addEventListener('resize', function (event) {
clearTimeout(resizeTimeOut)
- resizeTimeOut = setTimeout(function() {
+ resizeTimeOut = setTimeout(function () {
setItemsPerSlide()
collections.forEach((_, collectionIndex) => {
currentCollectionIndex = collectionIndex
setVisibleSlide(0)
})
- }, 1000)
+ }, 500)
})
}
-
+
const setListeners = (collectionIndex) => {
const { btnNext, btnPrevious, carouselItems } = collectionData[collectionIndex]
btnNext.addEventListener('click', () => {
@@ -198,14 +199,14 @@ const collectionsModule = () => {
})
item.addEventListener('mouseup', onMouseUp)
item.addEventListener('mouseleave', onMouseLeave)
- item.addEventListener('touchstart', function(event) {
+ item.addEventListener('touchstart', function (event) {
currentCollectionIndex = collectionIndex
onTouchStart(event, itemIndex)
})
item.addEventListener('touchend', onTouchEnd)
})
}
-
+
const init = () => {
setItemsPerSlide()
setWindowResizeListener()
@@ -216,10 +217,10 @@ const collectionsModule = () => {
setVisibleSlide(0)
})
}
-
+
return {
init
}
}
-export default collectionsModule
+export default collectionModule
diff --git a/project/assets/js/modules/header.js b/assets/js/modules/header.js
similarity index 78%
rename from project/assets/js/modules/header.js
rename to assets/js/modules/header.js
index c5cc7cbd..fb4b6f0d 100644
--- a/project/assets/js/modules/header.js
+++ b/assets/js/modules/header.js
@@ -1,12 +1,13 @@
const headerModule = () => {
- const header = document.querySelector('[data-header]')
+ const header = document.querySelector('[data-header]');
const openNavSubmenu = document.querySelector('[data-open-navsubmenu]')
const navSubmenu = document.querySelector('[data-navsubmenu]')
- const openUserMenu = document.querySelector('[data-open-usermenu]')
const userMenu = document.querySelector('[data-usermenu]')
+ const operUserMenu = document.querySelector('[data-open-usermenu]')
- function onWindowScroll () {
- if(window.scrollY > 20) {
+
+ function onWindowScroll() {
+ if (window.scrollY > 20) {
header.style.backgroundColor = '#0C0D14'
} else {
header.style.backgroundColor = 'transparent'
@@ -26,7 +27,7 @@ const headerModule = () => {
function setListeners() {
window.addEventListener('scroll', onWindowScroll)
openNavSubmenu.addEventListener('touchstart', onTouchOpenNavSubmenu)
- openUserMenu.addEventListener('touchstart', onTouchOpenUserMenu)
+ operUserMenu.addEventListener('touchstart', onTouchOpenUserMenu)
}
function init() {
diff --git a/project/assets/js/pages/home.js b/assets/js/pages/home.js
similarity index 64%
rename from project/assets/js/pages/home.js
rename to assets/js/pages/home.js
index 7fc06633..e2a2fce3 100644
--- a/project/assets/js/pages/home.js
+++ b/assets/js/pages/home.js
@@ -1,15 +1,15 @@
-import UserProfile from '../components/user-profile.js'
-import BannerSliderItem from '../components/banner-slider-item.js'
-import ControlSliderItem from '../components/control-slider-item.js'
-import Collection from '../components/collection.js'
-import MovieCarouselItem from '../components/movie-carousel-item.js'
-import bannerSliderModule from '../modules/banner-slider.js'
-import collectionModule from '../modules/collections.js'
-import headerModule from '../modules/header.js'
+import UserProfile from "../components/user-profile.js";
+import BannerSliderItem from "../components/banner-slider-item.js";
+import ControlSliderItem from "../components/control-slider-item.js"
+import Collection from "../components/collections.js"
+import MovieCarouselItem from "../components/movie-carousel-item.js"
+import bannerSliderModule from "../modules/banner-slider.js"
+import collectionModule from "../modules/collections.js"
+import headerModule from "../modules/header.js"
const Home = (data) => {
const userProfilesElement = document.querySelector('[data-usermenu="user-profiles"]')
- const controlsSliderElement = document.querySelector('[data-banner="controls"]')
+ const controlsSliderelement = document.querySelector('[data-banner="controls"]')
const bannerSliderElement = document.querySelector('[data-banner="slider"]')
const collectionsElement = document.querySelector('[data-carousel="collections"]')
const { banners, categories, movies, userProfiles } = data
@@ -20,7 +20,7 @@ const Home = (data) => {
for (const banner of banners) {
bannerSliderElement.innerHTML += BannerSliderItem(banner)
- controlsSliderElement.innerHTML += ControlSliderItem()
+ controlsSliderelement.innerHTML += ControlSliderItem()
}
for (const category of categories) {
@@ -28,7 +28,7 @@ const Home = (data) => {
const collectionElement = document.querySelector(`[data-id="${category.id}"]`)
const movieCarouselListElement = collectionElement.querySelector('[data-carousel="list"]')
const collectionMovies = movies.filter((movie) => movie.categories.includes(category.id))
- for(const movie of collectionMovies) {
+ for (const movie of collectionMovies) {
movieCarouselListElement.innerHTML += MovieCarouselItem(movie)
}
}
@@ -36,6 +36,8 @@ const Home = (data) => {
headerModule().init()
bannerSliderModule().init()
collectionModule().init()
+
+
}
export default Home
\ No newline at end of file
diff --git a/assets/js/services/getHomeContent.js b/assets/js/services/getHomeContent.js
new file mode 100644
index 00000000..23f8a2a6
--- /dev/null
+++ b/assets/js/services/getHomeContent.js
@@ -0,0 +1,17 @@
+export const getHomeContent = () => {
+ return new Promise((resolve, reject) => {
+ fetch('/content/data.json')
+ .then((response) => {
+ return response.json()
+ })
+ .then((result) => {
+ resolve(result.data)
+ })
+ .catch((error) => {
+ reject(error.message)
+ })
+ })
+
+
+}
+
diff --git a/base/assets/videos/category-disney.mp4 b/assets/videos/category-disney.mp4
similarity index 100%
rename from base/assets/videos/category-disney.mp4
rename to assets/videos/category-disney.mp4
diff --git a/base/assets/videos/category-marvel.mp4 b/assets/videos/category-marvel.mp4
similarity index 100%
rename from base/assets/videos/category-marvel.mp4
rename to assets/videos/category-marvel.mp4
diff --git a/base/assets/videos/category-national-geographic.mp4 b/assets/videos/category-national-geographic.mp4
similarity index 100%
rename from base/assets/videos/category-national-geographic.mp4
rename to assets/videos/category-national-geographic.mp4
diff --git a/base/assets/videos/category-pixar.mp4 b/assets/videos/category-pixar.mp4
similarity index 100%
rename from base/assets/videos/category-pixar.mp4
rename to assets/videos/category-pixar.mp4
diff --git a/base/assets/videos/category-star-wars.mp4 b/assets/videos/category-star-wars.mp4
similarity index 100%
rename from base/assets/videos/category-star-wars.mp4
rename to assets/videos/category-star-wars.mp4
diff --git a/base/assets/imgs/.DS_Store b/base/assets/imgs/.DS_Store
deleted file mode 100644
index 79804a17..00000000
Binary files a/base/assets/imgs/.DS_Store and /dev/null differ
diff --git a/base/content/media/users/.DS_Store b/base/content/media/users/.DS_Store
deleted file mode 100644
index aec5ae4f..00000000
Binary files a/base/content/media/users/.DS_Store and /dev/null differ
diff --git a/base/content/data.json b/content/data.json
similarity index 100%
rename from base/content/data.json
rename to content/data.json
diff --git a/base/content/media/banners/bem-vindos-a-terra-titulo.png b/content/media/banners/bem-vindos-a-terra-titulo.png
similarity index 100%
rename from base/content/media/banners/bem-vindos-a-terra-titulo.png
rename to content/media/banners/bem-vindos-a-terra-titulo.png
diff --git a/base/content/media/banners/bem-vindos-a-terra.jpeg b/content/media/banners/bem-vindos-a-terra.jpeg
similarity index 100%
rename from base/content/media/banners/bem-vindos-a-terra.jpeg
rename to content/media/banners/bem-vindos-a-terra.jpeg
diff --git a/base/content/media/banners/dr-estranho-titulo.png b/content/media/banners/dr-estranho-titulo.png
similarity index 100%
rename from base/content/media/banners/dr-estranho-titulo.png
rename to content/media/banners/dr-estranho-titulo.png
diff --git a/base/content/media/banners/dr-estranho.jpeg b/content/media/banners/dr-estranho.jpeg
similarity index 100%
rename from base/content/media/banners/dr-estranho.jpeg
rename to content/media/banners/dr-estranho.jpeg
diff --git a/base/content/media/banners/encanto-titulo.png b/content/media/banners/encanto-titulo.png
similarity index 100%
rename from base/content/media/banners/encanto-titulo.png
rename to content/media/banners/encanto-titulo.png
diff --git a/base/content/media/banners/encanto.jpeg b/content/media/banners/encanto.jpeg
similarity index 100%
rename from base/content/media/banners/encanto.jpeg
rename to content/media/banners/encanto.jpeg
diff --git a/base/content/media/banners/gaviao-arqueiro-titulo.png b/content/media/banners/gaviao-arqueiro-titulo.png
similarity index 100%
rename from base/content/media/banners/gaviao-arqueiro-titulo.png
rename to content/media/banners/gaviao-arqueiro-titulo.png
diff --git a/base/content/media/banners/gaviao-arqueiro.jpeg b/content/media/banners/gaviao-arqueiro.jpeg
similarity index 100%
rename from base/content/media/banners/gaviao-arqueiro.jpeg
rename to content/media/banners/gaviao-arqueiro.jpeg
diff --git a/base/content/media/banners/homem-aranha-titulo.png b/content/media/banners/homem-aranha-titulo.png
similarity index 100%
rename from base/content/media/banners/homem-aranha-titulo.png
rename to content/media/banners/homem-aranha-titulo.png
diff --git a/base/content/media/banners/homem-aranha.jpeg b/content/media/banners/homem-aranha.jpeg
similarity index 100%
rename from base/content/media/banners/homem-aranha.jpeg
rename to content/media/banners/homem-aranha.jpeg
diff --git a/base/content/media/banners/the-mandalorian-titulo.png b/content/media/banners/the-mandalorian-titulo.png
similarity index 100%
rename from base/content/media/banners/the-mandalorian-titulo.png
rename to content/media/banners/the-mandalorian-titulo.png
diff --git a/base/content/media/banners/the-mandalorian.jpeg b/content/media/banners/the-mandalorian.jpeg
similarity index 100%
rename from base/content/media/banners/the-mandalorian.jpeg
rename to content/media/banners/the-mandalorian.jpeg
diff --git a/base/content/media/categories/disney.png b/content/media/categories/disney.png
similarity index 100%
rename from base/content/media/categories/disney.png
rename to content/media/categories/disney.png
diff --git a/base/content/media/categories/marvel.png b/content/media/categories/marvel.png
similarity index 100%
rename from base/content/media/categories/marvel.png
rename to content/media/categories/marvel.png
diff --git a/base/content/media/categories/national-geographic.png b/content/media/categories/national-geographic.png
similarity index 100%
rename from base/content/media/categories/national-geographic.png
rename to content/media/categories/national-geographic.png
diff --git a/base/content/media/categories/pixar.png b/content/media/categories/pixar.png
similarity index 100%
rename from base/content/media/categories/pixar.png
rename to content/media/categories/pixar.png
diff --git a/base/content/media/categories/star-wars.png b/content/media/categories/star-wars.png
similarity index 100%
rename from base/content/media/categories/star-wars.png
rename to content/media/categories/star-wars.png
diff --git a/base/content/media/movies/101-dalmatas.jpeg b/content/media/movies/101-dalmatas.jpeg
similarity index 100%
rename from base/content/media/movies/101-dalmatas.jpeg
rename to content/media/movies/101-dalmatas.jpeg
diff --git a/base/content/media/movies/102-dalmatas.jpeg b/content/media/movies/102-dalmatas.jpeg
similarity index 100%
rename from base/content/media/movies/102-dalmatas.jpeg
rename to content/media/movies/102-dalmatas.jpeg
diff --git a/base/content/media/movies/a-bela-adormecida.jpeg b/content/media/movies/a-bela-adormecida.jpeg
similarity index 100%
rename from base/content/media/movies/a-bela-adormecida.jpeg
rename to content/media/movies/a-bela-adormecida.jpeg
diff --git a/base/content/media/movies/a-bela-e-a-fera.jpeg b/content/media/movies/a-bela-e-a-fera.jpeg
similarity index 100%
rename from base/content/media/movies/a-bela-e-a-fera.jpeg
rename to content/media/movies/a-bela-e-a-fera.jpeg
diff --git a/base/content/media/movies/a-dama-e-o-vagabundo-animation.jpeg b/content/media/movies/a-dama-e-o-vagabundo-animation.jpeg
similarity index 100%
rename from base/content/media/movies/a-dama-e-o-vagabundo-animation.jpeg
rename to content/media/movies/a-dama-e-o-vagabundo-animation.jpeg
diff --git a/base/content/media/movies/a-dama-e-o-vagabundo.jpeg b/content/media/movies/a-dama-e-o-vagabundo.jpeg
similarity index 100%
rename from base/content/media/movies/a-dama-e-o-vagabundo.jpeg
rename to content/media/movies/a-dama-e-o-vagabundo.jpeg
diff --git a/base/content/media/movies/a-era-do-gelo-as-aventuras-de-buck.jpeg b/content/media/movies/a-era-do-gelo-as-aventuras-de-buck.jpeg
similarity index 100%
rename from base/content/media/movies/a-era-do-gelo-as-aventuras-de-buck.jpeg
rename to content/media/movies/a-era-do-gelo-as-aventuras-de-buck.jpeg
diff --git a/base/content/media/movies/a-familia-radical.jpeg b/content/media/movies/a-familia-radical.jpeg
similarity index 100%
rename from base/content/media/movies/a-familia-radical.jpeg
rename to content/media/movies/a-familia-radical.jpeg
diff --git a/base/content/media/movies/a-historia-do-imagineering.jpeg b/content/media/movies/a-historia-do-imagineering.jpeg
similarity index 100%
rename from base/content/media/movies/a-historia-do-imagineering.jpeg
rename to content/media/movies/a-historia-do-imagineering.jpeg
diff --git a/base/content/media/movies/a-melhor-ideia.jpeg b/content/media/movies/a-melhor-ideia.jpeg
similarity index 100%
rename from base/content/media/movies/a-melhor-ideia.jpeg
rename to content/media/movies/a-melhor-ideia.jpeg
diff --git a/base/content/media/movies/a-montanha-enfeiticada.jpeg b/content/media/movies/a-montanha-enfeiticada.jpeg
similarity index 100%
rename from base/content/media/movies/a-montanha-enfeiticada.jpeg
rename to content/media/movies/a-montanha-enfeiticada.jpeg
diff --git a/base/content/media/movies/a-nova-onda-do-imperador.jpeg b/content/media/movies/a-nova-onda-do-imperador.jpeg
similarity index 100%
rename from base/content/media/movies/a-nova-onda-do-imperador.jpeg
rename to content/media/movies/a-nova-onda-do-imperador.jpeg
diff --git a/base/content/media/movies/a-pequena-sereia.jpeg b/content/media/movies/a-pequena-sereia.jpeg
similarity index 100%
rename from base/content/media/movies/a-pequena-sereia.jpeg
rename to content/media/movies/a-pequena-sereia.jpeg
diff --git a/base/content/media/movies/a-princesa-e-o-sapo.jpeg b/content/media/movies/a-princesa-e-o-sapo.jpeg
similarity index 100%
rename from base/content/media/movies/a-princesa-e-o-sapo.jpeg
rename to content/media/movies/a-princesa-e-o-sapo.jpeg
diff --git a/base/content/media/movies/a-vida-secreta-dos-chipanzes.jpeg b/content/media/movies/a-vida-secreta-dos-chipanzes.jpeg
similarity index 100%
rename from base/content/media/movies/a-vida-secreta-dos-chipanzes.jpeg
rename to content/media/movies/a-vida-secreta-dos-chipanzes.jpeg
diff --git a/base/content/media/movies/acordando-a-bela-adormecida.jpeg b/content/media/movies/acordando-a-bela-adormecida.jpeg
similarity index 100%
rename from base/content/media/movies/acordando-a-bela-adormecida.jpeg
rename to content/media/movies/acordando-a-bela-adormecida.jpeg
diff --git a/base/content/media/movies/acredite-e-verdade.jpeg b/content/media/movies/acredite-e-verdade.jpeg
similarity index 100%
rename from base/content/media/movies/acredite-e-verdade.jpeg
rename to content/media/movies/acredite-e-verdade.jpeg
diff --git a/base/content/media/movies/aladdin-animation.jpeg b/content/media/movies/aladdin-animation.jpeg
similarity index 100%
rename from base/content/media/movies/aladdin-animation.jpeg
rename to content/media/movies/aladdin-animation.jpeg
diff --git a/base/content/media/movies/aladdin.jpeg b/content/media/movies/aladdin.jpeg
similarity index 100%
rename from base/content/media/movies/aladdin.jpeg
rename to content/media/movies/aladdin.jpeg
diff --git a/base/content/media/movies/alice-atraves-do-espelho.jpeg b/content/media/movies/alice-atraves-do-espelho.jpeg
similarity index 100%
rename from base/content/media/movies/alice-atraves-do-espelho.jpeg
rename to content/media/movies/alice-atraves-do-espelho.jpeg
diff --git a/base/content/media/movies/alice-no-pais-das-maravilhas-animation.jpeg b/content/media/movies/alice-no-pais-das-maravilhas-animation.jpeg
similarity index 100%
rename from base/content/media/movies/alice-no-pais-das-maravilhas-animation.jpeg
rename to content/media/movies/alice-no-pais-das-maravilhas-animation.jpeg
diff --git a/base/content/media/movies/alice-no-pais-das-maravilhas.jpeg b/content/media/movies/alice-no-pais-das-maravilhas.jpeg
similarity index 100%
rename from base/content/media/movies/alice-no-pais-das-maravilhas.jpeg
rename to content/media/movies/alice-no-pais-das-maravilhas.jpeg
diff --git a/base/content/media/movies/americas-heart-e-soul.jpeg b/content/media/movies/americas-heart-e-soul.jpeg
similarity index 100%
rename from base/content/media/movies/americas-heart-e-soul.jpeg
rename to content/media/movies/americas-heart-e-soul.jpeg
diff --git a/base/content/media/movies/animal-kingdon.jpeg b/content/media/movies/animal-kingdon.jpeg
similarity index 100%
rename from base/content/media/movies/animal-kingdon.jpeg
rename to content/media/movies/animal-kingdon.jpeg
diff --git a/base/content/media/movies/as-aventuras-de-ichabod-e-o-sr-sapo.jpeg b/content/media/movies/as-aventuras-de-ichabod-e-o-sr-sapo.jpeg
similarity index 100%
rename from base/content/media/movies/as-aventuras-de-ichabod-e-o-sr-sapo.jpeg
rename to content/media/movies/as-aventuras-de-ichabod-e-o-sr-sapo.jpeg
diff --git a/base/content/media/movies/as-maravillas-dos-estados-unidos.jpeg b/content/media/movies/as-maravillas-dos-estados-unidos.jpeg
similarity index 100%
rename from base/content/media/movies/as-maravillas-dos-estados-unidos.jpeg
rename to content/media/movies/as-maravillas-dos-estados-unidos.jpeg
diff --git a/base/content/media/movies/as-varias-faces-da-terra.jpeg b/content/media/movies/as-varias-faces-da-terra.jpeg
similarity index 100%
rename from base/content/media/movies/as-varias-faces-da-terra.jpeg
rename to content/media/movies/as-varias-faces-da-terra.jpeg
diff --git a/base/content/media/movies/avatar.jpeg b/content/media/movies/avatar.jpeg
similarity index 100%
rename from base/content/media/movies/avatar.jpeg
rename to content/media/movies/avatar.jpeg
diff --git a/base/content/media/movies/baymax.jpeg b/content/media/movies/baymax.jpeg
similarity index 100%
rename from base/content/media/movies/baymax.jpeg
rename to content/media/movies/baymax.jpeg
diff --git a/base/content/media/movies/bem-vindos-a-terra.jpeg b/content/media/movies/bem-vindos-a-terra.jpeg
similarity index 100%
rename from base/content/media/movies/bem-vindos-a-terra.jpeg
rename to content/media/movies/bem-vindos-a-terra.jpeg
diff --git a/base/content/media/movies/bernardo-e-bianca.jpeg b/content/media/movies/bernardo-e-bianca.jpeg
similarity index 100%
rename from base/content/media/movies/bernardo-e-bianca.jpeg
rename to content/media/movies/bernardo-e-bianca.jpeg
diff --git a/base/content/media/movies/bolt-supercao.jpeg b/content/media/movies/bolt-supercao.jpeg
similarity index 100%
rename from base/content/media/movies/bolt-supercao.jpeg
rename to content/media/movies/bolt-supercao.jpeg
diff --git a/base/content/media/movies/brincando-com-tubaroes.jpeg b/content/media/movies/brincando-com-tubaroes.jpeg
similarity index 100%
rename from base/content/media/movies/brincando-com-tubaroes.jpeg
rename to content/media/movies/brincando-com-tubaroes.jpeg
diff --git a/base/content/media/movies/capita-marvel.jpeg b/content/media/movies/capita-marvel.jpeg
similarity index 100%
rename from base/content/media/movies/capita-marvel.jpeg
rename to content/media/movies/capita-marvel.jpeg
diff --git a/base/content/media/movies/capitao-america-guerra-civil.jpeg b/content/media/movies/capitao-america-guerra-civil.jpeg
similarity index 100%
rename from base/content/media/movies/capitao-america-guerra-civil.jpeg
rename to content/media/movies/capitao-america-guerra-civil.jpeg
diff --git a/base/content/media/movies/capitao-america-o-primeiro-vingador.jpeg b/content/media/movies/capitao-america-o-primeiro-vingador.jpeg
similarity index 100%
rename from base/content/media/movies/capitao-america-o-primeiro-vingador.jpeg
rename to content/media/movies/capitao-america-o-primeiro-vingador.jpeg
diff --git a/base/content/media/movies/capitao-america-soldado-invernal.jpeg b/content/media/movies/capitao-america-soldado-invernal.jpeg
similarity index 100%
rename from base/content/media/movies/capitao-america-soldado-invernal.jpeg
rename to content/media/movies/capitao-america-soldado-invernal.jpeg
diff --git a/base/content/media/movies/carros-2.jpeg b/content/media/movies/carros-2.jpeg
similarity index 100%
rename from base/content/media/movies/carros-2.jpeg
rename to content/media/movies/carros-2.jpeg
diff --git a/base/content/media/movies/carros-3.jpeg b/content/media/movies/carros-3.jpeg
similarity index 100%
rename from base/content/media/movies/carros-3.jpeg
rename to content/media/movies/carros-3.jpeg
diff --git a/base/content/media/movies/carros.jpeg b/content/media/movies/carros.jpeg
similarity index 100%
rename from base/content/media/movies/carros.jpeg
rename to content/media/movies/carros.jpeg
diff --git a/base/content/media/movies/christopher-robin.jpeg b/content/media/movies/christopher-robin.jpeg
similarity index 100%
rename from base/content/media/movies/christopher-robin.jpeg
rename to content/media/movies/christopher-robin.jpeg
diff --git a/base/content/media/movies/cinderela.jpeg b/content/media/movies/cinderela.jpeg
similarity index 100%
rename from base/content/media/movies/cinderela.jpeg
rename to content/media/movies/cinderela.jpeg
diff --git a/base/content/media/movies/conhecendo-as-esculturas-e-modelagens-dos-filmes.jpeg b/content/media/movies/conhecendo-as-esculturas-e-modelagens-dos-filmes.jpeg
similarity index 100%
rename from base/content/media/movies/conhecendo-as-esculturas-e-modelagens-dos-filmes.jpeg
rename to content/media/movies/conhecendo-as-esculturas-e-modelagens-dos-filmes.jpeg
diff --git a/base/content/media/movies/criaturas-das-profundezas.jpeg b/content/media/movies/criaturas-das-profundezas.jpeg
similarity index 100%
rename from base/content/media/movies/criaturas-das-profundezas.jpeg
rename to content/media/movies/criaturas-das-profundezas.jpeg
diff --git a/base/content/media/movies/cruella.jpeg b/content/media/movies/cruella.jpeg
similarity index 100%
rename from base/content/media/movies/cruella.jpeg
rename to content/media/movies/cruella.jpeg
diff --git a/base/content/media/movies/destinos-inesperados.jpeg b/content/media/movies/destinos-inesperados.jpeg
similarity index 100%
rename from base/content/media/movies/destinos-inesperados.jpeg
rename to content/media/movies/destinos-inesperados.jpeg
diff --git a/base/content/media/movies/detona-ralph.jpeg b/content/media/movies/detona-ralph.jpeg
similarity index 100%
rename from base/content/media/movies/detona-ralph.jpeg
rename to content/media/movies/detona-ralph.jpeg
diff --git a/base/content/media/movies/disney-por-dentro.jpeg b/content/media/movies/disney-por-dentro.jpeg
similarity index 100%
rename from base/content/media/movies/disney-por-dentro.jpeg
rename to content/media/movies/disney-por-dentro.jpeg
diff --git a/base/content/media/movies/divertidamente.jpeg b/content/media/movies/divertidamente.jpeg
similarity index 100%
rename from base/content/media/movies/divertidamente.jpeg
rename to content/media/movies/divertidamente.jpeg
diff --git a/base/content/media/movies/dois-irmaos.jpeg b/content/media/movies/dois-irmaos.jpeg
similarity index 100%
rename from base/content/media/movies/dois-irmaos.jpeg
rename to content/media/movies/dois-irmaos.jpeg
diff --git a/base/content/media/movies/doutor-estranho.jpeg b/content/media/movies/doutor-estranho.jpeg
similarity index 100%
rename from base/content/media/movies/doutor-estranho.jpeg
rename to content/media/movies/doutor-estranho.jpeg
diff --git a/base/content/media/movies/duble-de-risco.jpeg b/content/media/movies/duble-de-risco.jpeg
similarity index 100%
rename from base/content/media/movies/duble-de-risco.jpeg
rename to content/media/movies/duble-de-risco.jpeg
diff --git a/base/content/media/movies/dumbo.jpeg b/content/media/movies/dumbo.jpeg
similarity index 100%
rename from base/content/media/movies/dumbo.jpeg
rename to content/media/movies/dumbo.jpeg
diff --git a/base/content/media/movies/em-busca-do-sonho.jpeg b/content/media/movies/em-busca-do-sonho.jpeg
similarity index 100%
rename from base/content/media/movies/em-busca-do-sonho.jpeg
rename to content/media/movies/em-busca-do-sonho.jpeg
diff --git a/base/content/media/movies/encanto.jpeg b/content/media/movies/encanto.jpeg
similarity index 100%
rename from base/content/media/movies/encanto.jpeg
rename to content/media/movies/encanto.jpeg
diff --git a/base/content/media/movies/enrolados.jpeg b/content/media/movies/enrolados.jpeg
similarity index 100%
rename from base/content/media/movies/enrolados.jpeg
rename to content/media/movies/enrolados.jpeg
diff --git a/base/content/media/movies/eternos.jpeg b/content/media/movies/eternos.jpeg
similarity index 100%
rename from base/content/media/movies/eternos.jpeg
rename to content/media/movies/eternos.jpeg
diff --git a/base/content/media/movies/falcao-e-o-soldado-invernal.jpeg b/content/media/movies/falcao-e-o-soldado-invernal.jpeg
similarity index 100%
rename from base/content/media/movies/falcao-e-o-soldado-invernal.jpeg
rename to content/media/movies/falcao-e-o-soldado-invernal.jpeg
diff --git a/base/content/media/movies/frankenweenie.jpeg b/content/media/movies/frankenweenie.jpeg
similarity index 100%
rename from base/content/media/movies/frankenweenie.jpeg
rename to content/media/movies/frankenweenie.jpeg
diff --git a/base/content/media/movies/frankie-e-ollie.jpeg b/content/media/movies/frankie-e-ollie.jpeg
similarity index 100%
rename from base/content/media/movies/frankie-e-ollie.jpeg
rename to content/media/movies/frankie-e-ollie.jpeg
diff --git a/base/content/media/movies/freak-friday.jpeg b/content/media/movies/freak-friday.jpeg
similarity index 100%
rename from base/content/media/movies/freak-friday.jpeg
rename to content/media/movies/freak-friday.jpeg
diff --git a/base/content/media/movies/fronzen-II.jpeg b/content/media/movies/fronzen-II.jpeg
similarity index 100%
rename from base/content/media/movies/fronzen-II.jpeg
rename to content/media/movies/fronzen-II.jpeg
diff --git a/base/content/media/movies/fronzen.jpeg b/content/media/movies/fronzen.jpeg
similarity index 100%
rename from base/content/media/movies/fronzen.jpeg
rename to content/media/movies/fronzen.jpeg
diff --git a/base/content/media/movies/gaviao-arqueiro.jpeg b/content/media/movies/gaviao-arqueiro.jpeg
similarity index 100%
rename from base/content/media/movies/gaviao-arqueiro.jpeg
rename to content/media/movies/gaviao-arqueiro.jpeg
diff --git a/base/content/media/movies/guardioes-da-galaxia-vol-2.jpeg b/content/media/movies/guardioes-da-galaxia-vol-2.jpeg
similarity index 100%
rename from base/content/media/movies/guardioes-da-galaxia-vol-2.jpeg
rename to content/media/movies/guardioes-da-galaxia-vol-2.jpeg
diff --git a/base/content/media/movies/guardioes-da-galaxia.jpeg b/content/media/movies/guardioes-da-galaxia.jpeg
similarity index 100%
rename from base/content/media/movies/guardioes-da-galaxia.jpeg
rename to content/media/movies/guardioes-da-galaxia.jpeg
diff --git a/base/content/media/movies/herbie-meu-fusca-turbinado.jpeg b/content/media/movies/herbie-meu-fusca-turbinado.jpeg
similarity index 100%
rename from base/content/media/movies/herbie-meu-fusca-turbinado.jpeg
rename to content/media/movies/herbie-meu-fusca-turbinado.jpeg
diff --git a/base/content/media/movies/hercules.jpeg b/content/media/movies/hercules.jpeg
similarity index 100%
rename from base/content/media/movies/hercules.jpeg
rename to content/media/movies/hercules.jpeg
diff --git a/base/content/media/movies/high-school-musical.jpeg b/content/media/movies/high-school-musical.jpeg
similarity index 100%
rename from base/content/media/movies/high-school-musical.jpeg
rename to content/media/movies/high-school-musical.jpeg
diff --git a/base/content/media/movies/homem-de-ferro-2.jpeg b/content/media/movies/homem-de-ferro-2.jpeg
similarity index 100%
rename from base/content/media/movies/homem-de-ferro-2.jpeg
rename to content/media/movies/homem-de-ferro-2.jpeg
diff --git a/base/content/media/movies/homem-de-ferro-3.jpeg b/content/media/movies/homem-de-ferro-3.jpeg
similarity index 100%
rename from base/content/media/movies/homem-de-ferro-3.jpeg
rename to content/media/movies/homem-de-ferro-3.jpeg
diff --git a/base/content/media/movies/homem-de-ferro.jpeg b/content/media/movies/homem-de-ferro.jpeg
similarity index 100%
rename from base/content/media/movies/homem-de-ferro.jpeg
rename to content/media/movies/homem-de-ferro.jpeg
diff --git a/base/content/media/movies/homem-formiga-e-vespa.jpeg b/content/media/movies/homem-formiga-e-vespa.jpeg
similarity index 100%
rename from base/content/media/movies/homem-formiga-e-vespa.jpeg
rename to content/media/movies/homem-formiga-e-vespa.jpeg
diff --git a/base/content/media/movies/homem-formiga.jpeg b/content/media/movies/homem-formiga.jpeg
similarity index 100%
rename from base/content/media/movies/homem-formiga.jpeg
rename to content/media/movies/homem-formiga.jpeg
diff --git a/base/content/media/movies/howard-sons-de-um-genio.jpeg b/content/media/movies/howard-sons-de-um-genio.jpeg
similarity index 100%
rename from base/content/media/movies/howard-sons-de-um-genio.jpeg
rename to content/media/movies/howard-sons-de-um-genio.jpeg
diff --git a/base/content/media/movies/lilo-e-stitch.jpeg b/content/media/movies/lilo-e-stitch.jpeg
similarity index 100%
rename from base/content/media/movies/lilo-e-stitch.jpeg
rename to content/media/movies/lilo-e-stitch.jpeg
diff --git a/base/content/media/movies/loki.jpeg b/content/media/movies/loki.jpeg
similarity index 100%
rename from base/content/media/movies/loki.jpeg
rename to content/media/movies/loki.jpeg
diff --git a/base/content/media/movies/luca.jpeg b/content/media/movies/luca.jpeg
similarity index 100%
rename from base/content/media/movies/luca.jpeg
rename to content/media/movies/luca.jpeg
diff --git a/base/content/media/movies/malevola-a-dona-do-mal.jpeg b/content/media/movies/malevola-a-dona-do-mal.jpeg
similarity index 100%
rename from base/content/media/movies/malevola-a-dona-do-mal.jpeg
rename to content/media/movies/malevola-a-dona-do-mal.jpeg
diff --git a/base/content/media/movies/malevola.jpeg b/content/media/movies/malevola.jpeg
similarity index 100%
rename from base/content/media/movies/malevola.jpeg
rename to content/media/movies/malevola.jpeg
diff --git a/base/content/media/movies/moana.jpeg b/content/media/movies/moana.jpeg
similarity index 100%
rename from base/content/media/movies/moana.jpeg
rename to content/media/movies/moana.jpeg
diff --git a/base/content/media/movies/mogli-o-menino-lobo-animation.jpeg b/content/media/movies/mogli-o-menino-lobo-animation.jpeg
similarity index 100%
rename from base/content/media/movies/mogli-o-menino-lobo-animation.jpeg
rename to content/media/movies/mogli-o-menino-lobo-animation.jpeg
diff --git a/base/content/media/movies/mogli-o-menino-lobo.jpeg b/content/media/movies/mogli-o-menino-lobo.jpeg
similarity index 100%
rename from base/content/media/movies/mogli-o-menino-lobo.jpeg
rename to content/media/movies/mogli-o-menino-lobo.jpeg
diff --git a/base/content/media/movies/monstros-sa.jpeg b/content/media/movies/monstros-sa.jpeg
similarity index 100%
rename from base/content/media/movies/monstros-sa.jpeg
rename to content/media/movies/monstros-sa.jpeg
diff --git a/base/content/media/movies/mulan.jpeg b/content/media/movies/mulan.jpeg
similarity index 100%
rename from base/content/media/movies/mulan.jpeg
rename to content/media/movies/mulan.jpeg
diff --git a/base/content/media/movies/nos-bastidores-de-frozen-II.jpeg b/content/media/movies/nos-bastidores-de-frozen-II.jpeg
similarity index 100%
rename from base/content/media/movies/nos-bastidores-de-frozen-II.jpeg
rename to content/media/movies/nos-bastidores-de-frozen-II.jpeg
diff --git a/base/content/media/movies/o-bom-dinossauro.jpeg b/content/media/movies/o-bom-dinossauro.jpeg
similarity index 100%
rename from base/content/media/movies/o-bom-dinossauro.jpeg
rename to content/media/movies/o-bom-dinossauro.jpeg
diff --git a/base/content/media/movies/o-dragao-relutante.jpeg b/content/media/movies/o-dragao-relutante.jpeg
similarity index 100%
rename from base/content/media/movies/o-dragao-relutante.jpeg
rename to content/media/movies/o-dragao-relutante.jpeg
diff --git a/base/content/media/movies/o-livro-de-boba-fett.jpeg b/content/media/movies/o-livro-de-boba-fett.jpeg
similarity index 100%
rename from base/content/media/movies/o-livro-de-boba-fett.jpeg
rename to content/media/movies/o-livro-de-boba-fett.jpeg
diff --git a/base/content/media/movies/o-meu-amigo-dragao.jpeg b/content/media/movies/o-meu-amigo-dragao.jpeg
similarity index 100%
rename from base/content/media/movies/o-meu-amigo-dragao.jpeg
rename to content/media/movies/o-meu-amigo-dragao.jpeg
diff --git a/base/content/media/movies/o-mundo-dos-animais.jpeg b/content/media/movies/o-mundo-dos-animais.jpeg
similarity index 100%
rename from base/content/media/movies/o-mundo-dos-animais.jpeg
rename to content/media/movies/o-mundo-dos-animais.jpeg
diff --git a/base/content/media/movies/o-mundo-segundo-jeff-goldblum.jpeg b/content/media/movies/o-mundo-segundo-jeff-goldblum.jpeg
similarity index 100%
rename from base/content/media/movies/o-mundo-segundo-jeff-goldblum.jpeg
rename to content/media/movies/o-mundo-segundo-jeff-goldblum.jpeg
diff --git a/base/content/media/movies/o-rei-leao.jpeg b/content/media/movies/o-rei-leao.jpeg
similarity index 100%
rename from base/content/media/movies/o-rei-leao.jpeg
rename to content/media/movies/o-rei-leao.jpeg
diff --git a/base/content/media/movies/o-ursinho-pooh.jpeg b/content/media/movies/o-ursinho-pooh.jpeg
similarity index 100%
rename from base/content/media/movies/o-ursinho-pooh.jpeg
rename to content/media/movies/o-ursinho-pooh.jpeg
diff --git a/base/content/media/movies/obi-wan-kenobi.jpeg b/content/media/movies/obi-wan-kenobi.jpeg
similarity index 100%
rename from base/content/media/movies/obi-wan-kenobi.jpeg
rename to content/media/movies/obi-wan-kenobi.jpeg
diff --git a/base/content/media/movies/operacao-cupido.jpeg b/content/media/movies/operacao-cupido.jpeg
similarity index 100%
rename from base/content/media/movies/operacao-cupido.jpeg
rename to content/media/movies/operacao-cupido.jpeg
diff --git a/base/content/media/movies/os-eleitos.jpeg b/content/media/movies/os-eleitos.jpeg
similarity index 100%
rename from base/content/media/movies/os-eleitos.jpeg
rename to content/media/movies/os-eleitos.jpeg
diff --git a/base/content/media/movies/os-incriveis-2.jpeg b/content/media/movies/os-incriveis-2.jpeg
similarity index 100%
rename from base/content/media/movies/os-incriveis-2.jpeg
rename to content/media/movies/os-incriveis-2.jpeg
diff --git a/base/content/media/movies/os-incriveis.jpeg b/content/media/movies/os-incriveis.jpeg
similarity index 100%
rename from base/content/media/movies/os-incriveis.jpeg
rename to content/media/movies/os-incriveis.jpeg
diff --git a/base/content/media/movies/os-segredo-das-baleias.jpeg b/content/media/movies/os-segredo-das-baleias.jpeg
similarity index 100%
rename from base/content/media/movies/os-segredo-das-baleias.jpeg
rename to content/media/movies/os-segredo-das-baleias.jpeg
diff --git a/base/content/media/movies/os-tenis-encantados.jpeg b/content/media/movies/os-tenis-encantados.jpeg
similarity index 100%
rename from base/content/media/movies/os-tenis-encantados.jpeg
rename to content/media/movies/os-tenis-encantados.jpeg
diff --git a/base/content/media/movies/pantera-negra.jpeg b/content/media/movies/pantera-negra.jpeg
similarity index 100%
rename from base/content/media/movies/pantera-negra.jpeg
rename to content/media/movies/pantera-negra.jpeg
diff --git a/base/content/media/movies/piratas-do-caribe-o-bau-da-morte.jpeg b/content/media/movies/piratas-do-caribe-o-bau-da-morte.jpeg
similarity index 100%
rename from base/content/media/movies/piratas-do-caribe-o-bau-da-morte.jpeg
rename to content/media/movies/piratas-do-caribe-o-bau-da-morte.jpeg
diff --git a/base/content/media/movies/por-tras-da-diversao.jpeg b/content/media/movies/por-tras-da-diversao.jpeg
similarity index 100%
rename from base/content/media/movies/por-tras-da-diversao.jpeg
rename to content/media/movies/por-tras-da-diversao.jpeg
diff --git a/base/content/media/movies/procurando-dory.jpeg b/content/media/movies/procurando-dory.jpeg
similarity index 100%
rename from base/content/media/movies/procurando-dory.jpeg
rename to content/media/movies/procurando-dory.jpeg
diff --git a/base/content/media/movies/procurando-nemo.jpeg b/content/media/movies/procurando-nemo.jpeg
similarity index 100%
rename from base/content/media/movies/procurando-nemo.jpeg
rename to content/media/movies/procurando-nemo.jpeg
diff --git a/base/content/media/movies/projeto-mercury-os-sete-escolhidos.jpeg b/content/media/movies/projeto-mercury-os-sete-escolhidos.jpeg
similarity index 100%
rename from base/content/media/movies/projeto-mercury-os-sete-escolhidos.jpeg
rename to content/media/movies/projeto-mercury-os-sete-escolhidos.jpeg
diff --git a/base/content/media/movies/ratatouillie.jpeg b/content/media/movies/ratatouillie.jpeg
similarity index 100%
rename from base/content/media/movies/ratatouillie.jpeg
rename to content/media/movies/ratatouillie.jpeg
diff --git a/base/content/media/movies/raya-e-o-ultimo-dragao.jpeg b/content/media/movies/raya-e-o-ultimo-dragao.jpeg
similarity index 100%
rename from base/content/media/movies/raya-e-o-ultimo-dragao.jpeg
rename to content/media/movies/raya-e-o-ultimo-dragao.jpeg
diff --git a/base/content/media/movies/sexta-feira-muito-louca.jpeg b/content/media/movies/sexta-feira-muito-louca.jpeg
similarity index 100%
rename from base/content/media/movies/sexta-feira-muito-louca.jpeg
rename to content/media/movies/sexta-feira-muito-louca.jpeg
diff --git a/base/content/media/movies/shang-chi.jpeg b/content/media/movies/shang-chi.jpeg
similarity index 100%
rename from base/content/media/movies/shang-chi.jpeg
rename to content/media/movies/shang-chi.jpeg
diff --git a/base/content/media/movies/soul.jpeg b/content/media/movies/soul.jpeg
similarity index 100%
rename from base/content/media/movies/soul.jpeg
rename to content/media/movies/soul.jpeg
diff --git a/base/content/media/movies/star-wars-I-a-ameaca-fantasma.jpeg b/content/media/movies/star-wars-I-a-ameaca-fantasma.jpeg
similarity index 100%
rename from base/content/media/movies/star-wars-I-a-ameaca-fantasma.jpeg
rename to content/media/movies/star-wars-I-a-ameaca-fantasma.jpeg
diff --git a/base/content/media/movies/star-wars-II-ataque-dos-clones.jpeg b/content/media/movies/star-wars-II-ataque-dos-clones.jpeg
similarity index 100%
rename from base/content/media/movies/star-wars-II-ataque-dos-clones.jpeg
rename to content/media/movies/star-wars-II-ataque-dos-clones.jpeg
diff --git a/base/content/media/movies/star-wars-III-vinganca-dos-sith.jpeg b/content/media/movies/star-wars-III-vinganca-dos-sith.jpeg
similarity index 100%
rename from base/content/media/movies/star-wars-III-vinganca-dos-sith.jpeg
rename to content/media/movies/star-wars-III-vinganca-dos-sith.jpeg
diff --git a/base/content/media/movies/star-wars-IV-uma-nova-esperanca.jpeg b/content/media/movies/star-wars-IV-uma-nova-esperanca.jpeg
similarity index 100%
rename from base/content/media/movies/star-wars-IV-uma-nova-esperanca.jpeg
rename to content/media/movies/star-wars-IV-uma-nova-esperanca.jpeg
diff --git a/base/content/media/movies/star-wars-IX-a-ascensao-skywalker.jpeg b/content/media/movies/star-wars-IX-a-ascensao-skywalker.jpeg
similarity index 100%
rename from base/content/media/movies/star-wars-IX-a-ascensao-skywalker.jpeg
rename to content/media/movies/star-wars-IX-a-ascensao-skywalker.jpeg
diff --git a/base/content/media/movies/star-wars-V-o-imperio-contra-ataca.jpeg b/content/media/movies/star-wars-V-o-imperio-contra-ataca.jpeg
similarity index 100%
rename from base/content/media/movies/star-wars-V-o-imperio-contra-ataca.jpeg
rename to content/media/movies/star-wars-V-o-imperio-contra-ataca.jpeg
diff --git a/base/content/media/movies/star-wars-VI-o-retorno-de-jedi.jpeg b/content/media/movies/star-wars-VI-o-retorno-de-jedi.jpeg
similarity index 100%
rename from base/content/media/movies/star-wars-VI-o-retorno-de-jedi.jpeg
rename to content/media/movies/star-wars-VI-o-retorno-de-jedi.jpeg
diff --git a/base/content/media/movies/star-wars-VII-o-despertar-da-forca.jpeg b/content/media/movies/star-wars-VII-o-despertar-da-forca.jpeg
similarity index 100%
rename from base/content/media/movies/star-wars-VII-o-despertar-da-forca.jpeg
rename to content/media/movies/star-wars-VII-o-despertar-da-forca.jpeg
diff --git a/base/content/media/movies/star-wars-VIII-os-ultimos-jedi.jpeg b/content/media/movies/star-wars-VIII-os-ultimos-jedi.jpeg
similarity index 100%
rename from base/content/media/movies/star-wars-VIII-os-ultimos-jedi.jpeg
rename to content/media/movies/star-wars-VIII-os-ultimos-jedi.jpeg
diff --git a/base/content/media/movies/star-wars-han-solo.jpeg b/content/media/movies/star-wars-han-solo.jpeg
similarity index 100%
rename from base/content/media/movies/star-wars-han-solo.jpeg
rename to content/media/movies/star-wars-han-solo.jpeg
diff --git a/base/content/media/movies/star-wars-rogue-one.jpeg b/content/media/movies/star-wars-rogue-one.jpeg
similarity index 100%
rename from base/content/media/movies/star-wars-rogue-one.jpeg
rename to content/media/movies/star-wars-rogue-one.jpeg
diff --git a/base/content/media/movies/tarzan.jpeg b/content/media/movies/tarzan.jpeg
similarity index 100%
rename from base/content/media/movies/tarzan.jpeg
rename to content/media/movies/tarzan.jpeg
diff --git a/base/content/media/movies/the-bad-batch.jpeg b/content/media/movies/the-bad-batch.jpeg
similarity index 100%
rename from base/content/media/movies/the-bad-batch.jpeg
rename to content/media/movies/the-bad-batch.jpeg
diff --git a/base/content/media/movies/the-boys.jpeg b/content/media/movies/the-boys.jpeg
similarity index 100%
rename from base/content/media/movies/the-boys.jpeg
rename to content/media/movies/the-boys.jpeg
diff --git a/base/content/media/movies/the-mandalorian.jpeg b/content/media/movies/the-mandalorian.jpeg
similarity index 100%
rename from base/content/media/movies/the-mandalorian.jpeg
rename to content/media/movies/the-mandalorian.jpeg
diff --git a/base/content/media/movies/thor-o-mundo-sombrio.jpeg b/content/media/movies/thor-o-mundo-sombrio.jpeg
similarity index 100%
rename from base/content/media/movies/thor-o-mundo-sombrio.jpeg
rename to content/media/movies/thor-o-mundo-sombrio.jpeg
diff --git a/base/content/media/movies/thor-ragnarok.jpeg b/content/media/movies/thor-ragnarok.jpeg
similarity index 100%
rename from base/content/media/movies/thor-ragnarok.jpeg
rename to content/media/movies/thor-ragnarok.jpeg
diff --git a/base/content/media/movies/thor.jpeg b/content/media/movies/thor.jpeg
similarity index 100%
rename from base/content/media/movies/thor.jpeg
rename to content/media/movies/thor.jpeg
diff --git a/base/content/media/movies/toy-story-2.jpeg b/content/media/movies/toy-story-2.jpeg
similarity index 100%
rename from base/content/media/movies/toy-story-2.jpeg
rename to content/media/movies/toy-story-2.jpeg
diff --git a/base/content/media/movies/toy-story-3.jpeg b/content/media/movies/toy-story-3.jpeg
similarity index 100%
rename from base/content/media/movies/toy-story-3.jpeg
rename to content/media/movies/toy-story-3.jpeg
diff --git a/base/content/media/movies/toy-story-4.jpeg b/content/media/movies/toy-story-4.jpeg
similarity index 100%
rename from base/content/media/movies/toy-story-4.jpeg
rename to content/media/movies/toy-story-4.jpeg
diff --git a/base/content/media/movies/toy-story.jpeg b/content/media/movies/toy-story.jpeg
similarity index 100%
rename from base/content/media/movies/toy-story.jpeg
rename to content/media/movies/toy-story.jpeg
diff --git a/base/content/media/movies/tron-o-legado.jpeg b/content/media/movies/tron-o-legado.jpeg
similarity index 100%
rename from base/content/media/movies/tron-o-legado.jpeg
rename to content/media/movies/tron-o-legado.jpeg
diff --git a/base/content/media/movies/turner-e-hooch.jpeg b/content/media/movies/turner-e-hooch.jpeg
similarity index 100%
rename from base/content/media/movies/turner-e-hooch.jpeg
rename to content/media/movies/turner-e-hooch.jpeg
diff --git a/base/content/media/movies/um-dia-na-disney-curtas.jpeg b/content/media/movies/um-dia-na-disney-curtas.jpeg
similarity index 100%
rename from base/content/media/movies/um-dia-na-disney-curtas.jpeg
rename to content/media/movies/um-dia-na-disney-curtas.jpeg
diff --git a/base/content/media/movies/um-dia-na-disney.jpeg b/content/media/movies/um-dia-na-disney.jpeg
similarity index 100%
rename from base/content/media/movies/um-dia-na-disney.jpeg
rename to content/media/movies/um-dia-na-disney.jpeg
diff --git a/base/content/media/movies/up-altas-aventuras.jpeg b/content/media/movies/up-altas-aventuras.jpeg
similarity index 100%
rename from base/content/media/movies/up-altas-aventuras.jpeg
rename to content/media/movies/up-altas-aventuras.jpeg
diff --git a/base/content/media/movies/valente.jpeg b/content/media/movies/valente.jpeg
similarity index 100%
rename from base/content/media/movies/valente.jpeg
rename to content/media/movies/valente.jpeg
diff --git a/base/content/media/movies/vida-de-inseto.jpeg b/content/media/movies/vida-de-inseto.jpeg
similarity index 100%
rename from base/content/media/movies/vida-de-inseto.jpeg
rename to content/media/movies/vida-de-inseto.jpeg
diff --git a/base/content/media/movies/vingadores-era-de-ultron.jpeg b/content/media/movies/vingadores-era-de-ultron.jpeg
similarity index 100%
rename from base/content/media/movies/vingadores-era-de-ultron.jpeg
rename to content/media/movies/vingadores-era-de-ultron.jpeg
diff --git a/base/content/media/movies/vingadores-guerra-infinita.jpeg b/content/media/movies/vingadores-guerra-infinita.jpeg
similarity index 100%
rename from base/content/media/movies/vingadores-guerra-infinita.jpeg
rename to content/media/movies/vingadores-guerra-infinita.jpeg
diff --git a/base/content/media/movies/vingadores-ultimato.jpeg b/content/media/movies/vingadores-ultimato.jpeg
similarity index 100%
rename from base/content/media/movies/vingadores-ultimato.jpeg
rename to content/media/movies/vingadores-ultimato.jpeg
diff --git a/base/content/media/movies/vingadores.jpeg b/content/media/movies/vingadores.jpeg
similarity index 100%
rename from base/content/media/movies/vingadores.jpeg
rename to content/media/movies/vingadores.jpeg
diff --git a/base/content/media/movies/viuva-negra.jpeg b/content/media/movies/viuva-negra.jpeg
similarity index 100%
rename from base/content/media/movies/viuva-negra.jpeg
rename to content/media/movies/viuva-negra.jpeg
diff --git a/base/content/media/movies/viva.jpeg b/content/media/movies/viva.jpeg
similarity index 100%
rename from base/content/media/movies/viva.jpeg
rename to content/media/movies/viva.jpeg
diff --git a/base/content/media/movies/wall-e.jpeg b/content/media/movies/wall-e.jpeg
similarity index 100%
rename from base/content/media/movies/wall-e.jpeg
rename to content/media/movies/wall-e.jpeg
diff --git a/base/content/media/movies/wanda-vision.jpeg b/content/media/movies/wanda-vision.jpeg
similarity index 100%
rename from base/content/media/movies/wanda-vision.jpeg
rename to content/media/movies/wanda-vision.jpeg
diff --git a/base/content/media/movies/what-if.jpeg b/content/media/movies/what-if.jpeg
similarity index 100%
rename from base/content/media/movies/what-if.jpeg
rename to content/media/movies/what-if.jpeg
diff --git a/base/content/media/movies/wifi-ralph.jpeg b/content/media/movies/wifi-ralph.jpeg
similarity index 100%
rename from base/content/media/movies/wifi-ralph.jpeg
rename to content/media/movies/wifi-ralph.jpeg
diff --git a/base/content/media/movies/willow.jpeg b/content/media/movies/willow.jpeg
similarity index 100%
rename from base/content/media/movies/willow.jpeg
rename to content/media/movies/willow.jpeg
diff --git a/base/content/media/movies/wolfgang-o-chefe-da-celebridade.jpeg b/content/media/movies/wolfgang-o-chefe-da-celebridade.jpeg
similarity index 100%
rename from base/content/media/movies/wolfgang-o-chefe-da-celebridade.jpeg
rename to content/media/movies/wolfgang-o-chefe-da-celebridade.jpeg
diff --git a/base/content/media/movies/xmen-apocalipse.jpeg b/content/media/movies/xmen-apocalipse.jpeg
similarity index 100%
rename from base/content/media/movies/xmen-apocalipse.jpeg
rename to content/media/movies/xmen-apocalipse.jpeg
diff --git a/base/content/media/movies/xmen-dias-de-um-futuro-esquecido.jpeg b/content/media/movies/xmen-dias-de-um-futuro-esquecido.jpeg
similarity index 100%
rename from base/content/media/movies/xmen-dias-de-um-futuro-esquecido.jpeg
rename to content/media/movies/xmen-dias-de-um-futuro-esquecido.jpeg
diff --git a/base/content/media/movies/xmen-wolverine-origens.jpeg b/content/media/movies/xmen-wolverine-origens.jpeg
similarity index 100%
rename from base/content/media/movies/xmen-wolverine-origens.jpeg
rename to content/media/movies/xmen-wolverine-origens.jpeg
diff --git a/base/content/media/movies/zootopia.jpeg b/content/media/movies/zootopia.jpeg
similarity index 100%
rename from base/content/media/movies/zootopia.jpeg
rename to content/media/movies/zootopia.jpeg
diff --git a/base/content/media/users/avatar/chloe.png b/content/media/users/avatar/chloe.png
similarity index 100%
rename from base/content/media/users/avatar/chloe.png
rename to content/media/users/avatar/chloe.png
diff --git a/base/content/media/users/avatar/fabricio.png b/content/media/users/avatar/fabricio.png
similarity index 100%
rename from base/content/media/users/avatar/fabricio.png
rename to content/media/users/avatar/fabricio.png
diff --git a/base/content/media/users/avatar/felipe.png b/content/media/users/avatar/felipe.png
similarity index 100%
rename from base/content/media/users/avatar/felipe.png
rename to content/media/users/avatar/felipe.png
diff --git a/base/content/media/users/avatar/iara.png b/content/media/users/avatar/iara.png
similarity index 100%
rename from base/content/media/users/avatar/iara.png
rename to content/media/users/avatar/iara.png
diff --git a/base/content/media/users/avatar/rafael.png b/content/media/users/avatar/rafael.png
similarity index 100%
rename from base/content/media/users/avatar/rafael.png
rename to content/media/users/avatar/rafael.png
diff --git a/project/index.html b/index.html
similarity index 60%
rename from project/index.html
rename to index.html
index 0b019742..02826ca9 100644
--- a/project/index.html
+++ b/index.html
@@ -1,12 +1,14 @@
+
Disney Plus
+
@@ -119,33 +120,40 @@
@@ -160,37 +168,44 @@
+
+
+
+
\ No newline at end of file
diff --git a/project/.vscode/settings.json b/project/.vscode/settings.json
deleted file mode 100644
index 6f3a2913..00000000
--- a/project/.vscode/settings.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "liveServer.settings.port": 5501
-}
\ No newline at end of file
diff --git a/project/assets/css/base/_animations.css b/project/assets/css/base/_animations.css
deleted file mode 100644
index f001dbde..00000000
--- a/project/assets/css/base/_animations.css
+++ /dev/null
@@ -1,30 +0,0 @@
-@keyframes showFade {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
-}
-
-@keyframes slideDown {
- 0% {
- opacity: .5;
- height: 0;
- }
- 100% {
- opacity: 1;
- height: 100%;
- }
-}
-
-@keyframes slideLeft {
- 0% {
- opacity: 0;
- transform: translateX(10rem)
- }
- 100% {
- opacity: 1;
- transform: translateX(0);
- }
-}
\ No newline at end of file
diff --git a/project/assets/css/base/_fonts.css b/project/assets/css/base/_fonts.css
deleted file mode 100644
index 0c7766e4..00000000
--- a/project/assets/css/base/_fonts.css
+++ /dev/null
@@ -1,48 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
-
-:root, :host {
- --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; }
-
-@font-face {
- font-family: 'Font Awesome 6 Free';
- font-style: normal;
- font-weight: 900;
- font-display: block;
- src: url("../../fonts/fa-solid-900.woff2") format("woff2"),
- url("../../fonts/fa-solid-900.ttf") format("truetype");
-}
-
-.fas,
-.fa-solid {
- font-family: 'Font Awesome 6 Free';
- font-weight: 900;
- font-style: normal;
-}
-
-.fa-house::before {
- content: "\f015";
-}
-
-.fa-magnifying-glass::before {
- content: "\f002";
-}
-
-.fa-plus::before {
- content: "\2b";
-}
-
-.fa-star::before {
- content: "\f005";
-}
-
-.fa-film::before {
- content: "\f008";
-}
-
-.fa-tv::before {
- content: "\f26c";
-}
-
-.fa-ellipsis-vertical::before {
- content: "\f142";
-}
\ No newline at end of file
diff --git a/project/assets/css/base/_global.css b/project/assets/css/base/_global.css
deleted file mode 100644
index 7e357d84..00000000
--- a/project/assets/css/base/_global.css
+++ /dev/null
@@ -1,22 +0,0 @@
-html {
- font-size: 62.5%;
-}
-
-body {
- font-family: 'Roboto', sans-serif;
- color: white;
-}
-
-.background-fixed {
- background: url('../../imgs/background.png') no-repeat;
- background-size: cover;
- position: fixed;
- height: 100vh;
- width: 100%;
- z-index: 1;
-}
-
-.wrapper {
- position: relative;
- z-index: 2;
-}
diff --git a/project/assets/css/base/_reset.css b/project/assets/css/base/_reset.css
deleted file mode 100644
index 2188bbb1..00000000
--- a/project/assets/css/base/_reset.css
+++ /dev/null
@@ -1,16 +0,0 @@
-*,
-*::after,
-*::before {
- margin: 0;
- padding: 0;
- border: none;
- box-sizing: border-box;
-}
-
-a {
- text-decoration: none;
-}
-
-ul {
- list-style: none;
-}
\ No newline at end of file
diff --git a/project/assets/css/components/_arrow-slider.css b/project/assets/css/components/_arrow-slider.css
deleted file mode 100644
index 85534a3c..00000000
--- a/project/assets/css/components/_arrow-slider.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.arrow-slider {
- background: none;
- color: white;
- cursor: pointer;
- font-family: 'Font Awesome 6 Free';
- font-size: 3rem;
-}
-
-.arrow-slider--left::before {
- content: '\f053';
-}
-
-.arrow-slider--right::before {
- content: '\f054';
-}
\ No newline at end of file
diff --git a/project/assets/css/components/_collection.css b/project/assets/css/components/_collection.css
deleted file mode 100644
index bf697764..00000000
--- a/project/assets/css/components/_collection.css
+++ /dev/null
@@ -1,105 +0,0 @@
-.collection {
- padding-top: 1rem;
- overflow: hidden;
-}
-
-.collection__title {
- font-size: 1.9rem;
- font-weight: normal;
- letter-spacing: .1rem;
- margin: 0 auto;
- padding: 0 1rem 1.3rem;
- width: 91vw;
-}
-
-.movie-carousel {
- align-items: center;
- display: flex;
- position: relative;
-}
-
-.movie-carousel__list {
- display: flex;
-}
-
-.movie-carousel__item {
- opacity: .5;
- padding: 0 1rem 2.5rem;
- width: calc(91vw / 5);
-}
-
-.movie-carousel__item.active {
- opacity: 1;
-}
-
-.movie-carousel__link {
- position: relative;
- display: block;
-}
-
-.movie-carousel__link:hover {
- transform: scale(1.05);
-}
-
-.movie-carousel__link::before {
- border: .4rem solid rgba(255, 255, 255, 0);
- border-radius: .3rem;
- content: '';
- position: absolute;
- inset: 0;
- transition: border .3s;
-}
-
-.movie-carousel__link:hover::before {
- border-color:rgba(255, 255, 255, 0.7);
-}
-
-.movie-carousel__cover {
- border-radius: .3rem;
- box-shadow: #0f1119 0rem 2rem 2rem -1rem;
- width: 100%;
-}
-
-.movie-carousel .arrow-slider {
- height: 100%;
- margin-top: -2.5rem;
- opacity: 0;
- position: absolute;
- transition: opacity .3s;
- z-index: 2;
-}
-
-.movie-carousel .arrow-slider:hover {
- opacity: 1;
-}
-
-.movie-carousel .arrow-slider--left {
- padding: 0 3.6rem ;
- left: 0;
-}
-
-.movie-carousel .arrow-slider--right {
- padding: 0 3.6rem ;
- right: 0;
-}
-
-@media screen and (max-width: 1024px) {
- .collection {
- padding-top: 0;
- }
-
- .collection__title {
- width: 85vw;
- }
- .movie-carousel__item {
- width: calc(85vw / 2);
- }
- .movie-carousel .arrow-slider--left {
- padding: 0 1rem ;
- left: 0;
- }
- .movie-carousel .arrow-slider--right {
- padding: 0 1rem ;
- right: 0;
- }
-}
\ No newline at end of file
diff --git a/project/assets/css/components/_controls-slider.css b/project/assets/css/components/_controls-slider.css
deleted file mode 100644
index cd28855e..00000000
--- a/project/assets/css/components/_controls-slider.css
+++ /dev/null
@@ -1,23 +0,0 @@
-.controls-slider {
- bottom: 0;
- position: absolute;
- right: 0;
- z-index: 2;
-}
-
-.controls-slider__item {
- background: none;
- color: #8C93A1;
- cursor: pointer;
- margin: 0 .5rem;
-}
-
-.controls-slider__item::before {
- content: '\f111';
- font-family: 'Font Awesome 6 Free';
- font-size: .9rem;
-}
-
-.controls-slider__item.active {
- color: #fff;
-}
\ No newline at end of file
diff --git a/project/assets/css/components/_logo.css b/project/assets/css/components/_logo.css
deleted file mode 100644
index 657ba3e3..00000000
--- a/project/assets/css/components/_logo.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.logo__link {
- background: url('../../imgs/logo.svg') no-repeat;
- background-position: center;
- background-size: 105%;
- display: inline-block;
- height: 4rem;
- width: 7.5rem;
-}
-
-@media screen and (max-width: 1024px){
- .logo__link {
- height: 3.2rem;
- width: 5.9rem;
- }
-}
\ No newline at end of file
diff --git a/project/assets/css/components/_user-profile.css b/project/assets/css/components/_user-profile.css
deleted file mode 100644
index 1ecef930..00000000
--- a/project/assets/css/components/_user-profile.css
+++ /dev/null
@@ -1,25 +0,0 @@
-.user-profile {
- align-items: center;
- cursor: pointer;
- display: flex;
-}
-
-.user-profile--reverse {
- flex-direction: row-reverse;
-}
-
-.user-profile--reverse .user-profile__title {
- margin-left: 0;
- margin-right: 1.6rem;
-}
-
-.user-profile__avatar {
- height: 4.8rem;
- width: 4.8rem;
-}
-
-.user-profile__title {
- font-size: 1.5rem;
- font-weight: 300;
- margin-left: 1.6rem;
-}
\ No newline at end of file
diff --git a/project/assets/css/layout/_footer.css b/project/assets/css/layout/_footer.css
deleted file mode 100644
index 5542835a..00000000
--- a/project/assets/css/layout/_footer.css
+++ /dev/null
@@ -1,53 +0,0 @@
-.footer {
- background-color: #090b13;
- padding: 2.3rem 0 2.6rem;
- text-align: center;
-}
-
-.footer__wrapper {
- margin: 0 auto;
- max-width: 47rem;
- width: 100%;
-}
-
-.footer-menu__link,
-.footer__about,
-.footer__copyright {
- font-size: 1.2rem;
- font-weight: 300;
- color: #AFAFAF;
-}
-
-.footer__about {
- line-height: 1.5;
- margin:0 1.8rem 1.5rem;
-}
-
-.footer-menu {
- display: flex;
- flex-wrap: wrap;
-}
-
-.footer-menu__item {
- margin: 1.5rem 0;
-}
-
-.footer-menu__link {
- padding: 0 1rem;
- transition: color .3s;
-}
-
-.footer-menu__link:hover {
- color: #fff;
-}
-
-@media screen and (max-width: 1024px) {
- .footer {
- padding-left: 3rem;
- padding-right: 3rem;
- }
-
- .footer-menu {
- justify-content: center;
- }
-}
\ No newline at end of file
diff --git a/project/assets/css/layout/_header.css b/project/assets/css/layout/_header.css
deleted file mode 100644
index b032c4d9..00000000
--- a/project/assets/css/layout/_header.css
+++ /dev/null
@@ -1,23 +0,0 @@
-.header {
- display: flex;
- position: fixed;
- transition: background-color .3s;
- z-index: 10;
- width: 100%;
-}
-
-.header__navigation {
- width: 100%;
-}
-
-.header .logo {
- margin-left: 3.8rem;
- padding-top: 1.6rem;
-}
-
-@media screen and (max-width: 1024px){
- .header .logo {
- margin-left: 2.2rem;
- padding-top: 2.0rem;
- }
-}
\ No newline at end of file
diff --git a/project/assets/css/layout/_nav-menu.css b/project/assets/css/layout/_nav-menu.css
deleted file mode 100644
index 0987ce97..00000000
--- a/project/assets/css/layout/_nav-menu.css
+++ /dev/null
@@ -1,95 +0,0 @@
-.nav-menu {
- margin-left: 3.7rem;
-}
-
-.nav-menu__item {
- display: inline;
- vertical-align: top;
-}
-
-.nav-submenu__link,
-.nav-menu__link {
- color: #fff;
- display: inline-block;
- font-size: 1.3rem;
- letter-spacing: 0.1rem;
- text-transform: uppercase;
-}
-
-.nav-menu__link {
- padding: 3rem 2rem;
-}
-
-.nav-submenu__link {
- padding: 1.6rem 2.0rem;
-}
-
-.nav-menu__text {
- margin-left: 1.1rem;
- position: relative;
-}
-
-.nav-submenu__text::before,
-.nav-menu__text::before {
- background: #fff;
- bottom: -.8rem;
- content: '';
- height: .2rem;
- position: absolute;
- transition: width .2s;
- width: 0;
-}
-
-.nav-submenu__link:hover .nav-submenu__text::before,
-.nav-menu__link:hover .nav-menu__text::before {
- width: 100%;
-}
-
-.nav-menu__item.dropdown {
- display: none;
-}
-
-.nav-menu__item.dropdown:hover .nav-submenu {
- display: block;
-}
-
-.nav-submenu {
- animation: showFade .5s;
- background: #141414;
- border: .1rem solid #393939;
- border-radius: .5rem;
- display: none;
- margin: -2rem;
- padding: 0.4rem 0;
- position: absolute;
-}
-
-.nav-submenu.active {
- display: block;
-}
-
-.nav-submenu__text {
- margin-left: 1.2rem;
- position: relative;
-}
-
-@media screen and (max-width: 1024px) {
- .nav-menu {
- margin-left: 2.5rem;
- padding-bottom: 1rem;
- }
-
- .nav-menu__item.mobile-hidden,
- .nav-menu__text {
- display: none;
- }
-
- .nav-menu__item.dropdown {
- display: inline-block;
- }
-
- .nav-menu__link {
- font-size: 1.6rem;
- padding: 2.8rem 1.6rem;
- }
-}
\ No newline at end of file
diff --git a/project/assets/css/layout/_user-menu.css b/project/assets/css/layout/_user-menu.css
deleted file mode 100644
index 04a73cb2..00000000
--- a/project/assets/css/layout/_user-menu.css
+++ /dev/null
@@ -1,85 +0,0 @@
-.user-menu {
- position: absolute;
- top: 0;
- right: 0;
-}
-
-.user-menu__background {
- animation: slideDown .4s;
- background-color: #141414;
- border: 1px solid #393939;
- border-radius: .5rem;
- height: 100%;
- position: absolute;
- width: 100%;
- z-index: 1;
-}
-
-.user-menu__current-profile {
- padding: 1.2rem 2rem;
-}
-
-.user-menu__profiles .user-menu__item {
- padding: 0.7rem 0;
-}
-
-.user-menu__options .user-menu__link {
- color: #C3C3C3;
- display: inline-block;
- font-size: 1.5rem;
- padding: 1.3rem 2rem;
-}
-
-.user-menu__profiles {
- margin-left: 2rem;
- margin-right: 2rem;
- padding-top: .9rem;
- border-top: 1px solid #393939;
-}
-
-.user-menu__options {
- padding-bottom: 2.2rem;
-}
-
-.user-menu__link:hover {
- color: #fff;
-}
-
-.user-menu__current-profile,
-.user-menu__profiles,
-.user-menu__options {
- position: relative;
- z-index: 2;
-}
-
-.user-menu__profiles,
-.user-menu__options {
- animation: showFade .3s;
-}
-
-.user-menu .show-hover {
- display: none;
-}
-
-.user-menu:hover .show-hover,
-.user-menu:hover .user-profile__title {
- display: block;
-}
-
-.user-menu.active .show-hover,
-.user-menu.active .user-profile__title {
- display: block;
-}
-
-@media screen and (max-width: 1024px){
- .user-menu .user-profile__title {
- display: none;
- }
- .user-menu .user-profile__avatar {
- height: 3.6rem;
- width: 3.6rem;
- }
- .user-menu__current-profile {
- padding-top: 1.9rem;
- }
-}
\ No newline at end of file
diff --git a/project/assets/css/pages/home/_banners.css b/project/assets/css/pages/home/_banners.css
deleted file mode 100644
index 886ae6c8..00000000
--- a/project/assets/css/pages/home/_banners.css
+++ /dev/null
@@ -1,116 +0,0 @@
-.banners {
- align-items: center;
- display: flex;
- padding-top: 9.7rem;
- position: relative;
- overflow: hidden;
-}
-
-.banner-slider {
- display: flex;
- position: relative;
-}
-
-.banner-slider__item {
- flex-shrink: 0;
- opacity: .5;
- padding:0 1rem 3rem;
- position: relative;
- width: 91vw;
-}
-
-.banner-slider__item.active {
- opacity: 1;
-}
-
-.banner-slider__link {
- display: block;
- position: relative;
-}
-
-.banner-slider__link::before {
- border: .4rem solid rgba(255, 255, 255, 0);
- border-radius: .5rem;
- content: '';
- position: absolute;
- inset: 0;
- transition: border .3s;
-}
-
-.banner-slider__link:hover::before {
- border-color:rgba(255, 255, 255, 0.7);
-}
-
-.banner-slider__cover {
- border-radius: .5rem;
- box-shadow: #000 0rem 2rem 3rem -2rem;
- display: block;
- width: 100%;
-}
-
-.banner-slider__title {
- animation: slideLeft 1s;
- left: 0;
- display: none;
- position: absolute;
- top: 0;
- width: 100%;
-}
-
-.banner-slider__title.active {
- display: block;
-}
-
-.banners .arrow-slider {
- height: 100%;
- margin-top: -3rem;
- opacity: 0;
- position: absolute;
- transition: opacity .3s;
- z-index: 2;
-}
-
-.banners .arrow-slider:hover {
- opacity: 1;
-}
-
-.banners .arrow-slider--left {
- padding: 0 3.6rem ;
- left: 0;
-}
-
-.banners .arrow-slider--right {
- padding: 0 3.6rem ;
- right: 0;
-}
-
-.banners .controls-slider {
- bottom: 4.6rem;
- right: 11.6rem;
-}
-
-@media screen and (max-width: 1024px){
- .banners {
- padding-top: 8.2rem;
- }
-
- .banner-slider__item {
- width: 85vw;
- }
-
- .banners .arrow-slider--left {
- padding: 0 1rem;
- left: 0;
- }
-
- .banners .arrow-slider--right {
- padding: 0 1rem;
- right: 0;
- }
-
- .banners .controls-slider {
- bottom: 4.2rem;
- right: 50%;
- transform: translateX(50%);
- }
-}
\ No newline at end of file
diff --git a/project/assets/css/pages/home/_categories.css b/project/assets/css/pages/home/_categories.css
deleted file mode 100644
index cd28eef4..00000000
--- a/project/assets/css/pages/home/_categories.css
+++ /dev/null
@@ -1,62 +0,0 @@
-.categories {
- margin: 1.9rem auto;
- padding-left: 1rem;
- padding-right: 1rem;
- width: 91vw;
-}
-
-.category-menu {
- display: grid;
- grid-template-columns: repeat(5, 1fr);
- gap: 2rem;
-}
-
-.category-menu__item {
- position: relative;
- transition: transform .3s
-}
-
-.category-menu__item:hover {
- transform: scale(1.05);
-}
-
-.category-menu__link {
- background: linear-gradient(to bottom, #2B2B36, #1C1C25);
- border-radius: 1rem;
- border: .3rem solid #404048;
- box-shadow: #0f1119 0rem 2rem 2rem -1rem;
- display: block;
- position: relative;
- transition: all .3s;
-}
-
-.category-menu__link:hover {
- background: none;
- border-color: rgb(235, 235, 235);
-}
-
-.category-menu__video {
- border-radius: 1rem;
- display: none;
- position: absolute;
- top: .2rem;
- width: 100%;
-}
-
-.category-menu__item:hover .category-menu__video {
- display: block;
-}
-
-.category-menu__img {
- width: 100%;
-}
-
-@media screen and (max-width: 1024px) {
- .categories {
- width: 85vw;
- }
- .category-menu__link {
- border-width: .1rem;
- box-shadow: #0f1119 0rem 2rem 1rem -1rem
- }
-}
\ No newline at end of file
diff --git a/project/assets/css/style.css b/project/assets/css/style.css
deleted file mode 100644
index 8dfaaf27..00000000
--- a/project/assets/css/style.css
+++ /dev/null
@@ -1,15 +0,0 @@
-@import url('./base/_reset.css');
-@import url('./base/_fonts.css');
-@import url('./base/_global.css');
-@import url('./base/_animations.css');
-@import url('./layout/_header.css');
-@import url('./layout/_nav-menu.css');
-@import url('./layout/_user-menu.css');
-@import url('./layout/_footer.css');
-@import url('./components/_logo.css');
-@import url('./components/_user-profile.css');
-@import url('./components/_arrow-slider.css');
-@import url('./components/_controls-slider.css');
-@import url('./components/_collection.css');
-@import url('./pages/home/_banners.css');
-@import url('./pages/home/_categories.css');
\ No newline at end of file
diff --git a/project/assets/fonts/fa-solid-900.ttf b/project/assets/fonts/fa-solid-900.ttf
deleted file mode 100644
index 99b35ad5..00000000
Binary files a/project/assets/fonts/fa-solid-900.ttf and /dev/null differ
diff --git a/project/assets/fonts/fa-solid-900.woff2 b/project/assets/fonts/fa-solid-900.woff2
deleted file mode 100644
index c7bd59c2..00000000
Binary files a/project/assets/fonts/fa-solid-900.woff2 and /dev/null differ
diff --git a/project/assets/imgs/avatar.png b/project/assets/imgs/avatar.png
deleted file mode 100644
index edc4c783..00000000
Binary files a/project/assets/imgs/avatar.png and /dev/null differ
diff --git a/project/assets/imgs/background.png b/project/assets/imgs/background.png
deleted file mode 100644
index 0688ea77..00000000
Binary files a/project/assets/imgs/background.png and /dev/null differ
diff --git a/project/assets/imgs/categories/disney.png b/project/assets/imgs/categories/disney.png
deleted file mode 100644
index 8f33be55..00000000
Binary files a/project/assets/imgs/categories/disney.png and /dev/null differ
diff --git a/project/assets/imgs/categories/marvel.png b/project/assets/imgs/categories/marvel.png
deleted file mode 100644
index 98d99f35..00000000
Binary files a/project/assets/imgs/categories/marvel.png and /dev/null differ
diff --git a/project/assets/imgs/categories/national-geographic.png b/project/assets/imgs/categories/national-geographic.png
deleted file mode 100644
index 7bdca291..00000000
Binary files a/project/assets/imgs/categories/national-geographic.png and /dev/null differ
diff --git a/project/assets/imgs/categories/pixar.png b/project/assets/imgs/categories/pixar.png
deleted file mode 100644
index a9b9a0b4..00000000
Binary files a/project/assets/imgs/categories/pixar.png and /dev/null differ
diff --git a/project/assets/imgs/categories/star-wars.png b/project/assets/imgs/categories/star-wars.png
deleted file mode 100644
index 548b4905..00000000
Binary files a/project/assets/imgs/categories/star-wars.png and /dev/null differ
diff --git a/project/assets/imgs/exemple/banner-exemple.jpeg b/project/assets/imgs/exemple/banner-exemple.jpeg
deleted file mode 100644
index 1bd68ff2..00000000
Binary files a/project/assets/imgs/exemple/banner-exemple.jpeg and /dev/null differ
diff --git a/project/assets/imgs/exemple/banner-title-exemple.png b/project/assets/imgs/exemple/banner-title-exemple.png
deleted file mode 100644
index a908305a..00000000
Binary files a/project/assets/imgs/exemple/banner-title-exemple.png and /dev/null differ
diff --git a/project/assets/imgs/exemple/category-exemple.png b/project/assets/imgs/exemple/category-exemple.png
deleted file mode 100644
index 8f33be55..00000000
Binary files a/project/assets/imgs/exemple/category-exemple.png and /dev/null differ
diff --git a/project/assets/imgs/exemple/movie-exemple.jpeg b/project/assets/imgs/exemple/movie-exemple.jpeg
deleted file mode 100644
index 58889362..00000000
Binary files a/project/assets/imgs/exemple/movie-exemple.jpeg and /dev/null differ
diff --git a/project/assets/imgs/logo.svg b/project/assets/imgs/logo.svg
deleted file mode 100644
index 6d22ca95..00000000
--- a/project/assets/imgs/logo.svg
+++ /dev/null
@@ -1,94 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/project/assets/js/components/collection.js b/project/assets/js/components/collection.js
deleted file mode 100644
index 9624a6ae..00000000
--- a/project/assets/js/components/collection.js
+++ /dev/null
@@ -1,14 +0,0 @@
-const Collection = (props) => {
- return `
-
- `
-}
-
-export default Collection
diff --git a/project/assets/js/components/control-slider-item.js b/project/assets/js/components/control-slider-item.js
deleted file mode 100644
index 3e8080fb..00000000
--- a/project/assets/js/components/control-slider-item.js
+++ /dev/null
@@ -1,7 +0,0 @@
-const ControlSliderItem = () => {
- return `
- 
+
+ 
+
+ 
+
+ 
+
+ 
+
+