diff --git a/src/config.toml b/src/config.toml index 0e1bb47..4b88a34 100644 --- a/src/config.toml +++ b/src/config.toml @@ -54,3 +54,8 @@ socials = [ { name = "github", url = "https://github.com/fabianhauser/", icon = "github" }, { name = "gpg", url = "https://keys.openpgp.org/search?q=fabian%40fh2.ch", icon = "gpg" }, ] + +stylesheets = [ + "profile.css" +] + diff --git a/src/content/_index.md b/src/content/_index.md index 9640e27..4485ec3 100644 --- a/src/content/_index.md +++ b/src/content/_index.md @@ -13,12 +13,11 @@ Currently, I'm taking a sabbatical to travel southeast Asia 🌏 Professionally, I've been active in computer science and teaching with a focus on software engineering, distributed systems and [open source software](./projects). Before, I was bringing secure and privacy first communication to the general public at [Threema](https://threema.ch/) -and giving lectures on Software Engineering at [OST – Fachhochschule Ostschweiz](https://www.ost.ch/). - +and giving lectures on Software Engineering at [OST – Fachhochschule Ostschweiz](https://www.ost.ch/).   [📬 fabian@fh2.ch](mailto:fabian@fh2.ch) [📷 Pixelfed Portfolio](https://portfolio.pixelfed.social/fabianhauser) [⚙️ github.com/fabianhauser](https://github.com/fabianhauser) 🔒 **GPG-Key**: [`0x8a52a140bebf7d2c`](https://keys.openpgp.org/search?q=fabian%40fh2.ch) -     Fingerprint: `50B7 11F4 3DFD 2018 DCE6 E8D0 8A52 A140 BEBF 7D2C` +     `50B7 11F4 3DFD 2018 DCE6 E8D0 8A52 A140 BEBF 7D2C` diff --git a/src/static/img/profile.webp b/src/static/img/profile.webp index 01fb095..6aa1846 100644 --- a/src/static/img/profile.webp +++ b/src/static/img/profile.webp @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:4152867c1b4123ee6e3c9de5dc8f0de3cbcb9324f6cc8acc40523e889d3fe6a8 -size 46022 +oid sha256:8144dd85dbcb0f1bd5c1c1287e9d6c49d4d9a3b2b62cb7e0dcf02148ade819b1 +size 230340 diff --git a/src/static/profile.css b/src/static/profile.css new file mode 100644 index 0000000..b2861ca --- /dev/null +++ b/src/static/profile.css @@ -0,0 +1,34 @@ +#banner-container-home #image-container-home #banner-home-img { + aspect-ratio: auto; + max-height: none; +} + +#banner-container-home #image-container-home { + min-width: 40%; + margin-top: 4rem; + margin-bottom: 0.5rem; +} + +#banner-container-home { + align-items: start; +} + +@media only screen and (max-width: 600px) { + #banner-container-home #image-container-home { + margin-top: 1rem; + margin-bottom: 1rem; + min-width: 70%; + } + #home-banner-header, + #banner-container-home #image-container-home #banner-home-img { + text-align: center; + } + #banner-container-home #image-container-home #banner-home-img { + max-width: 80%; + } + #banner-container-home { + display: flex; + flex-direction: column-reverse; + align-items: center; + } +}