Make desktop nav menu flush right

Author: wiseodd

.astro/content-modules.mjs

@@ -1,24 +1,24 @@
 
 export default new Map([
 ["src/content/post/autoencoders.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fautoencoders.mdx&astroContentModuleFlag=true")],
-["src/content/post/batchnorm.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fbatchnorm.mdx&astroContentModuleFlag=true")],
-["src/content/post/bayesian-regression.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fbayesian-regression.mdx&astroContentModuleFlag=true")],
+["src/content/post/annealed-importance-sampling.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fannealed-importance-sampling.mdx&astroContentModuleFlag=true")],
 ["src/content/post/boundary-seeking-gan.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fboundary-seeking-gan.mdx&astroContentModuleFlag=true")],
-["src/content/post/brouwers-fixed-point.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fbrouwers-fixed-point.mdx&astroContentModuleFlag=true")],
-["src/content/post/chentsov-theorem.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fchentsov-theorem.mdx&astroContentModuleFlag=true")],
+["src/content/post/contractive-autoencoder.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fcontractive-autoencoder.mdx&astroContentModuleFlag=true")],
 ["src/content/post/conditional-gan-tensorflow.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fconditional-gan-tensorflow.mdx&astroContentModuleFlag=true")],
 ["src/content/post/conditional-vae.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fconditional-vae.mdx&astroContentModuleFlag=true")],
-["src/content/post/annealed-importance-sampling.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fannealed-importance-sampling.mdx&astroContentModuleFlag=true")],
-["src/content/post/contractive-autoencoder.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fcontractive-autoencoder.mdx&astroContentModuleFlag=true")],
-["src/content/post/convnet-maxpool-layer.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fconvnet-maxpool-layer.mdx&astroContentModuleFlag=true")],
-["src/content/post/deploying-wagtail.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fdeploying-wagtail.mdx&astroContentModuleFlag=true")],
+["src/content/post/batchnorm.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fbatchnorm.mdx&astroContentModuleFlag=true")],
+["src/content/post/chentsov-theorem.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fchentsov-theorem.mdx&astroContentModuleFlag=true")],
+["src/content/post/brouwers-fixed-point.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fbrouwers-fixed-point.mdx&astroContentModuleFlag=true")],
+["src/content/post/bayesian-regression.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fbayesian-regression.mdx&astroContentModuleFlag=true")],
 ["src/content/post/conv-probit.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fconv-probit.mdx&astroContentModuleFlag=true")],
 ["src/content/post/convnet-conv-layer.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fconvnet-conv-layer.mdx&astroContentModuleFlag=true")],
+["src/content/post/convnet-maxpool-layer.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fconvnet-maxpool-layer.mdx&astroContentModuleFlag=true")],
 ["src/content/post/coupled-gan.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fcoupled-gan.mdx&astroContentModuleFlag=true")],
-["src/content/post/dropout.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fdropout.mdx&astroContentModuleFlag=true")],
-["src/content/post/forward-reverse-kl.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fforward-reverse-kl.mdx&astroContentModuleFlag=true")],
+["src/content/post/deploying-wagtail.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fdeploying-wagtail.mdx&astroContentModuleFlag=true")],
 ["src/content/post/developing-wagtail.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fdeveloping-wagtail.mdx&astroContentModuleFlag=true")],
+["src/content/post/dropout.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fdropout.mdx&astroContentModuleFlag=true")],
 ["src/content/post/fisher-information.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Ffisher-information.mdx&astroContentModuleFlag=true")],
+["src/content/post/forward-reverse-kl.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fforward-reverse-kl.mdx&astroContentModuleFlag=true")],
 ["src/content/post/gan-pytorch.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fgan-pytorch.mdx&astroContentModuleFlag=true")],
 ["src/content/post/gan-tensorflow.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fgan-tensorflow.mdx&astroContentModuleFlag=true")],
 ["src/content/post/gaussian-anomaly-detection.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fgaussian-anomaly-detection.mdx&astroContentModuleFlag=true")],
@@ -29,8 +29,8 @@ export default new Map([
 ["src/content/post/hessian-invariance.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fhessian-invariance.mdx&astroContentModuleFlag=true")],
 ["src/content/post/hessian-curvatures.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fhessian-curvatures.mdx&astroContentModuleFlag=true")],
 ["src/content/post/kl-mle.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fkl-mle.mdx&astroContentModuleFlag=true")],
-["src/content/post/laplace.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Flaplace.mdx&astroContentModuleFlag=true")],
 ["src/content/post/jekyll-fb-share.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fjekyll-fb-share.mdx&astroContentModuleFlag=true")],
+["src/content/post/laplace.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Flaplace.mdx&astroContentModuleFlag=true")],
 ["src/content/post/lda-gibbs.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Flda-gibbs.mdx&astroContentModuleFlag=true")],
 ["src/content/post/least-squares-gan.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fleast-squares-gan.mdx&astroContentModuleFlag=true")],
 ["src/content/post/levelset-method.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Flevelset-method.mdx&astroContentModuleFlag=true")],
