fix outdated pkg.json keywords, use CSS subgrid for list of posts

package.json

@@ -3,23 +3,20 @@
   "name": "janosh.dev",
   "title": "janosh.dev",
   "homepage": "https://janosh.dev",
-  "description": "Janosh Riebesell's blog",
+  "description": "I write about materials science, machine learning and software development.",
   "version": "1.0.0",
   "author": "Janosh Riebesell <janosh.riebesell@gmail.com>",
   "repository": "https://github.com/janosh/blog",
   "issues": "https://github.com/janosh/blog/issues",
   "license": "MIT",
   "type": "module",
   "keywords": [
-    "personal blog",
-    "portfolio",
+    "blog",
+    "technology",
     "physics",
+    "materials science",
     "machine learning",
-    "web development",
-    "science",
-    "nature",
-    "gatsby",
-    "styled-components"
+    "web dev"
   ],
   "scripts": {
     "dev": "vite dev",

src/app.css

@@ -15,6 +15,8 @@
 
   --zoo-github-corner-color: var(--night);
   --zoo-github-corner-bg: white;
+
+  --body-max-width: min(90vw, 1100px);
 }
 body {
   background: var(--night);
@@ -86,13 +88,20 @@ ul {
 ul.grid {
   padding: 0;
   margin: 1em auto;
-  max-width: min(90vw, 1000px);
+  max-width: var(--body-max-width);
+  width: 100%;
   container-type: inline-size;
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
   gap: 1em;
   list-style: none;
 }
+ul.grid > li > h3 {
+  margin: 8pt 0 5pt;
+  display: flex;
+  place-content: center;
+  place-items: center;
+}
 label {
   font-weight: bold;
   cursor: pointer;

src/lib/DocsGrid.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-  // export let title: string
-  // export let files: [string, string][]
+  export let style: string | null = null
 </script>
 
-<div class="grid">
+<div class="grid" {style}>
   <slot />
 </div>
 

src/routes/+layout.server.ts

@@ -1,3 +1,4 @@
+import { author } from '$root/package.json'
 import type { FrontMatter } from '../lib/types.js'
 
 export const prerender = true
@@ -14,6 +15,7 @@ export const load = async ({ url }) => {
   })) as FrontMatter[]
 
   const post = posts.find((post) => post.path === url.pathname)
+  const email = author.split(` <`)[1].split(`>`)[0]
 
-  return { posts, post }
+  return { posts, post, email }
 }

src/routes/+page.svelte

@@ -7,9 +7,12 @@
   import Physics from './physics/+page@.md'
   import Posts from './posts/+page@.svelte'
 
+  export let data
+
   const mbd = oss.projects.find((p) => p.name === `Matbench Discovery`)
   const pmv = oss.projects.find((p) => p.name === `pymatviz`)
   const pmg = oss.projects.find((p) => p.name === `pymatgen`)
+  const elementari = oss.projects.find((p) => p.name === `Elementari`)
 </script>
 
 <img src="./janosh.jpg" alt="me" width="200" />
@@ -25,7 +28,7 @@
   <a href="https://linkedin.com/in/janosh-riebesell/" target="_blank" rel="noreferrer">
     <Icon inline icon="bi:linkedin" />
   </a>
-  <a href="mailto:janosh.riebesell@gmail.com" target="_blank" rel="noreferrer">
+  <a href="mailto:{data.email}" target="_blank" rel="noreferrer">
     <Icon
       inline
       icon="mdi:email"
@@ -43,7 +46,7 @@
   <a href={mbd?.repo}>🔎 computational materials discovery</a>,
   <a href="https://arxiv.org/abs/2401.00096v1">🤖 machine learning</a>,
   <a href={pmg?.repo}>💻 software engineering</a>, &
-  <a href={pmv?.repo}>📊 data visualization</a>.<br />
+  <a href={pmv?.repo}>📊 data</a> <a href={elementari?.repo}>visualization</a>.<br />
   <!-- Outside of work, I enjoy hiking 🧗 and cycling 🚲. The rougher the terrain, the better! ⛰️ -->
 </p>
 
@@ -123,12 +126,6 @@
     padding: 1ex 1em;
     border-radius: 4pt;
   }
