fix post styles & redirect landing page

hao-ai-lab · Mar 3, 2024 · 40ca9ae · 40ca9ae
1 parent f4ba3cb
commit 40ca9ae
Show file tree

Hide file tree

Showing 21 changed files with 69 additions and 8 deletions.
diff --git a/content/posts/cllm/index.md b/content/posts/cllm/index.md
@@ -1,6 +1,7 @@
 +++
 title = "Consistency Large Language Models: A Family of Efficient Parallel Decoders"
 date = 2024-02-21T12:00:00-08:00
+authors = ["Siqi Kou*", "Lanxiang Hu*", "Zhezhi He", "Zhijie Deng", "Hao Zhang"]
 draft = false
 [cover]
       image = "img/objective_illustration_global.jpg"

diff --git a/content/posts/lookahead_decoding/index.md b/content/posts/lookahead_decoding/index.md
@@ -1,6 +1,7 @@
 +++
 title = 'Break the Sequential Dependency of LLM Inference Using Lookahead Decoding'
 date = 2023-11-21T12:00:00-08:00
+authors = ["Yichao Fu", "Peter Bailis", "Ion Stoica", "Hao Zhang"]
 draft = false
 [cover]
       image = "img/slider/lookahead_decoding.jpg"

diff --git a/public/404.html b/public/404.html
@@ -2,6 +2,7 @@
 <html lang="en" dir="auto">
 
 <head><script src="/home/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=home/livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="/css/custom.css">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/blogs/index.html b/public/blogs/index.html
@@ -2,6 +2,7 @@
 <html lang="en" dir="auto">
 
 <head><script src="/home/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=home/livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="/css/custom.css">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/categories/index.html b/public/categories/index.html
@@ -2,6 +2,7 @@
 <html lang="en" dir="auto">
 
 <head><script src="/home/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=home/livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="/css/custom.css">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/contact/index.html b/public/contact/index.html
@@ -2,6 +2,7 @@
 <html lang="en" dir="auto">
 
 <head><script src="/home/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=home/livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="/css/custom.css">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/css/custom.css b/public/css/custom.css
@@ -0,0 +1 @@
+
diff --git a/public/css/style.css b/public/css/style.css
@@ -1,7 +1,7 @@
 .posts-list {
     display: flex;
     flex-direction: column;
-    gap: 20px; /* Space between posts */
+    gap: 30px; /* Space between posts */
 }
 
 .post-preview {
@@ -10,6 +10,11 @@
     border: 1px solid #ddd;
     border-radius: 8px;
     overflow: hidden;
+    background-color: white; /* White background */
+    padding: 15px; /* Padding inside the box */
+    margin: 10px 0; /* Margin around the box for spacing */
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow for depth */
+    border-radius: 5px; /* Optional: rounds the corners of the box */
 }
 
 .post-image img {
@@ -28,10 +33,24 @@
 }
 
 .post-details time {
-    font-size: 0.6rem;
+    font-size: 1.0rem;
     color: #666;
 }
 
 .post-details p {
     margin-top: 10px;
 }
+
+.post-details .post-author {
+    font-size: 1.0rem;
+    color: #666;
+    margin-top: 10px; /* Adjust spacing as needed */
+}
+
+.post-details .post-summary-box {
+    background-color: white; /* White background */
+    padding: 15px; /* Padding inside the box */
+    margin: 10px 0; /* Margin around the box for spacing */
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow for depth */
+    border-radius: 5px; /* Optional: rounds the corners of the box */
+}
diff --git a/public/home/index.html b/public/home/index.html
@@ -2,6 +2,7 @@
 <html lang="en" dir="auto">
 
 <head><script src="/home/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=home/livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="/css/custom.css">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/index.html b/public/index.html
@@ -3,6 +3,7 @@
 
 <head>
 	<meta name="generator" content="Hugo 0.123.0"><script src="/home/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=home/livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="/css/custom.css">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@@ -149,16 +150,16 @@
     </div><div class="post-details">
       <h2><a href="http://localhost:1313/home/posts/cllm/">Consistency Large Language Models: A Family of Efficient Parallel Decoders</a></h2>
       <time datetime="2024-02-21 12:00:00 -0800 PST">February 21, 2024</time>
-      <p style="text-align: justify;">TL;DR: In this blog, we introduce consistency large language models (CLLMs), a new family of models developed with our proposed techniques to reduce inference latency by efficiently decoding $n$ tokens in parallel. This decoding method is called Jacobi decoding, which improves inference efficiency by breaking the sequential nature of conventional auto-regressive (AR) decoding. CLLMs are trained with the objective of performing efficient Jacobi decoding by mapping any randomly initialized $n$-token sequence to a correctly predicted sequence in as few steps as possible.</p>
-    </div>
+      <p class="post-author"> Siqi Kou*, Lanxiang Hu*, Zhezhi He, Zhijie Deng, Hao Zhang</p>
+      <p style="text-align: justify;">TL;DR: In this blog, we introduce consistency large language models (CLLMs), a new family of models developed with our proposed techniques to reduce inference latency by efficiently decoding $n$ tokens in parallel. This decoding method is called Jacobi decoding, which improves inference efficiency by breaking the sequential nature of conventional auto-regressive (AR) decoding. CLLMs are trained with the objective of performing efficient Jacobi decoding by mapping any randomly initialized $n$-token sequence to a correctly predicted sequence in as few steps as possible.</p></div>
   </article><article class="post-preview">
     <div class="post-image">
       <img src="http://localhost:1313/home/img/slider/lookahead_decoding.jpg" alt=""> 
     </div><div class="post-details">
       <h2><a href="http://localhost:1313/home/posts/lookahead_decoding/">Break the Sequential Dependency of LLM Inference Using Lookahead Decoding</a></h2>
       <time datetime="2023-11-21 12:00:00 -0800 PST">November 21, 2023</time>
