Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Agenda updates #1

Merged
merged 19 commits into from
Nov 7, 2023
Merged

Agenda updates #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
168d349
Merge upstream changes
navhits Nov 6, 2023
7e62a5f
Minor UI corrections
navhits Nov 6, 2023
17a1709
Speakers
navhits Nov 6, 2023
6abf85f
Merge branch 'main' into agenda-updates
navhits Nov 6, 2023
c149123
Make the text a little bigger
navhits Nov 6, 2023
abb0bfe
Add links to buttons
navhits Nov 6, 2023
fe7e6a7
Added sponsors and partner logos
navhits Nov 6, 2023
a73849a
Update text
navhits Nov 6, 2023
3380e48
Update benefits
navhits Nov 6, 2023
d88a828
Adjusting agenda card width a little
navhits Nov 6, 2023
a7ed6dc
fix timeslots width | add sponsorship.pdf route | minor design fixes
Spikeysanju Nov 7, 2023
058965d
Update socials and seo
navhits Nov 7, 2023
2a9494b
fix text slider height
Spikeysanju Nov 7, 2023
7919b84
add custom breakpoint text animation
Spikeysanju Nov 7, 2023
39adb3a
Add multiple speaker info
Spikeysanju Nov 7, 2023
0894cce
fix conflicts
Spikeysanju Nov 7, 2023
02b4158
add fixed image size
Spikeysanju Nov 7, 2023
3195564
Updated speakers
navhits Nov 7, 2023
13eebc2
Add meta
navhits Nov 7, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 13 additions & 13 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,6 @@
{
"name": "devfest2023",
"version": "0.0.1",
"private": true,
"scripts": {
"dev": "vite dev",
"build": "vite build",
"preview": "vite preview",
"test": "npm run test:integration && npm run test:unit",
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
"lint": "prettier --plugin-search-dir . --check . && eslint .",
"format": "prettier --plugin-search-dir . --write .",
"test:integration": "playwright test",
"test:unit": "vitest"
},
"devDependencies": {
"@playwright/test": "^1.28.1",
"@sveltejs/adapter-auto": "^2.0.0",
Expand All @@ -35,5 +22,18 @@
"vite": "^4.4.2",
"vitest": "^0.32.2"
},
"private": true,
"scripts": {
"dev": "vite dev",
"build": "vite build",
"preview": "vite preview",
"test": "npm run test:integration && npm run test:unit",
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
"lint": "prettier --plugin-search-dir . --check . && eslint .",
"format": "prettier --plugin-search-dir . --write .",
"test:integration": "playwright test",
"test:unit": "vitest"
},
"type": "module"
}
17 changes: 16 additions & 1 deletion src/app.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,23 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:site_name" content="GDG Chennai - Devfest 2023">
<meta property="og:title" content="GDG Chennai - Devfest 2023">
<meta property="og:description" content="Chennai's most awaited developer conference">
<meta property="og:type" content="website">
<meta name="theme-color" content="#ffffff">
<meta property="og:url" content="https://devfest.gdgchennai.in/">
<meta property="og:image" content="/gdgch-banner.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="675">
<meta property="og:locale" content="en">
<meta charset="utf-8" />
<link rel="shortcut icon"
href="https://www.gstatic.com/devrel-devsite/prod/v24d520161c9661e427a3f6fa9973bfca56d0972dca82fa8ef65c709d915e80f3/developers/images/favicon.png">
<link rel="apple-touch-icon"
href="https://www.gstatic.com/devrel-devsite/prod/v24d520161c9661e427a3f6fa9973bfca56d0972dca82fa8ef65c709d915e80f3/developers/images/touchicon-180.png">
<link rel="canonical" href="https://devfest.gdgchennai.in/">
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
Expand Down
Binary file added src/lib/assets/sponsorship.pdf
View file
Open in desktop
Binary file not shown.
6 changes: 3 additions & 3 deletions src/lib/components/benefits.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,13 @@
</script>

