Skip to content

Commit da40aed

Browse files
committed
Merge branch 'v2' into page/events
2 parents b977ba7 + 420cd56 commit da40aed

File tree

5 files changed

+52
-5
lines changed

5 files changed

+52
-5
lines changed

.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,3 +7,4 @@ dist-ssr
77
node_modules
88
# intellij stuff
99
.idea/
10+
components.d.ts

components.d.ts

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ declare module 'vue' {
55
export interface GlobalComponents {
66
Brand: typeof import('./src/components/Brand.vue')['default']
77
BrandDark: typeof import('./src/components/BrandDark.vue')['default']
8+
Calendar: typeof import('./src/components/Calendar.vue')['default']
89
Header: typeof import('./src/components/Header.vue')['default']
910
README: typeof import('./src/components/README.md')['default']
1011
Social: typeof import('./src/components/Social.vue')['default']
@@ -14,11 +15,11 @@ declare module 'vue' {
1415
PopoverGroup: typeof import('@headlessui/vue')['PopoverGroup']
1516
CarbonMoon: typeof import('virtual:vite-icons/carbon/moon')['default']
1617
CarbonSun: typeof import('virtual:vite-icons/carbon/sun')['default']
17-
CarbonLogoFacebook: typeof import('virtual:vite-icons/carbon/logo-facebook')['default']
18+
CarbonArrowRight: typeof import('virtual:vite-icons/carbon/arrow-right')['default']
1819
CarbonLogoYoutube: typeof import('virtual:vite-icons/carbon/logo-youtube')['default']
1920
CarbonLogoGithub: typeof import('virtual:vite-icons/carbon/logo-github')['default']
2021
CarbonLogoTwitter: typeof import('virtual:vite-icons/carbon/logo-twitter')['default']
21-
CarbonArrowRight: typeof import('virtual:vite-icons/carbon/arrow-right')['default']
22+
CarbonLogoFacebook: typeof import('virtual:vite-icons/carbon/logo-facebook')['default']
2223
}
2324
}
2425

src/components/Calendar.vue

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<template>
2+
<iframe
3+
src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=2&amp;bgcolor=%23ffffff&amp;ctz=Asia%2FKolkata&amp;src=NXJidmI0azdjMTB1amZycGVib2g1amUwNzRAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&amp;color=%234285F4&amp;title=CodeIIEST%20Sessions"
4+
style="border:solid 1px #777"
5+
width="800"
6+
height="600"
7+
frameborder="0"
8+
scrolling="no"
9+
></iframe>
10+
</template>

src/logic/events.ts

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,3 +12,12 @@ export const getEvents = async(): Promise<any> => {
1212
export const formatDateTime = (dateTime: string): string => {
1313
return dayjs(dateTime).format(DATE_FORMAT)
1414
}
15+
16+
export const ytEvents: Array<{link: string; image: string}> = [
17+
{ link: 'https://www.youtube.com/watch?v=O8zdhpFAW_w', image: 'https://res.cloudinary.com/marcomontalbano/image/upload/v1625165552/video_to_markdown/images/youtube--O8zdhpFAW_w-c05b58ac6eb4c4700831b2b3070cd403.jpg' },
18+
{ image: 'https://res.cloudinary.com/marcomontalbano/image/upload/v1625200008/video_to_markdown/images/youtube--4vosyExcRvY-c05b58ac6eb4c4700831b2b3070cd403.jpg', link: 'https://www.youtube.com/watch?v=4vosyExcRvY' },
19+
{ image: 'https://res.cloudinary.com/marcomontalbano/image/upload/v1625200675/video_to_markdown/images/youtube--uAHySjoHXuE-c05b58ac6eb4c4700831b2b3070cd403.jpg', link: 'https://www.youtube.com/watch?v=uAHySjoHXuE' },
20+
{ image: 'https://res.cloudinary.com/marcomontalbano/image/upload/v1625200767/video_to_markdown/images/youtube--dEz7BYCAxZA-c05b58ac6eb4c4700831b2b3070cd403.jpg', link: 'https://www.youtube.com/watch?v=dEz7BYCAxZA' },
21+
{ image: 'https://res.cloudinary.com/marcomontalbano/image/upload/v1625201123/video_to_markdown/images/youtube--cwRYql9jzXE-c05b58ac6eb4c4700831b2b3070cd403.jpg', link: 'https://www.youtube.com/watch?v=cwRYql9jzXE' },
22+
{ image: 'https://res.cloudinary.com/marcomontalbano/image/upload/v1625201444/video_to_markdown/images/youtube--eWfE27FhHCI-c05b58ac6eb4c4700831b2b3070cd403.jpg', link: 'https://www.youtube.com/watch?v=eWfE27FhHCI' },
23+
]

src/pages/events.vue

Lines changed: 29 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,16 @@
11
<script setup lang="ts">
22
import { useHead } from '@vueuse/head'
33
import { onMounted, reactive } from 'vue'
4-
import { getEvents, formatDateTime } from '~/logic'
4+
import { getEvents, formatDateTime, ytEvents } from '~/logic'
5+
import Calender from '~/components/Calendar.vue'
56
67
useHead({
8+
// Can be static or computed
79
title: 'Events | CodeIIEST',
810
meta: [
911
{
1012
name: 'description',
11-
content: 'Ongoing & past events',
13+
content: 'Events of CodeIIEST',
1214
},
1315
],
1416
})
@@ -24,12 +26,20 @@ onMounted(async() => {
2426

2527
<template>
2628
<div class="py-8">
29+
<div class="mb-12">
30+
<h2 class="text-3xl font-extrabold tracking-tight sm:text-4xl">
31+
Events
32+
</h2>
33+
<p class="text-xl text-gray-500 dark:text-gray-300">
34+
You will find the various events and sessions the chapters of CodeIIEST organizes in the calendar.
35+
</p>
36+
</div>
2737
<div class="max-w-lg mx-auto px-6">
2838
<div class="flow-root">
2939
<p v-if="events.length === 0">
3040
No events
3141
</p>
32-
<ul class="-mb-8">
42+
<ul class="mb-16">
3343
<li v-for="(event) in events" :key="event.id">
3444
<div class="relative pb-8">
3545
<span
@@ -69,4 +79,20 @@ onMounted(async() => {
6979
</div>
7080
</div>
7181
</div>
82+
<div class="flex flex-col justify-center items-center">
83+
<h2 class="text-3xl font-extrabold tracking-tight sm:text-4xl">
84+
Past Events & Sessions
85+
</h2>
86+
<p class="text-xl text-gray-500 dark:text-gray-300">
87+
All our past recorded events and sessions are uploaded to our <a class="text-red-400 hover:text-red-600 hover:underline" href="https://www.youtube.com/codeiiest" target="_blank">Youtube Channel</a>.
88+
</p>
89+
<div class="grid md:grid-cols-2 grid-cols-1 mt-4">
90+
<div v-for="event in ytEvents" :key="event.link" class="max-w-md p-2">
91+
<a :href="event.link" target="_blank"><img :src="event.image"></a>
92+
</div>
93+
</div>
94+
</div>
95+
<div class="mt-16 flex justify-center items-center">
96+
<Calender />
97+
</div>
7298
</template>

0 commit comments

Comments
 (0)