dwd-projects
/
teenybeanspreschoolcurriculum.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

OgImage

master
Suvodip Ghosh 2023-02-22 20:40:57 +05:30
parent 5b21ee2864
commit 04b5887ff7
8 changed files with 103 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -9,7 +9,7 @@
"build": "astro build",
"preview": "astro preview",
"astro": "astro",
"push": "rsync -azP dist/ ns7@ns7.siliconpin.com:/home/ns7/domains/teeny-astro.siliconpin.com/public_html"
"push": "rsync -azP dist/ preschoolcurriculum@143.110.177.50:/home/preschoolcurriculum/public_html"
},
"dependencies": {

BIN
public/img/frequentlycc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

BIN
public/img/header-worksheet.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 171 KiB

BIN
public/img/homepage.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB

BIN
public/tb-logo.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.6 KiB

2
src/components/Footer.vue
View File

@ -132,7 +132,7 @@
</div>
</div>
<div class="container-fluid bg-color-2">
<div class="container mx-auto flex md:flex-row flex-col p-2 justify-between px-8">
<div class="container mx-auto flex md:flex-row flex-col py-2 justify-between px-8">
<div class="flex">© 2021 Teeny Beans | All Rights Reserved</div>
<div class="flex">Terms & Conditions</div>
</div>

182
src/components/SliderLessonplan.vue
View File

@ -1,114 +1,114 @@
<template>
<div>
<section class="container mx-auto my-16 px-4 xl:px-24">
<div class="flex flex-col lg:flex-row place-items-center place-content-between gap-y-10">
<div class="grid h-fit">
<h1 class="text-color-1 font-semibold py-3 hero-text">Trending Lesson Plans</h1>
<h1 class="text-xl md:text-3xl text-color-2 pb-4">Discover today's popular lesson <br> plans specially curated for your classroom.</h1>
<div><a target="_blank" href="/lesson-plan/dailyplan" class="text-lg bg-blue-700 px-4 py-2 text-white rounded-tl-xl rounded-br-xl">Check Out Now</a></div>
</div>
<div class="grid place-items-center">
<swiper class="slider-width cursor-pointer" draggable="false"
:modules="modules"
:slides-per-view="1"
:space-between="50"
navigation
pagination
:scrollbar="{ draggable: true }"
:autoplay=" { delay: 2500, disableOnInteraction: false}"
@swiper="onSwiper"
@slideChange="onSlideChange">
<swiper-slide v-for="lesson in lessonplan" :key="lesson.id">
<img class="" lesson.lesson_icon :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+ lesson.lesson_icon" alt="">
</swiper-slide>
</swiper>
</div>
</div>
</section>
</div>
<div>
<section class="container mx-auto my-16 px-4 xl:px-24">
<div class="flex flex-col lg:flex-row place-items-center place-content-between gap-y-10">
<div class="grid h-fit">
<h1 class="text-color-1 font-semibold py-3 hero-text">Trending Lesson Plans</h1>
<h1 class="text-xl md:text-3xl text-color-2 pb-4">Discover today's popular lesson <br> plans specially curated for your classroom.</h1>
<div><a target="_blank" href="/lesson-plan/dailyplan" class="text-lg bg-blue-700 px-4 py-2 text-white rounded-tl-xl rounded-br-xl">Check Out Now</a></div>
</div>
<div class="grid place-items-center">
<swiper class="slider-width cursor-pointer" draggable="false"
:modules="modules"
:slides-per-view="1"
:space-between="50"
navigation
pagination
:scrollbar="{ draggable: true }"
:autoplay=" { delay: 2500, disableOnInteraction: false}"
@swiper="onSwiper"
@slideChange="onSlideChange">
<swiper-slide v-for="lesson in lessonplan" :key="lesson.id">
<img class="" lesson.lesson_icon :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+ lesson.lesson_icon" alt="">
</swiper-slide>
</swiper>
</div>
</div>
</section>
</div>
</template>
<style>
.text-color-1 {
color: #7C4C23;
font-family: 'Quicksand';
}
.text-color-1 {
color: #7C4C23;
font-family: 'Quicksand';
}
.slider-width {
width: 350px;
width: 350px;
}
@media screen and (min-width: 1500px) {
.hero-text {
font-size: 50px;
.hero-text {
font-size: 50px;
}
}
}
@media screen and (max-width: 1499px) {
.hero-text {
font-size: 40px;
@media screen and (max-width: 1499px) {
.hero-text {
font-size: 40px;
}
}
@media screen and (max-width: 1199px) {
.hero-text {
font-size: 30px;
}
@media screen and (max-width: 1199px) {
.hero-text {
font-size: 30px;
}
}
}
</style>
<script is:inline>
// Import Swiper Vue.js components
import { Swiper, SwiperSlide } from 'swiper/vue';
import 'swiper/css/navigation';
import 'swiper/css/pagination';
import { Navigation, Autoplay, Pagination, Scrollbar, A11y, } from 'swiper';
// Import Swiper Vue.js components
import { Swiper, SwiperSlide } from 'swiper/vue';
import 'swiper/css/navigation';
import 'swiper/css/pagination';
import { Navigation, Autoplay, Pagination, Scrollbar, A11y, } from 'swiper';
// Import Swiper styles
import 'swiper/css';
// const swiper = new Swiper('.swiper', {
// autoplay: {
// delay: 5000,
// },
// });
// Import Swiper styles
import 'swiper/css';
// const swiper = new Swiper('.swiper', {
// autoplay: {
// delay: 5000,
// },
// });
export default {
components: {
Swiper,
SwiperSlide,
},
setup() {
const onSwiper = (swiper) => {
// console.log(swiper);
};
const onSlideChange = () => {
// console.log('slide change');
};
export default {
components: {
Swiper,
SwiperSlide,
},
setup() {
const onSwiper = (swiper) => {
// console.log(swiper);
};
const onSlideChange = () => {
// console.log('slide change');
};
return {
onSwiper,
onSlideChange,
modules: [Navigation, Autoplay, Pagination, Scrollbar, A11y],
return {
onSwiper,
onSlideChange,
modules: [Navigation, Autoplay, Pagination, Scrollbar, A11y],
};
},
data() {
return {
page: null,
lessonplan:null,
isLoading: true,
};
},
data() {
return {
page: null,
lessonplan:null,
isLoading: true,
}
},
mounted: function () {
fetch('https://curriculum-app-api.beanstalkedu.com/items/lesson_plan')
.then(response => response.json())
.then(data => {
this.lessonplan = data.data
// this.isLoading = false
// console.log(this.lessonplan)
// return this.page[0].id
})
},
};
}
},
mounted: function () {
fetch('https://curriculum-app-api.beanstalkedu.com/items/lesson_plan')
.then(response => response.json())
.then(data => {
this.lessonplan = data.data
// this.isLoading = false
// console.log(this.lessonplan)
// return this.page[0].id
})
},
};
</script>

2
src/pages/index.astro
View File

@ -226,7 +226,7 @@ import Footer from "../components/Footer.vue";
</details>
)}
</div>
<div class="grid place-items-center"><img src="/img/frequently.png" alt=""></div>
<div class="grid place-items-center"><img src="/img/frequentlycc.png" alt=""></div>
</div>
</section>
</div>