add presentation and improve style

aklipf · Sep 11, 2024 · aecfcfe · aecfcfe
1 parent 08d27d2
commit aecfcfe
Show file tree

Hide file tree

Showing 6 changed files with 60 additions and 27 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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