update
parent
df0430b506
commit
f29fa9e3c8
Binary file not shown.
After Width: | Height: | Size: 15 KiB |
|
@ -5,12 +5,12 @@
|
|||
<a href="/"><img class="w-36 h-12 lg:w-fit lg:h-fit hover:bg-none" src="/img/tb-logo.png" alt="Teeny Beans Logo"/></a>
|
||||
</div>
|
||||
<div class="flex flex-col"></div>
|
||||
<div class="flex place-items-center py-4">
|
||||
<div class="flex place-items-center py-4 font-semibold">
|
||||
<div class="navbar w-full">
|
||||
<a href="/educators">Educators</a>
|
||||
<a href="/educators font-semibold">Educators</a>
|
||||
<a href="/administrators">Administrators</a>
|
||||
<div class="dropdownDesktop">
|
||||
<button class="dropbtnDesktop">Recources <span class="text-md">∇</span>
|
||||
<button class="dropbtnDesktop" style="font-family: quicksand;">Recources <span class="">v</span>
|
||||
<i class="fa fa-caret-downDesktop"></i>
|
||||
</button>
|
||||
<div class="dropdown-contentDesktop">
|
||||
|
@ -92,7 +92,7 @@ overflow: hidden;
|
|||
font-size: 16px;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: #7c2d23;
|
||||
color: #7c4c23;
|
||||
font-weight: bold;
|
||||
padding: 14px 10px;
|
||||
background-color: inherit;
|
||||
|
|
|
@ -42,7 +42,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-6 text-center text-lg ">...</div>
|
||||
<div class="mt-6 text-center text-lg opacity-0">...</div>
|
||||
</div></router-link>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
@ -42,7 +42,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-6 text-center text-lg ">...</div>
|
||||
<div class="mt-6 text-center text-lg opacity-0">...</div>
|
||||
</div></a>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
@ -12,7 +12,7 @@ const { title } = Astro.props;
|
|||
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap" rel="stylesheet">
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<link rel="icon" type="image/svg+xml/ico" href="/favicon-teeny-beans.ico" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>{title}</title>
|
||||
|
||||
|
|
|
@ -117,7 +117,7 @@ import Footer from "../../components/Footer.vue";
|
|||
<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>
|
||||
<p class="absolute inset-x-0 bottom-6 text-blue-100 text-justify p-3 font-semibold rounded-br-lg line-clamp-4">{data.text}</p>
|
||||
<span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-white text-justify p-3 "><a href="" class="text-blue-700 hover:font-extrabold"> <br> Read Full Storry >> </a></span>
|
||||
<span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-white text-justify p-3 "><a href="/blog" class="text-blue-700 hover:font-extrabold"> <br> Read Full Storry >> </a></span>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
|
|
@ -112,7 +112,7 @@ import Footer from "../../components/Footer.vue";
|
|||
</section>
|
||||
<ThemesVideos client:visible/>
|
||||
<ThemesAudioBook client:visible/>
|
||||
<section class="container mx-auto pt-16 xl:px-24 px-4">
|
||||
<!-- <section class="container mx-auto pt-16 xl:px-24 px-4">
|
||||
<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">{themes[0].celebration_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">
|
||||
|
@ -126,10 +126,10 @@ import Footer from "../../components/Footer.vue";
|
|||
</div>
|
||||
)}
|
||||
</div>
|
||||
</section>
|
||||
</section> -->
|
||||
<SubmitCelebration client:visible/>
|
||||
<!-- section youtube -->
|
||||
<section class="container mx-auto py-16 mt-20 px-4 xl:px-24" >
|
||||
<section class="container mx-auto pt-20 px-4 xl:px-24" >
|
||||
<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">
|
||||
|
|
Loading…
Reference in New Issue