diff options
-rw-r--r-- | _includes/nav.liquid | 6 | ||||
-rw-r--r-- | _layouts/index.liquid | 18 | ||||
-rw-r--r-- | assets/amy.png | bin | 0 -> 346630 bytes | |||
-rw-r--r-- | assets/bg.png | bin | 0 -> 150111 bytes | |||
-rw-r--r-- | assets/logo-simple.png | bin | 0 -> 9332 bytes | |||
-rw-r--r-- | assets/logo.png | bin | 0 -> 89452 bytes | |||
-rw-r--r-- | assets/signature.png | bin | 0 -> 17196 bytes | |||
-rw-r--r-- | styles/index.scss | 2 |
8 files changed, 21 insertions, 5 deletions
diff --git a/_includes/nav.liquid b/_includes/nav.liquid index 963916b..e26d6bd 100644 --- a/_includes/nav.liquid +++ b/_includes/nav.liquid @@ -2,7 +2,11 @@ <nav class="navbar is-fixed-top"> <div class="navbar-brand"> <a class="navbar-item" href="/#"> - <img src="/assets/logo-simple.webp" /> + <picture> + <source srcset="/assets/logo-simple.webp" type="image/webp" /> + <source srcset="/assets/logo-simple.png" type="image/png" /> + <img src="/assets/logo-simple.png" /> + </picture> </a> <a role="button" class="navbar-burger" data-target="navMenu"> <span></span> diff --git a/_layouts/index.liquid b/_layouts/index.liquid index 41bac7d..81d243c 100644 --- a/_layouts/index.liquid +++ b/_layouts/index.liquid @@ -49,13 +49,21 @@ {% endfor %} </div> <figure class="image is-200x200"> - <img src="/assets/signature.webp" /> + <picture> + <source srcset="/assets/signature.webp" type="image/webp" /> + <source srcset="/assets/signature.png" type="image/png" /> + <img src="/assets/signature.png" /> + </picture> </figure> </div> <div class="column is-one-third"> <div class="box"> <figure class="image"> - <img src="/assets/amy.webp" /> + <picture> + <source srcset="/assets/amy.webp" type="image/webp" /> + <source srcset="/assets/amy.png" type="image/png" /> + <img src="/assets/amy.png" /> + </picture> </figure> </div> </div> @@ -122,7 +130,11 @@ <div class="container"> <div class="content"> <figure class="image is-256x256" style="float: right;"> - <img src="/assets/logo.webp" /> + <picture> + <source srcset="/assets/logo.webp" type="image/webp" /> + <source srcset="/assets/logo.png" type="image/png" /> + <img src="/assets/logo.png" /> + </picture> </figure> <h2 class="subtitle is-3 has-text-shadow"> {{ site.data.content.about.first }} diff --git a/assets/amy.png b/assets/amy.png Binary files differnew file mode 100644 index 0000000..ea2f165 --- /dev/null +++ b/assets/amy.png diff --git a/assets/bg.png b/assets/bg.png Binary files differnew file mode 100644 index 0000000..a0c9ab8 --- /dev/null +++ b/assets/bg.png diff --git a/assets/logo-simple.png b/assets/logo-simple.png Binary files differnew file mode 100644 index 0000000..b299e66 --- /dev/null +++ b/assets/logo-simple.png diff --git a/assets/logo.png b/assets/logo.png Binary files differnew file mode 100644 index 0000000..81e0776 --- /dev/null +++ b/assets/logo.png diff --git a/assets/signature.png b/assets/signature.png Binary files differnew file mode 100644 index 0000000..7d115de --- /dev/null +++ b/assets/signature.png diff --git a/styles/index.scss b/styles/index.scss index 429c733..7916766 100644 --- a/styles/index.scss +++ b/styles/index.scss @@ -106,5 +106,5 @@ } body { - background-image: url("/assets/bg.webp"); + background-image: url("/assets/bg.png"); } |