<div
class="text-[min(12vw,80px)] leading-[1] tracking-tighter text-center max-w-xl font-bold text-transparent bg-clip-text bg-gradient-to-b from-black to-gray-700 h-auto"
class="text-7xl leading-[1] tracking-tighter text-center max-w-xl font-bold text-transparent bg-clip-text bg-gradient-to-b from-black to-gray-700 h-auto"
>
Why attend DevFest 2023? Because you get <span
class="text-green-500 inline-flex flex-col h-[calc(theme(fontSize.3xl)*theme(lineHeight.loose))] md:h-[calc(theme(fontSize.4xl)*theme(lineHeight.loose))] overflow-hidden"
class="text-green-500 inline-flex flex-col h-[calc(28px*2)] sm:h-[calc(32px*2)] md:h-[calc(34px*2.5)] overflow-hidden"
>
<ul
class="block animate-text-slide-5 text-center leading-tight [&_li]:block -my-4 text-transparent bg-clip-text bg-gradient-to-b from-sky-500 to-purple-600"
class="block animate-text-slide-5 text-center leading-tight [&_li]:block -my-[12px] sm:-my-[18px] md:-my-[20px] lg:-my-[20px] text-transparent bg-clip-text bg-gradient-to-b from-sky-500 to-purple-600"
>
{#each benefits as benefit}
<li>{benefit}</li>
Expand Down
10 changes: 5 additions & 5 deletions src/lib/components/footer.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<div class="w-full text-gray-500">© 2023 GDG Chennai. All rights reserved.</div>

<div class="flex flex-row gap-6 items-start justify-start w-fit">
<a id="twitter" href="/" class="hover:cursor-pointer">
<a id="twitter" href="//twitter.com/gdgchennai" target="_blank" rel="noopener noreferrer" class="hover:cursor-pointer">
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-brand-x"
Expand All @@ -23,7 +23,7 @@
<path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" />
</svg>
</a>
<a id="linkedin" href="/" class="hover:cursor-pointer">
<a id="linkedin" href="//linkedin.com/company/gdgchennai" target="_blank" rel="noopener noreferrer" class="hover:cursor-pointer">
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-brand-linkedin"
Expand All @@ -45,7 +45,7 @@
</svg>
</a>

<a id="instgram" href="/" class="hover:cursor-pointer">
<a id="instgram" href="//instagram.com/gdgchennai" target="_blank" rel="noopener noreferrer" class="hover:cursor-pointer">
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-brand-instagram"
Expand All @@ -65,7 +65,7 @@
</svg>
</a>

<a id="discord" href="/" class="hover:cursor-pointer">
<a id="discord" href="//bit.ly/gdgchennai-discord" target="_blank" rel="noopener noreferrer" class="hover:cursor-pointer">
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-brand-discord"
Expand All @@ -88,7 +88,7 @@
</svg>
</a>

<a id="youtube" href="/" class="hover:cursor-pointer">
<a id="youtube" href="//youtube.com/@GDGCHENNAICOMMUNITY" target="_blank" rel="noopener noreferrer" class="hover:cursor-pointer">
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-brand-youtube"
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/modal.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
}
}}
class={clsx(
'fixed inset-0 z-10 m-auto w-full max-w-xl shadow-xl shadow-blue-900/5 items-center justify-center overflow-auto rounded-lg border border-gray-200 shadow-3xl backdrop:bg-white/40 backdrop:backdrop-blur-sm open:scale-100 open:transform-gpu open:transition-transform open:duration-75 open:ease-in-out',
'fixed inset-0 z-10 m-auto w-full max-w-5xl shadow-xl shadow-blue-900/5 items-center justify-center overflow-auto rounded-lg border border-gray-200 shadow-3xl backdrop:bg-white/40 backdrop:backdrop-blur-sm open:scale-100 open:transform-gpu open:transition-transform open:duration-75 open:ease-in-out',
showModal ? 'scale-0' : 'hidden'
)}
>
Expand Down
28 changes: 22 additions & 6 deletions src/lib/components/sections/hero.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,21 +3,23 @@
</script>

<section id="hero-section" class="flex flex-col gap-6 h-auto items-center justify-center my-20">
<div class="mx-auto flex items-center gap-4 px-4 mt-1 font-mono text-sm text-gray-500">
<div
class="mx-auto flex flex-col sm:flex-row items-center gap-4 px-4 mt-1 font-mono text-lg text-gray-500"
>
<p>
<time datetime="01-12-2024">01</time>-<time datetime="02-12-2024">02 of Dec, 2023</time>
<time datetime="01-12-2023">01</time>-<time datetime="02-12-2023">02 of Dec, 2023</time>
</p>

<svg
aria-hidden="true"
viewBox="0 0 6 6"
class="h-1.5 w-1.5 overflow-visible fill-current stroke-current"
class="h-1.5 w-1.5 overflow-visible fill-current stroke-current hidden sm:block"
><path d="M3 0L6 3L3 6L0 3Z" stroke-width="2" stroke-linejoin="round" /></svg
>
<p>IIT–M Research Park, Chennai</p>
</div>
<h1
class="text-[min(12vw,90px)] leading-[1] tracking-tighter text-center max-w-3xl font-bold text-transparent bg-clip-text bg-gradient-to-b from-black to-gray-700"
class="text-[min(12vw,90px)] leading-[1] tracking-tighter text-center max-w-4xl font-bold text-transparent bg-clip-text bg-gradient-to-b from-black to-gray-700"
>
Chennai’s most awaited tech conference
</h1>
Expand All @@ -27,7 +29,21 @@
</p>

