Compare commits
3 Commits
master
...
ui-changes
| Author | SHA1 | Date |
|---|---|---|
 Dev 1
|
b2847a2ece | |
|
Dev 1
|
6ab5ff5847 | |
|
Dev 1
|
1efedcbd36 |
|
|
@ -18,6 +18,7 @@
|
|||
"@headlessui/vue": "^1.7.13",
|
||||
"@heroicons/vue": "1.0.6",
|
||||
"astro": "^1.7.2",
|
||||
"js-cookie": "^3.0.5",
|
||||
"tailwindcss": "^3.2.4",
|
||||
"vue": "^3.2.45"
|
||||
},
|
||||
|
|
|
|||
|
|
@ -6,14 +6,5 @@ import FooterComponent from "./FooterComponent.vue"
|
|||
<FooterComponent client:visible />
|
||||
</section>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -1,53 +1,53 @@
|
|||
<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 Notice</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 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 Notice</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="shape 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 v-for="data in important" :key="important.id" target="_blank" :href="'/'+data.slug" class="px-6 text-xl text-blue-700 hover:underline">{{data.title}}</a>
|
||||
</div>
|
||||
</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="shape 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 v-for="data in important" :key="important.id" target="_blank" :href="'/'+data.slug" class="px-6 text-xl text-blue-700 hover:underline">{{data.title}}</a>
|
||||
</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>
|
||||
</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 {
|
||||
|
|
|
|||
|
|
@ -1,19 +0,0 @@
|
|||
<main>
|
||||
<header>
|
||||
<div class="lg:hidden grid grid-cols-6 bg-blue-700 place-items-center text-white">
|
||||
<div class="grid col-span-1 "> <a href="/"><img class="w-16" src="/img/logo3.png" alt="Sree Chaitanya College,Habra "/></a> </div>
|
||||
<div class="grid col-span-4 ">SREE CHAITANYA COLLEGE</div>
|
||||
<!-- <div class="grid col-span-1 "><button class="hover:bg-white hover:text-blue-700 rounded-md p-1">Log In</button></div> -->
|
||||
</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">
|
||||
<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>
|
||||
|
|
@ -1,5 +1,26 @@
|
|||
|
||||
<main>
|
||||
<div>
|
||||
<div class="topBar1 flex flex-col bg-blue-700 border-b shadow-lg w-full py-3 place-items-center justify-center">
|
||||
<div class="flex flex-row gap-x-4 place-items-center">
|
||||
<a href="/"><img class="shadow-2xl shadow-white rounded-full hover:scale-105 duration-700 w-10 h-10" src="/img/logo3.png" alt="Sreechaitanya College Logo" /></a>
|
||||
<h1 class="text-xl font-bold text-white uppercase">sreechaitanya college</h1>
|
||||
</div>
|
||||
<h3 class="text-md text-white text-center">Prafullanagar, Habra, 24Pgs(N) Pin-743268, W.B</h3>
|
||||
</div>
|
||||
|
||||
<div class="topBar2 container-fluid bg-blue-700 py-4">
|
||||
<div class="container mx-auto px-4 flex flex-row gap-x-4 place-content-between place-items-center text-white">
|
||||
<a href="/"><img class="shadow-2xl shadow-white/70 rounded-full hover:scale-105 duration-700" src="/img/logo3.png" alt="Sreechaitanya College Logo" /></a>
|
||||
<div>
|
||||
<h1 class="text-3xl lg:text-4xl xl:text-5xl font-bold">Sree Chaitanya College,Habra</h1>
|
||||
<h2 class="text-3xl font-bold">(Arts and Science)</h2>
|
||||
<h3 class="text-2xl font-bold">Prafullanagar, Habra, 24Pgs(N) Pin-743268, W.B</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="container-fluid" style="background-color: #173382;">
|
||||
<div class="navbar shadow-xl zindex xl:container xl:mx-auto">
|
||||
|
||||
|
|
@ -118,10 +139,30 @@
|
|||
<script is:inline>
|
||||
</script>
|
||||
<style>
|
||||
.drop-content {
|
||||
color: black;
|
||||
width: fit-content;
|
||||
@media only screen and (max-width: 750px) {
|
||||
.topBar1{
|
||||
display: flex;
|
||||
}
|
||||
.topBar2 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 751px) {
|
||||
.topBar1{
|
||||
display: none;
|
||||
}
|
||||
.topBar2 {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.drop-content {
|
||||
color: black;
|
||||
width: fit-content;
|
||||
}
|
||||
.zindex {
|
||||
z-index: 1;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
<template>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<div class="container mx-auto px-4 text-justify mt-16">
|
||||
<div v-if="isLoading" class="">
|
||||
<div class="bg-gray-200 h-screen border-2 border-gray-300 shadow-2xl rounded-md opacity-500"></div>
|
||||
|
|
@ -10,12 +11,13 @@
|
|||
<div class="flex flex-col place-items-center" v-html="content"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-10 flex flex-col justify-start place-items-start" v-if="fileAttached">
|
||||
<h2>Attachments</h2>
|
||||
|
||||
<div class="pt-2 flex flex-col justify-center place-items-center " v-if="fileAttached">
|
||||
<h2>{{ page.title }}</h2>
|
||||
<div v-for="file in files" :key="file.id">
|
||||
<a class="text-blue-600" :href="`https://api8.siliconpin.com/assets/` + file.id+'?download' " :download="file.filename_download">
|
||||
{{ file.filename_download }}
|
||||
</a>
|
||||
|
||||
<iframe :src="`https://api8.siliconpin.com/assets/` + file.id" class="w-fit sm:w-[400px] md:w-[700px] lg:w-[900px] h-[200px] md:h-[600px] rounded-t-xl shadow-2xl"></iframe>
|
||||
<!-- <a class="text-blue-600" :href="`https://api8.siliconpin.com/assets/` + file.id+'?download' " :download="file.filename_download">{{ file.filename_download }}</a> -->
|
||||
<!-- <a class="" :href="'https://api8.siliconpin.com/assets/' + file"></a> -->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -82,4 +84,7 @@ export default {
|
|||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</script>
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
<template>
|
||||
<div>
|
||||
<div v-for="item in fetchedData" :key="item.id" class="displayPosition mb-6">
|
||||
<div :class="['flex', 'items-center', 'w-full', 'max-w-xs', 'p-4', 'mb-4', 'text-gray-500', 'bg-white', 'rounded-lg', 'shadow', 'dark:text-gray-400', 'dark:bg-gray-800', { 'hidden': !item.isVisible }]" :id="`toast-${item.id}`" role="alert">
|
||||
<div class="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-blue-700 bg-blue-100 rounded-full dark:bg-green-800 dark:text-blue-700">
|
||||
<svg width="40px" height="40px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="blinking-icon">
|
||||
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
||||
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
||||
<g id="SVGRepo_iconCarrier">
|
||||
<path d="M12 16H12.01M12 8V12M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#1d4ed8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="ml-3 text-sm font-normal blinking-icon"><a target="_blank" :href="'/notice/'+item.slug" class="font-bold">{{ item.title }}</a></div>
|
||||
<button @click="toggleDisplay(item)" type="button" class="ml-auto -mx-1.5 -my-1.5 bg-white text-gray-400 hover:text-gray-900 rounded-lg focus:ring-2 focus:ring-gray-300 p-1.5 hover:bg-gray-100 inline-flex items-center justify-center h-8 w-8 dark:text-gray-500 dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700" :data-dismiss-target="`#toast-${item.id}`" aria-label="Close">
|
||||
<span class="sr-only">Close</span>
|
||||
<!-- Your close button icon here -->
|
||||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import Cookies from 'js-cookie';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
fetchedData: [],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
toggleDisplay(item) {
|
||||
item.isVisible = !item.isVisible;
|
||||
// Store the visibility state in a cookie
|
||||
Cookies.set(`toast-${item.id}-visible`, item.isVisible ? '1' : '0');
|
||||
},
|
||||
fetchData() {
|
||||
fetch('https://api8.siliconpin.com/items/scc22?filter[type][_eq]=notice&filter[position][_eq]=popup')
|
||||
.then((response) => response.json())
|
||||
.then((data) => {
|
||||
this.fetchedData = data.data.reverse().map((item) => ({
|
||||
...item,
|
||||
isVisible: Cookies.get(`toast-${item.id}-visible`) === '1' || !Cookies.get(`toast-${item.id}-visible`) ? true : false,
|
||||
}));
|
||||
this.isLoading = false;
|
||||
});
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.fetchData();
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.displayPosition {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
}
|
||||
@keyframes blink {
|
||||
0% {
|
||||
color: #1d4ed8;
|
||||
}
|
||||
25% {
|
||||
color: #FF0000;
|
||||
}
|
||||
50% {
|
||||
color: #1d4ed8;
|
||||
}
|
||||
100% {
|
||||
color: #FF0000;
|
||||
}
|
||||
}
|
||||
.blinking-icon {
|
||||
animation: blink 2s infinite;
|
||||
font-weight: bold;
|
||||
}
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
@ -4,6 +4,9 @@ export interface Props {
|
|||
}
|
||||
|
||||
const { title } = Astro.props;
|
||||
import PopUpWindow from '../components/popUpWindow.vue';
|
||||
import MainMenu from "../components/MainMenu.astro"
|
||||
import Footer from '../components/Footer.astro';
|
||||
---
|
||||
|
||||
<!DOCTYPE html>
|
||||
|
|
@ -20,12 +23,21 @@ const { title } = Astro.props;
|
|||
<script src="/js/inc.js" defer></script>
|
||||
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9252259454702469" crossorigin="anonymous"></script>
|
||||
|
||||
</head>
|
||||
</head>
|
||||
<body>
|
||||
<slot />
|
||||
<div>
|
||||
<PopUpWindow client:visible />
|
||||
<MainMenu />
|
||||
<slot />
|
||||
<Footer />
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<style is:global>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600;700&display=swap');
|
||||
body{
|
||||
font-family: Quicksand;
|
||||
}
|
||||
/* :root {
|
||||
--accent: 124, 58, 237;
|
||||
--accent-gradient: linear-gradient(45deg, rgb(var(--accent)), #da62c4 30%, white 60%);
|
||||
|
|
|
|||
|
|
@ -1,15 +1,11 @@
|
|||
---
|
||||
import Layout from "../layouts/Layout.astro"
|
||||
import RoutePage from "../components/RoutePage.vue"
|
||||
import Header from "../components/Header.astro"
|
||||
import MainMenu from "../components/MainMenu.astro"
|
||||
import Footer from "../components/Footer.astro"
|
||||
console.log(Astro.url.pathname)
|
||||
---
|
||||
<Layout title="">
|
||||
<main>
|
||||
<Header />
|
||||
<MainMenu />
|
||||
<RoutePage client:visible/>
|
||||
<!-- <section class="container-fluid">
|
||||
<div class="flex justify-center">
|
||||
|
|
@ -103,7 +99,6 @@ console.log(Astro.url.pathname)
|
|||
</div> -->
|
||||
</div>
|
||||
</main>
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
||||
|
||||
|
|
@ -1,12 +1,7 @@
|
|||
---
|
||||
import Layout from "../layouts/Layout.astro"
|
||||
import Header from "../components/Header.astro"
|
||||
import MainMenu from "../components/MainMenu.astro"
|
||||
import Footer from "../components/Footer.astro"
|
||||
---
|
||||
<Layout title="">
|
||||
<Header />
|
||||
<MainMenu />
|
||||
<main>
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="grid grid-cols-1 lg:grid-cols-2 mt-8">
|
||||
|
|
@ -35,10 +30,6 @@ import Footer from "../components/Footer.astro"
|
|||
</iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,5 @@
|
|||
---
|
||||
import Layout from "../../layouts/Layout.astro"
|
||||
import Header from "../../components/Header.astro"
|
||||
import MainMenu from "../../components/MainMenu.astro"
|
||||
import Footer from "../../components/Footer.astro"
|
||||
import DocumentsPage from "../../components/DocumentsPage.vue"
|
||||
const response = await fetch('https://api8.siliconpin.com/items/scc22?filter[status][_eq]=published&filter[type][_eq]=documents&sort=-date_created');
|
||||
const data = await response.json();
|
||||
|
|
@ -10,8 +7,6 @@ const notice = data.data;
|
|||
// console.log(data)
|
||||
---
|
||||
<Layout title="">
|
||||
<Header />
|
||||
<MainMenu />
|
||||
<DocumentsPage client:visible />
|
||||
<!-- <main>
|
||||
<div class="container mx-auto mt-3 p-4 ">
|
||||
|
|
@ -29,7 +24,6 @@ const notice = data.data;
|
|||
</div>
|
||||
</div>
|
||||
</main> -->
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
||||
|
||||
|
|
@ -1,12 +1,7 @@
|
|||
---
|
||||
import Layout from "../layouts/Layout.astro"
|
||||
import Header from "../components/Header.astro"
|
||||
import MainMenu from "../components/MainMenu.astro"
|
||||
import Footer from "../components/Footer.astro"
|
||||
---
|
||||
<Layout title="">
|
||||
<Header />
|
||||
<MainMenu />
|
||||
<main>
|
||||
<div>
|
||||
<div class="grid place-items-center bg-blue-700 w-48 text-4xl font-bold text-white rounded-full p-1 md:mt-8 absolute md:inset-x-2/4 top-56 md:-ml-28 -mt-40 inset-x-2/4 top-72 -ml-28 gap-4">Gallery</div>
|
||||
|
|
@ -237,5 +232,4 @@ import Footer from "../components/Footer.astro"
|
|||
</section>
|
||||
</div>
|
||||
</main>
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
|
@ -1,13 +1,8 @@
|
|||
---
|
||||
import Layout from "../layouts/Layout.astro"
|
||||
import Header from "../components/Header.astro"
|
||||
import MainMenu from "../components/MainMenu.astro"
|
||||
import Footer from "../components/Footer.astro"
|
||||
---
|
||||
<Layout title="">
|
||||
<main>
|
||||
<Header />
|
||||
<MainMenu />
|
||||
<section class="container-fluid">
|
||||
<div class="flex justify-center">
|
||||
<img src="/img/clg.jpg" alt="clg" class="mb-5 rounded-b-2xl" width="100%"height="100%"/>
|
||||
|
|
@ -48,59 +43,8 @@ import Footer from "../components/Footer.astro"
|
|||
<a href="/gallery"><button class="bg-blue-700 w-56 text-white p-1 mt-14 text-xl rounded-full">Gallery</button></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div
|
||||
class="grid grid-cols-12 bg-gradient-to-r from-stone-600 to-stone-800 h-56 content-center gap-5"
|
||||
>
|
||||
<div class="grid col-span-4 bg-stone-800 rounded-md h-44 w-80 ml-14 grid grid-rows-17">
|
||||
<div
|
||||
class="grid row-span-5 text-white border-b border-white text-2xl content-center pl-4"
|
||||
>Important Links</div>
|
||||
<div class="grid row-span-4 text-blue-600 pl-4 border-b border-black">
|
||||
<a
|
||||
href="https://www.youtube.com/watch?v=BT4MQ2gA65Q&ab_channel=AllinOne"
|
||||
>Gallery</a>
|
||||
</div>
|
||||
<div class="grid row-span-4 text-blue-600 pl-4 border-b border-black">
|
||||
<a href="https://www.youtube.com/watch?v=BT4MQ2gA65Q&ab_channel=AllinOne">Notice</a>
|
||||
</div>
|
||||
<div class="grid row-span-4 text-blue-600 pl-4">
|
||||
<a
|
||||
href="https://www.youtube.com/watch?v=BT4MQ2gA65Q&ab_channel=AllinOne"
|
||||
>Document</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid col-span-4 bg-stone-800 rounded-md h-44 w-80 ml-14">
|
||||
<div
|
||||
class="grid row-span-5 text-white border-b border-white text-2xl content-center pl-4"
|
||||
>Related Sites</div>
|
||||
<div class="grid row-span-5 text-blue-600 pl-4 border-b border-black target-blank">
|
||||
<a href="https://www.wbsubregistration.org/">W.B.S.U.</a>
|
||||
</div>
|
||||
<div class="grid row-span-4 text-blue-600 pl-4 border-b border-black">
|
||||
<a href="https://www.ugc.ac.in/">U.G.C.</a>
|
||||
</div>
|
||||
<div class="grid row-span-4 text-blue-600 pl-4">
|
||||
<a href="https://banglaruchchashiksha.wb.gov.in/">W.B.H.E.D.</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid col-span-4 bg-stone-800 rounded-md h-44 w-80 ml-14">
|
||||
<div
|
||||
class="grid row-span-5 text-white border-b border-white text-2xl content-center pl-4"
|
||||
>Document Links</div>
|
||||
<div class="grid row-span-5 text-blue-600 pl-4 border-b border-black">
|
||||
<a href="AQAR">AQAR</a>
|
||||
</div>
|
||||
<div class="grid row-span-4 text-blue-600 pl-4 border-b border-black">
|
||||
<a href="">R & D Cell</a>
|
||||
</div>
|
||||
<div class="grid row-span-4 text-blue-600 pl-4">
|
||||
<a href="">Academic Calendar</a>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</main>
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
||||
|
||||
|
|
@ -1,8 +1,5 @@
|
|||
---
|
||||
import Layout from "../../layouts/Layout.astro"
|
||||
import Header from "../../components/Header.astro"
|
||||
import MainMenu from "../../components/MainMenu.astro"
|
||||
import Footer from "../../components/Footer.astro"
|
||||
import NoticePage from "../../components/NoticePage.vue"
|
||||
// const response = await fetch('https://api8.siliconpin.com/items/scc22?filter[status][_eq]=published&filter[type][_eq]=notice&sort=-date_created');
|
||||
// const data = await response.json();
|
||||
|
|
@ -10,8 +7,10 @@ import NoticePage from "../../components/NoticePage.vue"
|
|||
// console.log(data)
|
||||
---
|
||||
<Layout title="">
|
||||
<Header />
|
||||
<MainMenu />
|
||||
<main>
|
||||
<div>
|
||||
</div>
|
||||
</main>
|
||||
<NoticePage client:visible />
|
||||
<!-- <main>
|
||||
<div class="container mx-auto mt-3 p-4 ">
|
||||
|
|
@ -29,6 +28,5 @@ import NoticePage from "../../components/NoticePage.vue"
|
|||
</div>
|
||||
</div>
|
||||
</main> -->
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,23 +0,0 @@
|
|||
---
|
||||
import Layout from '../layouts/Layout.astro';
|
||||
import MainHeader from '../components/MainHeader.vue';
|
||||
import VideoYt from '../components/VideoYt.html';
|
||||
|
||||
import Footer from '../components/Footer.astro';
|
||||
---
|
||||
|
||||
<Layout title="Welcome to Astro.">
|
||||
<MainHeader />
|
||||
<main>
|
||||
<h1>Welcome to <span class="text-gradient">Astro</span></h1>
|
||||
<p class="instructions">
|
||||
To get started, open the directory <code>src/pages</code> in your project.<br />
|
||||
<strong>Code Challenge:</strong> Tweak the "Welcome to Astro" message above.
|
||||
</p>
|
||||
<VideoYt client:idle />
|
||||
</main>
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
|
|
@ -2025,6 +2025,11 @@ isexe@^2.0.0:
|
|||
resolved "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz"
|
||||
integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
|
||||
|
||||
js-cookie@^3.0.5:
|
||||
version "3.0.5"
|
||||
resolved "https://registry.yarnpkg.com/js-cookie/-/js-cookie-3.0.5.tgz#0b7e2fd0c01552c58ba86e0841f94dc2557dcdbc"
|
||||
integrity sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==
|
||||
|
||||
js-tokens@^4.0.0:
|
||||
version "4.0.0"
|
||||
resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz"
|
||||
|
|
|
|||
Loading…
Reference in New Issue