diff --git a/config.toml b/config.toml index b1aca702..b80a5fc4 100644 --- a/config.toml +++ b/config.toml @@ -154,26 +154,26 @@ mail = "name@example.com" mastodon = "https://mastodon.example.com/@username" element = "matrix.example.com" buymeacoffee = "your-user-name" -kofi = "your-user-name" +#kofi = "your-user-name" discord = "your-discord" # Everything after https://discord.com/ eg: invite/my-server *or* servers/my-server-id -twitter = "your-user-name" -facebook = "your-user-name" -linkedin = "your-user-name" -gitlab = "your-user-name" +#twitter = "your-user-name" +#facebook = "your-user-name" +#linkedin = "your-user-name" +#gitlab = "your-user-name" github = "your-user-name" -codeberg = "your-user-name" # Everything after https://codeberg.org/ eg: username *or* username/repository +#codeberg = "your-user-name" # Everything after https://codeberg.org/ eg: username *or* username/repository github_sponsor = "your-user-name" -bitbucket = "your-user-name" -python = "your-user-name" -docker = "your-user-name" -stack = "your-user-name" +#bitbucket = "your-user-name" +#python = "your-user-name" +#docker = "your-user-name" +#stack = "your-user-name" instagram = "your-user-name" #pixelfed = "https://pixelfed.example.com/" # Heaviest icon, off by default -pinterest = "your-user-name" +#pinterest = "your-user-name" twitch = "your-user-name" youtube = "channel/your-channel-id" -peertube = "https://peertube.example.com/@username" -researchgate = "your-profile-id" +#peertube = "https://peertube.example.com/@username" +#researchgate = "your-profile-id" ############################################################################### diff --git a/sass/_functions.scss b/sass/_functions.scss index cb97bed0..514c0e68 100644 --- a/sass/_functions.scss +++ b/sass/_functions.scss @@ -101,7 +101,7 @@ gitlab: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{getColor($ic,$stroke,1)}' stroke-width='#{$stroke-width}' fill='#{getColor($ic,$fill,1)}' 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='#{getColor($ic,$stroke,1)}' stroke-width='#{$stroke-width}' fill='#{getColor($ic,$fill,1)}' 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='#{getColor($ic,$stroke,1)}' stroke-width='#{$stroke-width}' fill='#{getColor($ic,$fill,1)}' 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='#{getColor($ic,$stroke,1)}' stroke-width='#{$stroke-width}' fill='#{getColor($ic,$fill,1)}' 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", + instagram: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{getColor($ic,$stroke,1)}' stroke-width='#{$stroke-width}' fill='#{getColor($ic,$fill,1)}' stroke-linecap='round' stroke-linejoin='round' 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='#{getColor($ic,$stroke,1)}' stroke-width='#{$stroke-width}' fill='#{getColor($ic,$fill,1)}' 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", kofi: "%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='#{getColor($ic,$stroke,1)}' stroke-width='#{$stroke-width}' fill='%23fff' d='M2 5h15c8 0 8 10 0 10-1 0-1 0-1 1v2q0 1-1 1H2q-1 0-1-1V6q0-1 1-1m14 4v2c0 1 0 1 1 1 4 0 4-4 0-4-1 0-1 0-1 1'/%3E%3Cpath fill='#{getColor($ic,$fill,1)}' d='M9 16C2 11 5 6 9 9c4-3 7 2 0 7' /%3E%3C/svg%3E", mail: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{getColor($ic,$stroke,1)}' stroke-width='#{$stroke-width}' fill='#{getColor($ic,$fill,1)}' 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", @@ -121,7 +121,7 @@ twitch: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{getColor($ic,$stroke,1)}' stroke-width='#{$stroke-width}' fill='#{getColor($ic,$fill,1)}' 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='#{getColor($ic,$stroke,1)}' stroke-width='#{$stroke-width}' fill='#{getColor($ic,$fill,1)}' 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='#{getColor($ic,$stroke,1)}' stroke-width='#{$stroke-width}' fill='#{getColor($ic,$fill,1)}' viewBox='0 0 24 24'%3E%3Cpath d='M21 3 3 21M3 3l18 18'/%3E%3C/svg%3E", - youtube: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{getColor($ic,$stroke,1)}' stroke-width='#{$stroke-width}' fill='#{getColor($ic,$fill,1)}' 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", + youtube: "%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='#{getColor($ic,$fill,1)}' d='M22.5 6.7a2.8 2.8 90 0 0-2-1.9c-1.6-.5-8.5-.5-8.5-.5s-6.9 0-8.7.5a2.8 2.8 90 0 0-1.8 1.9 28.6 28.6 90 0 0 0 10.7 2.8 2.8 90 0 0 1.9 1.9c1.8.4 8.6.4 8.6.4s6.9 0 8.5-.4a2.8 2.8 90 0 0 2-1.9c.5-1.8.5-5.3.5-5.3s0-3.6-.5-5.4Z'/%3E%3Cpath fill='#{getColor($ic,$fill,2)}' d='M9.8 8.8l5.6 3.2-5.6 3.2Z' /%3E%3C/svg%3E", adjust: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{getColor($ic,$stroke,1)}' stroke-width='#{$stroke-width}' fill='#{getColor($ic,$fill,1)}' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C6 0 0 6 0 12s5 12 12 12 12-5 12-12S19 0 12 0Zm0 4c5 0 8 3 8 8s-3 8-8 8V4Z'/%3E%3C/svg%3E", angl: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{getColor($ic,$stroke,1)}' stroke-width='#{$stroke-width}' fill='#{getColor($ic,$fill,1)}' viewBox='0 0 24 24'%3E%3Cpath d='m16 4-8 8 8 8'/%3E%3C/svg%3E", angll: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{getColor($ic,$stroke,1)}' stroke-width='#{$stroke-width}' fill='#{getColor($ic,$fill,1)}' viewBox='0 0 24 24'%3E%3Cpath d='m11 4-8 8 8 8m9-16-8 8 8 8'/%3E%3C/svg%3E", diff --git a/sass/abridge.scss b/sass/abridge.scss index 0cb051bf..7bc93381 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -44,26 +44,26 @@ $icon-mastodon: true !default; $icon-element: true !default; $icon-matrix: false !default; $icon-buymeacoffee: true !default; -$icon-kofi: true !default; -$icon-twitter: true !default; -$icon-facebook: true !default; -$icon-linkedin: true !default; -$icon-codeberg: true !default; -$icon-gitlab: true !default; +$icon-kofi: false !default; +$icon-twitter: false !default; +$icon-facebook: false !default; +$icon-linkedin: false !default; +$icon-codeberg: false !default; +$icon-gitlab: false !default; $icon-github: true !default; $icon-github-sponsor: true !default; -$icon-bitbucket: true !default; -$icon-python: true !default; -$icon-docker: true !default; -$icon-stack: true !default; +$icon-bitbucket: false !default; +$icon-python: false !default; +$icon-docker: false !default; +$icon-stack: false !default; $icon-instagram: true !default; $icon-pixelfed: false !default;//heaviest icon, off by default -$icon-pinterest: true !default; +$icon-pinterest: false !default; $icon-discord: true !default; $icon-twitch: true !default; $icon-youtube: true !default; -$icon-peertube: true !default; -$icon-researchgate: true !default; +$icon-peertube: false !default; +$icon-researchgate: false !default; $icon-x: true !default;// x symbol, used to close search results page. $icon-search: true !default;//search, spyglass search button in search box. @@ -1354,7 +1354,7 @@ $syntax: true !default;//syntax highlighting for code blocks @if $icon-twitch { .twitch { background-image: functions.icon(twitch, $ic,2, "%23a7f", "none") }} @if $icon-twitter { .twitter { background-image: functions.icon(twitter, $ic,2, "%232ad", "none") }} @if $icon-x { .x { background-image: functions.icon(x, $ic,3, "%23f00", "none") }} - @if $icon-youtube { .youtube { background-image: functions.icon(youtube, $ic,2, "%23f00", "none") }} + @if $icon-youtube { .youtube { background-image: functions.icon(youtube, $ic,2, "none", ["%23f00","%23fff"]) }} .svg { width: 1.8rem; height: 1.8rem; diff --git a/templates/partials/social.html b/templates/partials/social.html index 3c7421f6..d388d5fe 100644 --- a/templates/partials/social.html +++ b/templates/partials/social.html @@ -25,6 +25,8 @@ {% endif -%} {%- if config.extra.matrix -%} {% endif -%} + {%- if config.extra.discord -%} + {% endif -%} {%- if config.extra.twitter -%} {% endif -%} {%- if config.extra.facebook -%} @@ -53,12 +55,10 @@ {% endif -%} {%- if config.extra.pinterest -%} {% endif -%} - {%- if config.extra.twitch -%} - {% endif -%} - {%- if config.extra.discord -%} - {% endif -%} {%- if config.extra.youtube -%} {% endif -%} + {%- if config.extra.twitch -%} + {% endif -%} {%- if config.extra.peertube -%} {% endif -%} {%- if config.extra.kofi -%}