dwd-projects/scc-astro
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

footer-component

Browse Source
This commit is contained in:
Subhodip Ghosh
2023-05-13 21:53:19 +05:30
parent fc4bfa575b
commit 7fe761771d
5 changed files with 263 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/Footer.astro
View File

@@ -1,7 +1,47 @@
---
import FooterComponent from "./FooterComponent.vue"
// const notice = await fetch('https://api8.siliconpin.com/items/scc22?filter[status][_eq]=published&filter[type][_eq]=notice');
// const noticeJson = await notice.json();
// const noticeData = noticeJson.data.reverse();
// console.log(noticeData)
---
<!-- <section class="container mx-auto px-4 my-6">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-x-10 gap-y-4">
<div class="grid border-4 border-blue-700 rounded-xl ">
<p class="bg-blue-700 text-white px-6 py-2 text-2xl font-bold "><span class="underline decoration-4 decoration-[#7c4c23]">Latest Updates</span><span class="shape text-2xl font-bold p-1 rounded-full h-fit">*</span></p>
<div class="flex flex-col h-[250px] h-fit overflow-y-scroll w-full bg-blue-50 rounded-b-lg">
{
noticeData.map((data : {title : string | undefined; slug : string | undefined} )=>
<a target="_blank" href={'/notice/'+data.slug} class="px-6 text-xl text-blue-700 hover:underline">{data.title}</a>
)
}
</div>
<a href="/notice" class="flex justify-end bg-blue-50 pt-2"> <span class="bg-blue-700 text-white px-4 py-2 rounded-tl-md font-bold">View All</span> </a>
</div>
<div class="grid border-4 border-blue-700 rounded-xl h-fit">
<p class="bg-blue-700 text-white px-6 py-2 text-2xl font-bold underline decoration-4 decoration-[#7c4c23]">Important Links</p>
<div class="flex flex-col h-[300px] overflow-y-scroll w-full bg-blue-50 rounded-b-lg">
<a target="_blank" href="/gallery" class="px-6 text-xl text-blue-700 hover:underline">Gallery</a>
<a target="_blank" href="/notice" class="px-6 text-xl text-blue-700 hover:underline">Notice</a>
<a target="_blank" href="/documents" class="px-6 text-xl text-blue-700 hover:underline">Documents</a>
<a target="_blank" href="/documents/aqar" class="px-6 text-xl text-blue-700 hover:underline">AQAR</a>
<a target="_blank" href="/documents/iqac" class="px-6 text-xl text-blue-700 hover:underline">IQAC</a>
<a target="_blank" href="/documents/academic-calendar" class="px-6 text-xl text-blue-700 hover:underline">Academic Calendar</a>
<a target="_blank" href="https://www.wbsuexams.net" class="px-6 text-xl text-blue-700 hover:underline">West Bengal State University</a>
<a target="_blank" href="https://www.ugc.gov.in" class="px-6 text-xl text-blue-700 hover:underline">University Grants Commission</a>
<a target="_blank" href="https://banglaruchchashiksha.wb.gov.in/" class="px-6 text-xl text-blue-700 hover:underline">W.B.H.E.D</a>
</div>
</div>
</div>
</section> -->
<section class="">
<FooterComponent client:visible />
</section>
<div class="container-fluid bg-stone-600">
<div class="">
<div class="container mx-auto px-4 grid grid-cols-1 md:grid-cols-3 bg-stone-600">
<div class="bg-stone-800 rounded-md h-44 m-6 text-gray-100 text-left text-xl p-3">Important Links<hr class="blue-400">
<div class="bg-stone-800 rounded-md h-44 m-6 text-gray-100 text-left text-xl p-3">Other's Links<hr class="blue-400">
<div class="grid grid-rows-3 text-blue-600 p-3 gap-4">
<a href="/gallery">Gallery <hr class="border-slate-900"></a>
<a href="/notice">Notice <hr class="border-slate-900"></a>
@@ -25,8 +65,20 @@
</div>
<div class="container mx-auto px-4 flex flex-col md:flex-row place-items-center md:place-content-between bg-stone-600 text-gray-100 -mt-4 ">
<a href=""><span class="">© sreechaitanyacollege.in <hr> </span></a>
<a href="https://dwd.siliconpin.com"><span class=""> Powered by DWD Consultancy Services <hr></span></a>
<a href="https://dwd.siliconpin.com"><span class="">Powered by DWD Consultancy Services <hr></span></a>
<a href=""><span class=""> Count 112964 | Site Performance <hr> </span></a>
</div>
</div>
</div>
<style>
.shape {
-webkit-animation: shape 3ss forwards;
animation: shape 2s infinite;
color: rgb(255, 0, 0);
}
@keyframes shape {
50%{color: red(187, 224, 85); }
50%{color: rgb(255, 255, 255); }
/* 50%{color: rgb(0, 255, 34);} */
}
</style>

100
src/components/FooterComponent.vue Normal file
View File

