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", "build": "astro build",
"preview": "astro preview", "preview": "astro preview",
"astro": "astro", "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": { "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> </div>
<div class="container-fluid bg-color-2"> <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">© 2021 Teeny Beans | All Rights Reserved</div>
<div class="flex">Terms & Conditions</div> <div class="flex">Terms & Conditions</div>
</div> </div>

200
src/components/SliderLessonplan.vue
View File

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

2
src/pages/index.astro
View File

@ -226,7 +226,7 @@ import Footer from "../components/Footer.vue";
</details> </details>
)} )}
</div> </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> </div>
</section> </section>
</div> </div>