`

elidakirigo · Nov 15, 2023 · 58d7adf · 58d7adf · vercel · Nov 15, 2023
1 parent 7ec6d8e
commit 58d7adf
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 8 deletions.
diff --git a/portfolio-main/assets/css/style.css b/portfolio-main/assets/css/style.css
@@ -45,6 +45,9 @@ body {
 .carousel-item.active {
 	display: inline-flex !important;
 }
+.carousel-indicators{
+	bottom: -40px !important;
+}
 /*=============== THEME ===============*/
 .change-theme {
 	/* position: absolute;

diff --git a/portfolio-main/assets/js/allPosts.js b/portfolio-main/assets/js/allPosts.js
@@ -42,7 +42,7 @@ const allPosts = [
 	// Folio
 	{
 		topic: 'responsive',
-		link: 'https://chris-siku.vercel.app/',
+		link: 'https://elidakirigo.vercel.app/',
 		title: 'Folio website',
 		content: ``,
 		stacks: [
@@ -53,8 +53,8 @@ const allPosts = [
 			{ link: 'https://en.wikipedia.org/wiki/CSS', name: 'CSS' },
 			{ link: 'https://en.wikipedia.org/wiki/HTML', name: 'HTML' },
 		],
-		live: [true, 'https://chris-siku.vercel.app/'],
-		source: [true, 'https://github.com/elidakirigo/Chris-Siku-v1'],
+		live: [true, 'https://elidakirigo.vercel.app/'],
+		source: [true, 'https://github.com/elidakirigo/elidakirigo-v1'],
 		image: 'https://user-images.githubusercontent.com/101924220/209703582-eeb2e313-50a3-49a8-b133-8c5a6f5d49ea.png',
 	},
 	// House rental
@@ -162,7 +162,7 @@ const allPosts = [
 	// Portfolio website
 	{
 		topic: 'web',
-		link: 'https://chris-siku.netlify.app/',
+		link: 'https://elidakirigo.netlify.app/',
 		title: 'Portfolio website',
 		content: ``,
 		stacks: [
@@ -174,7 +174,7 @@ const allPosts = [
 			{ link: 'https://en.wikipedia.org/wiki/CSS', name: 'CSS' },
 			{ link: 'https://www.javascript.com/', name: 'JavaScript' },
 		],
-		live: [true, 'https://chris-siku.netlify.app/'],
+		live: [true, 'https://elidakirigo.netlify.app/'],
 		source: [true, 'https://github.com/elidakirigo/my-portfolio'],
 		image: 'https://user-images.githubusercontent.com/101924220/209657844-94b71a71-f467-45e5-87f0-1f2e65c9642f.png',
 	},

diff --git a/portfolio-main/assets/js/portfolio.js b/portfolio-main/assets/js/portfolio.js
@@ -1,5 +1,6 @@
 // portfolio
 const portfolio = document.querySelector('#posts')
+// const carousel_indicators_div = document.querySelector('.carousel-indicators')
 
 let SingleComponent = []
 allPosts.map((element, i) => {
@@ -42,6 +43,12 @@ let CarouselItem = component.map((element, i) => {
 	if (i == 0) return `<div class='carousel-item active row auction-filter justify-content-center'>  ${element.join(' ')} </div>`
 	return `<div class='row carousel-item '> ${element.join(' ')} </div>`
 })
+
+// let carousel_Indicators = Array(CarouselItem.length).fill(' ').map((element, i) => {
+// 	return `<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="${i}" aria-label="Slide ${i + 1}"></button>`
+// })
+// carousel_Indicators = carousel_Indicators.join(' ')
 CarouselItem = CarouselItem.join(' ')
 
+// carousel_indicators_div.insertAdjacentHTML('beforeend', carousel_Indicators)
 portfolio.insertAdjacentHTML('beforeend', CarouselItem)
diff --git a/portfolio-main/index.html b/portfolio-main/index.html
@@ -295,10 +295,10 @@ <h2>Some of my works</h2>
 						<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
 						<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
 						<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
+						<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 4"></button>
+						<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4" aria-label="Slide 5"></button>
 					</div>
-					<div class="carousel-inner">
-						<div id="posts" class="auction-filter justify-content-center container"></div>
-					</div>
+					<div id="posts" class="carousel-inner auction-filter justify-content-center container"></div>
 					<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
 						<span class="carousel-control-prev-icon" aria-hidden="true"></span>
 						<span class="visually-hidden">Previous</span>