Add social media icons

This commit is contained in:
Kuba Orlik 2026-06-02 13:44:15 +02:00
parent 56cc3590b7
commit 59a2c9f7de
6 changed files with 170 additions and 6 deletions

View File

@ -4,9 +4,13 @@ import { icon } from "src/back/icons.js";
import { TempstreamJSX } from "tempstream";
const icons = [
{ name: "mastodon", url: "https://mastodon.com.pl" },
{ name: "peertube", url: "https://joinpeertube.org/pl" },
{ name: "matrix", url: "https://matrix.org/" },
{ name: "mastodon", url: "https://mastodon.strona-czynna.pl/@czynna" },
{ name: "peertube", url: "https://video.strona-czynna.pl/" },
{ name: "matrix", url: "https://matrix.to/#/#strona-czynna:matriks.chat" },
{ name: "telegram", url: "https://t.me/+JQl6ryW3_Ho5MDY0" },
{ name: "instagram", url: "https://www.instagram.com/strona_czynna" },
{ name: "twitter", url: "https://x.com/strona_czynna" },
{ name: "tiktok", url: "https://www.tiktok.com/@stronaczynna" },
];
export default async function footer(ctx: Context) {

View File

@ -40,9 +40,6 @@ application.register("jdd-table-paste", JddTablePaste);
import { default as JsonEditor } from "./../../node_modules/@sealcode/jdd-editor/src/controllers/json-editor.stimulus.js";
application.register("json-editor", JsonEditor);
import { default as MarkdownTextarea } from "./../../node_modules/@sealcode/jdd-editor/src/controllers/markdown-textarea.stimulus.js";
application.register("markdown-textarea", MarkdownTextarea);
import { default as RefreshOnTsChanges } from "./../../node_modules/@sealcode/jdd-editor/src/controllers/refresh-on-ts-changes.stimulus.js";
application.register("refresh-on-ts-changes", RefreshOnTsChanges);

38
src/icons/instagram.svg Normal file
View File

@ -0,0 +1,38 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="32"
height="32"
viewBox="0 0 32 32"
version="1.1"
id="svg1"
sodipodi:docname="instagram.svg"
inkscape:version="1.4.3 (0d15f75042, 2025-12-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="7.590389"
inkscape:cx="-6.9825143"
inkscape:cy="18.246759"
inkscape:window-width="1536"
inkscape:window-height="928"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<path
d="m 15.999998,3.4630405 c 4.083402,0 4.5677,0.015294 6.181179,0.089213 4.144576,0.1886215 6.080496,2.1551286 6.269117,6.2691174 0.07392,1.6122042 0.08794,2.0965032 0.08794,6.1799042 0,4.084677 -0.01529,4.567701 -0.08794,6.179905 -0.189896,4.110165 -2.120717,6.080496 -6.269117,6.269117 -1.613479,0.07392 -2.095228,0.08921 -6.181179,0.08921 -4.083402,0 -4.5677,-0.01529 -6.1799048,-0.08921 -4.1547719,-0.189896 -6.0804959,-2.165324 -6.2691175,-6.270391 -0.073919,-1.612205 -0.089213,-2.095229 -0.089213,-6.179905 0,-4.083402 0.016568,-4.566426 0.089213,-6.1799047 C 3.7408719,5.707382 5.6716937,3.7396004 9.8200933,3.5509789 11.433572,3.4783341 11.916596,3.4630405 15.999998,3.4630405 Z m 0,-2.7566784 c -4.153498,0 -4.673481,0.017842 -6.3048028,0.091762 -5.5541399,0.254894 -8.640906,3.3365622 -8.89579995,8.8957999 -0.075194,1.632596 -0.093036,2.15258 -0.093036,6.306077 0,4.153497 0.017842,4.674756 0.091762,6.306077 0.25489395,5.55414 3.33656215,8.640906 8.89579995,8.8958 1.6325958,0.07392 2.1525798,0.09176 6.3060768,0.09176 4.153497,0 4.674756,-0.01784 6.306077,-0.09176 5.549042,-0.254894 8.643455,-3.336562 8.894526,-8.8958 0.07519,-1.631321 0.09304,-2.15258 0.09304,-6.306077 0,-4.153497 -0.01784,-4.673481 -0.09176,-6.3048025 C 30.952079,4.1461563 27.866587,1.0542923 22.30735,0.7993984 20.674754,0.7242044 20.153495,0.7063624 15.999998,0.7063621 Z m 0,7.4403553 c -4.337021,0 -7.8532837,3.5162626 -7.8532837,7.8532836 0,4.337021 3.5162627,7.854558 7.8532837,7.854558 4.337021,0 7.853284,-3.516262 7.853284,-7.854558 0,-4.337021 -3.516263,-7.8532836 -7.853284,-7.8532836 z m 0,12.9511636 c -2.815304,0 -5.09788,-2.281302 -5.09788,-5.09788 0,-2.815304 2.282576,-5.09788 5.09788,-5.09788 2.815304,0 5.09788,2.282576 5.09788,5.09788 0,2.816578 -2.282576,5.09788 -5.09788,5.09788 z M 24.164252,6.0017845 c -1.014478,0 -1.836511,0.8220331 -1.836511,1.8352367 0,1.0132035 0.822033,1.8352366 1.836511,1.8352366 1.013204,0 1.833962,-0.8220331 1.833962,-1.8352366 0,-1.0132036 -0.820758,-1.8352367 -1.833962,-1.8352367 z"
id="path1"
style="stroke-width:1.27447" />
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

44
src/icons/telegram.svg Normal file
View File

@ -0,0 +1,44 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg
width="32"
height="32"
viewBox="-20 0 7.6 7.6"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="telegram-svgrepo-com.svg"
inkscape:version="1.4.3 (0d15f75042, 2025-12-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="12.969093"
inkscape:cx="13.416513"
inkscape:cy="19.238045"
inkscape:window-width="1536"
inkscape:window-height="928"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="m -16.081798,5.3610042 -0.74291,0.6225835 -0.210035,0.028471 -0.470026,-1.6195761 -1.653418,-0.5430823 5.09025,-1.9402741 0.240116,0.00537 -0.801999,4.3623862 z m 1.2731,-2.6321523 -2.332405,1.3982663 0.268587,1.1457894 0.07359,-0.016649 0.280404,-0.8841866 1.86399,-1.6249532 z"
fill="#000000"
id="path1"
style="stroke-width:0.0537173" />
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

43
src/icons/tiktok.svg Normal file
View File

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
width="32"
height="32"
viewBox="0 0 32 32"
xml:space="preserve"
id="svg1"
sodipodi:docname="tiktok.svg"
inkscape:version="1.4.3 (0d15f75042, 2025-12-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs1" /><sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="7.5665168"
inkscape:cx="36.872977"
inkscape:cy="29.273708"
inkscape:window-width="1536"
inkscape:window-height="928"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<g
style="opacity:1;fill:none;fill-rule:nonzero;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none"
transform="matrix(0.31638027,0,0,0.31638027,1.7631713,1.7628878)"
id="g1">
<path
d="m 84.494,22.535 c -5.144,0 -9.891,-1.704 -13.702,-4.579 C 66.421,14.66 63.28,9.826 62.171,4.254 61.895,2.877 61.748,1.456 61.733,0 H 47.038 V 40.154 L 47.02,62.148 c 0,5.88 -3.829,10.866 -9.137,12.619 -1.54,0.509 -3.204,0.75 -4.937,0.655 -2.211,-0.121 -4.283,-0.789 -6.084,-1.866 -3.833,-2.292 -6.431,-6.451 -6.502,-11.208 -0.111,-7.435 5.9,-13.496 13.329,-13.496 1.467,0 2.875,0.239 4.194,0.674 V 38.552 34.607 c -1.391,-0.206 -2.806,-0.313 -4.238,-0.313 -8.132,0 -15.737,3.38 -21.174,9.47 -4.109,4.602 -6.574,10.473 -6.954,16.63 -0.498,8.088 2.461,15.776 8.201,21.449 0.843,0.833 1.729,1.606 2.655,2.319 C 21.294,87.947 27.31,90 33.646,90 c 1.431,0 2.847,-0.106 4.238,-0.312 5.919,-0.877 11.38,-3.586 15.69,-7.847 5.296,-5.234 8.222,-12.183 8.253,-19.579 L 61.751,29.418 c 2.526,1.949 5.289,3.562 8.253,4.813 4.611,1.945 9.5,2.931 14.531,2.93 v -10.67 -3.959 c 0.004,0.003 -0.038,0.003 -0.041,0.003 z"
style="opacity:1;fill:#000000;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none"
stroke-linecap="round"
id="path1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

38
src/icons/twitter.svg Normal file
View File

@ -0,0 +1,38 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xml:space="preserve"
viewBox="0 0 32 32"
version="1.1"
id="svg1"
sodipodi:docname="twitter.svg"
width="32"
height="32"
inkscape:version="1.4.3 (0d15f75042, 2025-12-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs1" /><sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="12.969515"
inkscape:cx="14.803946"
inkscape:cy="19.237419"
inkscape:window-width="1536"
inkscape:window-height="928"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<path
fill="#1d9bf0"
d="m 27.367222,10.168172 c 0.01742,0.252024 0.01742,0.504048 0.01742,0.758395 0,7.750036 -5.899922,16.688186 -16.688185,16.688186 v -0.0046 c -3.1868861,0.0046 -6.3075732,-0.908262 -8.9904118,-2.62946 0.4633994,0.05575 0.9291216,0.08362 1.3960052,0.08478 2.6410281,0.0023 5.2065651,-0.883828 7.2843136,-2.515598 C 7.8765739,22.502265 5.6757172,20.865845 4.906869,18.476842 5.7860503,18.646407 6.691944,18.611565 7.5548656,18.3758 4.8186026,17.822972 2.8500262,15.41887 2.8500262,12.62686 v -0.07433 c 0.8153042,0.45411 1.7281661,0.706134 2.6619333,0.734008 C 2.9348085,11.564177 2.1404095,8.1357185 3.6966882,5.4552027 6.6745229,9.119426 11.068107,11.346995 15.78456,11.58276 15.311869,9.545661 15.957609,7.4110036 17.481368,5.978995 19.84366,3.7583944 23.558985,3.8722118 25.779585,6.2333421 27.093131,5.9743494 28.352091,5.4923676 29.504202,4.8094632 29.066353,6.1671422 28.150007,7.3204143 26.925889,8.053259 28.088453,7.9162135 29.224304,7.6049578 30.293955,7.1299444 29.506524,8.3099288 28.514687,9.33777 27.367222,10.168172 Z"
id="path1"
style="stroke-width:0.11614" />
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB