mainmenu
parent
59c508cb9a
commit
fc4bfa575b
|
|
@ -0,0 +1,44 @@
|
|||
<template>
|
||||
<div class="container bg-white mx-auto text-blue-900 leading-loose text-xl">
|
||||
<!-- <h2 class="text-2xl text-blue-900">All pages having Documents / file Attachments are listed below:</h2> -->
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<div v-if="isLoading">
|
||||
<h2 class="text-black text-4xl font-bold underline decoration-4 decoration-blue-700 text-center py-10">Loading ...</h2>
|
||||
</div>
|
||||
<div v-else>
|
||||
<h2 class="text-black text-4xl font-bold underline decoration-4 decoration-blue-700 text-center py-10">Documents</h2>
|
||||
<div v-for="(item, index) in page" >
|
||||
<a :href="'/documents/'+item.slug"> <h3> {{item.title}}</h3> </a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!-- <div v-html="page[0].content" class="container mx-auto"></div> -->
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
page: null,
|
||||
isLoading: true
|
||||
}
|
||||
},
|
||||
mounted: function () {
|
||||
fetch('https://api8.siliconpin.com/items/scc22?filter[type][_eq]=documents&limit=-1')
|
||||
// fetch('https://api8.siliconpin.com/items/scc22?slug=about-us')
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
this.page = data.data
|
||||
// console.log(data)
|
||||
this.isLoading = false
|
||||
})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -1,13 +1,13 @@
|
|||
<main>
|
||||
<header>
|
||||
<div class="lg:hidden grid grid-cols-6 bg-blue-700 place-items-center text-white">
|
||||
<div class="grid col-span-1 "> <img class="w-16" src="/img/logo3.png" alt=""></div>
|
||||
<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 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">
|
||||
<img src="/img/logo3.png" alt="/img/logo3.png" class="absolute left-0 top-0 h-44 w-44 mt-2 ml-14"
|
||||
<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 "
|
||||
/>
|
||||
Estd.-1956
|
||||
<br />Sree Chaitanya College,Habra
|
||||
|
|
|
|||
|
|
@ -0,0 +1,300 @@
|
|||
|
||||
<main>
|
||||
<section class="container-fluid" style="background-color: #172554;">
|
||||
<div class="navbar shadow-xl zindex xl:container xl:mx-auto">
|
||||
|
||||
<!-- Navbar logo -->
|
||||
<div class="nav-header">
|
||||
<div class="nav-logo">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- responsive navbar toggle button -->
|
||||
<input type="checkbox" id="nav-check">
|
||||
<div class="nav-btn">
|
||||
<label for="nav-check">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<!-- Navbar items -->
|
||||
<div class="nav-links">
|
||||
<a href="/">Home</a>
|
||||
<a href="/about-us">About</a>
|
||||
<a href="/contact-us">Contact Us</a>
|
||||
<a href="/notice">Notice</a>
|
||||
<a href="/library">Library</a>
|
||||
<div class="dropdown">
|
||||
<a class="dropBtn" href="#">Administration
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</a>
|
||||
<div class="drop-content" >
|
||||
<a href="/governing-body">Governing Body</a>
|
||||
<a href="/composition-of-gb">Composition of GB</a>
|
||||
<a href="/staff">Staff</a>
|
||||
<a href="/working-hour">Working Hour</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <a href="https://center.rgyci.org/center_list">Center List</a> -->
|
||||
<!-- Dropdown menu -->
|
||||
<div class="dropdown">
|
||||
<a class="dropBtn" href="#">Academics
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</a>
|
||||
<div class="drop-content">
|
||||
<a href="/departments">Departments & Faculty</a>
|
||||
<a href="/admission">Admission</a>
|
||||
<a href="/librarians">Librarians</a>
|
||||
<a href="/course-offered">Course Offered</a>
|
||||
<a href="/subject-combinationhons">Subject Combination(Hons)</a>
|
||||
<a href="/subject-combinationgen">Subject Combination(Gen)</a>
|
||||
<a href="/intake-capacity">Intake Capacity</a>
|
||||
<a href="/academic-calender">Academic Calendar</a>
|
||||
<a href="/prospectus">Prospectus</a>
|
||||
<a href="/Marks-Distribution">Marks Distribution</a>
|
||||
<a href="/result">Result</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<a class="dropBtn" href="#">Organizations
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</a>
|
||||
<div class="drop-content">
|
||||
<a href="/iqac">IQAC</a>
|
||||
<a href="/naac">NAAC</a>
|
||||
<a href="/nirf-data">NIRF</a>
|
||||
<a href="/aqar">AQAR</a>
|
||||
<a href="/students-union">Student's Union</a>
|
||||
<a href="/teachers-council">Teacher's Council</a>
|
||||
<a href="/alumni-association">Alumni Association</a>
|
||||
<a href="/gallery">Image Gallery</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<a class="dropBtn" href="#">Facilities
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</a>
|
||||
<div class="drop-content">
|
||||
<a href="/facilities">Facilities</a>
|
||||
<a href="/rti">RTI</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<a class="dropBtn" href="#">Students
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</a>
|
||||
<div class="drop-content">
|
||||
<a href="/admission">Admission</a>
|
||||
<a href="/activities">Activities</a>
|
||||
<a href="/students-union">Student's Union</a>
|
||||
<a href="/student-grievance">Students Suggestion / Grievance</a>
|
||||
<a href="/students-feedback">Student's Feedback</a>
|
||||
<a href="/students-health-home">Student's Health Home</a>
|
||||
<a href="/code-of-conduct">Code of Conduct</a>
|
||||
<a href="/holiday-list">Holiday List</a>
|
||||
<a href="/gallery">Image Gallery</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="dropdown">
|
||||
<a class="dropBtn" href="#">Login
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</a>
|
||||
<div class="drop-content">
|
||||
<a href="https://center.rgyci.org/form/teacher_login">Teacer</a>
|
||||
<a href="https://center.rgyci.org/form/center_login">Students</a>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
<script is:inline>
|
||||
</script>
|
||||
<style>
|
||||
.drop-content {
|
||||
color: black;
|
||||
width: fit-content;
|
||||
}
|
||||
.zindex {
|
||||
z-index: 1;
|
||||
}
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body{
|
||||
/* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
|
||||
background-image: url(background-img.jpg);
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
.navbar{
|
||||
height: 70px;
|
||||
width: 100%;
|
||||
padding: 25px 10px;
|
||||
background-color: #172554;
|
||||
position: relative;
|
||||
}
|
||||
.navbar .nav-header{
|
||||
display: inline;
|
||||
}
|
||||
.navbar .nav-header .nav-logo{
|
||||
display: inline-block;
|
||||
margin-top: -7px;
|
||||
}
|
||||
.navbar .nav-links{
|
||||
display: inline;
|
||||
float: right;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.navbar .nav-links .loginBtn{
|
||||
display: inline-block;
|
||||
padding: 5px 15px;
|
||||
margin-left: 20px;
|
||||
font-size: 17px;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.navbar .nav-links a {
|
||||
padding: 10px 6px;
|
||||
width: fit-content;
|
||||
text-decoration: none;
|
||||
font-weight: 550;
|
||||
color: white;
|
||||
}
|
||||
/* Hover effects */
|
||||
.navbar .nav-links a:hover{
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
width: 100%;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
/* responsive navbar toggle button */
|
||||
.navbar #nav-check, .navbar .nav-btn{
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width:970px) {
|
||||
.navbar .nav-btn{
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
}
|
||||
.navbar .nav-btn label {
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
height: 70px;
|
||||
padding: 25px;
|
||||
}
|
||||
.navbar .nav-btn label span {
|
||||
display: block;
|
||||
height: 10px;
|
||||
width: 25px;
|
||||
border-top: 3px solid #eee;
|
||||
}
|
||||
.navbar .nav-btn label:hover, .navbar #nav-check:checked ~ .nav-btn label {
|
||||
background-color: rgb(9, 14, 90);
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
.navbar .nav-links{
|
||||
position: absolute;
|
||||
display: block;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
background-color: rgb(9, 14, 90);
|
||||
transition: all 0.3s ease-in;
|
||||
overflow-y: hidden;
|
||||
top: 70px;
|
||||
right: 0px;
|
||||
}
|
||||
.navbar .nav-links a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* when nav toggle button not checked */
|
||||
.navbar #nav-check:not(:checked) ~ .nav-links {
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
/* when nav toggle button is checked */
|
||||
.navbar #nav-check:checked ~ .nav-links {
|
||||
height: fit-content;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.navbar .nav-links .loginBtn {
|
||||
padding: 10px 40px ;
|
||||
margin: 20px;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: rgb(9, 14, 90);
|
||||
}
|
||||
/* Responsive dropdown code */
|
||||
.navbar .nav-links .dropdown, .navbar .nav-links .dropdown2 {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.navbar .nav-links .drop-content, .navbar .nav-links .drop-content2 {
|
||||
position: relative;
|
||||
background-color: rgb(220, 220, 250);
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
/* Text color */
|
||||
.navbar .nav-links .drop-content a {
|
||||
color: rgb(9, 14, 90);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Dropdown menu CSS code */
|
||||
.dropdown{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
color: black;
|
||||
}
|
||||
.drop-content, .drop-content2 {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #172554;
|
||||
color: black;
|
||||
min-width: 200px;
|
||||
width: 100%;
|
||||
font-size: 16px;
|
||||
top: 34px;
|
||||
z-index: 1;
|
||||
box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
/* on hover show dropdown */
|
||||
.dropdown:hover .drop-content, .dropdown2:hover .drop-content2 {
|
||||
display: block;
|
||||
}
|
||||
/* drondown links */
|
||||
.drop-content a {
|
||||
padding: 12px 10px;
|
||||
/* width: 200px;
|
||||
border-bottom: 1px solid rgb(197, 197, 250); */
|
||||
display: block;
|
||||
transition: all 0.5s ease !important;
|
||||
}
|
||||
.dropBtn .drop-content a:hover {
|
||||
background-color: rgb(230, 230, 230);
|
||||
}
|
||||
.dropdown:hover .dropBtn, .dropdown2:hover .dropBtn2 {
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.dropdown2 .drop-content2 {
|
||||
position: absolute;
|
||||
left: 120px;
|
||||
top: 126px;
|
||||
}
|
||||
.dropBtn2 i {
|
||||
margin-left: 15px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
<template>
|
||||
<div class="container bg-white mx-auto mt-3 p-4 text-blue-700 leading-loose">
|
||||
<div v-if="isLoading">
|
||||
<h2 class="text-black text-4xl font-bold underline decoration-4 decoration-blue-700 text-center py-10">Loading ...</h2>
|
||||
</div>
|
||||
|
||||
<div v-else>
|
||||
<h2 class="text-black text-4xl font-bold underline decoration-4 decoration-blue-700 text-center py-10">Notice</h2>
|
||||
<div v-for="(item, index) in page" >
|
||||
<a :href="'/notice/'+item.slug"> <h3> {{item.title}}</h3> </a>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!-- <div v-html="page[0].content" class="container mx-auto">
|
||||
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
page: null,
|
||||
isLoading: true
|
||||
}
|
||||
},
|
||||
mounted: function () {
|
||||
fetch('https://api8.siliconpin.com/items/scc22?filter[type][_eq]=notice&limit=-1')
|
||||
// fetch('https://api8.siliconpin.com/items/scc22?slug=about-us')
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
this.page = data.data.reverse()
|
||||
// console.log(data)
|
||||
this.isLoading = false
|
||||
})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,89 @@
|
|||
<template>
|
||||
<div class="container bg-white mx-auto mt-3 p-4">
|
||||
<div v-if="isLoading">
|
||||
<h2>Loading ...</h2>
|
||||
</div>
|
||||
<div v-else>
|
||||
<h2>{{page[0].title}}</h2>
|
||||
<div v-html="page[0].content" ></div>
|
||||
<div v-if="fileAttached">
|
||||
<h2>Attachments.</h2>
|
||||
<ul>
|
||||
<li v-for="(file, index) in files">
|
||||
{{index+1}}.
|
||||
<a class="text-blue-600" :href="`https://api8.siliconpin.com/assets/` + file.id+'?download' " :download="file.filename_download">
|
||||
{{ file.filename_download }}
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
page: null,
|
||||
fileAttached:false,
|
||||
files: [],
|
||||
isLoading: true
|
||||
}
|
||||
},
|
||||
mounted: function () {
|
||||
fetch('https://api8.siliconpin.com/items/scc22?filter[slug][_eq]=' + this.$route.params.id)
|
||||
.then((response) => {
|
||||
if (response.ok) {
|
||||
return response.json();
|
||||
}
|
||||
throw new Error('Something went wrong');
|
||||
})
|
||||
.then(jsonPageData => {
|
||||
this.page = jsonPageData.data
|
||||
console.log(this.page)
|
||||
this.isLoading = false
|
||||
return jsonPageData.data[0].id
|
||||
}
|
||||
)
|
||||
.then((pageID) => {
|
||||
fetch('https://api8.siliconpin.com/items/scc22_files_1?filter[scc22_id][_in]=' + pageID)
|
||||
.then(resp => resp.json())
|
||||
.then(file => {
|
||||
let attIDs = ''
|
||||
let t = 0
|
||||
file.data.forEach(ids => {
|
||||
if (t == 0) attIDs = ids.directus_files_id
|
||||
else attIDs = attIDs + ',' + ids.directus_files_id
|
||||
t++
|
||||
});
|
||||
if(t>0) this.fileAttached=true
|
||||
return attIDs
|
||||
})
|
||||
.then((attIDs) => {
|
||||
fetch('https://api8.siliconpin.com/files?filter[id][_in]=' + attIDs)
|
||||
.then(resp => resp.json())
|
||||
.then(file => {
|
||||
this.files = file.data
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch((error) => {
|
||||
console.log(error)
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
// getAttachments(att) {
|
||||
|
||||
// console.log(att)
|
||||
// // fetch('https://api8.siliconpin.com/items/ecom55?filter[slug][_eq]=' + this.$route.params.id)
|
||||
// // .then(response => response.json())
|
||||
// // .then(data => this.itemByCategory = data)
|
||||
// // console.log(this.itemByCategory)
|
||||
|
||||
// }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,44 @@
|
|||
---
|
||||
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">
|
||||
<div class="flex flex-col h-fit justify-center place-items-center">
|
||||
<p class="text-center text-3xl text-blue-900 mt-4 font-semibold pt-10">Contact Us</p>
|
||||
<div class="flex flex-col place-items-center">
|
||||
<h1 class="text-center text-3xl text-blue-900 mt-4 font-semibold">Sree Chaitanya College,Habra </h1>
|
||||
<span class="text-2xl font-bold">(Arts and Science) </span>
|
||||
<h2 class="text-xl font-bold pt-2 text-center">Prafullanagar, Habra, 24Pgs(N) Pin-743268, W.B </h2>
|
||||
<p class="text-2xl pt-4">Call to: +913216237020</p>
|
||||
<p class="text-lg md:text-2xl text-center">Mail to: <a href="" class="text-blue-700 font-bold underline">sreechaitanyacollege@rediffmail.com</a></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="flex flex-col place-items-center justify-center">
|
||||
<p class="text-center text-3xl text-blue-900 font-semibold mt-4">View College on Google Map</p>
|
||||
<!-- Google Map Copied Code -->
|
||||
<iframe class="mt-4 mb-8" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3677.0775585659544!2d88.64048451555165!3d22.83661988504755!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f8b071c69b9933%3A0x5181c48a7b97726e!2sSree%20Chaitanya%20College%2C%20Habra!5e0!3m2!1sen!2sin!4v1667829054410!5m2!1sen!2sin"
|
||||
width="80%"
|
||||
height="400"
|
||||
frameborder="0"
|
||||
style="border:0;"
|
||||
|
||||
aria-hidden="false"
|
||||
tabindex="0">
|
||||
</iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
import Layout from "../../layouts/Layout.astro"
|
||||
import Header from "../../components/Header.astro"
|
||||
import MainMenu from "../../components/MainMenu.vue"
|
||||
import MainMenu from "../../components/MainMenu.astro"
|
||||
import Footer from "../../components/Footer.astro"
|
||||
|
||||
export async function getStaticPaths() {
|
||||
|
|
@ -27,7 +27,7 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
|
|||
<!-- <h2>Loading ...</h2> -->
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="text-center t-8">{data.data[idx].title}</h2>
|
||||
<!-- <h2 class="text-center t-8">{data.data[idx].title}</h2> -->
|
||||
<div></div>
|
||||
<div >
|
||||
<!-- <h2>Attachments.</h2> -->
|
||||
|
|
|
|||
|
|
@ -1,8 +1,9 @@
|
|||
---
|
||||
import Layout from "../../layouts/Layout.astro"
|
||||
import Header from "../../components/Header.astro"
|
||||
import MainMenu from "../../components/MainMenu.vue"
|
||||
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();
|
||||
const notice = data.data;
|
||||
|
|
@ -10,8 +11,9 @@ const notice = data.data;
|
|||
---
|
||||
<Layout title="">
|
||||
<Header />
|
||||
<MainMenu />
|
||||
<main>
|
||||
<MainMenu />
|
||||
<DocumentsPage client:visible />
|
||||
<!-- <main>
|
||||
<div class="container mx-auto mt-3 p-4 ">
|
||||
<div>
|
||||
<h1 class="text-center text-4xl font-bold underline decoration-4 decoration-blue-700 py-10">Documents</h1>
|
||||
|
|
@ -26,7 +28,7 @@ const notice = data.data;
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</main> -->
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,242 @@
|
|||
---
|
||||
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>
|
||||
<section class="overflow-hidden text-gray-700 mt-32">
|
||||
<div class="container px-5 py-2 mx-auto lg:pt-12 lg:px-32 ">
|
||||
<div class="flex flex-wrap -m-1 md:-m-2">
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/1.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/2.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/3.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/4.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/5.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/6.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/7.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/8.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/9.jpg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/11.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/12.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/13.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/14.jpg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/15.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/16.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/17.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/18.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/19.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/20.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/21.jpeg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/22.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/23.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/24.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/25.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/26.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/27.jpg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/28.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/29.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/30.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/31.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/32.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/32.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/33.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/34.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/35.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap w-1/3">
|
||||
<div class="w-full p-1 md:p-2">
|
||||
<img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg hover:scale-150 duration-[2s] "
|
||||
src="/img/36.jpg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
|
@ -1,17 +1,20 @@
|
|||
---
|
||||
import Layout from "../layouts/Layout.astro"
|
||||
import Header from "../components/Header.astro"
|
||||
import MainMenu from "../components/MainMenu.vue"
|
||||
import MainMenu from "../components/MainMenu.astro"
|
||||
import Footer from "../components/Footer.astro"
|
||||
---
|
||||
<Layout title="">
|
||||
<main>
|
||||
<Header />
|
||||
<MainMenu client:visible />
|
||||
<div class="container mx-auto px-4">
|
||||
<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%"/>
|
||||
</div>
|
||||
<img src="/img/clg.jpg" alt="clg" class="mb-5 rounded-b-2xl" width="100%"height="100%"/>
|
||||
</div>
|
||||
</section>
|
||||
<div class="container mx-auto px-4">
|
||||
|
||||
<div class="flex justify-center">
|
||||
<div class="flex justify-center right-56 bg-blue-700 w-56 text-white p-1 text-xl rounded-full">Vision of The College</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
import Layout from "../../layouts/Layout.astro"
|
||||
import Header from "../../components/Header.astro"
|
||||
import MainMenu from "../../components/MainMenu.vue"
|
||||
import MainMenu from "../../components/MainMenu.astro"
|
||||
import Footer from "../../components/Footer.astro"
|
||||
|
||||
export async function getStaticPaths() {
|
||||
|
|
@ -23,14 +23,12 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
|
|||
<MainMenu />
|
||||
<main>
|
||||
<div class="container bg-white mx-auto mt-3 p-4">
|
||||
<div v-if="isLoading">
|
||||
<!-- <h2>Loading ...</h2> -->
|
||||
<div>
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="text-center t-8">{data.data[idx].title}</h2>
|
||||
<div></div>
|
||||
<div >
|
||||
<!-- <h2>Attachments.</h2> -->
|
||||
<div>
|
||||
<div class="flex flex-col place-items-center justify-center" set:html={data.data[idx].content}></div>
|
||||
<a href=""></a>
|
||||
|
|
|
|||
|
|
@ -1,17 +1,19 @@
|
|||
---
|
||||
import Layout from "../../layouts/Layout.astro"
|
||||
import Header from "../../components/Header.astro"
|
||||
import MainMenu from "../../components/MainMenu.vue"
|
||||
import MainMenu from "../../components/MainMenu.astro"
|
||||
import Footer from "../../components/Footer.astro"
|
||||
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();
|
||||
const notice = data.data;
|
||||
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();
|
||||
// const notice = data.data;
|
||||
// console.log(data)
|
||||
---
|
||||
<Layout title="">
|
||||
<Header />
|
||||
<MainMenu />
|
||||
<main>
|
||||
<NoticePage client:visible />
|
||||
<!-- <main>
|
||||
<div class="container mx-auto mt-3 p-4 ">
|
||||
<div>
|
||||
<h1 class="text-center text-4xl font-bold underline decoration-4 decoration-blue-700 py-10">Notice</h1>
|
||||
|
|
@ -26,7 +28,7 @@ const notice = data.data;
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</main> -->
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue