Files
stalwart-webui-ru/src/components/common/SwSignature.tsx
T

31 строка
1.5 KiB
TypeScript

/*
* Подпись студии StackWorks («штамп»): знак и две строки - «разработка и поддержка» / StackWorks.
* В остальных проектах она ставится скриптом https://stackworks.ru/sign/sw-sign.js,
* здесь - компонентом, чтобы React не спорил с чужими изменениями страницы.
* Оформление в src/index.css, классы swsig*.
*/
export default function SwSignature({ dark = false }: { dark?: boolean }) {
const bg = dark ? '#F3F1EB' : '#16171C';
const fg = dark ? '#16171C' : '#F3F1EB';
return (
<a
className={'swsig' + (dark ? ' swsig-dark' : '')}
href="https://stackworks.ru/?utm_source=mail.stackworks.ru&utm_medium=signature"
target="_blank"
rel="noopener"
aria-label="Разработка и поддержка - StackWorks"
>
<svg viewBox="0 0 100 100" aria-hidden="true">
<rect x="2" y="2" width="96" height="96" rx="25" fill={bg} />
<rect className="b b1" x="20" y="29" width="44" height="12" rx="6" fill={fg} />
<rect className="b b2" x="30" y="45" width="50" height="12" rx="6" fill="#FF4A1C" />
<rect className="b b3" x="40" y="61" width="34" height="12" rx="6" fill={fg} />
</svg>
<span className="swsig-txt">
<span className="swsig-cap">разработка и поддержка</span>
<span className="swsig-word">Stack<i>Works</i></span>
</span>
</a>
);
}