@@ -45,18 +45,18 @@ export default new Map([
 ["src/content/post/parallel-monte-carlo.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fparallel-monte-carlo.mdx&astroContentModuleFlag=true")],
 ["src/content/post/natural-gradient.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fnatural-gradient.mdx&astroContentModuleFlag=true")],
 ["src/content/post/nn-optimization.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fnn-optimization.mdx&astroContentModuleFlag=true")],
-["src/content/post/nn-sgd.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fnn-sgd.mdx&astroContentModuleFlag=true")],
 ["src/content/post/rejection-sampling.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Frejection-sampling.mdx&astroContentModuleFlag=true")],
 ["src/content/post/residual-net.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fresidual-net.mdx&astroContentModuleFlag=true")],
 ["src/content/post/scrapy-long-running.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fscrapy-long-running.mdx&astroContentModuleFlag=true")],
-["src/content/post/plotting.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fplotting.mdx&astroContentModuleFlag=true")],
-["src/content/post/theano-pde.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Ftheano-pde.mdx&astroContentModuleFlag=true")],
 ["src/content/post/slice-sampling.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fslice-sampling.mdx&astroContentModuleFlag=true")],
+["src/content/post/theano-pde.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Ftheano-pde.mdx&astroContentModuleFlag=true")],
 ["src/content/post/twitter-auth-flask.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Ftwitter-auth-flask.mdx&astroContentModuleFlag=true")],
 ["src/content/post/vae-pytorch.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fvae-pytorch.mdx&astroContentModuleFlag=true")],
 ["src/content/post/variational-autoencoder.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fvariational-autoencoder.mdx&astroContentModuleFlag=true")],
 ["src/content/post/volume-form.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fvolume-form.mdx&astroContentModuleFlag=true")],
 ["src/content/post/wagtail-dev-env.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fwagtail-dev-env.mdx&astroContentModuleFlag=true")],
+["src/content/post/nn-sgd.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fnn-sgd.mdx&astroContentModuleFlag=true")],
+["src/content/post/plotting.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fplotting.mdx&astroContentModuleFlag=true")],
 ["src/content/post/wasserstein-gan.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fwasserstein-gan.mdx&astroContentModuleFlag=true")],
 ["src/content/post/writing-advice.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=src%2Fcontent%2Fpost%2Fwriting-advice.mdx&astroContentModuleFlag=true")]]);
 

src/components/layout/Header.astro

@@ -13,48 +13,46 @@
       >Agustinus Kristiadi</a
     >
 
-    <!-- Desktop menu -->
-    <div
-      class='absolute left-1/2 hidden -translate-x-1/2 transform items-center justify-center gap-x-10 text-sm md:flex md:text-lg'
-    >
-      <a
-        href='/'
-        class='flex-none text-[1.05rem] font-semibold hover:text-foreground/75'
-        aria-label='Nav Menu Item'
-        >Home
-      </a>
+    <!-- Right side buttons container -->
+    <div class='flex items-center gap-x-6'>
+      <!-- Desktop menu -->
+      <div class='hidden items-center gap-x-6 text-sm md:flex md:text-lg'>
+        <a
+          href='/'
+          class='flex-none text-[1.05rem] font-semibold hover:text-foreground/75'
+          aria-label='Nav Menu Item'
+          >Home
+        </a>
 
-      <a
-        href='/cv'
-        class='flex-none text-[1.05rem] font-semibold hover:text-foreground/75'
-        aria-label='Nav Menu Item'
-        >CV
-      </a>
+        <a
+          href='/cv'
+          class='flex-none text-[1.05rem] font-semibold hover:text-foreground/75'
+          aria-label='Nav Menu Item'
+          >CV
+        </a>
 
-      <a
-        href='/group'
-        class='flex-none text-[1.05rem] font-semibold hover:text-foreground/75'
-        aria-label='Nav Menu Item'
-        >Students
-      </a>
+        <a
+          href='/group'
+          class='flex-none text-[1.05rem] font-semibold hover:text-foreground/75'
+          aria-label='Nav Menu Item'
+          >Students
+        </a>
 
-      <a
-        href='/publications'
-        class='flex-none text-[1.05rem] font-semibold hover:text-foreground/75'
-        aria-label='Nav Menu Item'
-        >Publications
-      </a>
+        <a
+          href='/publications'
+          class='flex-none text-[1.05rem] font-semibold hover:text-foreground/75'
+          aria-label='Nav Menu Item'
+          >Publications
+        </a>
 
-      <a
-        href='/blog'
-        class='flex-none text-[1.05rem] font-semibold hover:text-foreground/75'
-        aria-label='Nav Menu Item'
-        >Blog
-      </a>
-    </div>
+        <a
+          href='/blog'
+          class='flex-none text-[1.05rem] font-semibold hover:text-foreground/75'
+          aria-label='Nav Menu Item'
+          >Blog
+        </a>
+      </div>
 
-    <!-- Right side buttons container -->
-    <div class='flex items-center gap-x-2'>
       <button
         id='toggleDarkMode'
         class='relative rounded-md p-1.5 transition-all hover:bg-border'