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

dataTypePreDefined

master
Suvodip Ghosh 2023-02-20 22:50:09 +05:30
parent 8c1c0ed3f9
commit f4ba61c346
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/occasion/index.astro
View File

@ -52,12 +52,12 @@ import Footer from "../../components/Footer.vue";
<img class="w-fit h-fit" src={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.data[0].occassion} alt={occassion[0].occassion_text }>
</div>
</div>
</section> <!-- hero section Ends -->
</section> <!-- hero section Ends ???set:html="data.meta_description" -->
<section class="container mx-auto px-2 xl:px-24 pt-24">
<h1 class=" text-blue-700 h1-text px-4 font-semibold">Check Out Our Occasion Blog</h1>
<p class="text-justify text-xl lg:text-3xl pt-2 text-color-2 px-4">Find relevant helpful articles for marketing preschool solutions below and get to know more about the same. </p>
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 mt-10 place-items-center">
{blogRespData.map((data) =>
{blogRespData.map((data: { title: string | undefined; date: string | undefined; slug: string | undefined; img: string | undefined; }) =>
<div class="grid w-fit" >
<img class="w-full rounded-tl-3xl rounded-br-3xl px-4" v-if="occassionblog.img" src={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.img+'?width=420&amp;height=280'} alt="" >
@ -81,7 +81,7 @@ import Footer from "../../components/Footer.vue";
<div class="h1-text text-blue-700 font-semibold">Worksheets</div>
<h1 class="text-2xl text-justify text-color-2 py-4" v-if="page">{occassion[0].worksheets_text}</h1>
<div v-if="worksheets" class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-0">
{wkstRespData.map((data) =>
{wkstRespData.map((data: { occassion_worksheets_img: string | undefined; file: string | undefined; }) =>
<div class="flex relative p-4">
<img v-if="wkst.occassion_worksheets_img" src={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.occassion_worksheets_img} alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
<div v-if="wkst.file" class="absolute bottom-10 left-28">
@ -112,7 +112,7 @@ import Footer from "../../components/Footer.vue";
<h1 class="h1-text text-blue-700 font-semibold">Celebretion stories</h1>
<h1 class="text-2xl text-justify text-color-2 py-4" v-if="page">{occassion[0].celebretion_stories_text}</h1>
<div class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 py-10 px-4 gap-12">
{csRespData.map((data) =>
{csRespData.map((data: { img: string | undefined; title: string | undefined; text: string | undefined; }) =>
<div class="flex bg-gray-200 rotate-6 rounded-tl-lg rounded-br-lg">
<div class="flex -rotate-6 relative"><img src={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.img} alt="" class="rounded-tl-lg rounded-br-lg" />
<div class="flex absolute bg-white p-2 rounded-md m-4 justify-center text-sm md:text-xl">{data.title}</div>
@ -128,7 +128,7 @@ import Footer from "../../components/Footer.vue";
<div class="h1-text text-blue-700 font-semibold pt-16 ">YouTube Videos for your reference </div>
<h1 class="text-2xl text-justify text-color-2 py-4">{occassion[0].youtube_text}</h1>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5">
{ytRespData.map((data) =>
{ytRespData.map((data: { youtube_id: string | undefined; youtube_thumbnail: string | undefined; about_the_video: string | undefined; }) =>
<div class="p-2">
<a href={'https://www.youtube.com/watch?v='+data.youtube_id}>
<div>
@ -144,7 +144,7 @@ import Footer from "../../components/Footer.vue";
<div class="grid grid-cols-1 xl:grid-cols-2 xl:space-x-48">
<div class="grid h-fit ">
<h1 class="text-4xl py-6 text-blue-700 font-semibold">Frequently Asked <span class="text-color-1">Questions</span></h1>
{faqRespData.map((data) =>
{faqRespData.map((data: { title: string | undefined; youtube_thumbnail: string | undefined; about_the_video: string | undefined; }) =>
<details>
<summary>
<div class="flex inline-flex cursor-pointer"> {data.title}</div>
@ -161,7 +161,7 @@ import Footer from "../../components/Footer.vue";
</main>
<Footer/>
</Layout>
<style scopped>
<style >
.line-clamp-4 {
display: -webkit-box;
-webkit-line-clamp: 4;

10
src/pages/themes/index.astro
View File

@ -59,12 +59,12 @@ import Footer from "../../components/Footer.vue";
</div>
</div>
</section>
<!-- section Celebretion Ideas -->
<!-- section Celebretion Ideas -->
<section class="container mx-auto xl:px-24 py-16 px-4">
<div class="h1-text text-blue-700 font-semibold">Celebration Ideas </div>
<div class="text-2xl text-justify text-color-2">{themes[0].celebration_ideas_text}</div>
<div v-if="ideas" class="grid place-items-center grid-cols-1 md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 ">
{tciRespData.map((data) =>
{tciRespData.map((data: { celebration_ideas_img: string | undefined; celebration_ideas_title: string | undefined; celebration_ideas_body_text: string | undefined; title: string | undefined; }) =>
<div class="flex relative">
<img v-if="ida.celebration_ideas_img" src={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.celebration_ideas_img} alt="" class="pt-4 rounded-tl-xl rounded-br-xl shadow-xl" />
<div class="absolute top-10 left-8 text-2xl text-color-1 font-semibold">{data.celebration_ideas_title}
@ -85,7 +85,7 @@ import Footer from "../../components/Footer.vue";
<div class="h1-text text-blue-700 font-semibold">Worksheets</div>
<div class="text-2xl text-justify text-color-2" >{themes[0].worksheets_text}</div>
<div class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-6">
{twsRespData.map((data) =>
{twsRespData.map((data: { title: string | undefined; theme_worksheets_img: string | undefined; file: string | undefined; }) =>
<div class="flex relative p-4">
<img src={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.theme_worksheets_img} alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
<div class="absolute bottom-10 left-20">
@ -133,7 +133,7 @@ import Footer from "../../components/Footer.vue";
<div class="h1-text text-blue-700 font-semibold">YouTube Videos for your reference </div>
<div class="text-2xl text-justify text-color-2">{themes[0].youtube_text}</div>
<div class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-5 pt-4">
{ytvRespData.map((data) =>
{ytvRespData.map((data: { youtube_id: string | undefined; youtube_thumbnail: string | undefined; about_the_video: string | undefined; }) =>
<div class="p-2">
<a href={'https://www.youtube.com/watch?v='+data.youtube_id}>
<div>
@ -149,7 +149,7 @@ import Footer from "../../components/Footer.vue";
<section class="container mx-auto px-4 xl:px-24 mb-16">
<h2 class="h1-text text-center text-color-1 py-16 font-semibold"> Other Themes </h2>
<div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 place-items-center gap-10">
{allthemesRespData.map((data) =>
{allthemesRespData.map((data: { theme_slug: string | undefined; theme_icon: string | undefined; }) =>
<div class="grid">
<a href={'/themes/'+ data.theme_slug}>
<img class="rounded-lg shadow-2xl" src={'https://curriculum-app-api.beanstalkedu.com/assets/' + data.theme_icon} alt=""/>