ulith/pronounss
1
0
Fork 0
forked from mirrors/pronouns.cc
Code Pull requests Activity

feat: rel=me for profile links, don't show http:// prefix

Browse source
This commit is contained in:
Sam 2023-03-26 00:07:51 +01:00
parent 0c187aaf84
commit 256a14a922
No known key found for this signature in database
GPG key ID: B4EF20DDE721CAA1
3 changed files with 25 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/src/routes/@[username]/+page.svelte
View file

@ -32,6 +32,7 @@
import { goto } from "$app/navigation";
import renderMarkdown from "$lib/api/markdown";
import ReportButton from "./ReportButton.svelte";
import ProfileLink from "./ProfileLink.svelte";
export let data: PageData;
@ -114,7 +115,7 @@
<div class="col-md d-flex align-items-center">
<ul class="list-unstyled">
{#each data.links as link}
<li><Icon name="globe" /> <a href={link}>{link}</a></li>
<li><ProfileLink {link} /></li>
{/each}
</ul>
</div>

21
frontend/src/routes/@[username]/ProfileLink.svelte Normal file
View file

@ -0,0 +1,21 @@
<script lang="ts">
import { Icon } from "sveltestrap";
export let link: string;
let displayLink: string;
$: displayLink = prettifyLink(link);
const prettifyLink = (raw: string) => {
let out = raw;
if (raw.startsWith("https://")) out = raw.substring("https://".length);
else if (raw.startsWith("http://")) out = raw.substring("http://".length);
if (raw.endsWith("/")) out = raw.substring(0, raw.length - 1);
return out;
};
</script>
<Icon name="globe" />
<a href={link} rel="me nofollow noreferrer" target="_blank">{displayLink}</a>

3
frontend/src/routes/@[username]/[memberName]/+page.svelte
View file

@ -11,6 +11,7 @@
import { userStore } from "$lib/store";
import renderMarkdown from "$lib/api/markdown";
import ReportButton from "../ReportButton.svelte";
import ProfileLink from "../ProfileLink.svelte";
export let data: PageData;
@ -51,7 +52,7 @@
<div class="col-md d-flex align-items-center">
<ul class="list-unstyled">
{#each data.links as link}
<li><Icon name="globe" /> <a href={link}>{link}</a></li>
<li><ProfileLink {link} /></li>
{/each}
</ul>
</div>