From aecfcfe8bd81e6a895b7ca566269351ec1c9b638 Mon Sep 17 00:00:00 2001 From: Astrid Klipfel Date: Wed, 11 Sep 2024 11:30:54 +0200 Subject: [PATCH] add presentation and improve style --- config.toml | 6 ++-- content/presentation.md | 6 ++-- content/publications/empnn-aaai23.md | 2 +- sass/_header.sass | 14 +++++++--- sass/_sidebar.sass | 42 ++++++++++++++++++++++------ sass/style.sass | 17 +++++------ 6 files changed, 60 insertions(+), 27 deletions(-) diff --git a/config.toml b/config.toml index 634aebb4d9f53..d8c109fe3618e 100644 --- a/config.toml +++ b/config.toml @@ -15,9 +15,9 @@ navbar=[ ] [extra.author] name = "Astrid Klipfel" -description = "Machine Learning applied to Materials Science" -location = "Université d'Artois" -email = "klipfel@cril.fr" +description = "Machine Learning applied to Materials Science and Neuro-symbolic AI" +location = "Czech Technical University in Prague" +email = "astridklipfel@gmail.com" github = "https://github.com/aklipf" scholar = "https://scholar.google.com/citations?hl=en&user=-gNXRYQAAAAJ" orcid = "https://orcid.org/0009-0004-8310-4573" diff --git a/content/presentation.md b/content/presentation.md index 725aa0ce24e6d..4cde6a755d77b 100644 --- a/content/presentation.md +++ b/content/presentation.md @@ -4,6 +4,8 @@ title = "Presentation" # Presentation -Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +I did my PhD thesis entitled [**Equivariant Message-Passing Neural Networks and Probabilistic Diffusion Models for Materials Science**](https://www.cril.univ-artois.fr/en/phds/klipfel/) at the University of Artois from 2020 to 2023. My research was on graph neural network architectures and generative models for materials science. During this period, I proposed a method to build MPNN equivariant to both $$\text{E}(3)$$ and the repaving group $$\text{SL}_3(\mathbb{Z})$$ [**(E-MPNN)**](/publications/empnn-aaai23/), an efficient equivariant MPNN using vector fields [**(Vector fields MPNN)**](/publications/gemsnet-ijcai23/) and a diffusion model for periodic materials [**(Diffusion Model)**](/publications/diff-aaai24/). -Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? +![diffusion](/images/articles/diffusion.svg) + +Currently I'm a postdoctoral researcher at the Faculty of Electrical Engineering (CTU) in Prague and I'm very interested in Neuro-symbolic AI, first-order logic and probabilistic circuits. diff --git a/content/publications/empnn-aaai23.md b/content/publications/empnn-aaai23.md index e433b2c597c2a..d74cbdc655d98 100644 --- a/content/publications/empnn-aaai23.md +++ b/content/publications/empnn-aaai23.md @@ -13,7 +13,7 @@ pdf = "/articles/empnn-aaai23.pdf" This article is about how to construct an equivariant action on the lattice of a crystal (periodic material). It also discusses the $$\text{SL}_3(\mathbb{Z})$$ group action on crystals. ![commutative diagram](/images/articles/groups.svg) -> *Commutative diagram of $$\text{SL}_2(\mathbb{Z})$$ and $$\text{Euc}(2)$$* +> *Commutative diagram of $$\text{SL}_2(\mathbb{Z})$$ and $$\text{E}(2)$$* ### How to cite diff --git a/sass/_header.sass b/sass/_header.sass index b7af0d6a4f18c..2389ffd017a9f 100644 --- a/sass/_header.sass +++ b/sass/_header.sass @@ -23,7 +23,7 @@ ul margin-left: 1em margin-top: auto margin-bottom: auto - font-size: x-large + font-size: xx-large a width: 6em font-weight: bold @@ -61,7 +61,7 @@ ul display: none grid-column: 1 / 13 - font-size: large + font-size: x-large padding: 0 margin: 0 margin-left: 0.3em @@ -79,12 +79,15 @@ ul @media screen and (min-width: 800px) .home + font-size: x-large grid-column: 1 / 4 margin-left: auto margin-right: 1.5em .menu + font-size: large grid-column: 4 / 12 display: block + margin-top: 0.5em ul padding-left: 1em @@ -101,6 +104,9 @@ ul @media screen and (min-width: 1200px) .home - grid-column: 1 / 3 + font-size: xx-large + grid-column: 1 / 4 .menu - grid-column: 3 / 11 + margin-top: 0em + font-size: x-large + grid-column: 4 / 11 diff --git a/sass/_sidebar.sass b/sass/_sidebar.sass index 3e950daa57293..ff48b840a2d50 100644 --- a/sass/_sidebar.sass +++ b/sass/_sidebar.sass @@ -7,7 +7,8 @@ i.icon fill: currentcolor .sidebar - font-size: small + text-align: justify + font-size: normal margin-left: 1em margin-right: 1em @@ -17,14 +18,15 @@ i.icon .avatar img border-radius: 50% - border: 0.5em solid + border: 0.2em solid border-color: #ebcfb5 - width: 50px + width: 75px .description flex-grow: 1 h3 + font-size: x-large display: none margin-left: $margin margin-top: 0.1em @@ -37,6 +39,7 @@ i.icon .contact display: none + text-align: left div margin-top: 0.6em @@ -47,21 +50,45 @@ i.icon color: inherit !important @media screen and (min-width: 800px) - font-size: small + > div + margin-right: 1em + margin-left: auto + flex-direction: column + width: 200px + font-size: small + + div + margin: $margin + + .avatar img + border: 0.5em solid + width: 80% + border-color: #ebcfb5 + + .description + h3 + display: block + margin-left: $margin + margin-top: 0 + margin-bottom: 0.5em + .contact + display: block + + @media screen and (min-width: 1200px) > div margin-right: 1em margin-left: auto flex-direction: column min-width: 140px width: 75% - max-width: 200px + max-width: 300px div margin: $margin .avatar img - width: 100% + width: 80% .description h3 @@ -70,8 +97,5 @@ i.icon margin-top: 0 margin-bottom: 0.5em - div - font-size: small - .contact display: block diff --git a/sass/style.sass b/sass/style.sass index 6f82f7d049ad4..484dae6279ab8 100644 --- a/sass/style.sass +++ b/sass/style.sass @@ -9,6 +9,7 @@ body color: $font-color font-family: $font line-height: 1.5 + font-size: large .main margin: 0em 1em @@ -28,16 +29,16 @@ body white-space: pre-line > h1 - font-size: xx-large + font-size: xxx-large > h2 - font-size: x-large + font-size: xx-large > h3 - font-size: large + font-size: x-large > p - font-size: medium + font-size: large text-align: justify > blockquote @@ -62,11 +63,11 @@ body .date margin: 0.5em color: grey - font-size: small + font-size: medium .info margin: 0.5em - font-size: medium + font-size: large font-style: italic article.item @@ -84,9 +85,9 @@ article.item @media screen and (min-width: 1200px) .sidebar - grid-column: 1 / 3 + grid-column: 1 / 4 .content padding-left: 2em padding-right: 2em - grid-column: 3 / 11 + grid-column: 4 / 12