Update dates and add webinar page

FOSSEE · Mar 28, 2024 · 218f78c · 218f78c
1 parent b9da5a0
commit 218f78c
Show file tree

Hide file tree

Showing 6 changed files with 71 additions and 14 deletions.
diff --git a/src/layouts/layout.astro b/src/layouts/layout.astro
@@ -41,33 +41,34 @@ import iit from '../images/IITB-logo.png';
     </div>
     </div>
 
-      <div class="px-5 pt-7 flex flex-row align-items-center justify-center">
+      <div class="px-5 pt-7 flex flex-row align-items-center justify-center pb-2">
 
         <img  src={logo.src} style="width: 85%;" alt="ANIMATE 2024" decoding="async" />
       </div>
 
-      <div class="row-span-1 pt-4 flex items-center justify-center"><ul>
+      <!-- <div class="row-span-1 pt-4 flex items-center justify-center"><ul>
         <li class="text-red-300"><a href="/register" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
     
           <img class="duration-300" src={regi.src} alt="regi" decoding="async" />
-          <!-- <img src="../images/register.png" alt="Image 1" class="w-1/4 w-25"> -->
       
           
         </a></li>
       </ul>
      
-    </div>
-        <div class="grid grid-rows-4 sm:grid-rows-4">
-
-
+    </div> -->
+        <div class="grid grid-rows-4 sm:grid-rows-4 pt-4">
           <div class="row-span-1">
             <div class="flex items-center justify-center flex-col gap-3 min-[500px]:flex-row">
               <div class="dates items-center" style="color:#e7dacb">
-                <p class="important-date flex items-center justify-center text-2xl md:text-left lg:text-2xl"><strong> - Registration starts on -</strong></p>
-                <p class="important-date flex items-center justify-center text-2xl md:text-left lg:text-2xl"> 18 March 2024</p>
+                <p class="important-date flex items-center justify-center text-2xl md:text-left lg:text-2xl"><strong> - Registrations are in Progress -</strong></p>
+                <p class="important-date flex items-center justify-center text-2xl md:text-left lg:text-2xl"><strong> - Last date of registration -</strong></p>
+                <p class="important-date flex items-center justify-center text-2xl md:text-left lg:text-2xl"> 26 April 2024</p>
+                <p class="important-date flex items-center justify-center text-2xl md:text-left lg:text-2xl"><strong> - Last date of submission -</strong></p>
+                <p class="important-date flex items-center justify-center text-2xl md:text-left lg:text-2xl"> 15 May 2024</p>
 
               </div>
-            </div></div>
+            </div>
+            </div>
           </div>
         </div>
 

diff --git a/src/layouts/nav-links.json b/src/layouts/nav-links.json
@@ -3,6 +3,7 @@
   { "label": "About", "href": "/about" },
   { "label": "Theme", "href": "/theme" },
   { "label": "Register", "href": "/register" },
+  {"label" : "Webinar", "href": "/webinar"},
   { "label": "Resources", "href": "/resources" },
   { "label": "Rules", "href": "/rules" },
   { "label": "Partners", "href": "/partners" },

diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -17,8 +17,8 @@ import { slide } from 'astro:transitions';
       </div>
       </div>
       <div class="w-1/2">
-        <iframe width="300" height="200" src="https://www.youtube.com/embed/UXk_v_sukGU?si=tVK_d4-posQa-RvW" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen
-        transition:animate={slide({ duration: '0.6s', delay: '1s' , direction: 'backward'})} style="display: none;"></iframe>
+        <iframe width="400" height="280" src="https://www.youtube.com/embed/rUBhBL6UaaM?si=t8pNyO8ed7ufcJXJ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen
+        transition:animate={slide({ duration: '0.6s', delay: '1s' , direction: 'backward'})}></iframe>
       </div>
     </div>
 

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -44,8 +44,11 @@ import regi from '../images/btn-01-a.png';
           </a></li>
         </ul></div>
         <div class="row-span-1 bg-red-500"> <div class="dates items-center" style="color:#e7dacb">
-          <p class="important-date flex items-center justify-center text-2xl md:text-left lg:text-2xl"><strong> - Registration starts on -</strong></p>
-          <p class="important-date flex items-center justify-center text-2xl md:text-left lg:text-2xl"> 18 March 2024</p>
+          <p class="important-date flex items-center justify-center text-2xl md:text-left lg:text-2xl"><strong> - Registrations are in Progress -</strong></p>
+                <p class="important-date flex items-center justify-center text-2xl md:text-left lg:text-2xl"><strong> - Last date of registration -</strong></p>
+                <p class="important-date flex items-center justify-center text-2xl md:text-left lg:text-2xl"> 26 April 2024</p>
+                <p class="important-date flex items-center justify-center text-2xl md:text-left lg:text-2xl"><strong> - Last date of submission -</strong></p>
+                <p class="important-date flex items-center justify-center text-2xl md:text-left lg:text-2xl"> 15 May 2024</p>
 
         </div></div>
       <!-- </nav> -->

diff --git a/src/pages/register.astro b/src/pages/register.astro
@@ -4,6 +4,7 @@ import qrcode from '../images/qrcode-register.png';
 ---
 
 <Main>
+<section id="register">
     <div class="container grid grid-cols-1 sm:grid-cols-4 gap-4">
         <!-- 1/4 Width Column -->
         <div class="place-items-center justify-center col-span-1 bg-gray-300 p-4  playfair-display-normal" style="text-align: center;">
@@ -49,4 +50,6 @@ import qrcode from '../images/qrcode-register.png';
 
 
     </div>
+    </section>
+
 </Main>
diff --git a/src/pages/webinar.astro b/src/pages/webinar.astro
@@ -0,0 +1,49 @@
+---
+import Main from '../layouts/main.astro';
+---
+
+
+<Main>
+    <section id="webinar">
+
+        <div class="py-3">
+            <!-- 1/4 Width Column -->
+            <!-- <div class="col-span-1 bg-gray-300 p-4">
+                <img src=""/>
+                <h1 class="section-title">Celebrating India's Innovation</h1>
+                
+                
+            </div> -->
+            <!-- 3/4 Width Column -->
+            <div class="col-span-1 p-4">
+
+                <h1 class="section-title text-4xl pb-3">
+                Attend our upcoming webinars
+                </h1>
+            <div class="leading-loose">
+            <ol class="list-decimal mx-2 md:text-xl text-sm playfair-display-normal pt-3">
+                <li class="text-2xl mb-4">How to learn Synfig Studio Using a Spoken Tutorial? 
+                <p class="text-xl"> - Friday - 5th April  | 3 - 3.45 pm  (  Presenter -   Khushalsingh).</p></li>
+                <li class="text-2xl mb-4">Introduction to Synfig Studio 
+                <p class="text-xl"> - Monday - 8th April  | 3 - 3.45 pm   (  Presenter -  Khushalsingh).</p></li>
+                <li class="text-2xl mb-4">How to submit animation for ANIMATE 2024?
+                <p class="text-xl">  - Tuesday - 16th April   | 3 - 3.45 pm  ( Presenter - Priyam and Khushalsingh).</p></li>
+             </ol>
+        </div>
+        </div>
+
+
+        </section>
+        <style>
+            tr,td{
+                border: 1px solid black;
+                padding: 10px;
+            }
+            @media  (min-width: 600px;) {
+                tr,td{
+
+                    padding: auto;
+                }
+            }
+        </style>
+</Main>