RAFT Blog. Consistency fixes across Nav pane, Blog titles (#262)

1. Adding RAFT release blog. 2. Nav panes were in-consistent across different assets of the site. These are now fixed. We only have 2 templates, one generic, and one specifically for the leaderboard. 3. The title of each page was before the landing page's title. It now better reflects where we are.
ShishirPatil · Mar 15, 2024 · cf6846f · cf6846f
1 parent a371907
commit cf6846f
Show file tree

Hide file tree

Showing 19 changed files with 569 additions and 47 deletions.
diff --git a/assets/img/blog_post_9_RAFT.png b/assets/img/blog_post_9_RAFT.png
diff --git a/assets/img/blog_post_9_deploy.png b/assets/img/blog_post_9_deploy.png
diff --git a/assets/img/blog_post_9_finetune.png b/assets/img/blog_post_9_finetune.png
diff --git a/assets/img/blog_post_9_logo.png b/assets/img/blog_post_9_logo.png
diff --git a/assets/img/blog_post_9_raft_aistudio.png b/assets/img/blog_post_9_raft_aistudio.png
diff --git a/assets/img/blog_post_9_raft_openbook.png b/assets/img/blog_post_9_raft_openbook.png
diff --git a/assets/img/blog_post_9_table.png b/assets/img/blog_post_9_table.png
diff --git a/blog.html b/blog.html
@@ -33,7 +33,7 @@
     <!-- Navigation Bar -->
     <div class="navbar" style="position: absolute; top: 0; right: 20px; padding: 10px; z-index: 100; font-size: 18px;">
         <a href="index.html">Home</a>
-        <a href="">Blog</a>
+        <a href="">Blogs</a>
         <a href="leaderboard.html">Leaderboard</a>
         <a href="apizoo/">API Zoo Index</a>
     </div>
@@ -233,6 +233,22 @@ <h1 class="text-center">🦍 Gorilla: Large Language Model Connected with Massiv
     <div class="highlighted-blogs">
 
         <!-- Wider Highlighted Blog -->
+        <div class="highlighted-blog">
+            <a href="blogs/9_raft.html">
+                <div class="blog-content">
+                    <h2 class="blog-title">RAFT: Adapting Language Model to Domain Specific RAG</h2>
+                    <div class="author-date">
+                        <p class="author">Tianjun Zhang et al.</p>
+                        <p class="date">Mar 15, 2024</p>
+                    </div>
+                    <a href="blogs/9_raft.html">
+                        <img src="../assets/img/blog_post_9_raft_openbook.png" alt="Open Book (VS) Closed Book (VS) RAFT Image" style="width: 100%; display: block; margin-left: auto; margin-right: auto;">
+                    </a> 
+                </div>
+            </a>
+        </div>
+
+        <!-- Taller but Narrower Highlighted Blog Post 8-->
         <div class="highlighted-blog">
             <a href="blogs/8_berkeley_function_calling_leaderboard.html">
                 <div class="blog-content">
@@ -248,28 +264,28 @@ <h2 class="blog-title">Berkeley Function-Calling Leaderboard</h2>
             </a>
         </div>
 
-        <!-- Taller but Narrower Highlighted Blog Post 7-->
-        <div class="highlighted-blog">
+    <!-- Add more posts using the same structure as above -->
+    </div>
+
+    <div class="blog-container">
+
+        <!-- Blog Post 7-->
+        <div class="blog-post">
             <a href="blogs/7_open_functions_v2.html">
                 <div class="blog-content">
                     <h2 class="blog-title">Gorilla OpenFunctions v2</h2>
                     <div class="author-date">
-                        <p class="author"> Charlie Cheng-Jie Ji, et al.</p>
+                        <p class="author">Charlie Cheng-Jie Ji, et al.</p>
                         <p class="date">Feb 26, 2024</p>
                     </div>
-                    <a href="blogs/7_open_functions_v2.html"> 
+                    <a href="blogs/7_open_functions_v2.html">
                         <img src="assets/img/blog_post_7_open_function_v2_summary.png" alt="Openfunctions-v2-summary" style="width: 100%; display: block; margin-left: auto; margin-right: auto;">
                     </a>
                 </div>
             </a>
         </div>
-
-    <!-- Add more posts using the same structure as above -->
-    </div>
-
-    <div class="blog-container">
 
-         <!-- Blog Post 6-->
+        <!-- Blog Post 6-->
          <div class="blog-post">
             <a href="blogs/6_api_zoo.html">
                 <div class="blog-content">

diff --git a/blogs/1_gorilla_intro.html b/blogs/1_gorilla_intro.html
@@ -21,13 +21,23 @@
     <link rel="stylesheet" href="assets/css/Highlight-Clean.css">
     <link rel="stylesheet" href="assets/css/styles.css">
     <link rel="stylesheet" href="assets/css/Team-Clean.css">
+    <style>
+        /* Bars to separate titles in nav bar */
+        .navbar a:not(:last-child)::after {
+            content: "|";
+            margin: 0 10px;
+            color: #000;
+        }
+    </style>
 </head>
 
 <body>
     <!-- Navigation Bar -->
-    <div class="navbar" style="position: absolute; top: 0; right: 20px; padding: 10px; z-index: 100;font-size: 18px;">
-        <a href="../index.html">Home </a>&nbsp;&nbsp;&nbsp;     
-        <a href="../blog.html"> Blog</a>
+    <div class="navbar" style="position: absolute; top: 0; right: 20px; padding: 10px; z-index: 100;; font-size: 18px;">
+        <a href="index.html">Home</a>
+        <a href="blog.html">Blogs</a>
+        <a href="leaderboard.html">Leaderboard</a>
+        <a href="apizoo/">API Zoo Index</a>
     </div>
 
     <div class="highlight-clean-blog" style="padding-bottom: 10px;">

diff --git a/blogs/2_hallucination.html b/blogs/2_hallucination.html
@@ -15,19 +15,29 @@
 
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>Introduction to Gorilla LLM</title>
+    <title>Hallucination</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro">
     <link rel="stylesheet" href="assets/css/Highlight-Clean.css">
     <link rel="stylesheet" href="assets/css/styles.css">
     <link rel="stylesheet" href="assets/css/Team-Clean.css">
+    <style>
+        /* Bars to separate titles in nav bar */
+        .navbar a:not(:last-child)::after {
+            content: "|";
+            margin: 0 10px;
+            color: #000;
+        }
+    </style>
 </head>
 
 <body>
     <!-- Navigation Bar -->
-    <div class="navbar" style="position: absolute; top: 0; right: 20px; padding: 10px; z-index: 100;font-size: 18px;">
-        <a href="../index.html">Home </a>&nbsp;&nbsp;&nbsp;     
-        <a href="../blog.html"> Blog</a>
+    <div class="navbar" style="position: absolute; top: 0; right: 20px; padding: 10px; z-index: 100;; font-size: 18px;">
+        <a href="index.html">Home</a>
+        <a href="blog.html">Blogs</a>
+        <a href="leaderboard.html">Leaderboard</a>
+        <a href="apizoo/">API Zoo Index</a>
     </div>
 
     <div class="highlight-clean-blog" style="padding-bottom: 10px;">

diff --git a/blogs/3_retreiver_aware_training.html b/blogs/3_retreiver_aware_training.html
@@ -15,19 +15,29 @@
 
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>Introduction to Gorilla LLM</title>
+    <title>RAT (Retrieval Aware Training)</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro">
     <link rel="stylesheet" href="assets/css/Highlight-Clean.css">
     <link rel="stylesheet" href="assets/css/styles.css">
     <link rel="stylesheet" href="assets/css/Team-Clean.css">
+    <style>
+        /* Bars to separate titles in nav bar */
+        .navbar a:not(:last-child)::after {
+            content: "|";
+            margin: 0 10px;
+            color: #000;
+        }
+    </style>
 </head>
 
 <body>
     <!-- Navigation Bar -->
-    <div class="navbar" style="position: absolute; top: 0; right: 20px; padding: 10px; z-index: 100;">
-        <a href="../index.html">Home </a>&nbsp;&nbsp;&nbsp;     
-        <a href="../blog.html"> Blog</a>
+    <div class="navbar" style="position: absolute; top: 0; right: 20px; padding: 10px; z-index: 100;; font-size: 18px;">
+        <a href="index.html">Home</a>
+        <a href="blog.html">Blogs</a>
+        <a href="leaderboard.html">Leaderboard</a>
+        <a href="apizoo/">API Zoo Index</a>
     </div>
     <div class="highlight-clean-blog" style="padding-bottom: 10px;">
         <h1 class="text-center" style="padding-bottom: 10px;"> 🦍 Gorilla: Large Language Model Connected with Massive APIs</h1>

diff --git a/blogs/3_retriever_aware_training.html b/blogs/3_retriever_aware_training.html
@@ -15,19 +15,29 @@
 
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>Introduction to Gorilla LLM</title>
+    <title>RAT (Retrieval Aware Training)</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro">
     <link rel="stylesheet" href="assets/css/Highlight-Clean.css">
     <link rel="stylesheet" href="assets/css/styles.css">
     <link rel="stylesheet" href="assets/css/Team-Clean.css">
+    <style>
+        /* Bars to separate titles in nav bar */
+        .navbar a:not(:last-child)::after {
+            content: "|";
+            margin: 0 10px;
+            color: #000;
+        }
+    </style>
 </head>
 
 <body>
     <!-- Navigation Bar -->
-    <div class="navbar" style="position: absolute; top: 0; right: 20px; padding: 10px; z-index: 100;">
-        <a href="../index.html">Home </a>&nbsp;&nbsp;&nbsp;     
-        <a href="../blog.html"> Blog</a>
+    <div class="navbar" style="position: absolute; top: 0; right: 20px; padding: 10px; z-index: 100;; font-size: 18px;">
+        <a href="index.html">Home</a>
+        <a href="blog.html">Blogs</a>
+        <a href="leaderboard.html">Leaderboard</a>
+        <a href="apizoo/">API Zoo Index</a>
     </div>
     <div class="highlight-clean-blog" style="padding-bottom: 10px;">
         <h1 class="text-center" style="padding-bottom: 10px;"> 🦍 Gorilla: Large Language Model Connected with Massive APIs</h1>

diff --git a/blogs/4_open_functions.html b/blogs/4_open_functions.html
@@ -15,19 +15,29 @@
 
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>Introduction to Gorilla LLM</title>
+    <title>OpenFunctions</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro">
     <link rel="stylesheet" href="assets/css/Highlight-Clean.css">
     <link rel="stylesheet" href="assets/css/styles.css">
     <link rel="stylesheet" href="assets/css/Team-Clean.css">
+    <style>
+        /* Bars to separate titles in nav bar */
+        .navbar a:not(:last-child)::after {
+            content: "|";
+            margin: 0 10px;
+            color: #000;
+        }
+    </style>
 </head>
 
 <body>
     <!-- Navigation Bar -->
-    <div class="navbar" style="position: absolute; top: 0; right: 20px; padding: 10px; z-index: 100;font-size: 18px;">
-        <a href="../index.html">Home </a>&nbsp;&nbsp;&nbsp;     
-        <a href="../blog.html"> Blog</a>
+    <div class="navbar" style="position: absolute; top: 0; right: 20px; padding: 10px; z-index: 100;; font-size: 18px;">
+        <a href="index.html">Home</a>
+        <a href="blog.html">Blogs</a>
+        <a href="leaderboard.html">Leaderboard</a>
+        <a href="apizoo/">API Zoo Index</a>
     </div>
 
     <div class="highlight-clean-blog" style="padding-bottom: 10px;">

diff --git a/blogs/5_how_to_gorilla.html b/blogs/5_how_to_gorilla.html
@@ -15,19 +15,29 @@
 
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>Introduction to Gorilla LLM</title>
+    <title>How to Use Gorilla</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro">
     <link rel="stylesheet" href="assets/css/Highlight-Clean.css">
     <link rel="stylesheet" href="assets/css/styles.css">
     <link rel="stylesheet" href="assets/css/Team-Clean.css">
+    <style>
+        /* Bars to separate titles in nav bar */
+        .navbar a:not(:last-child)::after {
+            content: "|";
+            margin: 0 10px;
+            color: #000;
+        }
+    </style>
 </head>
 
 <body>
     <!-- Navigation Bar -->
-    <div class="navbar" style="position: absolute; top: 0; right: 20px; padding: 10px; z-index: 100;">
-        <a href="../index.html">Home </a>&nbsp;&nbsp;&nbsp;     
-        <a href="../blog.html"> Blog</a>
+    <div class="navbar" style="position: absolute; top: 0; right: 20px; padding: 10px; z-index: 100;; font-size: 18px;">
+        <a href="index.html">Home</a>
+        <a href="blog.html">Blogs</a>
+        <a href="leaderboard.html">Leaderboard</a>
+        <a href="apizoo/">API Zoo Index</a>
     </div>
     <div class="highlight-clean-blog" style="padding-bottom: 10px;">
         <h1 class="text-center" style="padding-bottom: 10px;"> 🦍 Gorilla: Large Language Model Connected with Massive APIs</h1>

diff --git a/blogs/6_api_zoo.html b/blogs/6_api_zoo.html
@@ -20,13 +20,23 @@
     <link rel="stylesheet" href="assets/css/Highlight-Clean.css">
     <link rel="stylesheet" href="assets/css/styles.css">
     <link rel="stylesheet" href="assets/css/Team-Clean.css">
+    <style>
+        /* Bars to separate titles in nav bar */
+        .navbar a:not(:last-child)::after {
+            content: "|";
+            margin: 0 10px;
+            color: #000;
+        }
+    </style>
 </head>
 
 <body>
     <!-- Navigation Bar -->
-    <div class="navbar" style="position: absolute; top: 0; right: 20px; padding: 10px; z-index: 100;">
-        <a href="../index.html">Home </a>&nbsp;&nbsp;&nbsp;     
-        <a href="../blog.html"> Blog</a>
+    <div class="navbar" style="position: absolute; top: 0; right: 20px; padding: 10px; z-index: 100;; font-size: 18px;">
+        <a href="index.html">Home</a>
+        <a href="blog.html">Blogs</a>
+        <a href="leaderboard.html">Leaderboard</a>
+        <a href="apizoo/">API Zoo Index</a>
     </div>
     <div class="highlight-clean-blog" style="padding-bottom: 10px;">
         <h1 class="text-center" style="padding-bottom: 10px;"> 🦍 Gorilla: Large Language Model Connected with Massive APIs</h1>

diff --git a/blogs/7_open_functions_v2.html b/blogs/7_open_functions_v2.html
@@ -16,17 +16,27 @@
 
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=0.8">
-    <title>Introduction to Gorilla LLM</title>
+    <title>OpenFunctions v2</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro">
     <link rel="stylesheet" href="../assets/css/blog.css">
+    <style>
+        /* Bars to separate titles in nav bar */
+        .navbar a:not(:last-child)::after {
+            content: "|";
+            margin: 0 10px;
+            color: #000;
+        }
+    </style>
 </head>
 
 <body>
     <!-- Navigation Bar -->
-    <div class="navbar">
-        <a href="../index.html">Home </a>&nbsp;&nbsp;&nbsp;
-        <a href="../blog.html"> Blog</a>
+    <div class="navbar" style="position: absolute; top: 0; right: 20px; padding: 10px; z-index: 100;; font-size: 18px;">
+        <a href="index.html">Home</a>
+        <a href="blog.html">Blogs</a>
+        <a href="leaderboard.html">Leaderboard</a>
+        <a href="apizoo/">API Zoo Index</a>
     </div>
     <div class="header-container">
         <h1 id="header-h1"> 🦍 Gorilla: Large Language Model Connected with Massive APIs</h1>

diff --git a/blogs/8_berkeley_function_calling_leaderboard.html b/blogs/8_berkeley_function_calling_leaderboard.html
@@ -16,7 +16,7 @@
 
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=0.6">
-    <title>Introduction to Gorilla LLM</title>
+    <title>Berkeley Function Calling Leaderboard</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro">
     <link rel="stylesheet" href="../assets/css/blog.css">
@@ -26,15 +26,23 @@
     <link rel="stylesheet" href="../assets/css/Highlight-Clean-leaderboard.css" />
     <link rel="stylesheet" href="../assets/css/model_info_dashboard.css" />
     <link rel="stylesheet" href="../assets/css/contact.css">
+    <style>
+        /* Bars to separate titles in nav bar */
+        .navbar a:not(:last-child)::after {
+            content: "|";
+            margin: 0 10px;
+            color: #000;
+        }
+    </style>
 </head>
 
 <body>
     <!-- Navigation Bar -->
     <div class="navbar">
-        <a href="../leaderboard.html#leaderboard">Leaderboard</a> &nbsp;&nbsp;&nbsp;
-        <a href="../leaderboard.html#api-explorer">Try it Out!</a> &nbsp;&nbsp;&nbsp;
-        <a href="../blog.html">Blogs</a> &nbsp;&nbsp;&nbsp;
-        <a href="../index.html">Gorilla</a> &nbsp;&nbsp;&nbsp;
+        <a href="../leaderboard.html#leaderboard">Leaderboard</a>
+        <a href="../leaderboard.html#api-explorer">Try it Out!</a>
+        <a href="../blog.html">Blogs</a>
+        <a href="../index.html">Gorilla</a>
     </div>