From 6ab5ff58472bfab45a111bdbd0e3834974a71a1c Mon Sep 17 00:00:00 2001
From: Dev 1 <dev@siliconpin.com>
Date: Fri, 8 Sep 2023 20:21:08 +0530
Subject: [PATCH] update desgine

---
 src/components/FooterComponent.vue | 86 +++++++++++++++---------------
 src/components/MainMenu.astro      | 21 +-------
 src/pages/index.astro              | 50 -----------------
 src/pages/video.astro              | 22 --------
 4 files changed, 45 insertions(+), 134 deletions(-)
 delete mode 100644 src/pages/video.astro

diff --git a/src/components/FooterComponent.vue b/src/components/FooterComponent.vue
index 4e69ea2..8b01602 100644
--- a/src/components/FooterComponent.vue
+++ b/src/components/FooterComponent.vue
@@ -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 {
diff --git a/src/components/MainMenu.astro b/src/components/MainMenu.astro
index 1167fb5..90eec30 100644
--- a/src/components/MainMenu.astro
+++ b/src/components/MainMenu.astro
@@ -3,7 +3,7 @@
   <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="w-10 h-10" src="/img/logo3.png" alt="Sreechaitanya College Logo" /></a>
+        <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>
@@ -11,7 +11,7 @@
 
     <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 src="/img/logo3.png" alt="Sreechaitanya College Logo" /></a>
+        <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>
@@ -19,23 +19,6 @@
         </div>
       </div>
     </div>
-    <!-- <div>
-      <div class="lg:hidden flex flex-col bg-blue-700 place-items-center text-white">
-        
-          <div class=" "> <a href="/"><img class="w-16" src="/img/logo3.png" alt="Sree Chaitanya College,Habra "/></a></div>
-          <div class="">SREE CHAITANYA COLLEGE</div>
-          <div class=" "><button class="hover:bg-white hover:text-blue-700 rounded-md p-1">Log In</button></div>
-      </div>
-
-      <div
-          class="hidden lg:flex 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 />
-          <br />
-          <br />
-      </div> -->
   </div>
   </div>
   <section class="container-fluid" style="background-color: #173382;"> 
diff --git a/src/pages/index.astro b/src/pages/index.astro
index b59ae5b..b4dae52 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -43,56 +43,6 @@ import Layout from "../layouts/Layout.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>
 </Layout>
diff --git a/src/pages/video.astro b/src/pages/video.astro
deleted file mode 100644
index 07a6877..0000000
--- a/src/pages/video.astro
+++ /dev/null
@@ -1,22 +0,0 @@
----
-import Layout from '../layouts/Layout.astro';
-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>