<div class="flex flex-row gap-3">
<PillButton label="Get your tickets" />
<PillButton label="Add to calendar" action="secondary" />
<PillButton
label="Get your tickets"
on:click={() => {
window.open('https://konfhub.com/devfest-2023-chennai', '_blank');
}}
/>
<PillButton
label="Add to calendar"
action="secondary"
on:click={() => {
window.open(
'https://calendar.google.com/calendar/event?action=TEMPLATE&tmeid=NDA1OTY0MWFhNXNmaGZuYW5udnJ2bTRyZTJfMjAyMzEyMDFUMDIzMDAwWiA4MmNmMWQxMWM3MzI1ZjlhZTk1Y2ExNmFkOWEyNmE5MThiMTUyNTk5ODQwMzIyNWM5MGEwM2JkYTQ3NzdjZTcyQGc&tmsrc=82cf1d11c7325f9ae95ca16ad9a26a918b1525998403225c90a03bda4777ce72%40group.calendar.google.com&scp=ALL',
'_blank'
);
}}
/>
</div>
</section>
11 changes: 9 additions & 2 deletions src/lib/components/sections/memories.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,11 +10,18 @@
DevFest 2022 was so much fun.
</h1>
<p class="text-center max-w-lg">
Last year, we had 1000+ attendees, 30+ speakers, 20+ sessions, 10+ sponsors, 5+ communities and
Last year, we had 800+ attendees, 20+ speakers, 20+ sessions, and
1 amazing event.
</p>

<PillButton label="Get your tickets" />
<PillButton label="Get your tickets"
on:click={() => {
window.open(
'https://konfhub.com/devfest-2023-chennai',
'_blank'
);
}}
/>

<div
class="columns-1 gap-5 sm:columns-2 sm:gap-8 md:columns-2 lg:columns-2 [&>img:not(:first-child)]:mt-8 place-items-center place-content-center"
Expand Down
151 changes: 151 additions & 0 deletions src/lib/components/sections/speaker-card.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@
<script lang="ts">
import type { Speakers } from '$lib/types';

export let speakers: Speakers[];
</script>

<div class="p-6 gap-6 flex flex-col w-full">
{#each speakers as speaker}
<div class="p-6 gap-6 flex flex-col sm:flex-row w-full">
<img src={speaker.image} alt={speaker.name} class="w-48 h-48 rounded-xl" />

<div class="flex flex-col items-center justify-between gap-2">
<div>
<h1 class="text-xl font-semibold tracking-tight">{speaker.name}</h1>

<p class="mt-1 font-mono text-sm text-gray-500 w-full flex">
{speaker.position}<br />{speaker.company}
</p>

<p class="mt-1">
{speaker.description}
</p>

{#if speaker.tags}
{#each speaker.tags as tag}
<span
class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800 mr-2 mt-2"
>
{tag}
</span>
{/each}
{/if}
</div>

<div
id="social"
class="flex flex-row gap-6 items-start w-full justify-start text-gray-500 mt-2"
>
{#if speaker.socials?.twitter}
<a
id="twitter"
href={speaker.socials?.twitter}
class="hover:cursor-pointer hover:text-blue-500"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-brand-x"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="2"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M4 4l11.733 16h4.267l-11.733 -16z" />
<path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" />
</svg>
</a>
{/if}

{#if speaker.socials?.linkedin}
<a
id="linkedin"
href={speaker.socials?.linkedin}
class="hover:cursor-pointer hover:text-blue-500"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-brand-linkedin"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="2"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path
d="M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"
/>
<path d="M8 11l0 5" />
<path d="M8 8l0 .01" />
<path d="M12 16l0 -5" />
<path d="M16 16v-3a2 2 0 0 0 -4 0" />
</svg>
</a>
{/if}

{#if speaker.socials?.github}
<a
id="github"
href={speaker.socials?.github}
class="hover:cursor-pointer hover:text-blue-500"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-brand-github"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="2"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path
d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"
/>
</svg>
</a>
{/if}

{#if speaker.socials?.website}
<a
id="website"
href={speaker.socials?.website}
class="hover:cursor-pointer hover:text-blue-500"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-world"
width="24"
height="24"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="2"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" />
<path d="M3.6 9h16.8" />
<path d="M3.6 15h16.8" />
<path d="M11.5 3a17 17 0 0 0 0 18" />
<path d="M12.5 3a17 17 0 0 1 0 18" />
</svg>
</a>
{/if}
</div>
</div>
</div>
{/each}
</div>
Loading