social.html (4770B)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 | {% macro socials_bar() %} <div class="socials-bar"> {%- if config.generate_feeds -%} <a href="{{ config.extra.feed_path }}" style="text-decoration: none"> {%- set rss_image = resize_image(path="../static/social/rss.png", width=33, height=33, op="scale", format="png") -%} {%- set rss_image_2x = resize_image(path="../static/social/rss.png", width=66, height=66, op="scale", format="png") -%} {%- set rss_image_3x = resize_image(path="../static/social/rss.png", width=99, height=99, op="scale", format="png") -%} <img src="{{ rss_image.url }}" srcset="{{ rss_image_2x.url }} 2x, {{ rss_image_3x.url }} 3x" width="33" height="33" loading="lazy" decoding="async" style="display: inline" alt="RSS Badge" /> </a> {%- endif -%} {%- if config.extra.github_profile -%} <a href="{{ config.extra.github_profile }}" style="text-decoration: none"> {%- set gh_image = resize_image(path="../static/social/github.png", width=33, height=33, op="scale", format="png") -%} {%- set gh_image_2x = resize_image(path="../static/social/github.png", width=66, height=66, op="scale", format="png") -%} {%- set gh_image_3x = resize_image(path="../static/social/github.png", width=99, height=99, op="scale", format="png") -%} <img src="{{ gh_image.url }}" srcset="{{ gh_image_2x.url }} 2x, {{ gh_image_3x.url }} 3x" width="33" height="33" loading="lazy" decoding="async" style="display: inline" alt="GitHub Profile Badge" /> </a> {%- endif -%} {%- if config.extra.email -%} <a href="{{ config.extra.email }}" style="text-decoration: none"> {%- set email_image = resize_image(path="../static/social/mail.png", width=36, height=36, op="scale", format="png") -%} {%- set email_image_2x = resize_image(path="../static/social/mail.png", width=72, height=72, op="scale", format="png") -%} {%- set email_image_3x = resize_image(path="../static/social/mail.png", width=108, height=108, op="scale", format="png") -%} <img src="{{ email_image.url }}" srcset="{{ email_image_2x.url }} 2x, {{ email_image_3x.url }} 3x" width="36" height="36" loading="lazy" decoding="async" style="display: inline" alt="Email Badge" /> </a> {%- endif -%} {%- if config.extra.twitter -%} <a href="{{ config.extra.twitter }}" style="text-decoration: none"> {%- set twitter_image = resize_image(path="../static/social/twitter.png", width=33, height=33, op="scale", format="png") -%} {%- set twitter_image_2x = resize_image(path="../static/social/twitter.png", width=66, height=66, op="scale", format="png") -%} {%- set twitter_image_3x = resize_image(path="../static/social/twitter.png", width=99, height=99, op="scale", format="png") -%} <img src="{{ twitter_image.url }}" srcset="{{ twitter_image_2x.url }} 2x, {{ twitter_image_3x.url }} 3x" width="33" height="33" loading="lazy" decoding="async" style="display: inline" alt="Twitter Badge" /> </a> {%- endif -%} {%- if config.extra.reddit_profile -%} <a href="{{ config.extra.reddit_profile }}" style="text-decoration: none"> {%- set reddit_image = resize_image(path="../static/social/reddit.png", width=33, height=33, op="scale", format="png") -%} {%- set reddit_image_2x = resize_image(path="../static/social/reddit.png", width=66, height=66, op="scale", format="png") -%} {%- set reddit_image_3x = resize_image(path="../static/social/reddit.png", width=99, height=99, op="scale", format="png") -%} <img src="{{ reddit_image.url }}" srcset="{{ reddit_image_2x.url }} 2x, {{ reddit_image_3x.url }} 3x" width="33" height="33" loading="lazy" decoding="async" style="display: inline" alt="Reddit Badge" /> </a> {%- endif -%} {%- if config.extra.discord_profile -%} <a href="{{ config.extra.discord_profile }}" style="text-decoration: none"> {%- set discord_image = resize_image(path="../static/social/discord.png", width=39, height=39, op="scale", format="png") -%} {%- set discord_image_2x = resize_image(path="../static/social/discord.png", width=78, height=78, op="scale", format="png") -%} {%- set discord_image_3x = resize_image(path="../static/social/discord.png", width=117, height=117, op="scale", format="png") -%} <img src="{{ discord_image.url }}" srcset="{{ discord_image_2x.url }} 2x, {{ discord_image_3x.url }} 3x" width="39" height="39" loading="lazy" decoding="async" style="display: inline" alt="Discord Badge" /> </a> {%- endif -%} </div> {% endmacro socials_bar %} |