aboutsummaryrefslogtreecommitdiff
path: root/sass
diff options
context:
space:
mode:
Diffstat (limited to 'sass')
-rw-r--r--sass/_imports.scss4
-rw-r--r--sass/_variables.scss4
-rw-r--r--sass/include/_button.scss4
-rw-r--r--sass/include/_icons.scss93
-rw-r--r--sass/include/_nav.scss5
-rw-r--r--sass/include/_search.scss34
-rw-r--r--sass/include/_toc.scss4
-rw-r--r--sass/themes/_auto.scss2
8 files changed, 85 insertions, 65 deletions
diff --git a/sass/_imports.scss b/sass/_imports.scss
index 28c71f4..602e669 100644
--- a/sass/_imports.scss
+++ b/sass/_imports.scss
@@ -17,8 +17,8 @@
@import "include/toc"; // Zola TOC - Table of Content Menu (recent posts & index), sticky (floats top right)
//@import "include/scroller"; // figure
-//@import "include/button"; // button, a[role=button], type=button, type=submit ...
-//@import "include/form"; // input, select, textarea, label, fieldset, legend (If you import this, you should also import button)
+@import "include/button"; // button, a[role=button], type=button, type=submit ...
+@import "include/form"; // input, select, textarea, label, fieldset, legend (If you import this, you should also import button)
@import "include/icons"; // svg icons
//@import "include/grid"; // section infinite grid -- test/rework this similar to hnav and milligram in that it should collapse to a single column as the page becomes narrow
diff --git a/sass/_variables.scss b/sass/_variables.scss
index af8a787..409c2f0 100644
--- a/sass/_variables.scss
+++ b/sass/_variables.scss
@@ -73,7 +73,7 @@ $icon-twitch: true !default;
$icon-youtube: true !default;
$icon-researchgate: true !default;
-$icon-search: false !default;
+$icon-search: true !default;
$icon-ffolder: false !default;
$icon-folder: false !default;// categories folder
$icon-ftag: false !default;
@@ -87,5 +87,5 @@ $icon-home: false !default;
$icon-minus: false !default;// minus symbol
$icon-moon: false !default;// dark moon
$icon-sun: false !default;// light sun
-$icon-x: false !default;// x symbol
+$icon-x: true !default;// x symbol
// add an icon link to an html template like this: <a href="#"><span class="svg home"></span></a>
diff --git a/sass/include/_button.scss b/sass/include/_button.scss
index 7152a0c..c1b1d9e 100644
--- a/sass/include/_button.scss
+++ b/sass/include/_button.scss
@@ -4,13 +4,13 @@ input,
select,
textarea {
margin: 0;
- padding: .5rem .75rem;
+ padding: .2rem var(--s1);
max-width: 100%;
background: var(--c2);
border: 0;
border-radius: .25rem;
font: inherit;
- line-height: 1.125;
+ line-height: var(--fs);
color: var(--f1);
}
button,
diff --git a/sass/include/_icons.scss b/sass/include/_icons.scss
index a0579d5..fd4e988 100644
--- a/sass/include/_icons.scss
+++ b/sass/include/_icons.scss
@@ -21,83 +21,79 @@
$icons: (
//template-fill: "%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d=''/%3E%3C/svg%3E",
//template-stroke: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d=''/%3E%3C/svg%3E",
- ffolder: "%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='#{map-get($p, f)}' d='M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z'/%3E%3C/svg%3E",
- ftag: "%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='#{map-get($p, f)}' d='M0 252.118V48C0 21.49 21.49 0 48 0h204.118a48 48 0 0133.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882L293.823 497.941c-18.745 18.745-49.137 18.745-67.882 0L14.059 286.059A48 48 0 010 252.118zM112 64c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48z'/%3E%3C/svg%3E",
- bitbucket: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' stroke='none'/%3E%3Cpath d='M3.648 4a.64.64 0 0 0-.64.744l3.14 14.528c.07.417.43.724.852.728h10a.644.644 0 0 0 .642-.539l3.35-14.71a.641.641 0 0 0-.64-.744L3.648 4z'/%3E%3Cpath d='M14 15h-4L9 9h6z'/%3E%3C/svg%3E",
+ bitbucket: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M14.2 15.3H9.8L8.7 8.7h6.6ZM2.8 3.2A.7.7 0 0 0 2 4l3.4 16c.1.4.6.8 1 .8h11a.7.7 0 0 0 .6-.6l4-16.1a.7.7 0 0 0-.7-.9Z'/%3E%3C/svg%3E",
+ buymeacoffee: "%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='#{map-get($p, f)}' d='m7.9 11.7.8 8.3c.2 2 .8 2 3.6 2 2.3 0 2.8-.1 3-2l.8-9.3c-3.3-1-4 2-8.2 1z'/%3E%3Cpath fill='#{map-get($p, s)}' d='M18.8 4.3c-.6-.1-.6-1-.7-1.9-.2-1.6-1.2-2-4-2.2-3-.4-8.6-.2-8.5 1.6 0 1.7 4.8 2.2 9.7 1.6.8-.1.6-1.5-.2-1.4-3.6.5-7.4 0-7.4-.2 0-.3 3.3-.5 5-.4 4.5.3 3.7.3 4.2 2.2.2 1 0 .9-.7 1-3 .3-6 .2-9-.2C4.7 4 4.3 4.4 4 6c-.8 2.7 1 2.8 2.1 3 4.8.7 7.7.3 10.3.2.8-.1.6.5.6 1.2l-1.3 10.8c-.1 1.4-1.4 1.4-4 1.5-2.7.2-3.3-.5-3.5-1.6L7.1 10c-.1-1-1.5-.6-1.4.3l1.1 10.8C7.1 24 9.4 24 12.2 24c2.6 0 4.6-.3 5-3.2l1-11.3c.2-.9.3-.7 1-.9 1.8-.8 1-4.2-.4-4.3zm-.3 3a38 38 0 0 1-12.6.2c-1.4-.2-.9-2 0-1.9 4.5.7 8.7.7 12 0 1.4-.2 1.1 1.7.6 1.8z' /%3E%3C/svg%3E",
check: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E",
chevron: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E",
clock: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E",
- date: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E",
- docker: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' stroke='none'/%3E%3Cpath d='M22 12.54c-1.804-.345-2.701-1.08-3.523-2.94-.487.696-1.102 1.568-.92 2.4.028.238-.32 1.002-.557 1H3c0 5.208 3.164 7 6.196 7 4.124.022 7.828-1.376 9.854-5 1.146-.101 2.296-1.505 2.95-2.46z'/%3E%3Cpath d='M5 10h3v3H5zM8 10h3v3H8zM11 10h3v3h-3zM8 7h3v3H8zM11 7h3v3h-3zM11 4h3v3h-3zM4.571 18c1.5 0 2.047-.074 2.958-.78M10 16v.01'/%3E%3C/svg%3E%0A",
- element: "%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm-1.314 4.715c3.289 0 5.956 2.66 5.956 5.943a.879.879 0 0 1-1.758 0 4.194 4.194 0 0 0-4.198-4.189.878.878 0 1 1 0-1.754zm-5.092 9.504a.879.879 0 0 1-.879-.877 5.95 5.95 0 0 1 5.956-5.945.878.878 0 1 1 0 1.753 4.195 4.195 0 0 0-4.198 4.191.88.88 0 0 1-.879.878zm7.735 5.067c-3.29 0-5.957-2.662-5.957-5.944a.88.88 0 0 1 1.758 0 4.194 4.194 0 0 0 4.199 4.189.879.879 0 1 1 0 1.755zm0-2.683a.88.88 0 0 1-.88-.876.88.88 0 0 1 .88-.878 4.195 4.195 0 0 0 4.199-4.19.878.878 0 0 1 1.758 0c0 3.282-2.667 5.944-5.957 5.944z'/%3E%3C/svg%3E",
- buymeacoffee: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M11.291.0035133c-.61704.01023-1.2336.0427-1.8487.09715-.91572.0833-1.8802.18404-2.7504.50078-.31803.11591-.64558.25488-.88742.50059-.29671.30189-.39374.76876-.17709 1.1452.15401.26734.41506.45636.69176.58131.36042.161.73666.28354 1.1228.36552 1.0752.23764 2.189.33089 3.2874.3706 1.2175.04914 2.4367.0092 3.6484-.11923.29954-.03294.59885-.07239.89739-.11845.35168-.05391.5773-.51376.47362-.83405-.124-.38292-.45726-.53141-.83406-.47361-.05554.0087-.1108.01676-.16634.02482l-.03988.0059c-.1276.01614-.25532.03116-.38292.04515-.26371.02841-.528.0517-.79301.06978-.59337.04133-1.1885.06041-1.7832.06138-.58436 0-1.1692-.0165-1.7524-.05493-.26601-.01743-.53143-.03955-.79614-.06646-.1205-.01259-.24054-.0258-.36064-.04066l-.11435-.01446-.02482-.0037-.11845-.01701c-.24209-.03649-.48442-.07851-.72401-.1292-.02412-.0054-.04567-.0188-.06118-.03812-.01551-.01931-.02404-.04326-.02404-.06802 0-.02477.0085-.0489.02404-.06822.01551-.01932.03706-.03276.06118-.03812h.0045c.20766-.04424.4168-.082.62667-.11493.06996-.01098.14036-.0217.21071-.03225h.0018c.1314-.0087.26355-.03219.39426-.04769 1.1378-.11833 2.2822-.15873 3.4254-.1208.55504.01614 1.1098.04879 1.6622.10496.11879.01227.23697.02515.35516.03968.04514.0055.0907.0119.13624.0174l.09167.01329c.26741.03982.53339.08801.7979.14484.39201.08524.89545.113 1.0698.54242.05554.13626.08049.28777.11122.43081l.03909.18237c.001.0033.0018.0066.0023.01.09227.4305.18479.86113.27737 1.2916.0068.0318.0068.0647.0004.09656-.0065.03186-.0195.06192-.03812.08855-.01872.02663-.04265.0491-.07037.06607-.02772.01696-.05867.02817-.09089.03264h-.0025l-.05649.0076-.0559.0074c-.17694.02304-.35413.04467-.53147.0647-.34938.03982-.69918.07414-1.0497.10321-.69625.0579-1.3941.09587-2.0933.11396-.35628.0095-.71234.01393-1.0684.01329-1.417-.0011-2.8329-.08348-4.2407-.24668-.15232-.01808-.30458-.03738-.457-.05708.11819.01518-.08591-.01178-.12725-.01759-.09687-.01356-.1938-.02759-.29066-.04222-.32514-.04876-.64835-.10883-.97284-.16145-.39229-.06458-.76734-.03227-1.1222.16145-.29127.15938-.52716.4039-.67592.70074-.15304.31641-.19856.6608-.26701 1.0008-.06845.33999-.17503.70585-.13468 1.0549.086861.75319.61354 1.3654 1.371 1.5023.71259.1292 1.429.23364 2.1474.32271 2.822.34567 5.6731.38714 8.504.12353.23058-.02152.4607-.04514.69058-.07056.07186-.0078.14451.000401.21267.02424.06825.02382.13015.06273.18139.11357.05134.05094.09061.11266.11493.18061.02432.06805.03321.14062.0258.21247l-.07174.69664c-.0169.16479-.03372.32955-.05063.49433-.45986-.1337-.92736-.22264-1.4492-.22264-.98678-.0004-1.7817.30819-2.7002.66497-1.0299.40021-2.1987.85418-3.7135.85418-.5812-.001-1.159-.07072-1.7219-.20094l-.14856-1.4259c-.0051-.04874-.01025-.09678-.01505-.14582-.03683-.35157-.28578-.69578-.67807-.67807-.33579.01481-.71747.30027-.67807.67807l.22772 2.1851.47068 4.5203c.1341 1.284.26784 2.568.40129 3.8524.02583.24599.05009.49277.07721.73886.14752 1.3445 1.1744 2.069 2.4459 2.2731.74259.11949 1.5033.14387 2.2569.15618.96606.01541 1.9417.05268 2.8919-.12236 1.408-.2583 2.4646-1.1985 2.6153-2.657.04303-.42103.08607-.84206.1292-1.2633.14311-1.3931.28595-2.7863.42866-4.1796l.46697-4.5526.21404-2.0864c.01071-.10348.05426-.20071.12451-.27737.07026-.07676.16336-.12884.26544-.14855.40262-.07846.78747-.21232 1.0739-.51876.45586-.48788.54678-1.1239.38566-1.7651l-.13214-.66615c-.11849-.59764-.3875-1.1624-1.001-1.3784-.19666-.06909-.41975-.09876-.57057-.24179-.15072-.14303-.19524-.36516-.23006-.57115-.06455-.37809-.12541-.75646-.19156-1.1339-.05715-.32449-.10236-.68902-.25118-.98671-.19375-.39972-.5956-.63346-.99532-.78812-.20486-.07646-.41391-.14112-.62608-.19371-.99869-.26347-2.0487-.36036-3.0761-.41556-.61659-.03403-1.234-.046-1.8511-.03577zm-5.5212 5.5477c.43866.002.92167.16651 1.3409.23006.57686.08804 1.1558.15854 1.7369.21149 2.4804.22602 5.0024.19067 7.4717-.13995.45006-.06049.89864-.13064 1.3456-.21071.39801-.07136.83946-.20531 1.08.207.16503.2809.18678.65663.16126.974-.0078.13829-.06811.26839-.16869.36357-.14461.13743-.36249.20137-.5778.23338-2.4151.35838-4.8653.53999-7.3069.45993-1.7474-.05975-3.4763-.25385-5.2063-.49824-.1695-.02392-.35335-.05493-.4699-.17983-.065121-.06992-.099121-.16213-.1165-.2629v-.000201c-.04115-.23892.02177-.53177.06196-.73202.0523-.26088.15239-.60869.46267-.64582.060541-.0071.12244-.01007.18511-.0098zm-.66087 1.6157h.0002c.0032-.0022.01286.01068.02287.02619-.01518-.01421-.02468-.02489-.02307-.02619zm.11552.11337h.00219c0 .0022.0036.0046.0049.0068-.0021-.0024-.0045-.0048-.007-.0068z'/%3E%3C/svg%3E",
+ date: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M16 2v4M8 2v4m-5 4h18'/%3E%3C/svg%3E",
+ docker: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M4 19.8S7 20 8 18m-4-7h3v3H4Zm3 0h3v3H7Zm3 0h3v3h-3ZM7 8h3v3H7Zm3 0h3v3h-3Zm0-3h3v3h-3Zm10 8c-1 0-1 0-1.4-1.9C18.5 10 17 10 17 12c0 1 0 2-3 2H1a9 9 0 0 0 3 6c3 2 5 2 9 1a10.8 10.8 90 0 0 5-4c1-2 1-1 3-2s1-2 0-2Z'/%3E%3C/svg%3E%0A",
+ element: "%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5 0 0 6 0 12s6 12 12 12 12-6 12-12A12 12 0 0 0 12 0Zm-1 4c4 0 6 3 6 6 0 2-2 2-2 0s-2-4-4-4-2-2 0-2Zm-7 9c0-4 3-6 6-6 2 0 2 2 0 2s-4 2-4 4-2 2-2 0Zm9 7c-4 0-6-3-6-6 0-2 2-2 2 0s2.4 4 4 4c2 0 2 2 0 2Zm1-3c-2 0-2-2 0-2s4-2 4-4 2-2 2 0c0 4-3 6-6 6Z'/%3E%3C/svg%3E",
facebook: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E",
folder: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E",
- github: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22'/%3E%3C/svg%3E",
- github-sponsor: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M6.375 4.25c-2.004 0-4.125 1.746-4.125 4.5 0 3.225 2.37 6.216 5.0475 8.523a30.848 30.848 0 0 0 4.7025 3.3165 30.842 30.842 0 0 0 4.7025-3.3165c2.6775-2.307 5.0475-5.298 5.0475-8.523 0-2.754-2.121-4.5-4.125-4.5-2.0595 0-3.9135 1.479-4.5435 3.684a1.125 1.125 0 0 1-2.163 0c-0.63-2.205-2.484-3.684-4.5435-3.684zm5.625 17.625-0.5175 0.999-0.012-6e-3 -0.027-0.015a11.464 11.464 0 0 1-0.465-0.255 33.112 33.112 0 0 1-5.151-3.621c-2.76-2.3805-5.8275-5.952-5.8275-10.227 0-3.996 3.129-6.75 6.375-6.75 2.3205 0 4.3545 1.203 5.625 3.03 1.2705-1.827 3.3045-3.03 5.625-3.03 3.246 0 6.375 2.754 6.375 6.75 0 4.275-3.0675 7.8465-5.8275 10.227a33.12 33.12 0 0 1-5.616 3.876l-0.027 0.015-9e-3 0.0045h-3e-3zm0 0 0.5175 0.999a1.128 1.128 0 0 1-1.035 0z'/%3E%3C/svg%3E",
- gitlab: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M22.65 14.39 12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z'/%3E%3C/svg%3E",
+ github: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M9 19c-5 1.5-5-2.5-7-3m14 6v-3.9a3.4 3.4 0 0 0-1-2.6c3.2-.3 6.5-1.5 6.5-7A5.4 5.4 0 0 0 20 4.8 5 5 0 0 0 20 1s-1.3-.3-4 1.5a13.4 13.4 0 0 0-7 0C6.3.6 5 1 5 1a5 5 0 0 0 0 3.8 5.4 5.4 0 0 0-1.5 3.7c0 5.5 3.3 6.7 6.4 7a3.4 3.4 0 0 0-.9 2.6V22'/%3E%3C/svg%3E",
+ github-sponsor: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M20 4c-5-3-8 2-8 4 0-2-3-7-8-4-4 2-6 10 8 18 14-8 12-16 8-18z'/%3E%3C/svg%3E",
+ gitlab: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M22.6 14.4 12 22 1.3 14.4a.8.8 0 0 1-.3-1l1.3-3.7 2.4-7.5a.4.4 0 0 1 .1-.2.4.4 0 0 1 .6 0 .4.4 0 0 1 .1.2L8 9.7h8l2.5-7.5a.4.4 0 0 1 .1-.2.4.4 0 0 1 .6 0 .4.4 0 0 1 0 .2l2.5 7.5 1.3 3.8a.8.8 0 0 1-.3.9z'/%3E%3C/svg%3E",
globe: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E",
- home: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E",
- instagram: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' ry='5'/%3E%3Cpath d='M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37zM17.5 6.5h.01'/%3E%3C/svg%3E",
+ home: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M9 22V12h6v10M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z'/%3E%3C/svg%3E",
+ instagram: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' ry='5'/%3E%3Cpath d='M16 11.4A4 4 0 1 1 12.6 8a4 4 0 0 1 3.4 3.4zm1.5-4.9h.01'/%3E%3C/svg%3E",
linkedin: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z'/%3E%3Ccircle cx='4' cy='4' r='2'/%3E%3C/svg%3E",
- mail: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpath d='m22 6-10 7L2 6'/%3E%3C/svg%3E",
- mastodon: "%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M1.004 7.879c0 6.197-.347 13.894 5.559 15.486 2.132.574 3.964.696 5.438.61 2.674-.15 4.175-.969 4.175-.969l-.09-1.977s-1.911.61-4.059.54c-2.127-.075-4.37-.235-4.717-2.892a5.514 5.514 0 0 1-.047-.745c4.507 1.12 8.349.488 9.408.359 2.954-.359 5.528-2.212 5.855-3.905.515-2.667.474-6.508.474-6.508 0-5.206-3.353-6.733-3.353-6.733-3.291-1.537-12.029-1.521-15.288 0-.002.002-3.355 1.528-3.355 6.734zm4.923-2.667c1.363-1.548 4.201-1.65 5.465.327l.611 1.044.611-1.044c1.269-1.987 4.112-1.864 5.465-.327 1.248 1.463.969 2.838.969 9.373h-2.455V8.469c0-2.662-3.369-2.764-3.369.369v3.348h-2.437V8.838c0-3.133-3.369-3.031-3.369-.369v6.117H4.959c0-6.54-.274-7.922.968-9.374z'/%3E%3C/svg%3E",
- matrix: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M.632.55v22.9H3V24H0V0h3v.55zm7.043 7.26v1.157h.033C10.867 6.726 12 9 12.49 9.329 14.918 6.697 18 8 18 11v5h-1.504v-5a1 1 0 0 0-3.488.019v5h-1.69v-4.973a1 1 0 0 0-3.679-.027V16H6V7.83zm15.693 15.64V.55H21V0h3v24h-3v-.55z'/%3E%3C/svg%3E",
+ mail: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m22 6-10 7L2 6m2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2Z'/%3E%3C/svg%3E",
+ mastodon: "%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M2 8c0 5.7-.2 12.6 5 14 2 .6 3.7.7 5 .6 2.4-.1 3.8-.9 3.8-.9l-.1-1.8s-1.7.6-3.7.5c-1.9 0-4-.2-4.2-2.6a5 5 90 0 1 0-.7c4 1 7.5.5 8.4.4 2.7-.4 5-2 5.3-3.6.5-2.4.4-5.8.4-5.8C22 3.4 19 2 19 2 15.9.6 8 .6 5.1 2c0 0-3 1.4-3 6zm4.5-2.3c1.2-1.4 3.8-1.5 5 .3l.5.9.6-1c1.1-1.7 3.7-1.6 4.9-.2 1.1 1.3.9 2.5.9 8.4H16V8.6c0-2.4-3-2.5-3 .3v3h-2V9c0-2.8-3-2.7-3-.3V14H5.6c0-5.9-.2-7.1 1-8.4z'/%3E%3C/svg%3E",
+ matrix: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M.6.6v22.8H3v.6H0V0h3v.6zm7 7.2V9h.1c3.2-2.3 4.3 0 4.8.3C14.9 6.7 18 8 18 11v5h-1.5v-5a1 1 0 0 0-3.5 0v5h-1.7v-5a1 1 0 0 0-3.7 0v5H6V7.8zm15.8 15.7V.4H21V0h3v24h-3v-.6z'/%3E%3C/svg%3E",
minus: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E",
- moon: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E",
- pinterest: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' stroke='none'/%3E%3Cpath d='m8 20 4-9m-1.3 3c.437 1.263 1.43 2 2.55 2 2.071 0 3.75-1.554 3.75-4a5 5 0 1 0-9.7 1.7'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E",
- python: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' stroke='none'/%3E%3Cpath d='M12 9H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h3M12 15h7a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3'/%3E%3Cpath d='M8 9V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4M11 6v.01M13 18v.01'/%3E%3C/svg%3E",
+ moon: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z'/%3E%3C/svg%3E",
+ pinterest: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m8 20 4-9m-1.3 3c.4 1.3 1.4 2 2.5 2 2.1 0 3.8-1.6 3.8-4a5 5 0 1 0-9.7 1.7'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E",
+ python: "%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='#{map-get($p, f)}' d='M17 6c0 4-1 5-6 5-4 0-5 1-5 6-4 0-5-1-5-6 0-3 1-4.5 4-4.5h7c0-.5 0-.5-1-.5H6c0-3 0-5 6-5 5 0 5 2 5 5ZM9 3C7.5 3 7.5 5 9 5s1.5-2 0-2Z'/%3E%3Cpath fill='#{map-get($p, s)}' d='M23 12c0 3-1 4.6-4 4.5h-7v.5h6c0 4 0 6-6 6-5 0-5-2-5-6s1-5 6-5c4 0 5-1 5-6 4 0 5 1 5 6Zm-8 7c-1.5 0-1.5 2 0 2s1.5-2 0-2Z' /%3E%3C/svg%3E",
+ researchgate: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M16 5c0 3.5.7 5 3 5s3.7-1.3 3.3-5h-3v1.3H21c0 1.9-.7 2.7-2 2.5-1.3 0-1.8-.7-1.8-3.2 0-2.4.4-3.3 1.5-3.4 1-.2 1.7.2 2.2 1.1L22 3c-.4-1.3-1.4-2-2.9-2C17.2 1 16 2 16 5ZM8 6.2l-6 .2v.9c1 .3 2 0 2 2.2v11C4 22 3 22 2 22.2v.8h6.6v-.8C7 22 6 22 6 20.5v-5.2h2a46 46 0 0 0 4 5.7 5 5 0 0 0 5 2v-1c-3 0-5-5-7-7 6-1 6-10-2-8.8ZM6 14V7.6C14 6 13 14 8 14Z'/%3E%3C/svg%3E",
rss: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16'/%3E%3Ccircle cx='5' cy='19' r='1'/%3E%3C/svg%3E",
- search: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E",
- stack: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' stroke='none'/%3E%3Cpath d='M4 17v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1M8 16h8M8.322 12.582l7.956.836M8.787 9.168l7.826 1.664M10.096 5.764l7.608 2.472'/%3E%3C/svg%3E",
- sun: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath 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'/%3E%3C/svg%3E",
- tag: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m20.59 13.41-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82zM7 7h.01'/%3E%3C/svg%3E",
+ search: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E",
+ stack: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M4 17v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1M8 16h8m-7.7-3.4 8 .8M8.8 9.2l7.8 1.6m-6.5-5 7.6 2.4'/%3E%3C/svg%3E",
+ sun: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M12 1v2m0 18v2M4.2 4.2l1.4 1.4m12.8 12.8 1.4 1.4M1 12h2m18 0h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4'/%3E%3C/svg%3E",
+ tag: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m20.6 13.4-7.2 7.2a2 2 0 0 1-2.8 0L2 12V2h10l8.6 8.6a2 2 0 0 1 0 2.8zM7 7h.01'/%3E%3C/svg%3E",
twitch: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M21 2H3v16h5v4l4-4h5l4-4V2zm-10 9V7m5 4V7'/%3E%3C/svg%3E",
- twitter: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z'/%3E%3C/svg%3E",
+ twitter: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M23 3a10.9 10.9 0 0 1-3.1 1.5 4.5 4.5 0 0 0-7.9 3v1A10.7 10.7 0 0 1 3 4s-4 9 5 13a11.6 11.6 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0 0-.8A7.7 7.7 0 0 0 23 3z'/%3E%3C/svg%3E",
x: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E",
- youtube: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z'/%3E%3Cpath d='m9.75 15.02 5.75-3.27-5.75-3.27v6.54z'/%3E%3C/svg%3E",
- researchgate: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M17.07865956.9290157c1.65369-1.5798972 4.896252-1.106892 5.7398832 1.13016q-.6222528.2712384-1.2518184.520206c-.3729528-.6584844-.9529908-1.301346-1.7653764-1.3259436-1.0400796-.1605492-2.0578884.6807552-2.1915132 1.705212-.14958.9553176-.1093596 1.9305792-.09972 2.8945392.0312456.6428616.0378936 1.3296.383922 1.8970068.6225852.93072 2.030964 1.0779732 2.9191368.46536.7385928-.5557728.8100588-1.5533052.8057376-2.3992632-.6272388-.0089748-1.2521508-.0156228-1.8790572-.0113016-.0089748-.410514-.0113016-.821028-.0046536-1.2318744 1.1048976-.006648 2.2094628-.013296 3.3143604.0046536.006648 1.2185784.1203288 2.5172652-.4397652 3.6467604-1.1271684 2.2493508-4.9501008 2.28525-6.0792636.0176172-.5870184-1.1471124-.4799856-2.4770448-.4956084-3.72288-.0009972-1.2528156.1017144-2.6595324 1.043736-3.5902524zM.93598596 5.9020521c2.2766076.071466 4.550556-.0113016 6.8248368-.0558432 1.59552-.0269244 3.3053856.1941216 4.602078 1.1986344 1.4529204 1.100244 1.9349004 3.1734228 1.3724796 4.8673332-.5491248 1.72848-2.0465868 3.0710436-3.78936 3.5327472 1.243176 2.1313488 2.6379264 4.18824 4.302918 6.01644.7455732.81438 1.7208348 1.4818392 2.8456764 1.5935256-.0136284.2566128-.0226032.5108988-.0312456.7675116-1.8438228.4962732-3.943926-.0751224-5.163834-1.5702576-1.6659888-1.997724-3.0138708-4.2377676-4.2992616-6.4947636-.7365984-.0019944-1.47087-.0222708-2.2051416-.0555108.0113016 1.7806668-.0289188 3.561666.0222708 5.3426652.044874.5378232.09972 1.2006288.604968 1.5154116.6405348.2679144 1.3525356.2722356 2.030964.3815952 0 .20775-.0023268.6205908-.0023268.8280084-2.370012-.098058-4.7426832-.1093596-7.11336.0023268-.0023268-.2768892-.0023268-.553446-.0043212-.8280084.586686-.13296 1.2361956-.142932 1.7497536-.4843068.4916196-.475332.4743348-1.2252264.5075748-1.8591132q.0136284-5.8116816-.0023268-11.620704c-.03324-.6295656-.0355668-1.386108-.5690688-1.8212196-.520206-.2699088-1.1205204-.3101292-1.6829412-.43212v-.824352m4.459146 1.2853908c.013296 2.40159-.0312456 4.8051744.0222708 7.2087588 1.4485992.0558432 3.02484.254286 4.3474596-.4889604 2.1399912-1.140132 2.4192072-4.6349856.4723404-6.0769368-1.4186832-.9686136-3.230928-.6674592-4.8424032-.6428616z'/%3E%3C/svg%3E"
+ youtube: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m9.8 15 5.7-3.3-5.8-3.2V15Zm12.7-8.6a2.8 2.8 0 0 0-1.9-2C18.9 4 12 4 12 4s-6.9 0-8.6.5a2.8 2.8 0 0 0-2 2 29 29 0 0 0-.4 5.3 29 29 0 0 0 .5 5.3A2.8 2.8 0 0 0 3.4 19c1.7.5 8.6.5 8.6.5s6.9 0 8.6-.5a2.8 2.8 0 0 0 2-2 29 29 0 0 0 .4-5.3 29 29 0 0 0-.5-5.3z'/%3E%3C/svg%3E"
);
$icon: map-get($icons, $icon-name);
@return url("data:image/svg+xml,#{$icon}");
}
@if $enable-icons {
- @if $icon-ffolder {.ffolder { background-image: icon(ffolder, "none", 1, "%23888") }}
- @if $icon-ftag {.ftag { background-image: icon(ftag, "none", 1, "%23888") }}
- @if $icon-bitbucket {.bitbucket { background-image: icon(bitbucket, "%232684ff", 2, "none") }}
- @if $icon-buymeacoffee {.buymeacoffee { background-image: icon(buymeacoffee, "none", 1, "%23") }}
+ @if $icon-bitbucket {.bitbucket { background-image: icon(bitbucket, "%2328f", 2, "none") }}
+ @if $icon-buymeacoffee {.buymeacoffee { background-image: icon(buymeacoffee, "%23777", 1, "%23fd0") }}
@if $icon-check {.check { background-image: icon(check, "%23888", 2, "none") }}
@if $icon-chevron {.chevron { background-image: icon(chevron, "%23888", 2, "none") }}
@if $icon-clock {.clock { background-image: icon(clock, "%23888", 2, "none") }}
@if $icon-date {.date { background-image: icon(date, "%23888", 2, "none") }}
- @if $icon-docker {.docker { background-image: icon(docker, "%232391e5", 2, "none") }}
- @if $icon-element {.element { background-image: icon(element, "none", 1, "%230dbd8b") }}
- @if $icon-facebook {.facebook { background-image: icon(facebook, "%23395498", 2, "none") }}
+ @if $icon-docker {.docker { background-image: icon(docker, "%2329e", 2, "none") }}
+ @if $icon-element {.element { background-image: icon(element, "none", 1, "%231c8") }}
+ @if $icon-facebook {.facebook { background-image: icon(facebook, "%23359", 2, "none") }}
@if $icon-folder {.folder { background-image: icon(folder, "%23888", 2, "none") }}
@if $icon-github {.github { background-image: icon(github, "%23888", 2, "none") }}
- @if $icon-github-sponsor {.github-sponsor { background-image: icon(github-sponsor, "none", 2, "%23961c6d") }}
- @if $icon-gitlab {.gitlab { background-image: icon(gitlab, "%23ef6824", 2, "none") }}
+ @if $icon-github-sponsor {.github-sponsor { background-image: icon(github-sponsor, "%23c49", 2, "none") }}
+ @if $icon-gitlab {.gitlab { background-image: icon(gitlab, "%23e62", 2, "none") }}
@if $icon-globe {.globe { background-image: icon(globe, "%23888", 2, "none") }}
@if $icon-home {.home { background-image: icon(home, "%23888", 2, "none") }}
- @if $icon-instagram {.instagram { background-image: icon(instagram, "%23e90077", 2, "none") }}
- @if $icon-linkedin {.linkedin { background-image: icon(linkedin, "%232362aa", 2, "none") }}
+ @if $icon-instagram {.instagram { background-image: icon(instagram, "%23e07", 2, "none") }}
+ @if $icon-linkedin {.linkedin { background-image: icon(linkedin, "%2326a", 2, "none") }}
@if $icon-mail {.mail { background-image: icon(mail, "%23888", 2, "none") }}
- @if $icon-mastodon {.mastodon { background-image: icon(mastodon, "none", 1, "%232989ce") }}
+ @if $icon-mastodon {.mastodon { background-image: icon(mastodon, "none", 1, "%2328c") }}
@if $icon-matrix {.matrix { background-image: icon(matrix, "%23888", 2, "none") }}
@if $icon-minus {.minus { background-image: icon(minus, "%23888", 2, "none") }}
@if $icon-moon {.moon { background-image: icon(moon, "%23888", 2, "none") }}
- @if $icon-pinterest {.pinterest { background-image: icon(pinterest, "%23b7081c", 2, "none") }}
- @if $icon-python {.python { background-image: icon(python, "%23f2ca45", 2, "none") }}
- @if $icon-rss {.rss { background-image: icon(rss, "%23eb9036", 2, "none") }}
+ @if $icon-pinterest {.pinterest { background-image: icon(pinterest, "%23b01", 2, "none") }}
+ @if $icon-python {.python { background-image: icon(python, "%23fc1", 2, "%2326a") }}
+ @if $icon-researchgate {.researchgate { background-image: icon(researchgate, "none", 2, "%230db") }}
+ @if $icon-rss {.rss { background-image: icon(rss, "%23e94", 2, "none") }}
@if $icon-search {.search { background-image: icon(search, "%23888", 2, "none") }}
- @if $icon-stack {.stack { background-image: icon(stack, "%23e77923", 2, "none") }}
+ @if $icon-stack {.stack { background-image: icon(stack, "%23e72", 2, "none") }}
@if $icon-sun {.sun { background-image: icon(sun, "%23888", 2, "none") }}
@if $icon-tag {.tag { background-image: icon(tag, "%23888", 2, "none") }}
- @if $icon-twitch {.twitch { background-image: icon(twitch, "%23a970ff", 2, "none") }}
- @if $icon-twitter {.twitter { background-image: icon(twitter, "%232ba5da", 2, "none") }}
- @if $icon-x {.x { background-image: icon(x, "%23888", 2, "none") }}
+ @if $icon-twitch {.twitch { background-image: icon(twitch, "%23a7f", 2, "none") }}
+ @if $icon-twitter {.twitter { background-image: icon(twitter, "%232ad", 2, "none") }}
+ @if $icon-x {.x { background-image: icon(x, "%23f00", 2, "none") }}
@if $icon-youtube {.youtube { background-image: icon(youtube, "%23f00", 2, "none") }}
- @if $icon-researchgate {.researchgate { background-image: icon(researchgate, "none", 2, "%2300d0b0") }}
.svg {
width: 48px;
height: 48px;
@@ -105,4 +101,11 @@
overflow: hidden;
vertical-align: middle
}
+ .svgs {
+ width: var(--fs);
+ height: var(--fs);
+ display: inline-block;
+ overflow: hidden;
+ vertical-align: middle
+ }
}
diff --git a/sass/include/_nav.scss b/sass/include/_nav.scss
index db19bc8..19f421d 100644
--- a/sass/include/_nav.scss
+++ b/sass/include/_nav.scss
@@ -52,12 +52,7 @@ nav {
position: relative;
text-align: left;
}
- div div {
- display: inline-block;
- position: relative;
- }
}
-
@if map-get($breakpoints, "md") {
@media (max-width: map-get($breakpoints, "md")) {
header nav {
diff --git a/sass/include/_search.scss b/sass/include/_search.scss
index 82c06fa..aaaa888 100644
--- a/sass/include/_search.scss
+++ b/sass/include/_search.scss
@@ -12,30 +12,50 @@ div:empty {
max-height: 500px;
overflow: auto;
}
-#suggestions a {
+#suggestions a, #results a {
display: block;
text-decoration: none;
padding: var(--s1);
margin: 0 var(--s1);
}
#suggestions a:hover,
-#suggestions a:focus {
+#suggestions a:focus,
+#results a:hover,
+#results a:focus {
background: var(--c2);
}
-#suggestions span {
+#suggestions span, #results span {
line-height: 1.5;
display: block;
}
-#suggestions span:first-child {
+#suggestions span:first-child, #results span:first-child {
font-weight: var(--fh);
}
-#suggestions span:nth-child(2) {
+#suggestions span:nth-child(2), #results span:nth-child(2) {
color: var(--f1);
}
+nav > div > form > div:last-of-type {//parent div of suggestions div
+ display: block;
+ position: relative;
+ width: 100%;
+}
+.searchd {
+ display: flex;
+ align-items: center;
+ white-space: nowrap;
+}
+.searchd > input {
+ max-width: 15rem;
+ padding-right:2.4rem;//inlayed search icon
+}
+.searchd > button {
+ margin-left: -2.4rem;//inlayed search icon
+}
@if map-get($breakpoints, "md") {
@media (max-width: map-get($breakpoints, "md")) {
- nav div:last-of-type, input {
- width: 100%;
+ .searchd > input {
+ max-width: 100%;
+ flex-grow: 1;
}
#suggestions {
position: static;
diff --git a/sass/include/_toc.scss b/sass/include/_toc.scss
index 0ee8476..5d37a64 100644
--- a/sass/include/_toc.scss
+++ b/sass/include/_toc.scss
@@ -1,7 +1,7 @@
main {
.toc {
- max-width: 260px;
- min-width: 240px;
+ max-width: 15rem;
+ min-width: 14rem;
margin-left: var(--s1);
}
.toc-item {
diff --git a/sass/themes/_auto.scss b/sass/themes/_auto.scss
index 0c59f07..b229109 100644
--- a/sass/themes/_auto.scss
+++ b/sass/themes/_auto.scss
@@ -1,6 +1,8 @@
:root {
// Typography
+ // Regular Fonts used by default:
--ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
+ // Monospace Fonts used for code:
--fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace;
--lh: 1.5; //line-height
--lhh: 1.2; //line-height headers
generated by cgit v1.3.1 (git 2.54.0) at 2026-11-08 16:49:00 +0000