diff --git a/festcms2.0 - Shortcut.lnk b/festcms2.0 - Shortcut.lnk deleted file mode 100644 index e3bdf99..0000000 Binary files a/festcms2.0 - Shortcut.lnk and /dev/null differ diff --git a/festcms2/settings.py b/festcms2/settings.py index 72ebf6a..a748c8d 100644 --- a/festcms2/settings.py +++ b/festcms2/settings.py @@ -26,7 +26,7 @@ except: SECRET_KEY = '434324' # SECURITY WARNING: don't run with debug turned on in production! -DEBUG = False #config('DEBUG',cast=bool) +DEBUG = True #config('DEBUG',cast=bool) ALLOWED_HOSTS = ['*'] #config('ALLOWED_HOSTS',cast=Csv()) diff --git a/flow/migrations/0001_initial.py b/flow/migrations/0001_initial.py index c7c6edb..e4d927d 100644 --- a/flow/migrations/0001_initial.py +++ b/flow/migrations/0001_initial.py @@ -1,4 +1,4 @@ -# Generated by Django 2.1.11 on 2022-03-02 08:12 +# Generated by Django 3.1.7 on 2022-02-26 07:22 from django.conf import settings import django.core.validators @@ -34,20 +34,6 @@ class Migration(migrations.Migration): ('url', models.CharField(blank=True, help_text='URL of Arena item', max_length=100)), ], ), - migrations.CreateModel( - name='Events', - fields=[ - ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), - ('eventName', models.CharField(help_text='Enter the name of the event', max_length=50, unique=True)), - ('eventId', models.CharField(help_text='Enter the ID of the event', max_length=50)), - ('logo', models.ImageField(blank=True, upload_to='event_images/')), - ('description', models.TextField(help_text='Enter short description of the event')), - ('date_time', models.DateTimeField()), - ('venue', models.CharField(blank=True, max_length=50)), - ('registration_link', models.CharField(blank=True, help_text='Enter the registration link here', max_length=1024)), - ('event_link', models.CharField(blank=True, help_text='If there is no registration, then website link', max_length=1024)), - ], - ), migrations.CreateModel( name='FAQ', fields=[ @@ -66,18 +52,8 @@ class Migration(migrations.Migration): fields=[ ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), ('name', models.CharField(max_length=250, unique=True)), - ('subheading', models.TextField(blank=True, null=True)), ('image', models.ImageField(blank=True, null=True, upload_to='industrial_images/')), ('video_link', models.CharField(blank=True, max_length=1024, null=True)), - ('date_time', models.DateTimeField(null=True)), - ], - ), - migrations.CreateModel( - name='IndustrialVisitsPhotos', - fields=[ - ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), - ('image', models.ImageField(blank=True, null=True, upload_to='industrial_images/')), - ('industrial_name', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='industrialImages', to='flow.IndustrialVisits')), ], ), migrations.CreateModel( @@ -91,15 +67,6 @@ class Migration(migrations.Migration): ('url', models.CharField(blank=True, help_text='URL of major attractions', max_length=1024)), ], ), - migrations.CreateModel( - name='Review', - fields=[ - ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), - ('mark', models.PositiveIntegerField(default=0, validators=[django.core.validators.MaxValueValidator(10), django.core.validators.MinValueValidator(0)])), - ('feas', models.PositiveIntegerField(default=0, validators=[django.core.validators.MaxValueValidator(10), django.core.validators.MinValueValidator(0)])), - ('tech', models.PositiveIntegerField(default=0, validators=[django.core.validators.MaxValueValidator(10), django.core.validators.MinValueValidator(0)])), - ], - ), migrations.CreateModel( name='SocialInitiatives', fields=[ @@ -110,15 +77,6 @@ class Migration(migrations.Migration): ('webinar_link', models.CharField(blank=True, max_length=1024, null=True)), ('app_link', models.CharField(blank=True, max_length=1024, null=True)), ('poster', models.ImageField(blank=True, null=True, upload_to='social_images/')), - ('video_link', models.CharField(blank=True, max_length=1024, null=True)), - ], - ), - migrations.CreateModel( - name='SocialInitiativesPhotos', - fields=[ - ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), - ('image', models.ImageField(blank=True, null=True, upload_to='social_images/')), - ('social_name', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='socialImages', to='flow.SocialInitiatives')), ], ), migrations.CreateModel( @@ -139,17 +97,6 @@ class Migration(migrations.Migration): ('team_image', models.ImageField(blank=True, upload_to='team_images/')), ], ), - migrations.CreateModel( - name='TeamMember', - fields=[ - ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), - ('name', models.CharField(help_text='Enter the name of the member here', max_length=50)), - ('position', models.CharField(blank=True, help_text='Enter the position of the person', max_length=50)), - ('profile_img', models.ImageField(blank=True, upload_to='members/')), - ('choice', models.CharField(choices=[('GLUG', "GNU/Linux Users' Group"), ('CCA', 'Centre for Cognitive Activities'), ('SAE', 'SAE'), ('MNTC', 'Maths n Tech Club'), ('REC', 'RECursion')], default='GLUG', max_length=5)), - ('team', models.ManyToManyField(to='flow.TeamCategory')), - ], - ), migrations.CreateModel( name='TechmelaProject', fields=[ @@ -187,19 +134,49 @@ class Migration(migrations.Migration): ('registration_link', models.CharField(blank=True, help_text='Enter the registration link here', max_length=1024)), ], ), - migrations.AddField( - model_name='review', - name='project', - field=models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='flow.TechmelaProject'), + migrations.CreateModel( + name='TeamMember', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('name', models.CharField(help_text='Enter the name of the member here', max_length=50)), + ('position', models.CharField(blank=True, help_text='Enter the position of the person', max_length=50)), + ('profile_img', models.ImageField(blank=True, upload_to='members/')), + ('choice', models.CharField(choices=[('GLUG', "GNU/Linux Users' Group"), ('CCA', 'Centre for Cognitive Activities'), ('SAE', 'SAE'), ('MNTC', 'Maths n Tech Club'), ('REC', 'RECursion')], default='GLUG', max_length=5)), + ('team', models.ManyToManyField(to='flow.TeamCategory')), + ], ), - migrations.AddField( - model_name='review', - name='user', - field=models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL), + migrations.CreateModel( + name='SocialInitiativesPhotos', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('image', models.ImageField(blank=True, null=True, upload_to='social_images/')), + ('social_name', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='socialImages', to='flow.socialinitiatives')), + ], ), - migrations.AddField( - model_name='events', - name='eventDay', - field=models.ForeignKey(default=1, on_delete=django.db.models.deletion.DO_NOTHING, to='flow.Timeline'), + migrations.CreateModel( + name='Review', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('mark', models.PositiveIntegerField(default=0, validators=[django.core.validators.MaxValueValidator(10), django.core.validators.MinValueValidator(0)])), + ('feas', models.PositiveIntegerField(default=0, validators=[django.core.validators.MaxValueValidator(10), django.core.validators.MinValueValidator(0)])), + ('tech', models.PositiveIntegerField(default=0, validators=[django.core.validators.MaxValueValidator(10), django.core.validators.MinValueValidator(0)])), + ('project', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='flow.techmelaproject')), + ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)), + ], + ), + migrations.CreateModel( + name='Events', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('eventName', models.CharField(help_text='Enter the name of the event', max_length=50, unique=True)), + ('eventId', models.CharField(help_text='Enter the ID of the event', max_length=50)), + ('logo', models.ImageField(blank=True, upload_to='event_images/')), + ('description', models.TextField(help_text='Enter short description of the event')), + ('date_time', models.DateTimeField()), + ('venue', models.CharField(blank=True, max_length=50)), + ('registration_link', models.CharField(blank=True, help_text='Enter the registration link here', max_length=1024)), + ('event_link', models.CharField(blank=True, help_text='If there is no registration, then website link', max_length=1024)), + ('eventDay', models.ForeignKey(default=1, on_delete=django.db.models.deletion.DO_NOTHING, to='flow.timeline')), + ], ), ] diff --git a/flow/static/css/contactus.css b/flow/static/css/contactus.css index 6a9dc44..151f75d 100644 --- a/flow/static/css/contactus.css +++ b/flow/static/css/contactus.css @@ -111,16 +111,9 @@ body { letter-spacing: 5px; color: rgb(237, 218, 255); text-transform: uppercase; - margin-block-start: 2.5rem; - margin-block-end: 1rem; -} -.contact-mail h4 { - font-family: 'Monument', display !important; - font-size: 1.2rem; - letter-spacing: 2px; - color: rgb(237, 218, 255); - margin-top: -1rem; + margin-block: 2.5rem; } + .social-links-container { display: flex; gap: 2.5rem; @@ -148,7 +141,6 @@ body { .contact-info h2 { font-size: 24px; - margin-bottom: 0; } @media screen and (max-width: 650px) { diff --git a/flow/static/events_day.css b/flow/static/css/events_day.css similarity index 100% rename from flow/static/events_day.css rename to flow/static/css/events_day.css diff --git a/flow/static/css/new.css b/flow/static/css/new.css new file mode 100644 index 0000000..ea86b5e --- /dev/null +++ b/flow/static/css/new.css @@ -0,0 +1,347 @@ + +/* AAROHAN NAVBAR => ARNAV*/ + +.curpo{cursor: pointer;} +.fade-zoom{ + animation: wdct-special 0.5s ease; + transition: 0.5s; +} +.bg-transparent{ + background: #060936 !important; +} +@keyframes wdct-special{ + from{ + opacity: 0.5; + transform: scale(0.6); + }to{ + opacity: 1; + transform: scale(1); + } +} +.dropdown-menu li{ + font-size: 20px; +} +.arnav { + + top: 0; + width: 100%; + right: 0; + left: 0; + z-index: 10000; + margin-top: 0.75rem; + padding-right: 0.4rem; + display: flex; + align-items: center; + justify-content: space-between; + } + @media (max-width:600px){ + .arnav{ + margin-top: 0; + padding-right: 0; + } + + } + @media (max-width:900px){ + .arnav{ + margin-top: 0; + padding-right: 0; + z-index: 100000; + } + + } + .arnav .left-navbar img { + height: 90px; + width: 90px; + } + + .arnav .right-navbar { + display: flex; + align-items: center; + + } + .arnav .right-navbar img { + height: 50px; + width: 50px; + border-radius: 50%; + } + .arnav a { + position: relative; + color: #f1f1f1; + text-decoration: none; + display: block; + font-size: 1.2rem; + margin: 0 1.4rem; + animation: navAnime 0.7s ease; + transition: 0.7s; + font-size: 21px; + } + .arnav .botHover:hover { + color: aqua; + transition: 0.5s all; + } + .arnav .botHover::after { + transition: 0.5s all; + } + .arnav .botHover:hover::after { + content: ''; + position: absolute; + height: 2px; + border-radius: 50px; + background: aqua; + transition: 0.5s; + margin: auto auto; + left: 0; + right: 0; + bottom: -2px; + animation: navHover 0.25s ease; + } + @keyframes navHover { + from{ + width: 15%; + opacity: 0.1; + }to{ + width: 100%; + opacity: 1; + } + } + /* Bottom Content */ + @keyframes bounce { + 0%{ + transform: translateY(0px); + } + 100%{ + transform: translateY(-8px); + } + } + .content { + position: fixed; + left: 5.5%; + bottom: 4%; + color: #f1f1f1; + width: 100%; + padding: 20px; + animation: navAnime 1s ease; + transition: 0.7s; + } + .content h1 { + font-size: 4.5rem; + margin: 0; + font-weight: 600; + animation: bounce 0.8s ease-in-out alternate-reverse infinite; + } + .content p { + font-size: 2rem; + line-height: 1.3; + animation: bounce 0.8s ease-in-out alternate-reverse infinite; + } + + + /* OFFCANVAS CSS */ + @keyframes OffEnd { + from { + opacity: 1; + } + to { + opacity: 0; + } + } + @keyframes OffShow { + 0% { + opacity: 0.5; + } + 100% { + opacity: 1; + } + } + + .offcanvas-end { + animation: OffEnd 0.8s !important; + transition: 0.8s ease !important; + } + .offcanvas.show { + animation: OffShow 1s !important; + transition: 1s ease !important; + /* overflow-y: scroll !important; */ + scrollbar-width: none; + } + .offcanvas.show::-webkit-scrollbar { + display: none; + } + + .offcanvas .profile { + padding-top: 0.75rem; + display: flex; + align-items: center; + } + .offcanvas .profile img { + height: 90px; + width: 90px; + border-radius: 50%; + } + .offcanvas .profile .names { + flex: 1; + display: block; + padding-left: 2rem; + animation: fadeZoom 0.8s ease 1s; + transition: 0.8s ease; + } + .offcanvas .profile h4 { + line-height: 0; + } + .offcanvas .profile h2 { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + font-size: 3rem; + margin-bottom: -20px; + font-weight: 600; + letter-spacing: 1px; + } + .offcanvas .profile button { + font-size: 5rem; + border: none; + outline: none; + background: transparent; + } + .offcanvas-end { + width: 50vw !important; + border-left: none !important; + padding: 3rem; + } + /* Options Offcanvas */ + .offcanvas .options { + margin-top: 3rem; + padding: 0 1.5rem; + } + .offcanvas .options a { + display: block; + background: #e4feff; + text-decoration: none; + color: #333; + font-size: 1.75rem; + font-weight: 500; + margin: 1.5rem; + padding: 1.25rem 3rem; + border-radius: 8px; + border: 3px solid transparent; + transition: 0.5s; + } + .offcanvas .options a:hover { + border: 3px solid aqua; + transition: 0.5s; + } + + /* Responsive CSS */ + @media (max-width: 1220px) { + .offcanvas-end { + width: 85vw !important; + } + .arnav a { + margin: 0; + } + .arnav .right-navbar a { + display: none; + } + .arnav .right-navbar a:last-child { + display: block; + } + .arnav .left-navbar img { + margin-left: -0.05rem; + } + .arnav .right-navbar img { + height: 55px; + width: 55px; + margin-top: 0.5rem; + margin-right: 0.5rem; + } + } + .offcanvas.show .options{ + overflow-y: scroll; + height: auto; + } + @media (max-width: 600px) { + + .offcanvas.show { + animation: OffShow 0.5s !important; + transition: 0.5s !important; + min-height: 100vh; + /* overflow-y: scroll !important; */ + -ms-overflow-style: none; + scrollbar-width: none; + } + .offcanvas.show::-webkit-scrollbar { + display: none; + } + .offcanvas-end { + width: 100vw !important; + padding: 1rem; + padding-bottom: 0; + } + .content { + left: 0 !important; + bottom: 0 !important; + color: #f1f1f1; + width: 100%; + padding: 20px; + text-align: center; + background-image: linear-gradient( + rgba(0, 0, 0, 0.0) 0%, + rgba(0, 0, 0, 0.5) 30%, + rgba(0, 0, 0, 0.6) 50%, + rgba(0, 0, 0, 0.7) 90%, + rgba(0, 0, 0, 0.9) 100% + ); + } + .content h1 { + font-size: 3rem; + } + .content p { + font-size: 1.2rem; + } + + .offcanvas .profile img { + height: 70px; + width: 70px; + border-radius: 50%; + } + .offcanvas .profile .names { + flex: 1; + display: block; + padding-left: 1rem; + } + .offcanvas .profile h4 { + line-height: 0; + } + .offcanvas .profile h2 { + font-size: 3rem; + margin-bottom: -20px; + font-weight: 600; + letter-spacing: 1px; + } + .offcanvas .profile button { + font-size: 4rem; + } + .offcanvas .options { + margin-top: 4.6rem; + padding: 0 0; + } + .offcanvas .options a { + margin: 1rem 0; + padding: 14px 1rem; + text-align: center; + font-size: 1.25rem; + } + } + @keyframes navAnime { + from { + opacity: 0; + transform: scale(0.8); + } + to { + opacity: 1; + transform: scale(1); + } + } + \ No newline at end of file diff --git a/flow/static/css/timeline_css.css b/flow/static/css/timeline_css.css index cfd43d9..946bfc1 100644 --- a/flow/static/css/timeline_css.css +++ b/flow/static/css/timeline_css.css @@ -1,4 +1,7 @@ -@import url('https://fonts.googleapis.com/css?family=Cardo|Pathway+Gothic+One'); + +@import url('http://fonts.cdnfonts.com/css/lemonmilk'); + + .timeline { display: flex; margin: 0 auto; @@ -17,16 +20,6 @@ font-family: 'Pathway Gothic One', sans-serif; color: #fff; -} - .timeline__content-desc { - margin: 0; - font-size: 17px; - box-sizing: border-box; - color: white; - font-family: Cardo; - font-weight: 200; - line-height: 25px; - } .timeline:before { position: absolute; @@ -37,41 +30,32 @@ content: ""; background: #ffc0cb; } - @media only screen and (max-width: 767px) { .timeline:before { left: 40px; } } .timeline-item { - padding: 40px 0; - /* opacity: 0.3; - filter: blur(2px); */ + padding: 40px 0; transition: 0.5s; box-sizing: border-box; width: calc(50% - 40px); display: flex; position: relative; transform: translateY(-80px); - } .timeline-item:before { - - content: attr(data-text); - letter-spacing: 3px; - width: 15px; - position: absolute; + color: rgba(255, 255, 255, .5); font-size: 13px; font-family: 'Pathway Gothic One', sans-serif; border-left: 2px solid rgba(255, 255, 255, .5); - top: 30%; + margin-top: -5px; - /* padding-left: 15px; - opacity: 0; */ + right: calc(-100% - 56px); - /* background-color: blue; */ + } .timeline-item:nth-child(even) { align-self: flex-end; @@ -86,25 +70,15 @@ border-right: 2px solid rgba(255, 255, 255, .5); padding-right: 15px; } - .timeline-item--active { - opacity: 1; - transform: translateY(0); - filter: blur(0px); - /* margin-top: 1000px; */ -} - .timeline-item--active:before { - top: 50%; - transition: 0.3s all 0.2s; - opacity: 1; -} - .timeline-item--active .timeline__content-title { - margin: -50px 0 20px 0; -} + + + + @media only screen and (max-width: 767px) { .timeline-item { align-self: baseline !important; width: 100%; - padding: 0 30px 150px 80px; + padding: 0 30px 50px 80px; } .timeline-item:before { left: 10px !important; @@ -135,42 +109,17 @@ } } - .timeline__img { - max-width: 100%; - box-shadow: 0 10px 15px rgba(0, 0, 0, .4); -} + .timeline-container { + margin-top: 80px !important; width: 100%; position: relative; transition: 0.3s ease 0s; background-attachment: fixed; background-size: cover; - - - /* margin-left: 10px;*/ - - /* padding-right: -50px; */ -} - .timeline-container::before { - - /* position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; */ - /* background: rgb(199, 89, 75); */ - /* opacity: 0.3; - content: ""; - border: 2px solid pink; - border-radius: 15px; */ - /* padding-top: 10px; */ - /* margin-top: 8px; - margin-left: 8px ; - margin-right: 8px !important; */ - - /* margin-right: 10px; */ - } + + .timeline-header { width: 100%; text-align: center; @@ -181,35 +130,33 @@ } .timeline-header__title { color: #fff; - font-size: 46px; - font-family: Cardo; + font-size: 5rem; + font-family: 'Lemon/Milk light', + sans-serif; font-weight:220; margin: 0; - background: linear-gradient(90deg, rgba(247,54,221,1) 0%, rgba(167,38,151,1) 26%, rgba(205,74,185,1) 47%, rgba(203,114,26,1) 74%, rgba(255,149,0,1) 100%); + font-family: 'Lemon/Milk light', sans-serif; + background-color: #00DBDE; + background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); + -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; } .timeline-header__subtitle { + color: white; - font-family: 'Pathway Gothic One', sans-serif; + font-family: 'comfortaa' sans-serif; + font-weight: 600; font-size: 20px; letter-spacing: 5px; margin: 10px 0 0 0; - font-weight: 100; padding-left: 7px; + margin-bottom: 10px; } - .demo-footer { - padding: 60px 0; - text-align: center; -} - .demo-footer a { - color: #999; - display: inline-block; - font-family: Cardo; -} -video{ + +#video1{ width: 100%; height: 100%; object-fit: cover; @@ -219,8 +166,7 @@ video{ top: 0; bottom: 0; z-index: -1; - /* -o-filter: blur(3px); - filter: blur(3px); */ + } @keyframes fadeIn { from {top: 20%; opacity: 0;} @@ -233,42 +179,8 @@ video{ to {top: 100; opacity: 1;} } - - .wrapper { - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - -webkit-transform: translate(-50%, -50%); - animation: fadeIn 1000ms ease; - -webkit-animation: fadeIn 1000ms ease; - backdrop-filter: blur(50px); - padding-bottom: 30px; - border-radius: 30px; - padding-left: 10px; - padding-right: 10px; - text-align: center; - display: flex; - /* margin-top: 1000px; */ - - } - - h1 { - font-size: 46px; - font-family: Cardo; - margin-bottom: 0; - line-height: 1; - font-weight: 700; - color:white; - - } - - .dot { - color: #4FEBFE; - } - .timeline-card{ - background-color: rgba(73, 0, 61, 0.5); + background-color: rgba(28, 0, 73, 0.5); border: 3px solid; border-width: 3px; padding: 7%; @@ -277,37 +189,7 @@ video{ font-weight: bold; border-radius:15px !important; border-radius:50px; - /* border:#630c3a */ } - -/* .timeline-card::before{ */ - /*content:""; - border:5px solid transparent; - background:linear-gradient(45deg,red,blue) border-box; - -webkit-mask: - linear-gradient(#fff 0 0) padding-box, - linear-gradient(#fff 0 0); - -webkit-mask-composite: xor; - mask-composite: exclude;*/ - - - -/* } */ -/* .timeline-card::before{ - border-radius:50px; - padding:10px; - background:linear-gradient(45deg,red,blue); - -webkit-mask: - linear-gradient(#fff 0 0) content-box, - linear-gradient(#fff 0 0); - -webkit-mask-composite: xor; - mask-composite: exclude; - - - height: 120px; - border-radius: 15px; -} */ - body::-webkit-scrollbar { display: none; } @@ -315,45 +197,23 @@ body::-webkit-scrollbar { background: linear-gradient(-120deg, #00c0c7, #ff009d); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; - mask-composite: exclude; - /**/ + mask-composite: exclude; } -.active { - background: rgb(255, 26, 133); - z-index: 40000; - box-shadow: 0px 0px 40px 5px rgba(255, 26, 133, 0.555); - } - - .cards { - display: flex; - flex-wrap: wrap; - justify-content: center; - } - .carddisplay { - position: absolute; - z-index: 0; - } .card { - background-color: rgba(73, 0, 61, 0.671); + background-color: rgba(27, 3, 112, 0.671) !important; width: 90%; height: fit-content; - display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; - border-radius: 15px; + border-radius: 15px !important; margin: 18px 6.5px; - padding-left: 15px; - padding-right: 15px; - padding-bottom: 20px; - padding-top: 20px; - z-index: 10000; - /* backdrop-filter: blur(2px); */ + padding-bottom: 5px; + padding-top: 2px; + z-index: 10; } .card::before { - - content: ""; position: absolute; top: 0; @@ -362,20 +222,17 @@ body::-webkit-scrollbar { bottom: 0; z-index: -1; border-radius: 15px; - padding: 2px; + padding: 4px; background: linear-gradient(-120deg, #00c0c7, #ff009d); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude; - /* margin-top: 100px; */ - /* display: flex; */ } - .card img { - width: 100%; - height: 100%; - object-fit: cover; - border-radius: 15px; + + .cardWrapper{ + padding: 10px !important; } + .event { display: flex; @@ -383,264 +240,38 @@ body::-webkit-scrollbar { align-items: center; width: 285px; margin: 8px 0px 4px 0px; - margin-top: 40px; - margin-bottom: 40px; + margin-top: 20px; + margin-bottom: 20px; color: #fff; } .event h1 { font-size: 18px; margin: 0px; - /* background: linear-gradient(90deg, rgb(85, 250, 52) 0%, rgb(154, 221, 110) 26%, rgb(152, 241, 197) 47%, rgb(44, 230, 243) 74%, rgb(26, 238, 192) 100%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; */ color:white; font-weight: bold; + } + .cardWrapper h1{ + padding-left: 12px; + } + .cardWrapper h2{ + padding-left: 12px; + padding-bottom: 10px; + font-size:18px + } .card h2 { margin: 0px; font-size: 13px; } - .buttons { - display: flex; - justify-content: space-between; - } - .button { - margin-top: 15px; - width: 75px; - height: 21px; - border-radius: 15px; - font-size: 9px; - display: flex; - justify-content: center; - align-items: center; - cursor: pointer; - } - - .know { - border: 0.5px solid #ffffff; - } - .register { - background: rgb(255, 26, 133); - box-shadow: 0px 0px 20px 2px rgba(255, 26, 133, 0.555); - } - - .modal { - display: none; - flex-wrap: wrap; - justify-content: center; - align-items: center; - overflow-x: hidden; - top: 0; - left: 0; - backdrop-filter: blur(2px); - background-color: rgba(32, 0, 15, 0.356); - } - .modaldisplay{ - display: flex !important; - width: 100vw; - height: 100vh; - z-index: 100000; - position: fixed; - } - .modalCard { - background-color: rgba(73, 0, 61, 0.671); - width: 1000px; - height: 590px; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - position: relative; - border-radius: 15px; - margin: 18px 6.5px; - z-index: 1000000; - backdrop-filter: blur(2px); - } - .modalCard::before { - content: ""; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: -1; - border-radius: 15px; - padding: 2px; - background: linear-gradient(-120deg, #00c0c7, #ff009d); - -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); - -webkit-mask-composite: destination-out; - mask-composite: exclude; - } - - .cross { - width: 24px !important; - height: 24px !important; - cursor: pointer; - - } - .close { - display: flex; - justify-content: flex-end; - align-items: flex-end; - width: 100%; - margin-right: 50px; - margin-top: -20px; - } - - .modalCardWrapper img { - width: 500px; - height: 500px; - border-radius: 15px; - margin-right: 41px; - object-fit: cover; - } - - .modalCardWrapper { - display: flex; - align-items: center; - } - .modalCardWrapper p { - font-size: 18px; - line-height: 25px; - text-transform: uppercase; - width: 400px; - height: 300px; - } - - .modalCardWrapper h1 { - margin-top: 41px; - background: -webkit-linear-gradient(-120deg, #00c0c7, #ff009d); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - } - .time { - display: flex; - } - .time h3 { - margin: 15px 26px; - margin-left: 0px; - } - - .modalbutton { - margin-top: 15px; - width: 301px; - height: 54px; - border-radius: 38.5px; - font-size: 24px; - display: flex; - justify-content: center; - align-items: center; - cursor: pointer; - background: rgb(255, 26, 133); - box-shadow: 0px 0px 20px 2px rgba(255, 26, 133, 0.555); - } - - @media screen and (max-width: 1020px) { - .modalCardWrapper { - flex-direction: column; - align-items: center; - justify-content: center; - margin: 18px 6.5px; - text-align: center; - - } - .wrapper{ - margin-top: 50px; - width:fit-content; - text-align: center; - } - .modalCardWrapper p{ - margin: 18px 6.5px; - width : 500px; - height: auto; - } - .modalCardWrapper h1 { - margin-top: 20px; - } - .modalCard { - height: auto; - width: 550px; - } - .modalCard img{ - margin-right: 0px; - - } - .time{ - justify-content: center; - } - .modalbutton { - margin: 0 auto; - } - .close { - margin-top: 15px; - margin-right: 20px; - margin-bottom: -10px; - } - - .day { - font-size: 12px; - } - } - + + - @media screen and (max-width: 600px) { - .modalCardWrapper img { - width: 100%; - height: auto; - padding-left: 15px; - padding-right: 15px; - } - .modalCard { - height: auto; - width: 340px; - } - .modalCardWrapper p{ - width : 300px; - font-size: 12px; - line-height: 18px; - } - .modalCardWrapper h1 { - font-size: 20px; - } - .modalbutton { - width: 201px; - height: 40px; - border-radius: 25px; - font-size: 18px; - } - } - @media only screen and (max-width: 444px) { - .modalCardWrapper img { - width: 100%; - height: auto; - padding-left: 15px; - padding-right: 15px; - } - .modalCard { - height: auto; - width: 100%; - } - .modalCardWrapper p{ - width : 100%; - font-size: 12px; - line-height: 18px; - } - .modalCardWrapper h1 { - font-size: 20px; - } - .cardWrapper{ - width:100%; - } - .cardWrapper h2{ - flex-direction: column; - } - } -.card_text{ - color:pink !important; -} + + .cardWrapper h2{ color:white !important; + font-size:18px } .cardWrapper h1{ font-size: 25px; @@ -688,50 +319,73 @@ body::-webkit-scrollbar { @media only screen and (max-width:767px){ .card{ margin-left: -25.5px; + } .timeline::before{ - /* width:auto; */ - overflow-x: hidden; - + overflow-x: hidden; } } @media only screen and (max-width:767px){ - .video{ + #video1{ object-fit: cover; position: fixed; - } } - - .main-part{ - text-align: center; - color: white; - font-family: 'Pathway Gothic One', sans-serif; - font-size: 20px; - letter-spacing: 5px; +@media only screen and (max-width:488px){ - font-weight: 100; - - padding-left: 14px; - padding-right: 14px; - border-radius: 10px; - border: solid white 3px; - width: 20%; - margin-left: 40%; - /* background-color: rgba(0, 0, 0, 0.61); */ +.card{ + font-size: 5px; + width:fit-content ; +} +} -backdrop-filter: blur(5px); - +.cardWrapper h2{ + font-size:180px; +} +.card h2{ + font-size:17px; +} + +.Dayz{ + margin: 50px auto 20px; } -@media only screen and (max-width:1112px){ -.main-part{ - /* width: auto; */ - /* width:15%; */ - /* width: fit-content; */ +.Dayz a:nth-child(2){ + margin: 0px 5px 0px 5px; +} +.Dayz a:nth-child(3) { + margin-right: 5px; } + +.btn-ap{ + color: #fff !important; + font-weight: 600; + background:linear-gradient(45deg, #00DBDE 0%, #3235eb 100%); + font-size: 20px !important; + padding:10px; + background-size: 100% 100%; + border-radius: 7px; + text-decoration :none !important; + transition: 0.5s all ease-in-out; + animation: glow 1s ease infinite linear; } - \ No newline at end of file +@keyframes glow{ + 0% { + background-position: 0% 50%; + } + + 50% { + background-position: 100% 50%; + } + + 100% { + background-position: 0% 50%; + } +} + +.btn-ap:hover { + transition: 0.5s all ease-in-out; +} diff --git a/flow/static/events22.css b/flow/static/events22.css index 50663a7..0a80a9c 100644 --- a/flow/static/events22.css +++ b/flow/static/events22.css @@ -106,11 +106,8 @@ body { .offcanvas { z-index: 100009; } -.arnav { - z-index: 100010; -} -.active2 { +.active { background: rgb(255, 26, 133); z-index: 40000; box-shadow: 0px 0px 40px 5px rgba(255, 26, 133, 0.555); @@ -223,7 +220,7 @@ body { display: flex !important; width: 100vw; height: 100vh; - z-index: 1000000; + z-index: 100000; position: fixed; } .modalCard { @@ -237,7 +234,7 @@ body { position: relative; border-radius: 15px; margin: 18px 6.5px; - z-index: 100000; + z-index: 1000000; backdrop-filter: blur(2px); } .modalCard::before { @@ -284,7 +281,7 @@ body { align-items: center; } .modalCardWrapper p { - font-size: 11px !important; + font-size: 18px; line-height: 25px; text-transform: uppercase; width: 400px; @@ -374,7 +371,7 @@ body { } .modalCardWrapper p{ width : 300px; - font-size: 10px; + font-size: 12px; line-height: 18px; } .modalCardWrapper h1 { diff --git a/flow/static/videos/Untitled.mp4 b/flow/static/videos/Untitled.mp4 deleted file mode 100644 index ea178f1..0000000 Binary files a/flow/static/videos/Untitled.mp4 and /dev/null differ diff --git a/flow/static/videos/arhn_timeline.mp4 b/flow/static/videos/arhn_timeline.mp4 new file mode 100644 index 0000000..822c5e6 Binary files /dev/null and b/flow/static/videos/arhn_timeline.mp4 differ diff --git a/flow/static/bg.mp4 b/flow/static/videos/bg.mp4 similarity index 100% rename from flow/static/bg.mp4 rename to flow/static/videos/bg.mp4 diff --git a/flow/templates/flow/aarohan_timeline.html b/flow/templates/flow/aarohan_timeline.html index ab1b69f..fede2ce 100644 --- a/flow/templates/flow/aarohan_timeline.html +++ b/flow/templates/flow/aarohan_timeline.html @@ -1,33 +1,128 @@ {% load static %} +{% include 'flow/navbar.html' %} + - + - Timeline + + + + + Timeline -