Taevas/taevas.xyz
Taevas/taevas.xyz
1
0
Fork 0
Code Issues Pull requests Projects Activity

Put rel="me" stuff in hidden HTML instead

Browse source 
In the HTML because parsers are unlikely to load the React script
Hidden because they wouldn't fit otherwise

It brings back the behaviour of normal links opening a new tab (`rel="noreferrer"`)
This commit is contained in:
Taevas 2024-11-03 19:56:17 +01:00
parent 386c0850a9
commit 814c808b9a
3 changed files with 25 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

23
index.html
View file

@ -10,6 +10,29 @@
<title>Site - taevas.xyz</title>
</head>
<body class="bg-gradient-to-tl from-indigo-100 via-sky-300 to-indigo-100 bg-fixed">
<span id="links" style="display: none;">
<a rel="me" href="https://taevas.xyz/">Taevas</a>
<a rel="me" href="https://www.youtube.com/@TTTaevas">YouTube</a>
<a rel="me" href="https://github.com/TTTaevas">GitHub</a>
<a rel="me" href="https://ko-fi.com/taevas">Ko-fi</a>
<a rel="me" href="https://tttaevas.itch.io/">itch.io</a>
<a rel="me" href="https://osu.ppy.sh/users/7276846">osu!</a>
<a rel="me" href="https://www.last.fm/user/TTTaevas">Last.fm</a>
<a rel="me" href="https://anilist.co/user/Taevas">AniList</a>
<a rel="me" href="https://gitlab.com/TTTaevas">GitLab</a>
<a rel="me" href="https://www.speedrun.com/users/Taevas">Speedrun.com</a>
<a rel="me" href="https://app.hackthebox.com/profile/1063999">HackTheBox</a>
<a rel="me" href="https://www.wanikani.com/users/Taevas">Wanikani</a>
<a rel="me" href="https://libre.fm/user/Taevas">Libre.fm</a>
</span>
<div id="card" style="display: none;" class="h-card">
<span class="p-nickname">Taevas</span>
<span class="u-email">me@taevas.xyz</span>
<span class="u-url">https://taevas.xyz/</span>
<span class="p-category">game developer</span>
<span class="p-region">Brittany</span>
<span class="p-country-name">France</span>
</div>
<div id="root">
</div>

2
src/components/SocialButton.tsx
View file

@ -16,7 +16,7 @@ export default function SocialButton({
padding?: string;
}) {
return (
<a draggable="false" href={link} rel="me">
<a draggable="false" href={link} target="_blank" rel="noreferrer">
<button title={title} className={`
m-1 h-12 w-12 bg-white text-black tracking-[-.2em]
rounded-full border-solid hover:border-dashed active:brightness-95 border-4 hover:border-8 ${border}

2
src/components/Website.tsx
View file

@ -24,7 +24,7 @@ export default function Website({
return (
<div className="hover:font-bold active:font-bold overflow-hidden">
<a href={link} rel="me" draggable="false">
<a href={link} target="_blank" rel="noreferrer" draggable="false">
<h2 className="pr-1 py-1 rounded-tr-[10px] bg-white uppercase text-right font-bold text-indigo-500 transition-all
hover:brightness-110 hover:pr-4 hover:text-blue-600">
{name}