From 419b519805a360bf725595f81f9cd1ca2db4a727 Mon Sep 17 00:00:00 2001 From: Deep Govani Date: Sat, 26 Oct 2024 15:50:46 +0530 Subject: [PATCH] feat: init meet the talent --- public/data/meet-the-talent.json | 37 ++++++ public/data/resources.json | 9 ++ public/data/settings.json | 14 +++ src/pages/meet-the-talent-page.ts | 183 ++++++++++++++++++++++++++++++ src/router.ts | 12 ++ src/utils/data.ts | 6 +- 6 files changed, 259 insertions(+), 2 deletions(-) create mode 100644 public/data/meet-the-talent.json create mode 100644 src/pages/meet-the-talent-page.ts diff --git a/public/data/meet-the-talent.json b/public/data/meet-the-talent.json new file mode 100644 index 00000000..bc69f3fc --- /dev/null +++ b/public/data/meet-the-talent.json @@ -0,0 +1,37 @@ +{ + "talents": [ + { + "id": 1, + "fullName": "", + "location": "Ahmedabad, India", + "bio": "", + "email": "", + "phone": "", + "imageUrl": "", + "website": "", + "skills": "", + "links": [ + { + "icon": "website", + "link": "", + "name": "Portfolio" + }, + { + "icon": "github", + "link": "", + "name": "Github" + }, + { + "icon": "linkedin", + "link": "", + "name": "LinkedIn" + }, + { + "icon": "twitter", + "link": "", + "name": "X/Twitter" + } + ] + } + ] +} diff --git a/public/data/resources.json b/public/data/resources.json index 4009757c..519ed2d4 100644 --- a/public/data/resources.json +++ b/public/data/resources.json @@ -256,6 +256,15 @@ "link": "/job-openings" } }, + "meetTheTalent": { + "title": "Meet the Talent", + "description": "We are currently passing through the panic time, in between the news of lay-off and recession are being spread over social medias, and so our this initiative is to “Connect Dots” of the community, by connecting Talents (who are always in search of the right opportunity) and the Companies (who are always looking for the bright talents).", + "disclaimer": "We are not responsible nor associated with anything in this initiative. We collect openings from the companies from the community and we list it out over here for the talents. You may check anything and everything before you apply, and only you and company are responsible while finalising the offer details.", + "callToAction": { + "label": "Apply Now", + "link": "/job-openings" + } + }, "team": { "description": "Google is known all around the world. Everyone is 'googling', checking on 'maps' and communicating in 'gmail'. For simple users, they are services that just works, but not for us. Developers see much more: APIs, scalability issues, complex technology stacks. And that is what GDG is about.

[Google Developers Group (GDG) Ahmedabad](https://www.meetup.com/GDG-Ahmedabad/) - is open and volunteer geek community who create exciting projects and share experience about Google technologies with a passion.

Our goal is to organize space to connect the best industry experts with Gujarat audience to boost development of IT." }, diff --git a/public/data/settings.json b/public/data/settings.json index 8ad5bc33..b2393291 100644 --- a/public/data/settings.json +++ b/public/data/settings.json @@ -43,6 +43,11 @@ "permalink": "/job-openings", "label": "Job Opportunities" }, + { + "route": "meet-the-talent", + "permalink": "/meet-the-talent", + "label": "Meet The Talent" + }, { "route": "badge", "permalink": "/badge", @@ -148,6 +153,15 @@ }, "fontColor": "#424242" }, + "meetTheTalent": { + "title": "Meet the Talent", + "metaDescription": "Meet the Talent", + "description": "We are currently passing through the panic time, in between the news of lay-off and recession are being spread over social medias, and so our this initiative is to “Connect Dots” of the community, by connecting Talents (who are always in search of the right opportunity) and the Companies (who are always looking for the bright talents).", + "background": { + "color": "#FFF" + }, + "fontColor": "#424242" + }, "badge": { "title": "DevFestAhm 2024 Badge", "metaDescription": "GDG Ahmedabad DevFest 2024 Badge Generator", diff --git a/src/pages/meet-the-talent-page.ts b/src/pages/meet-the-talent-page.ts new file mode 100644 index 00000000..4a7232c8 --- /dev/null +++ b/src/pages/meet-the-talent-page.ts @@ -0,0 +1,183 @@ +import { customElement } from '@polymer/decorators'; +import { html, PolymerElement } from '@polymer/polymer'; +import '@power-elements/lazy-image'; +import '../components/hero/simple-hero'; +import '../components/text-truncate'; +import '../elements/content-loader'; +import '../elements/shared-styles'; +import { router } from '../router'; +import { ReduxMixin } from '../store/mixin'; +import { heroSettings, meetTheTalent, talents } from '../utils/data'; + +@customElement('meet-the-talent-page') +export class MeetTheTalentPage extends ReduxMixin(PolymerElement) { + + static get template() { + return html` + + + +
[[heroSettings.title]]
+
+
+

[[heroSettings.description]]

+

+ Add your company's job opportunities
+ Follow steps mentioned over the Github repository + + https://github.com/GDGAhmedabad/devfestahm#list-job-opportunities-of-the-companies + +

+

Disclaimer: [[meetTheTalent.disclaimer]]

+
+
+ +
+ + + `; + } + + private heroSettings = heroSettings.meetTheTalent; + private talents = talents; + private meetTheTalent = meetTheTalent; + + + private jobUrl(id: string) { + return router.urlForName('job-opening-page', { id }); + } +} diff --git a/src/router.ts b/src/router.ts index d28165f1..d18f9358 100644 --- a/src/router.ts +++ b/src/router.ts @@ -197,6 +197,18 @@ const ROUTES: Route[] = [ await import('./pages/registration-page.js'); }, }, + { + path: '/meet-the-talent', + children: [ + { + path: '', + component: 'meet-the-talent-page', + action: async () => { + await import('./pages/meet-the-talent-page.js'); + }, + } + ], + }, { path: '(.*)', component: 'not-found-page', diff --git a/src/utils/data.ts b/src/utils/data.ts index 97acd39c..46d9c47f 100644 --- a/src/utils/data.ts +++ b/src/utils/data.ts @@ -1,6 +1,9 @@ export { jobs } from '../../public/data/job-openings-data.json'; +export { + talents +} from '../../public/data/meet-the-talent.json'; export { aboutBlock, aboutOrganizerBlock, @@ -23,8 +26,7 @@ export { footerRelBlock, galleryBlock, image, jobOpenings, latestPostsBlock, loading, - mapBlock, - mySchedule, + mapBlock, meetTheTalent, mySchedule, notifications, offlineMessage, partnersBlock,