-      <p style="text-align: justify;">TL;DR: We introduce lookahead decoding, a new, exact, and parallel decoding algorithm to accelerate LLM inference. Lookahead decoding breaks the sequential dependency in autoregressive decoding by concurrently extracting and verifying n-grams directly with the LLM, utilizing the Jacobi iteration method. Lookahead decoding functions without the need for a draft model or a data store. It linearly decreases the number of decoding steps directly correlating with the log(FLOPs) used per decoding step.</p>
-    </div>
+      <p class="post-author"> Yichao Fu, Peter Bailis, Ion Stoica, Hao Zhang</p>
+      <p style="text-align: justify;">TL;DR: We introduce lookahead decoding, a new, exact, and parallel decoding algorithm to accelerate LLM inference. Lookahead decoding breaks the sequential dependency in autoregressive decoding by concurrently extracting and verifying n-grams directly with the LLM, utilizing the Jacobi iteration method. Lookahead decoding functions without the need for a draft model or a data store. It linearly decreases the number of decoding steps directly correlating with the log(FLOPs) used per decoding step.</p></div>
   </article></div>
     </main>
 

diff --git a/public/math-examples/index.html b/public/math-examples/index.html
@@ -2,6 +2,7 @@
 <html lang="en" dir="auto">
 
 <head><script src="/home/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=home/livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="/css/custom.css">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/people/index.html b/public/people/index.html
@@ -2,6 +2,7 @@
 <html lang="en" dir="auto">
 
 <head><script src="/home/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=home/livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="/css/custom.css">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/posts/cllm/index.html b/public/posts/cllm/index.html
@@ -2,6 +2,7 @@
 <html lang="en" dir="auto">
 
 <head><script src="/home/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=home/livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="/css/custom.css">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/posts/index.html b/public/posts/index.html
@@ -2,6 +2,7 @@
 <html lang="en" dir="auto">
 
 <head><script src="/home/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=home/livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="/css/custom.css">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/posts/lookahead_decoding/index.html b/public/posts/lookahead_decoding/index.html
@@ -2,6 +2,7 @@
 <html lang="en" dir="auto">
 
 <head><script src="/home/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=home/livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="/css/custom.css">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/publications/index.html b/public/publications/index.html
@@ -2,6 +2,7 @@
 <html lang="en" dir="auto">
 
 <head><script src="/home/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=home/livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="/css/custom.css">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/public/tags/index.html b/public/tags/index.html
@@ -2,6 +2,7 @@
 <html lang="en" dir="auto">
 
 <head><script src="/home/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=home/livereload" data-no-instant defer></script><link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="/css/custom.css">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/static/css/custom.css b/static/css/custom.css
@@ -0,0 +1 @@
+
diff --git a/static/css/style.css b/static/css/style.css
@@ -1,7 +1,7 @@
 .posts-list {
     display: flex;
     flex-direction: column;
-    gap: 20px; /* Space between posts */
+    gap: 30px; /* Space between posts */
 }
 
 .post-preview {
@@ -10,6 +10,11 @@
     border: 1px solid #ddd;
     border-radius: 8px;
     overflow: hidden;
+    background-color: white; /* White background */
+    padding: 15px; /* Padding inside the box */
+    margin: 10px 0; /* Margin around the box for spacing */
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow for depth */
+    border-radius: 5px; /* Optional: rounds the corners of the box */
 }
 
 .post-image img {
@@ -28,10 +33,24 @@
 }
 
 .post-details time {
-    font-size: 0.6rem;
+    font-size: 1.0rem;
     color: #666;
 }
 
 .post-details p {
     margin-top: 10px;
 }
+
+.post-details .post-author {
+    font-size: 1.0rem;
+    color: #666;
+    margin-top: 10px; /* Adjust spacing as needed */
+}
+
+.post-details .post-summary-box {
+    background-color: white; /* White background */
+    padding: 15px; /* Padding inside the box */
+    margin: 10px 0; /* Margin around the box for spacing */
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow for depth */
+    border-radius: 5px; /* Optional: rounds the corners of the box */
+}
diff --git a/themes/PaperMod/layouts/_default/list.html b/themes/PaperMod/layouts/_default/list.html
@@ -28,7 +28,12 @@ <h1>{{ .Title }}</h1>
     <div class="post-details">
       <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
       <time datetime="{{ .Date }}">{{ .Date.Format "January 2, 2006" }}</time>
+      {{- if .Params.author -}} <!-- Check for single author -->
+      <p class="post-author"> {{ .Params.author }}</p>
+      {{- else if .Params.authors -}} <!-- Check for multiple authors -->
+      <p class="post-author"> {{ delimit .Params.authors ", " }}</p>
       <p style="text-align: justify;">{{ .Summary | markdownify }}</p>
+      {{- end -}}
     </div>
   </article>
   {{- end -}}

diff --git a/themes/PaperMod/layouts/partials/head.html b/themes/PaperMod/layouts/partials/head.html
@@ -1,4 +1,5 @@
 <link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="/css/custom.css">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">