summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAdam T. Carpenter <atc@53hor.net>2020-07-13 16:11:55 -0400
committerAdam T. Carpenter <atc@53hor.net>2020-07-13 16:11:55 -0400
commit5c79ade1400eb23e1565fe22602ef40439af2656 (patch)
tree5b48b909e1c3925caa688469ff8e61b081201dbd
parent9e5c439bf5dc12d8d42bbfd0eeb11b28c32c129b (diff)
downloadcarpentertutoring-5c79ade1400eb23e1565fe22602ef40439af2656.tar.xz
carpentertutoring-5c79ade1400eb23e1565fe22602ef40439af2656.zip
added fallbacks for webp because Safari/Apple still don't give a darn
-rw-r--r--_includes/nav.liquid6
-rw-r--r--_layouts/index.liquid18
-rw-r--r--assets/amy.pngbin0 -> 346630 bytes
-rw-r--r--assets/bg.pngbin0 -> 150111 bytes
-rw-r--r--assets/logo-simple.pngbin0 -> 9332 bytes
-rw-r--r--assets/logo.pngbin0 -> 89452 bytes
-rw-r--r--assets/signature.pngbin0 -> 17196 bytes
-rw-r--r--styles/index.scss2
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
new file mode 100644
index 0000000..ea2f165
--- /dev/null
+++ b/assets/amy.png
Binary files differ
diff --git a/assets/bg.png b/assets/bg.png
new file mode 100644
index 0000000..a0c9ab8
--- /dev/null
+++ b/assets/bg.png
Binary files differ
diff --git a/assets/logo-simple.png b/assets/logo-simple.png
new file mode 100644
index 0000000..b299e66
--- /dev/null
+++ b/assets/logo-simple.png
Binary files differ
diff --git a/assets/logo.png b/assets/logo.png
new file mode 100644
index 0000000..81e0776
--- /dev/null
+++ b/assets/logo.png
Binary files differ
diff --git a/assets/signature.png b/assets/signature.png
new file mode 100644
index 0000000..7d115de
--- /dev/null
+++ b/assets/signature.png
Binary files differ
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");
}