Add flare series section, enhancements (#2948)

* improvements, add series section * address comments
NVIDIA · Oct 2, 2024 · a28419f · a28419f
1 parent ea97593
commit a28419f
Show file tree

Hide file tree

Showing 6 changed files with 509 additions and 37 deletions.
diff --git a/web/src/components/code.astro b/web/src/components/code.astro
@@ -908,17 +908,6 @@ const frameworks = [
     <!-- Run wrapper -->
     <div id="run-wrapper" class="mx-auto max-w-5xl py-4 text-left"></div>
 
-    <!-- Tutorial Catalog Button -->
-    <div class="mt-32 text-center">
-      <p class="text-lg mt-4 mb-8 text-slate-600 w-3/4 m-auto">
-        To dive deeper into what NVIDIA FLARE has to offer, explore our catalog of various tutorials and examples showcasing everything from the core features to advanced applications.
-      </p>
-      <a
-        href="/NVFlare/catalog"
-        class="rounded-md bg-nvidia px-3.5 py-2.5 text-mg font-semibold text-white shadow-sm hover:bg-green-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-nvidia"
-        >Tutorial Catalog -></a
-      >
-    </div>
   </div>
 </div>
 

diff --git a/web/src/components/gettingStarted.astro b/web/src/components/gettingStarted.astro
@@ -108,7 +108,7 @@ const series = [
     <div class="mt-5 mb-2 border-b border-gray-200 dark:border-gray-700">
       <ul class="flex flex-wrap -mb-px text-xl font-medium text-center place-content-center space-x-24" id="default-styled-tab" data-tabs-toggle="#default-styled-tab-content" data-tabs-active-classes="text-nvidia hover:text-nvidia dark:text-nvidia-light dark:hover:text-nvidia-light border-nvidia dark:border-nvidia-light" data-tabs-inactive-classes="dark:border-transparent text-gray-500 hover:text-gray-600 dark:text-gray-400 border-transparent hover:border-gray-300 dark:border-gray-700 dark:hover:text-gray-300" role="tablist">
           <li class="me-2" role="presentation">
-            <button class="inline-block p-4 border-b-2 rounded-t-lg font-bold hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300" id="walkthrough-tab" data-tabs-target="#series0" type="button" role="tab" aria-controls="settings" aria-selected="false">NVIDIA FLARE Walkthrough: CIFAR-10</button>
+            <button class="inline-block p-4 border-b-2 rounded-t-lg font-bold hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300" id="walkthrough-tab" data-tabs-target="#series0" type="button" role="tab" aria-controls="settings" aria-selected="false">Walkthrough: CIFAR-10</button>
           </li>
           <li class="me-2" role="presentation">
               <button class="inline-block p-4 border-b-2 rounded-t-lg font-bold" id="km-tab" data-tabs-target="#series1" type="button" role="tab" aria-controls="profile" aria-selected="false">End-to-End: Kaplan-Meier</button>