summaryrefslogtreecommitdiff
path: root/src/img
diff options
context:
space:
mode:
Diffstat (limited to 'src/img')
-rw-r--r--src/img/computer.svg2
-rw-r--r--src/img/ic_note_black_48px.svg4
-rw-r--r--src/img/image-formats.svg118
-rw-r--r--src/img/lt.svg9
-rw-r--r--src/img/masto.svg1
-rw-r--r--src/img/mastodon.svg4
-rw-r--r--src/img/moon.svg1
-rw-r--r--src/img/sun.svg1
8 files changed, 133 insertions, 7 deletions
diff --git a/src/img/computer.svg b/src/img/computer.svg
index 8ed3927..cbefd6c 100644
--- a/src/img/computer.svg
+++ b/src/img/computer.svg
@@ -3,7 +3,7 @@
id="svg2"
width="555"
height="435"
- viewBox="0 0 555 435">
+ viewBox="150 25 350 330">
<defs
id="defs6">
<clipPath
diff --git a/src/img/ic_note_black_48px.svg b/src/img/ic_note_black_48px.svg
new file mode 100644
index 0000000..a96b381
--- /dev/null
+++ b/src/img/ic_note_black_48px.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="48">
+ <path d="M5 2h16v20H3V2h2zm14 18V4H5v16h14zM7 6h10v2H7V6zm10 4H7v2h10v-2zM7 14h7v2H7v-2z" fill="currentColor"/>
+</svg>
diff --git a/src/img/image-formats.svg b/src/img/image-formats.svg
new file mode 100644
index 0000000..7248f25
--- /dev/null
+++ b/src/img/image-formats.svg
@@ -0,0 +1,118 @@
+<svg height="800" width="800" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+ viewBox="0 0 512 512" xml:space="preserve">
+ <style>
+text {
+ font-family: monospace;
+ font-weight: 800;
+ font-size: 80px;
+}
+.webp2 {
+ animation: webp2 7.5s infinite;
+}
+.jxl {
+ animation: jxl 7.5s infinite;
+}
+.avif {
+ animation: avif 7.5s infinite;
+}
+@keyframes webp2 {
+ 0% {
+ fill: #FFF0;
+ stroke: #FFFF;
+ stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 4;
+ }
+ 23.33% {fill: rgba(72,138,20,0); stroke: #FFFF; }
+ 26.666% {fill: rgba(72,138,20,0); stroke: #FFFF; stroke-width: 5; }
+ 33.33% {
+ fill: #FFFF; stroke: rgba(54,95,160,0);
+ stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 5;
+ }
+ 35% {
+ fill: #FFF0; stroke: rgba(54,95,160,0);
+ stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
+ }
+ 100% {
+ fill: #FFF0; stroke: rgba(54,95,160,0);
+ stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
+ }
+}
+@keyframes avif {
+ 0% {
+ fill: #FFF0;
+ stroke: #FFFF;
+ stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 0;
+ }
+ 33.33% {
+ fill: #FFF0;
+ stroke: #FFFF;
+ stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 4;
+ }
+ 56.66% {fill: rgba(72,138,20,0); stroke: #FFFF; }
+ 54% {fill: rgba(72,138,20,0); stroke: #FFFF; stroke-width: 5; }
+ 66.66% {
+ fill: #FFFF; stroke: rgba(54,95,160,0);
+ stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 5;
+ }
+ 68% {
+ fill: #FFF0; stroke: rgba(54,95,160,0);
+ stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
+ }
+ 100% {
+ fill: #FFF0; stroke: rgba(54,95,160,0);
+ stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
+ }
+}
+@keyframes jxl {
+ 0% {
+ fill: #FFF0;
+ stroke: #FFFF;
+ stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 0;
+ }
+ 66.66% {
+ fill: #FFF0;
+ stroke: #FFFF;
+ stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 4;
+ }
+ 81% {fill: rgba(72,138,20,0); stroke: #FFFF; }
+ 87% {fill: rgba(72,138,20,0); stroke: #FFFF; stroke-width: 5; }
+ 100% {
+ fill: #FFFF; stroke: rgba(54,95,160,0);
+ stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 5;
+ }
+}
+ </style>
+<path style="fill:#ECEDEF;" d="M100.641,0c-14.139,0-25.6,11.461-25.6,25.6v460.8c0,14.139,11.461,25.6,25.6,25.6h375.467
+ c14.139,0,25.6-11.461,25.6-25.6V85.333L416.375,0H100.641z"/>
+<path style="fill:#D9DCDF;" d="M441.975,85.333h59.733L416.375,0v59.733C416.375,73.872,427.836,85.333,441.975,85.333z"/>
+<path style="fill:#C6CACF;" d="M399.308,42.667H75.041v153.6h324.267c4.713,0,8.533-3.821,8.533-8.533V51.2
+ C407.841,46.487,404.02,42.667,399.308,42.667z"/>
+<path style="fill:#FF8C78;" d="M382.241,179.2H18.843c-7.602,0-11.41-9.191-6.034-14.567L75.041,102.4L12.809,40.167
+ C7.433,34.791,11.241,25.6,18.843,25.6h363.398c4.713,0,8.533,3.821,8.533,8.533v136.533
+ C390.775,175.379,386.954,179.2,382.241,179.2z"/>
+<g>
+ <text x="22%" y="27%" class="webp2">WebP2</text>
+ <text x="23%" y="27%" class="avif">AVIF</text>
+ <text x="27%" y="27%" class="jxl">JXL</text>
+</g>
+<path style="fill:#3C9FE8;" d="M399.308,477.867H177.441c-9.426,0-17.067-7.641-17.067-17.067V238.933
+ c0-9.426,7.641-17.067,17.067-17.067h221.867c9.426,0,17.067,7.641,17.067,17.067V460.8
+ C416.375,470.226,408.734,477.867,399.308,477.867z"/>
+<path style="fill:#8AC451;" d="M160.375,460.8c0,9.426,7.641,17.067,17.067,17.067h221.867c9.426,0,17.067-7.641,17.067-17.067
+ v-25.6h-256L160.375,460.8L160.375,460.8z"/>
+<circle style="fill:#FFD791;" cx="279.84" cy="281.6" r="42.667"/>
+<circle style="fill:#FFC44F;" cx="279.84" cy="281.6" r="25.6"/>
+<g>
+ <path style="fill:#C5E8FA;" d="M211.575,256h-17.067c-4.713,0-8.533-3.821-8.533-8.533c0-4.713,3.821-8.533,8.533-8.533h17.067
+ c4.713,0,8.533,3.821,8.533,8.533C220.108,252.179,216.288,256,211.575,256z"/>
+ <path style="fill:#C5E8FA;" d="M365.175,290.133h-17.067c-4.713,0-8.533-3.821-8.533-8.533c0-4.713,3.821-8.533,8.533-8.533h17.067
+ c4.713,0,8.533,3.821,8.533,8.533C373.708,286.313,369.888,290.133,365.175,290.133z"/>
+ <path style="fill:#C5E8FA;" d="M382.241,315.733h-17.067c-4.713,0-8.533-3.821-8.533-8.533s3.821-8.533,8.533-8.533h17.067
+ c4.713,0,8.533,3.821,8.533,8.533S386.955,315.733,382.241,315.733z"/>
+</g>
+<polygon style="fill:#C4DF64;" points="160.375,358.4 220.108,290.133 322.508,409.6 365.175,358.4 416.375,418.133 416.375,435.2
+ 160.375,435.2 "/>
+<g>
+ <polygon style="fill:#ECEDEF;" points="365.175,358.4 329.619,401.067 401.746,401.067 "/>
+ <polygon style="fill:#ECEDEF;" points="220.108,290.133 167.841,349.867 271.308,349.867 "/>
+</g>
+</svg> \ No newline at end of file
diff --git a/src/img/lt.svg b/src/img/lt.svg
index bf84f40..682e527 100644
--- a/src/img/lt.svg
+++ b/src/img/lt.svg
@@ -7,17 +7,16 @@
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
- viewBox="0 -256 1792 1792"
+ viewBox="-100 10 800 1100"
version="1.1"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
- width="70px"
- height="70px"
+ width="20px"
aria-label="hidden">
<g id="glob">
<path
- fill="orange"
+ fill="royalblue"
opacity="0.4"
- stroke="orange"
+ stroke="royalblue"
stroke-width="5"
d="m 627,992 q 0,-13 -10,-23 L 224,576 617,183 q 10,-10 10,-23 0,-13 -10,-23 L 567,87 Q 557,77 544,77 531,77 521,87 L 55,553 q -10,10 -10,23 0,13 10,23 l 466,466 q 10,10 23,10 13,0 23,-10 l 50,-50 q 10,-10 10,-23 z"
id="lt"
diff --git a/src/img/masto.svg b/src/img/masto.svg
deleted file mode 100644
index 1e057ad..0000000
--- a/src/img/masto.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><desc>Mastodon Logo</desc><g transform="scale(0.08)"> <path fill="#777" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915" /> <path fill="#fff" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/> </g> </svg>
diff --git a/src/img/mastodon.svg b/src/img/mastodon.svg
new file mode 100644
index 0000000..c4f910f
--- /dev/null
+++ b/src/img/mastodon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+aria-label="Mastodon" role="img"
+viewBox="80 85 350 340" width="20" height="20"
+fill="#fff"><linearGradient id="b" y2="1"><stop offset="0" stop-color="#6364ff"/><stop offset="1" stop-color="#563acc"/></linearGradient><path fill="url(#b)" d="M317 381q-124 28-123-39 69 15 149 2 67-13 72-80 3-101-3-116-19-49-72-58-98-10-162 0-56 10-75 58-12 31-3 147 3 32 9 53 13 46 70 69 83 23 138-9"/><path d="M360 293h-36v-93q-1-26-29-23-20 3-20 34v47h-36v-47q0-31-20-34-30-3-30 28v88h-36v-91q1-51 44-60 33-5 51 21l9 15 9-15q16-26 51-21 43 9 43 60"/></svg> \ No newline at end of file
diff --git a/src/img/moon.svg b/src/img/moon.svg
new file mode 100644
index 0000000..251b499
--- /dev/null
+++ b/src/img/moon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg> \ No newline at end of file
diff --git a/src/img/sun.svg b/src/img/sun.svg
new file mode 100644
index 0000000..5d95560
--- /dev/null
+++ b/src/img/sun.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="#DDD" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg> \ No newline at end of file
By 🦊 with love. ❤