@@ -0,0 +1,100 @@
<template>
<section class="container mx-auto px-4 my-6">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-x-10 gap-y-4">
<div class="grid border-4 border-blue-700 rounded-xl ">
<p class="bg-blue-700 text-white px-6 py-2 text-2xl font-bold"><span class="underline decoration-4 decoration-[#7c4c23]">Latest Updates</span><span class="shape text-2xl font-bold p-1 rounded-full h-fit">*</span></p>
<div class="flex flex-col h-[250px] overflow-y-scroll w-full bg-blue-50 rounded-b-lg">
<a v-for="data in notice" :key="notice.id" target="_blank" :href="'/notice/'+data.slug" class="px-6 text-xl text-blue-700 hover:underline">{{data.title}}</a>
</div>
<a href="/notice" class="flex justify-end bg-blue-50 pt-2"> <span class="bg-blue-700 text-white px-4 py-2 rounded-tl-md font-bold">View All</span> </a>
</div>
<div class="grid border-4 border-blue-700 rounded-xl h-fit">
<p class="bg-blue-700 text-white px-6 py-2 text-2xl font-bold underline decoration-4 decoration-[#7c4c23]">Important Links</p>
<!-- <p class="text-center text-xl py-4"><span class="shape px-2 text-blue-700 rounded-md">New</span> <a class="hover:underline" href="https://online.rgyci.org"></a></p> -->
<div class="flex flex-col h-[300px] overflow-y-scroll w-full bg-blue-50 rounded-b-lg">
<a target="_blank" href="/gallery" class="px-6 text-xl text-blue-700 hover:underline">Gallery</a>
<a target="_blank" href="/notice" class="px-6 text-xl text-blue-700 hover:underline">Notice</a>
<a target="_blank" href="/documents" class="px-6 text-xl text-blue-700 hover:underline">Documents</a>
<a target="_blank" href="/documents/aqar" class="px-6 text-xl text-blue-700 hover:underline">AQAR</a>
<a target="_blank" href="/documents/iqac" class="px-6 text-xl text-blue-700 hover:underline">IQAC</a>
<a target="_blank" href="/documents/academic-calendar" class="px-6 text-xl text-blue-700 hover:underline">Academic Calendar</a>
<a target="_blank" href="https://www.wbsuexams.net" class="px-6 text-xl text-blue-700 hover:underline">West Bengal State University</a>
<a target="_blank" href="https://www.ugc.gov.in" class="px-6 text-xl text-blue-700 hover:underline">University Grants Commission</a>
<a target="_blank" href="https://banglaruchchashiksha.wb.gov.in/" class="px-6 text-xl text-blue-700 hover:underline">W.B.H.E.D</a>
</div>
</div>
</div>
</section>
<div class="container-fluid bg-stone-600">
<div class="">
<div class="container mx-auto px-4 grid grid-cols-1 md:grid-cols-3 bg-stone-600">
<div class="bg-stone-800 rounded-md h-44 m-6 text-gray-100 text-left text-xl p-3">Other's Links<hr class="blue-400">
<div class="grid grid-rows-3 text-blue-600 p-3 gap-4">
<a href="/gallery">Gallery <hr class="border-slate-900"></a>
<a href="/notice">Notice <hr class="border-slate-900"></a>
<a href="/documents">Documents</a>
</div>
</div>
<div class="bg-stone-800 rounded-md h-44 m-6 text-gray-100 text-left text-xl p-3">Related Sites<hr>
<div class="grid grid-rows-3 text-blue-600 p-3 gap-4">
<a href="https://www.wbsubregistration.org/">W.B.S.U<hr class="border-slate-900"></a>
<a href="https://www.ugc.ac.in/">U.G.C.<hr class="border-slate-900"></a>
<a href="https://banglaruchchashiksha.wb.gov.in/">W.B.H.E.D.</a>
</div>
</div>
<div class="bg-stone-800 rounded-md h-44 m-6 text-gray-100 text-left text-xl p-3">Document Links <hr>
<div class="grid grid-rows-3 text-blue-600 p-3 gap-4">
<a href="/documents/aqar">AQAR<hr class="border-slate-900"></a>
<a href="/documents/iqac">IQAC<hr class="border-slate-900"></a>
<a href="/documents/academic-calendar">Academic Calendar</a>
</div>
</div>
</div>
<div class="container mx-auto px-4 flex flex-col md:flex-row place-items-center md:place-content-between bg-stone-600 text-gray-100 -mt-4 ">
<a href=""><span class="">© sreechaitanyacollege.in <hr> </span></a>
<a href="https://dwd.siliconpin.com"><span class="">Powered by DWD Consultancy Services <hr></span></a>
<a href=""><span class=""> Count 112964 | Site Performance <hr> </span></a>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
page: null,
notice: null,
isLoading: true,
lpModal:false,
}
},
methods: {
},
mounted: function () {
fetch('https://api8.siliconpin.com/items/scc22?filter[status][_eq]=published&filter[type][_eq]=notice')
.then(resp => resp.json())
.then(data => {
this.notice=data.data
// console.log(this.dailyplan)
})
}
}
</script>
<style>
.shape {
-webkit-animation: shape 3ss forwards;
animation: shape 2s infinite;
color: rgb(255, 0, 0);
}
@keyframes shape {
50%{color: red(187, 224, 85); }
50%{color: rgb(255, 255, 255); }
/* 50%{color: rgb(0, 255, 34);} */
}
</style>

8
src/components/Header.astro
View File

@@ -7,17 +7,13 @@
</div>
<div
class="hidden lg:block flex flex-cols bg-blue-600 h-48 text-right justify-end text-white text-3xl pt-5 font-semibold pr-12">
<img src="/img/logo3.png" alt="Sree Chaitanya College,Habra" class="absolute left-0 top-0 h-44 w-44 mt-2 ml-14 text-base "
/>
<a href="/"><img src="/img/logo3.png" alt="Sree Chaitanya College,Habra" class="absolute left-0 top-0 h-44 w-44 mt-2 ml-14 text-base "
/></a>
Estd.-1956
<br />Sree Chaitanya College,Habra
<br />(Arts and Science)
<br />Prafullanagar, Habra, 24Pgs(N) Pin-743268, W.B
</div>
<!-- <Menu /> -->
</header>
</main>
<script setup>
</script>