update

components/AboutCard/index.js

@@ -30,13 +30,13 @@ function AboutCard() {
       </p>
       <h2 className="text-black text-2-5xl font-bold pb-3 pt-10">i like open source.</h2>
         <p>
-          these are my favorite, in no particular order
+          these are my favorite, some of which i contribute to.
           <ul className="list-none ml-4 pt-2">
             <li className="before:content-['-'] before:pr-2">ggerganov's <a href="https://github.com/ggerganov/llama.cpp" style={{ color: 'blue' }}>llama.cpp</a> (<a href="https://github.com/ggerganov/llama.cpp/pull/4484" style={{ color: 'blue' }}>#4484</a>)</li>
-            <li className="before:content-['-'] before:pr-2"><a href="https://github.com/ml-explore/mlx" style={{ color: 'blue' }}>mlx</a> is an array framework for apple silicon (<a href="https://github.com/ml-explore/mlx-examples/pull/202" style={{ color: 'blue' }}>#202</a> <a href="https://github.com/ml-explore/mlx-examples/pull/237" style={{ color: 'blue' }}>#237</a> <a href="https://github.com/ml-explore/mlx-examples/pull/19" style={{ color: 'blue' }}>#19</a>) </li>
-            <li className="before:content-['-'] before:pr-2"> <a href="https://github.com/LeonEricsson/Tensor-Puzzles" style={{ color: 'blue' }}>tensor puzzles</a> and <a href="https://github.com/LeonEricsson/GPU-Puzzles" style={{ color: 'blue' }}>cuda puzzles</a> from sasha rush</li>
-            <li className="before:content-['-'] before:pr-2"> community driven <a href="https://github.com/ohmyzsh/ohmyzsh" style={{ color: 'blue' }}>ohmyzsh</a></li>
-            <li className="before:content-['-'] before:pr-2"> <a href="https://github.com/google/jax" style={{ color: 'blue' }}>jax</a>: the lovechild of autograd and xla</li>
+            <li className="before:content-['-'] before:pr-2"><a href="https://github.com/ml-explore/mlx" style={{ color: 'blue' }}>mlx</a> is an array framework for apple silicon (<a href="https://github.com/ml-explore/mlx-examples/pull/202" style={{ color: 'blue' }}>#202</a> <a href="https://github.com/ml-explore/mlx-examples/pull/237" style={{ color: 'blue' }}>#237</a> <a href="https://github.com/ml-explore/mlx/pull/456" style={{ color: 'blue' }}>#456</a> <a href="https://github.com/ml-explore/mlx-examples/pull/19" style={{ color: 'blue' }}>#19</a> <a href="https://github.com/ml-explore/mlx-examples/pull/276" style={{ color: 'blue' }}>#276</a>) </li>
+            <li className="before:content-['-'] before:pr-2"><a href="https://github.com/LeonEricsson/Tensor-Puzzles" style={{ color: 'blue' }}>tensor puzzles</a> and <a href="https://github.com/LeonEricsson/GPU-Puzzles" style={{ color: 'blue' }}>cuda puzzles</a> from sasha rush</li>
+            <li className="before:content-['-'] before:pr-2">community driven <a href="https://github.com/ohmyzsh/ohmyzsh" style={{ color: 'blue' }}>ohmyzsh</a></li>
+            <li className="before:content-['-'] before:pr-2"><a href="https://github.com/google/jax" style={{ color: 'blue' }}>jax</a>: the lovechild of autograd and xla</li>
           </ul> 
         </p>
 

pages/publications.js

@@ -7,7 +7,7 @@ export default function Publications() {
     <Layout>
       <div className="container mx-auto pt-4 md:pt-12 md:px-12 lg:pt-24 lg:px-24">
         <h1 className="text-black text-4xl p-4">
-          <strong className="purple">a (hopefully) growing list of publications.</strong>
+          <strong className="purple">a <span className="cloud-hopefully">hopefully</span> ever-growing list of publications.</strong>
         </h1>
         <div className="p-2">
           <PublicationList />

styles/globals.css

@@ -86,4 +86,15 @@ body {
 .text-2-5xl {
   font-size: 1.675rem/* 24px */;
   line-height: 2rem/* 32px */;
+}
+
+.cloud-hopefully {
+  font-size: xx-small;
+  background-color: #f0f0f0;
+  border-radius: 10px;
+  padding: 3px 6px;
+  position: relative;
+  top: -25px;
+  left: -1px;
+  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
 }