-  ul.recent > li > h3 {
-    margin: 0 0 1ex;
-    display: flex;
-    place-content: center;
-    place-items: center;
-  }
   ul.recent > li > h3 :is(img, small) {
     margin-right: 5pt;
     vertical-align: middle;

src/routes/cv/+page.svelte

@@ -5,11 +5,12 @@
   import cv from './cv.yml'
   import papers from './papers.yaml'
 
-  const email = `janosh.riebesell@gmail.com`
+  export let data
+
   const links = { target: `_blank`, rel: `noreferrer` }
 
   const social: [string, string][] = [
-    [`mailto:${email}`, `mdi:email`],
+    [`mailto:${data.email}`, `mdi:email`],
     [`https://github.com/janosh`, `octicon:mark-github`],
     [`https://twitter.com/jrib_`, `fa-brands:twitter`],
     [`https://stackoverflow.com/u/4034025`, `mdi:stackoverflow`],

src/routes/cv/papers.yaml

@@ -29,6 +29,7 @@ references:
     issued:
       - year: 2023
         month: 9
+        day: 14
     language: en
     license: >-
       2023 This is a U.S. Government work and not under copyright protection in

src/routes/open-source/+page.svelte

@@ -49,7 +49,7 @@
         {/if}
 
         {#if commits}
-          <a href="{repo}/graphs/contributors">
+          <a href="{repo}/commits?author=janosh">
             <Icon inline icon="octicon:git-commit" />
             <span>
               {commits} <small>commits</small>
@@ -71,9 +71,6 @@
   h2 {
     text-align: center;
   }
-  h3 {
-    margin: 0 auto;
-  }
   h3 a {
     display: flex;
     place-items: center;

src/routes/open-source/oss.yml

@@ -9,8 +9,8 @@ projects:
       - Python
       - Cython
       - Jupyter Notebook
-    stars: 1231
-    commits: 905
+    stars: 1234
+    commits: 913
   - name: Matbench Discovery
     url: https://matbench-discovery.materialsproject.org
     img_style: 'filter: invert(1);'
@@ -24,14 +24,14 @@ projects:
       - TypeScript
       - JavaScript
       - HTML
-    stars: 50
-    commits: 296
+    stars: 52
+    commits: 297
   - name: CHGNet
     url: https://chgnet.lbl.gov
     repo: https://github.com/CederGroupHub/chgnet
     role: Maintainer
     paper: deng_chgnet_2023
-    description: Pretrained universal neural network potential for charge-informed atomistic modeling published on the NMI cover.
+    description: Pretrained universal neural network potential for charge-informed atomistic modeling published on the Sep 2023 cover of NMI.
     languages:
       - Python
       - C
@@ -41,7 +41,7 @@ projects:
       - HTML
       - JavaScript
       - TypeScript
-    stars: 158
+    stars: 161
     commits: 163
   - name: MACE
     url: https://mace-docs.readthedocs.io
@@ -50,7 +50,7 @@ projects:
     paper: riebesell_foundation_2023
     description: Fast and accurate machine learning interatomic potentials with higher order equivariant message passing.
     logo: https://avatars.githubusercontent.com/u/68508620
-    stars: 266
+    stars: 272
     commits: 21
     languages:
       - Python
@@ -67,7 +67,7 @@ projects:
       - JavaScript
       - HTML
     stars: 102
-    commits: 171
+    commits: 173
   - name: pymatviz
     url: https://pymatviz.janosh.dev
     img_style: 'filter: invert(1);'
@@ -80,7 +80,7 @@ projects:
       - TypeScript
       - HTML
       - JavaScript
-    stars: 93
+    stars: 97
     commits: 234
   - name: Tensorboard Reducer
     repo: https://github.com/janosh/tensorboard-reducer
@@ -90,15 +90,15 @@ projects:
     languages:
       - Python
       - TeX
-    stars: 59
+    stars: 60
     commits: 79
   - name: Normalizing Flows
     repo: https://github.com/janosh/awesome-normalizing-flows
     logo: https://api.iconify.design/logos:awesome.svg?color=%23888888
     description: Curated list of resources for learning and using normalizing flows, a powerful tool in ML for modeling probability distributions.
     languages:
       - Python
-    stars: 1239
+    stars: 1242
     commits: 72
   - name: atomate2
     repo: https://github.com/materialsproject/atomate2
@@ -110,8 +110,8 @@ projects:
       potential-powered structure relaxation workflows.
     languages:
       - Python
-    stars: 110
-    commits: 345
+    stars: 112
+    commits: 347
   - name: jobflow
     repo: https://github.com/materialsproject/jobflow
     role: Maintainer
@@ -122,7 +122,7 @@ projects:
     languages:
       - Python
       - TeX
-    stars: 73
+    stars: 74
     commits: 100
   - name: Aviary
     repo: https://github.com/CompRhys/aviary
@@ -132,7 +132,7 @@ projects:
     pypi: https://pypi.org/project/tensorboard-reducer
     languages:
       - Python
-    stars: 35
+    stars: 36
     commits: 233
   - name: MatCalc
     url: https://materialsvirtuallab.github.io/matcalc
@@ -165,8 +165,8 @@ projects:
     description: Pushing the Pareto front of band gap and permittivity with ML-guided dielectrics discovery incl. experimental synthesis.
     logo: https://github.com/janosh/tikz/raw/main/assets/plate-capacitor/plate-capacitor.svg
     paper: riebesell_pushing_2024
-    stars: 5
-    commits: 10
+    stars: 6
+    commits: 11
     languages:
       - Python
       - ReScript

src/routes/physics/+page@.md

@@ -12,18 +12,16 @@ cover:
   import Icon from '@iconify/svelte'
 </script>
 
-<section class="landing">
-
 <img src="./planets.svg" alt={cover.caption} style="margin: 2em 0 0;" />
 
 <h2 class="section-title">
   <Icon inline icon="mdi:atom" />
   Notes on Physics
 </h2>
 
-This is a compilation of notes and solutions to problem sheets for some of the physics lectures I took, most of them in Heidelberg, Germany. Hopefully, they can be useful to others. If you find errors, please [open an issue]({issues}).
+This is a compilation of notes and solutions to problem sheets for some of the physics lectures I took, most of them in [Heidelberg](https://google.com/search?q=Heidelberg). Hopefully, they can be useful to others. If you find errors, please [open an issue]({issues}).
 
-<DocsGrid>
+<DocsGrid style="max-width: var(--body-max-width);">
 
 [String Theory ![Cross section of the quintic Calabi–Yau manifold](./string-theory/calabi-yau.png)](physics/string-theory)
 
@@ -49,4 +47,8 @@ This is a compilation of notes and solutions to problem sheets for some of the p
 
 </DocsGrid>
 
-</section>
+<style>
+  p {
+    max-width: 50em;
+  }
+</style>