Skip to content

Date view #185

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

Open
dath2006 wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Date view #185

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
bc5d334
added-dateCard-in-main-page
dath2006 Sep 3, 2025
72540fb
fixed-gap-btw-date-card
dath2006 Sep 3, 2025
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
234 changes: 141 additions & 93 deletions pages/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,37 +61,16 @@ export default function Index() {
<header>
<div className="heroHeader w-full bg-cover bg-center px-4 py-8 sm:px-8 sm:py-12 md:px-16 md:py-16">
{' '}
<HeaderImages />{' '}
<div className="mt-8 flex w-full items-center justify-center md:mt-28">
<div className="w-full rounded-3xl border border-white/20 bg-white/10 px-10 py-8 text-center shadow-2xl backdrop-blur-[2px] dark:border-gray-700/30 dark:bg-black/15">
<h1 className="bg-gradient-to-r from-blue-400 to-blue-600 bg-clip-text break-words px-2 text-center text-2xl font-black text-transparent drop-shadow-[2px_2px_4px_rgba(0,0,0,0.8)] xs:text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl">
WELCOME TO CSITSS-2025
</h1>
<p className="mt-4 px-2 text-base font-semibold text-white drop-shadow-[1px_1px_3px_rgba(0,0,0,0.9)] xs:text-lg sm:text-xl lg:text-2xl">
9<sup className="text-sm">th</sup> International Conference on
Computational
<br className="hidden xs:block" />
Systems and Information Technology for Sustainable Solutions
</p>
<div className="mb-4 mt-6">
<p className="mb-1 px-2 text-base font-medium text-white/90 drop-shadow-[1px_1px_2px_rgba(0,0,0,0.8)] xs:text-lg">
Organized by
</p>
<h4 className="px-2 text-lg font-bold text-white drop-shadow-[1px_1px_3px_rgba(0,0,0,0.9)] xs:text-xl sm:text-2xl lg:text-3xl">
RV College of Engineering<sup className="text-sm">®</sup>
</h4>
</div>
<div className="flex flex-col gap-3 px-2 sm:flex-row sm:justify-center sm:gap-4">
<a
href="https://cmt3.research.microsoft.com/CSITSS2025"
target="_blank"
rel="noopener noreferrer"
className="group relative overflow-hidden rounded-xl bg-gradient-to-r from-blue-600 to-blue-700 px-8 py-4 font-semibold text-white shadow-lg transition-all duration-300 ease-in-out hover:scale-105 hover:from-blue-500 hover:to-blue-600 hover:shadow-xl focus:outline-none focus:ring-4 focus:ring-blue-400/50 active:scale-95"
>
<div className="absolute inset-0 translate-x-[-100%] bg-gradient-to-r from-white/0 via-white/10 to-white/0 transition-transform duration-500 group-hover:translate-x-[100%]"></div>
<span className="relative flex items-center justify-center gap-2">
<HeaderImages />
{/* Connected Date and Welcome Cards */}
<div className="mt-6 flex w-full items-center justify-center">
<div className="relative w-full max-w-6xl">
{/* Conference Date Section */}
<div className="flex w-full items-center justify-center">
<div className="rounded-2xl border border-white/30 bg-white/10 px-8 py-4 text-center shadow-xl backdrop-blur-[2px] dark:border-gray-600/40 dark:bg-black/20 sm:rounded-t-3xl sm:border-b-0 sm:px-10 sm:py-5 lg:px-12 lg:py-6">
<div className="flex items-center justify-center gap-3">
<svg
className="h-5 w-5"
className="h-7 w-7 text-white/90 sm:h-8 sm:w-8 lg:h-10 lg:w-10"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
Expand All @@ -100,59 +79,117 @@ export default function Index() {
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M12 6v6m0 0v6m0-6h6m-6 0H6"
d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
/>
</svg>
Submit Paper
</span>
</a>
<div>
<p className="text-xs font-medium text-white/90 drop-shadow-[1px_1px_2px_rgba(0,0,0,0.8)] sm:text-sm lg:text-base">
Conference Dates
</p>
<h3 className="whitespace-nowrap text-lg font-bold text-white drop-shadow-[2px_2px_4px_rgba(0,0,0,0.9)] sm:text-xl lg:text-2xl xl:text-3xl">
November 20-22, 2025
</h3>
</div>
</div>
</div>
</div>

<a
href="#timeline"
className="group relative overflow-hidden rounded-xl bg-gradient-to-r from-emerald-600 to-emerald-700 px-8 py-4 font-semibold text-white shadow-lg transition-all duration-300 ease-in-out hover:scale-105 hover:from-emerald-500 hover:to-emerald-600 hover:shadow-xl focus:outline-none focus:ring-4 focus:ring-emerald-400/50 active:scale-95"
>
<div className="absolute inset-0 translate-x-[-100%] bg-gradient-to-r from-white/0 via-white/10 to-white/0 transition-transform duration-500 group-hover:translate-x-[100%]"></div>
<span className="relative flex items-center justify-center gap-2">
<svg
className="h-5 w-5"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
{/* Main Welcome Card - Connected on larger screens, separated on mobile */}
<div className="mt-4 flex w-full items-center justify-center sm:mt-2">
<div className="w-full rounded-2xl border border-white/20 bg-white/10 px-10 py-8 text-center shadow-2xl backdrop-blur-[2px] dark:border-gray-700/30 dark:bg-black/15 sm:rounded-b-3xl sm:rounded-t-none sm:border-t-white/30 dark:sm:border-t-gray-600/40">
<h1 className="bg-gradient-to-r from-blue-400 to-blue-600 bg-clip-text break-words px-2 text-center text-2xl font-black text-transparent drop-shadow-[2px_2px_4px_rgba(0,0,0,0.8)] xs:text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl">
WELCOME TO CSITSS-2025
</h1>
<p className="mt-4 px-2 text-base font-semibold text-white drop-shadow-[1px_1px_3px_rgba(0,0,0,0.9)] xs:text-lg sm:text-xl lg:text-2xl">
9<sup className="text-sm">th</sup> International
Conference on Computational
<br className="hidden xs:block" />
Systems and Information Technology for Sustainable
Solutions
</p>
<div className="mb-4 mt-6">
<p className="mb-1 px-2 text-base font-medium text-white/90 drop-shadow-[1px_1px_2px_rgba(0,0,0,0.8)] xs:text-lg">
Organized by
</p>
<h4 className="px-2 text-lg font-bold text-white drop-shadow-[1px_1px_3px_rgba(0,0,0,0.9)] xs:text-xl sm:text-2xl lg:text-3xl">
RV College of Engineering
<sup className="text-sm">®</sup>
</h4>
</div>
<div className="flex flex-col gap-3 px-2 sm:flex-row sm:justify-center sm:gap-4">
<a
href="https://cmt3.research.microsoft.com/CSITSS2025"
target="_blank"
rel="noopener noreferrer"
className="group relative overflow-hidden rounded-xl bg-gradient-to-r from-blue-600 to-blue-700 px-8 py-4 font-semibold text-white shadow-lg transition-all duration-300 ease-in-out hover:scale-105 hover:from-blue-500 hover:to-blue-600 hover:shadow-xl focus:outline-none focus:ring-4 focus:ring-blue-400/50 active:scale-95"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
Timeline
</span>
</a>
<div className="absolute inset-0 translate-x-[-100%] bg-gradient-to-r from-white/0 via-white/10 to-white/0 transition-transform duration-500 group-hover:translate-x-[100%]"></div>
<span className="relative flex items-center justify-center gap-2">
<svg
className="h-5 w-5"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M12 6v6m0 0v6m0-6h6m-6 0H6"
/>
</svg>
Submit Paper
</span>
</a>

<a
href="CSITSS 2024 Brochure.pdf"
className="group relative overflow-hidden rounded-xl bg-gradient-to-r from-purple-600 to-purple-700 px-8 py-4 font-semibold text-white shadow-lg transition-all duration-300 ease-in-out hover:scale-105 hover:from-purple-500 hover:to-purple-600 hover:shadow-xl focus:outline-none focus:ring-4 focus:ring-purple-400/50 active:scale-95"
download
>
<div className="absolute inset-0 translate-x-[-100%] bg-gradient-to-r from-white/0 via-white/10 to-white/0 transition-transform duration-500 group-hover:translate-x-[100%]"></div>
<span className="relative flex items-center justify-center gap-2">
<svg
className="h-5 w-5"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
<a
href="#timeline"
className="group relative overflow-hidden rounded-xl bg-gradient-to-r from-emerald-600 to-emerald-700 px-8 py-4 font-semibold text-white shadow-lg transition-all duration-300 ease-in-out hover:scale-105 hover:from-emerald-500 hover:to-emerald-600 hover:shadow-xl focus:outline-none focus:ring-4 focus:ring-emerald-400/50 active:scale-95"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
/>
</svg>
Download Flyer
</span>
</a>
<div className="absolute inset-0 translate-x-[-100%] bg-gradient-to-r from-white/0 via-white/10 to-white/0 transition-transform duration-500 group-hover:translate-x-[100%]"></div>
<span className="relative flex items-center justify-center gap-2">
<svg
className="h-5 w-5"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
Timeline
</span>
</a>

<a
href="CSITSS 2024 Brochure.pdf"
className="group relative overflow-hidden rounded-xl bg-gradient-to-r from-purple-600 to-purple-700 px-8 py-4 font-semibold text-white shadow-lg transition-all duration-300 ease-in-out hover:scale-105 hover:from-purple-500 hover:to-purple-600 hover:shadow-xl focus:outline-none focus:ring-4 focus:ring-purple-400/50 active:scale-95"
download
>
<div className="absolute inset-0 translate-x-[-100%] bg-gradient-to-r from-white/0 via-white/10 to-white/0 transition-transform duration-500 group-hover:translate-x-[100%]"></div>
<span className="relative flex items-center justify-center gap-2">
<svg
className="h-5 w-5"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
/>
</svg>
Download Flyer
</span>
</a>
</div>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -243,23 +280,34 @@ export default function Index() {

{/* IEEE Publication Information Section */}
<section className="mx-auto max-w-screen-xl px-4 pt-12 sm:px-6 lg:px-8">
<div className="relative overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm">
<div className="flex flex-col items-center p-6 text-center md:flex-row md:p-8 md:text-left">
<div className="flex-shrink-0">
<svg className="h-16 w-16 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth="1.5">
<path strokeLinecap="round" strokeLinejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" />
</svg>
</div>
<div className="mt-4 md:ml-6 md:mt-0">
<h3 className="text-xl font-bold text-gray-800">
Publication in IEEE Xplore
</h3>
<p className="mt-2 text-lg text-gray-600">
All accepted and presented papers will be published in the IEEE Xplore Digital Library.
</p>
</div>
</div>
<div className="relative overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm">
<div className="flex flex-col items-center p-6 text-center md:flex-row md:p-8 md:text-left">
<div className="flex-shrink-0">
<svg
className="h-16 w-16 text-blue-600"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
strokeWidth="1.5"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"
/>
</svg>
</div>
<div className="mt-4 md:ml-6 md:mt-0">
<h3 className="text-xl font-bold text-gray-800">
Publication in IEEE Xplore
</h3>
<p className="mt-2 text-lg text-gray-600">
All accepted and presented papers will be published in the
IEEE Xplore Digital Library.
</p>
</div>
</div>
</div>
</section>

{/* <Element name="test4" className="element"> */}
Expand Down