31 строка
1.5 KiB
TypeScript
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>
|
|
);
|
|
}
|