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.

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

updates #144

Merged
merged 1 commit into from
Nov 9, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
18 changes: 9 additions & 9 deletions components/ThankYouPopup.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@ const ThankYouPopup: FC<ThankYouPopupProps> = ({ isOpen, onClose }) => {
if (!isOpen) return null

return (
<div className="fixed inset-0 z-50 flex items-center justify-center bg-gray-900 bg-opacity-70 transition-opacity duration-300 ease-in-out">
<div className="relative w-full max-w-lg scale-105 transform rounded-xl bg-blue-50 p-8 shadow-2xl transition-all duration-500 ease-out">
<div className="fixed inset-0 z-50 flex items-center justify-center bg-gray-900 bg-opacity-50 transition-opacity duration-300 ease-in-out">
<div className="relative w-full max-w-sm scale-105 transform rounded-xl bg-blue-50 bg-opacity-90 p-4 shadow-2xl transition-all duration-500 ease-out sm:max-w-md sm:p-6 md:max-w-lg lg:max-w-xl">
<button
onClick={onClose}
className="absolute top-3 right-3 text-2xl text-gray-500 hover:text-gray-700 focus:outline-none"
Expand All @@ -20,15 +20,15 @@ const ThankYouPopup: FC<ThankYouPopupProps> = ({ isOpen, onClose }) => {
&times;
</button>

<h2 className="text-gradient mb-4 bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-center text-3xl font-bold text-transparent">
<h2 className="text-gradient mb-4 bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-center text-xl font-bold text-transparent sm:text-2xl">
Thank You
</h2>

<p className="text-center text-lg font-semibold text-gray-800">
<p className="text-center text-sm font-semibold text-gray-800 sm:text-lg">
Dear Authors, Reviewers, Attendees, and Session Chairs,
</p>

<p className="mt-4 leading-relaxed text-gray-700">
<p className="mt-4 text-sm leading-relaxed text-gray-700 sm:text-base">
We are delighted to announce the successful conclusion of the{' '}
<span className="font-semibold text-blue-600">
8th IEEE International Conference on Computational Systems and
Expand All @@ -41,17 +41,17 @@ const ThankYouPopup: FC<ThankYouPopupProps> = ({ isOpen, onClose }) => {
.
</p>

<p className="mt-4 leading-relaxed text-gray-700">
<p className="mt-4 text-sm leading-relaxed text-gray-700 sm:text-base">
Thank you all for your active participation and invaluable
contributions. E-certificates will be sent to your registered email
addresses shortly.
</p>

<p className="mt-6 text-lg font-semibold text-gray-800">
<p className="mt-6 text-sm font-semibold text-gray-800 sm:text-lg">
Warm regards,
</p>

<p className="mt-2 leading-relaxed text-gray-700">
<p className="mt-2 text-sm leading-relaxed text-gray-700 sm:text-base">
General Chair
<br />
<span className="font-semibold text-blue-600">Dr. B M Sagar</span>,
Expand All @@ -65,7 +65,7 @@ const ThankYouPopup: FC<ThankYouPopupProps> = ({ isOpen, onClose }) => {

<button
onClick={onClose}
className="mt-8 w-full rounded-md bg-gradient-to-r from-blue-500 to-purple-500 py-3 font-semibold text-white transition-colors duration-300 hover:bg-gradient-to-r hover:from-blue-600 hover:to-purple-600 focus:outline-none"
className="mt-8 w-full rounded-md bg-gradient-to-r from-blue-500 to-purple-500 py-2 font-semibold text-white transition-colors duration-300 hover:bg-gradient-to-r hover:from-blue-600 hover:to-purple-600 focus:outline-none sm:py-3"
>
Close
</button>
Expand Down
3 changes: 1 addition & 2 deletions pages/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import HeaderImages from '../components/HeaderImages'
import { useState } from 'react'
import Timeline from '../components/TimeLine'
import Gallery from '../components/Gallery'
import CountdownTimer from '../components/CountdownTimer'

import ThankYouPopup from '../components/ThankYouPopup'

// const image = {
Expand Down Expand Up @@ -93,7 +93,6 @@ export default function Index() {
</div>
</div>
</div>
<CountdownTimer />
</header>
<div className="mt-4 w-full rounded-lg bg-blue-200 bg-opacity-50 py-4 px-6 text-center text-black shadow-lg">
<p className="text-lg font-semibold">
Expand Down
Loading