FurtherEdits

Author: sgangaprasath

ethology/index.html

@@ -38,9 +38,13 @@
             <a href="#recordings">Recordings</a>
             <div class="mx-2 group-hover:border-b group-hover:border-black"></div>
           </div>
-          <div class="group text-black hover:text-black">
+          <!-- <div class="group text-black hover:text-black">
             <a href="#registration">Registration</a>
             <div class="mx-2 group-hover:border-b group-hover:border-black"></div>
+          </div> -->
+          <div class="group text-black hover:text-black">
+            <a href="#fellowship">Summer Fellowship</a>
+            <div class="mx-2 group-hover:border-b group-hover:border-black"></div>
           </div>
           <div class="group text-black hover:text-black">
             <a href="#program">Program</a>
@@ -70,17 +74,17 @@
         <p class="max-w-4xl my-2 px-4 font-serif text-xl text-black md:px-4 md:text-2xl">
           between 7-10 January 2025
         </p>
-        <p class="max-w-4xl my-2 px-4 pt-4 font-sans text-xl text-blue-600 md:px-4 md:text-3xl">
+        <!-- <p class="max-w-4xl my-2 px-4 pt-4 font-sans text-xl text-blue-600 md:px-4 md:text-3xl">
           Last date for registration:
         </p>
         <p class="max-w-4xl my-2 px-4 font-serif text-xl text-black md:px-4 md:text-3xl">
           10 December 2024
-        </p>
+        </p> -->
         <p class="max-w-4xl my-4 px-4 font-serif md:px-4 md:text-2xl">
           <a href="https://www.youtube.com/playlist?list=PLN89vh407F3weViUKdWb42jZRdrH6KwAk" rel="noopener noreferrer"
             target="_blank">
             <button type="button"
-              class="text-white font-serif w-auto mt-2 bg-black hover:bg-black focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium rounded-full text-sm px-5 py-2.5 text-center me-2 mb-2">Video recordings</button>
+              class="text-white font-serif w-auto mt-2 bg-black hover:bg-black focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium rounded-full text-sm px-5 py-2.5 text-center me-2 mb-2">Lecture recordings</button>
           </a>
         </p>
       </div>
@@ -118,7 +122,7 @@ <h2 class="max-w-lg mt-0 my-6 ml-4 font-sans text-4xl text-center text-black md:
         </div>
         <div class="flex flex-col items-center md:items-start gap-4">
           <p class="max-w-md text-center font-serif md:text-lg md:text-left">
-            Click the links below to check out the lectures delivered during the online workshop or click the playlist
+            Click the links below to check out the individual lectures delivered during the online workshop or click the full playlist
             link to watch all of them on YouTube.
           </p>
           <ul class="max-w-md space-y-1 font-serif text-sm list-inside">
@@ -196,9 +200,9 @@ <h2 class="max-w-lg mt-0 my-6 ml-4 font-sans text-4xl text-center text-black md:
   <hr class="relative w-48 h-1 mx-auto my-10 bg-gray-200 border-0 rounded md:my-10">
 
   <!-- Registration Section -->
-  <section id="registration">
+  <!-- <section id="registration"> -->
     <!-- Feature Container -->
-    <blockquote class="text-black">
+    <!-- <blockquote class="text-black">
       <div
         class="relative container flex flex-col items-center max-w-3xl mx-auto gap-4 my-32 md:my-32 px-6 text-gray-900 md:flex-row md:items-start md:px-0">
         <svg class="w-8 h-8 text-gray-400 my-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
@@ -223,6 +227,42 @@ <h2 class="max-w-lg mt-0 my-6 ml-4 font-sans text-4xl text-center text-black md:
           </a>
         </div>
       </div>
+    </blockquote> -->
+  <!-- </section> -->
+  <!-- <hr class="relative w-48 h-1 mx-auto my-10 bg-gray-200 border-0 rounded md:my-10"> -->
+
+  <!-- Summer Fellowship Program -->
+  <section id="fellowship">
+    <!-- Feature Container -->
+    <blockquote class="text-black">
+      <div
+        class="relative container flex flex-col items-center max-w-3xl mx-auto gap-4 my-32 md:my-32 px-6 text-gray-900 md:flex-row md:items-start md:px-0">
+        <h2 class="max-w-lg mt-0 my-6 ml-4 font-sans text-4xl text-center text-black md:text-5xl md:text-left">
+          Summer Fellowship Program
+        </h2>
+        <svg class="w-8 h-8 text-gray-400 my-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
+          fill="currentColor" viewBox="0 0 18 14">
+          <path
+            d="M6 0H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v1a3 3 0 0 1-3 3H2a1 1 0 0 0 0 2h1a5.006 5.006 0 0 0 5-5V2a2 2 0 0 0-2-2Zm10 0h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v1a3 3 0 0 1-3 3h-1a1 1 0 0 0 0 2h1a5.006 5.006 0 0 0 5-5V2a2 2 0 0 0-2-2Z" />
+        </svg>
+        <div class="flex flex-col items-center md:items-start gap-4">
+          <p class="max-w-md text-center font-serif md:text-lg md:text-left">
+            Click the links below to know about the <a class="font-sans">Summer Fellowship Program of IIT Madras</a> and the project list for students selected for the fellowship in the <a class="font-sans">Department of Applied Mechanics and Biomedical Engineering</a>. Through this funded fellowship program, students can develop their skills and work on state-of-the-art research problems in the field of ethology. <br>
+            
+          </p>
+          <p class="max-w-md text-center md:text-lg md:text-left font-sans">Usual deadline for fellowship: <br> <a class="font-serif">Last week of March (please check the fellowship page).</a></p>
+          <div class="flex flex-row items-center gap-4">
+          <a href="https://sfp.iitm.ac.in" rel="noopener noreferrer" target="_blank">
+            <button type="button"
+              class="text-white font-serif w-auto mt-2 bg-blue-600 hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium rounded-full text-sm px-5 py-2.5 text-center me-2 mb-2">Fellowship page</button>
+          </a>
+          <a href="https://apm.iitm.ac.in/pages/summer_fellowship" rel="noopener noreferrer" target="_blank">
+            <button type="button"
+              class="text-white font-serif w-auto mt-2 bg-blue-600 hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium rounded-full text-sm px-5 py-2.5 text-center me-2 mb-2">Project list</button>
+          </a>
+        </div>
+        </div>
+      </div>
     </blockquote>
   </section>
   <hr class="relative w-48 h-1 mx-auto my-10 bg-gray-200 border-0 rounded md:my-10">
@@ -471,9 +511,13 @@ <h4 class="mb-1 text-xl font-sans text-dark dark:text-white">
               <div class="mx-2 group-hover:border-b group-hover:border-blue-50"></div>
             </div>
             <!-- Item 1 -->
-            <div class="h-10 group">
+            <!-- <div class="h-10 group">
               <a href="#registration">Registration</a>
               <div class="mx-2 group-hover:border-b group-hover:border-blue-50"></div>
+            </div> -->
+            <div class="h-10 group">
+              <a href="#fellowship">Summer Fellowship</a>
+              <div class="mx-2 group-hover:border-b group-hover:border-blue-50"></div>
             </div>
             <!-- Item 2 -->
             <div class="h-10 group">