mirror of
https://github.com/superseriousbusiness/gotosocial.git
synced 2024-11-21 16:55:38 +03:00
reflect profile.html changes in templates
This commit is contained in:
f0x
parent
337dffaab9
commit
3012b8a04a
3 changed files with 33 additions and 591 deletions
|
|
@ -1,541 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="robots" content="nofollow, noarchive, nositelinkssearchbox, max-image-preview:standard">
|
||||
<meta name="og:locale" content="nl">
|
||||
<meta property="og:type" content="profile">
|
||||
<meta property="og:title" content="@admin@localhost:8080">
|
||||
<meta property="og:url" content="http://localhost:8080/@admin">
|
||||
<meta property="og:site_name" content="localhost:8080">
|
||||
<meta property="og:description" content="This GoToSocial user hasn't written a bio yet!">
|
||||
<meta property="og:profile:username" content="admin">
|
||||
<meta property="og:image" content="http://localhost:8080/assets/default_avatars/GoToSocial_icon4.webp">
|
||||
<meta property="og:image:alt" content="Avatar for admin">
|
||||
<link rel="alternate" type="application/rss+xml" href="/@admin/feed.rss" title="@admin@localhost:8080">
|
||||
<link rel="alternate" type="application/activity+json" href="/users/admin">
|
||||
<link rel="icon" href="http://localhost:8080/assets/logo.webp" type="image/webp">
|
||||
<link rel="apple-touch-icon" href="http://localhost:8080/assets/logo.webp" type="image/webp">
|
||||
<link rel="apple-touch-startup-image" href="http://localhost:8080/assets/logo.webp" type="image/webp">
|
||||
<link rel="preload" href="/assets/fonts/noto-sans-v27-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/fonts/noto-sans-v27-latin-700.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="/assets/dist/default.css">
|
||||
<link rel="stylesheet" href="/assets/dist/style.css">
|
||||
<link rel="stylesheet" href="/@admin/custom.css">
|
||||
<script type="text/javascript" src="/assets/dist/frontend.js" async="" defer=""></script>
|
||||
<title>@admin@localhost:8080</title>
|
||||
</head>
|
||||
|
||||
<body class="page wider">
|
||||
<script type="text/javascript" src="//localhost:35729/livereload.js?snipver=1" async="" defer=""></script>
|
||||
<header class="page-header">
|
||||
<a aria-label="GoToSocial Testrig Instance. Go to instance homepage" href="/" class="nounderline">
|
||||
<picture>
|
||||
<img src="http://localhost:8080/assets/logo.webp" alt="Instance Logo" title="Instance Logo" />
|
||||
</picture>
|
||||
<h1>GoToSocial Testrig Instance</h1>
|
||||
</a>
|
||||
</header>
|
||||
<div class="page-content">
|
||||
<main class="profile">
|
||||
<h2 class="sr-only">Profile for admin</h2>
|
||||
<section class="profile-header" role="region" aria-label="Basic info">
|
||||
<div class="header-image-wrapper">
|
||||
<picture>
|
||||
<img src="http://localhost:8080/assets/default_header.webp" alt="Header for admin"
|
||||
title="Header for admin" />
|
||||
</picture>
|
||||
</div>
|
||||
<div class="basic-info">
|
||||
<div class="media photoswipe-gallery odd single avatar-image-wrapper" role="group">
|
||||
<a class="photoswipe-slide" href="http://localhost:8080/assets/default_avatars/GoToSocial_icon4.webp"
|
||||
target="_blank" data-pswp-width="272px" data-pswp-height="272px" data-cropped="true"
|
||||
alt="Avatar for admin" title="Avatar for admin">
|
||||
<picture aria-hidden="true">
|
||||
<img class="avatar" src="http://localhost:8080/assets/default_avatars/GoToSocial_icon4.webp"
|
||||
alt="Avatar for admin" title="Avatar for admin" width="272" height="272" />
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<dl class="namerole">
|
||||
<dt class="sr-only">Display name</dt>
|
||||
<dd class="displayname text-cutoff">admin</dd>
|
||||
<div class="bot-username-wrapper">
|
||||
<dt class="sr-only">Username</dt>
|
||||
<dd class="username text-cutoff">@admin@localhost:8080</dd>
|
||||
</div>
|
||||
<dt class="sr-only">Role</dt>
|
||||
<dd class="role admin">admin</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</section>
|
||||
<div class="column-split">
|
||||
<section class="about-user" role="region" aria-labelledby="about-header">
|
||||
<div class="col-header">
|
||||
<h3 id="about-header">About<span class="sr-only"> admin</span></h3>
|
||||
</div>
|
||||
<h4 class="sr-only">Bio</h4>
|
||||
<div class="bio">
|
||||
<p>This GoToSocial user hasn't written a bio yet!</p>
|
||||
</div>
|
||||
<h4 class="sr-only">Stats</h4>
|
||||
<dl class="accountstats">
|
||||
<dt>Joined</dt>
|
||||
<dd><time datetime="2022-05-17T13:10:59.000Z">May, 2022</time></dd>
|
||||
<dt>Posts</dt>
|
||||
<dd>4</dd>
|
||||
<dt>Followed by</dt>
|
||||
<dd>1</dd>
|
||||
<dt>Following</dt>
|
||||
<dd>1</dd>
|
||||
</dl>
|
||||
</section>
|
||||
<div class="statuses-wrapper" role="region" aria-label="Posts by admin">
|
||||
<section class="pinned statuses" aria-labelledby="pinned">
|
||||
<div class="col-header">
|
||||
<h3 id="pinned">Pinned posts</h3>
|
||||
<a href="#recent">jump to recent</a>
|
||||
</div>
|
||||
<div class="thread">
|
||||
<article class="status expanded" id="01F8MHAAY43M6RJ473VQFCVH37-pinned" role="region"
|
||||
aria-label="@admin, Oct 20, 2021, language Engels (English), 1 favourite">
|
||||
<header class="status-header">
|
||||
<address>
|
||||
<a href="http://localhost:8080/@admin" rel="author" title="Open profile">
|
||||
<picture class="avatar" aria-hidden="true">
|
||||
<img src="http://localhost:8080/assets/default_avatars/GoToSocial_icon4.webp"
|
||||
alt="Avatar for admin" title="Avatar for admin">
|
||||
</picture>
|
||||
<div class="author-strapline">
|
||||
<span class="displayname text-cutoff">admin</span>
|
||||
<span class="sr-only">,</span>
|
||||
<span class="username text-cutoff">@admin</span>
|
||||
</div>
|
||||
<span class="sr-only">(open profile)</span>
|
||||
</a>
|
||||
</address>
|
||||
</header>
|
||||
<div class="status-body">
|
||||
<details class="text-spoiler">
|
||||
<summary>
|
||||
<span class="spoiler-text" lang="en">open to see some puppies</span>
|
||||
<span class="button" role="button" tabindex="0">Toggle visibility</span>
|
||||
</summary>
|
||||
<div class="text">
|
||||
<div class="content" lang="en">
|
||||
🐕🐕🐕🐕🐕
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
<aside class="status-info" aria-hidden="true">
|
||||
<dl class="status-stats">
|
||||
<div class="stats-grouping">
|
||||
<div class="stats-item published-at text-cutoff">
|
||||
<dt class="sr-only">Published</dt>
|
||||
<dd>
|
||||
<time datetime="2021-10-20T12:36:45.000Z">Oct 20, 2021, 14:36</time>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="stats-grouping">
|
||||
<div class="stats-item" title="Replies">
|
||||
<dt>
|
||||
<span class="sr-only">Replies</span>
|
||||
<i class="fa fa-reply-all" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>0</dd>
|
||||
</div>
|
||||
<div class="stats-item" title="Faves">
|
||||
<dt>
|
||||
<span class="sr-only">Favourites</span>
|
||||
<i class="fa fa-star" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>1</dd>
|
||||
</div>
|
||||
<div class="stats-item" title="Boosts">
|
||||
<dt>
|
||||
<span class="sr-only">Reblogs</span>
|
||||
<i class="fa fa-retweet" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>0</dd>
|
||||
</div>
|
||||
<div class="stats-item" title="Pinned">
|
||||
<dt>
|
||||
<span class="sr-only">Pinned</span>
|
||||
<i class="fa fa-thumb-tack" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd class="sr-only">true</dd>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stats-item language" title="Engels (English)">
|
||||
<dt class="sr-only">Language</dt>
|
||||
<dd>
|
||||
<span class="sr-only">Engels (English)</span>
|
||||
<span aria-hidden="true">en</span>
|
||||
</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</aside>
|
||||
<a href="http://localhost:8080/@admin/statuses/01F8MHAAY43M6RJ473VQFCVH37" class="status-link"
|
||||
data-nosnippet title="Open thread at this post">
|
||||
Open thread at this post
|
||||
</a>
|
||||
</article>
|
||||
<article class="status expanded" id="01F8MH75CBF9JFX4ZAD54N0W0R-pinned" role="region"
|
||||
aria-label="@admin, Oct 20, 2021, language Engels (English), has media, 1 reply, 1 favourite">
|
||||
<header class="status-header">
|
||||
<address>
|
||||
<a href="http://localhost:8080/@admin" rel="author" title="Open profile">
|
||||
<picture class="avatar" aria-hidden="true">
|
||||
<img src="http://localhost:8080/assets/default_avatars/GoToSocial_icon4.webp"
|
||||
alt="Avatar for admin" title="Avatar for admin">
|
||||
</picture>
|
||||
<div class="author-strapline">
|
||||
<span class="displayname text-cutoff">admin</span>
|
||||
<span class="sr-only">,</span>
|
||||
<span class="username text-cutoff">@admin</span>
|
||||
</div>
|
||||
<span class="sr-only">(open profile)</span>
|
||||
</a>
|
||||
</address>
|
||||
</header>
|
||||
<div class="status-body">
|
||||
<div class="text">
|
||||
<div class="content" lang="en">
|
||||
hello world! #welcome ! first post on the instance <picture>
|
||||
<source class="emoji"
|
||||
srcset="http://localhost:8080/fileserver/01AY6P665V14JJR0AFVRT7311Y/emoji/static/01F8MH9H8E4VG3KDYJR9EGPXCQ.png"
|
||||
type="image/png" media="(prefers-reduced-motion: reduce)" width="25" height="25" /><img
|
||||
class="emoji"
|
||||
src="http://localhost:8080/fileserver/01AY6P665V14JJR0AFVRT7311Y/emoji/original/01F8MH9H8E4VG3KDYJR9EGPXCQ.png"
|
||||
title=":rainbow:" alt=":rainbow:" loading="lazy" width="25" height="25" /></picture> !
|
||||
</div>
|
||||
</div>
|
||||
<div class="media photoswipe-gallery odd single" role="group" aria-label="1 attachment">
|
||||
<div class="media-wrapper">
|
||||
<details class="image-spoiler media-spoiler" open>
|
||||
<summary>
|
||||
<div class="show sensitive button" aria-hidden="true">Show sensitive media</div>
|
||||
<span class="eye button" role="button" tabindex="0" aria-label="Toggle media">
|
||||
<i class="hide fa fa-fw fa-eye-slash" aria-hidden="true"></i>
|
||||
<i class="show fa fa-fw fa-eye" aria-hidden="true"></i>
|
||||
</span>
|
||||
<img
|
||||
src="http://localhost:8080/fileserver/01F8MH17FWEB39HZJ76B6VXSKF/attachment/small/01F8MH6NEM8D7527KZAECTCR76.webp"
|
||||
loading="lazy"
|
||||
alt="Black and white image of some 50's style text saying: Welcome On Board"
|
||||
title="Black and white image of some 50's style text saying: Welcome On Board"
|
||||
width="1200" height="630" />
|
||||
</summary>
|
||||
<a class="photoswipe-slide"
|
||||
href="http://localhost:8080/fileserver/01F8MH17FWEB39HZJ76B6VXSKF/attachment/original/01F8MH6NEM8D7527KZAECTCR76.jpg"
|
||||
target="_blank" data-pswp-width="1200px" data-pswp-height="630px" data-cropped="true"
|
||||
alt="Black and white image of some 50's style text saying: Welcome On Board"
|
||||
title="Black and white image of some 50's style text saying: Welcome On Board">
|
||||
<img
|
||||
src="http://localhost:8080/fileserver/01F8MH17FWEB39HZJ76B6VXSKF/attachment/small/01F8MH6NEM8D7527KZAECTCR76.webp"
|
||||
loading="lazy"
|
||||
alt="Black and white image of some 50's style text saying: Welcome On Board"
|
||||
title="Black and white image of some 50's style text saying: Welcome On Board"
|
||||
width="1200" height="630" />
|
||||
</a>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<aside class="status-info" aria-hidden="true">
|
||||
<dl class="status-stats">
|
||||
<div class="stats-grouping">
|
||||
<div class="stats-item published-at text-cutoff">
|
||||
<dt class="sr-only">Published</dt>
|
||||
<dd>
|
||||
<time datetime="2021-10-20T11:36:45.000Z">Oct 20, 2021, 13:36</time>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="stats-grouping">
|
||||
<div class="stats-item" title="Replies">
|
||||
<dt>
|
||||
<span class="sr-only">Replies</span>
|
||||
<i class="fa fa-reply-all" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>1</dd>
|
||||
</div>
|
||||
<div class="stats-item" title="Faves">
|
||||
<dt>
|
||||
<span class="sr-only">Favourites</span>
|
||||
<i class="fa fa-star" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>1</dd>
|
||||
</div>
|
||||
<div class="stats-item" title="Boosts">
|
||||
<dt>
|
||||
<span class="sr-only">Reblogs</span>
|
||||
<i class="fa fa-retweet" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>0</dd>
|
||||
</div>
|
||||
<div class="stats-item" title="Pinned">
|
||||
<dt>
|
||||
<span class="sr-only">Pinned</span>
|
||||
<i class="fa fa-thumb-tack" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd class="sr-only">true</dd>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stats-item language" title="Engels (English)">
|
||||
<dt class="sr-only">Language</dt>
|
||||
<dd>
|
||||
<span class="sr-only">Engels (English)</span>
|
||||
<span aria-hidden="true">en</span>
|
||||
</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</aside>
|
||||
<a href="http://localhost:8080/@admin/statuses/01F8MH75CBF9JFX4ZAD54N0W0R" class="status-link"
|
||||
data-nosnippet title="Open thread at this post">
|
||||
Open thread at this post
|
||||
</a>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
<section class="recent statuses" aria-labelledby="recent">
|
||||
<div class="col-header">
|
||||
<h3 id="recent" tabindex="-1">Recent posts</h3>
|
||||
<a href="/@admin/feed.rss" class="rss-icon" aria-label="RSS feed">
|
||||
<i class="fa fa-rss-square" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="thread">
|
||||
<article class="status expanded" id="01F8MHAAY43M6RJ473VQFCVH37" role="region"
|
||||
aria-label="@admin, Oct 20, 2021, language Engels (English), 1 favourite">
|
||||
<header class="status-header">
|
||||
<address>
|
||||
<a href="http://localhost:8080/@admin" rel="author" title="Open profile">
|
||||
<picture class="avatar" aria-hidden="true">
|
||||
<img src="http://localhost:8080/assets/default_avatars/GoToSocial_icon4.webp"
|
||||
alt="Avatar for admin" title="Avatar for admin">
|
||||
</picture>
|
||||
<div class="author-strapline">
|
||||
<span class="displayname text-cutoff">admin</span>
|
||||
<span class="sr-only">,</span>
|
||||
<span class="username text-cutoff">@admin</span>
|
||||
</div>
|
||||
<span class="sr-only">(open profile)</span>
|
||||
</a>
|
||||
</address>
|
||||
</header>
|
||||
<div class="status-body">
|
||||
<details class="text-spoiler">
|
||||
<summary>
|
||||
<span class="spoiler-text" lang="en">open to see some puppies</span>
|
||||
<span class="button" role="button" tabindex="0">Toggle visibility</span>
|
||||
</summary>
|
||||
<div class="text">
|
||||
<div class="content" lang="en">
|
||||
🐕🐕🐕🐕🐕
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
<aside class="status-info" aria-hidden="true">
|
||||
<dl class="status-stats">
|
||||
<div class="stats-grouping">
|
||||
<div class="stats-item published-at text-cutoff">
|
||||
<dt class="sr-only">Published</dt>
|
||||
<dd>
|
||||
<time datetime="2021-10-20T12:36:45.000Z">Oct 20, 2021, 14:36</time>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="stats-grouping">
|
||||
<div class="stats-item" title="Replies">
|
||||
<dt>
|
||||
<span class="sr-only">Replies</span>
|
||||
<i class="fa fa-reply-all" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>0</dd>
|
||||
</div>
|
||||
<div class="stats-item" title="Faves">
|
||||
<dt>
|
||||
<span class="sr-only">Favourites</span>
|
||||
<i class="fa fa-star" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>1</dd>
|
||||
</div>
|
||||
<div class="stats-item" title="Boosts">
|
||||
<dt>
|
||||
<span class="sr-only">Reblogs</span>
|
||||
<i class="fa fa-retweet" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>0</dd>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stats-item language" title="Engels (English)">
|
||||
<dt class="sr-only">Language</dt>
|
||||
<dd>
|
||||
<span class="sr-only">Engels (English)</span>
|
||||
<span aria-hidden="true">en</span>
|
||||
</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</aside>
|
||||
<a href="http://localhost:8080/@admin/statuses/01F8MHAAY43M6RJ473VQFCVH37" class="status-link"
|
||||
data-nosnippet title="Open thread at this post">
|
||||
Open thread at this post
|
||||
</a>
|
||||
</article>
|
||||
<article class="status expanded" id="01F8MH75CBF9JFX4ZAD54N0W0R" role="region"
|
||||
aria-label="@admin, Oct 20, 2021, language Engels (English), has media, 1 reply, 1 favourite">
|
||||
<header class="status-header">
|
||||
<address>
|
||||
<a href="http://localhost:8080/@admin" rel="author" title="Open profile">
|
||||
<picture class="avatar" aria-hidden="true">
|
||||
<img src="http://localhost:8080/assets/default_avatars/GoToSocial_icon4.webp"
|
||||
alt="Avatar for admin" title="Avatar for admin">
|
||||
</picture>
|
||||
<div class="author-strapline">
|
||||
<span class="displayname text-cutoff">admin</span>
|
||||
<span class="sr-only">,</span>
|
||||
<span class="username text-cutoff">@admin</span>
|
||||
</div>
|
||||
<span class="sr-only">(open profile)</span>
|
||||
</a>
|
||||
</address>
|
||||
</header>
|
||||
<div class="status-body">
|
||||
<div class="text">
|
||||
<div class="content" lang="en">
|
||||
hello world! #welcome ! first post on the instance <picture>
|
||||
<source class="emoji"
|
||||
srcset="http://localhost:8080/fileserver/01AY6P665V14JJR0AFVRT7311Y/emoji/static/01F8MH9H8E4VG3KDYJR9EGPXCQ.png"
|
||||
type="image/png" media="(prefers-reduced-motion: reduce)" width="25" height="25" /><img
|
||||
class="emoji"
|
||||
src="http://localhost:8080/fileserver/01AY6P665V14JJR0AFVRT7311Y/emoji/original/01F8MH9H8E4VG3KDYJR9EGPXCQ.png"
|
||||
title=":rainbow:" alt=":rainbow:" loading="lazy" width="25" height="25" /></picture> !
|
||||
</div>
|
||||
</div>
|
||||
<div class="media photoswipe-gallery odd single" role="group" aria-label="1 attachment">
|
||||
<div class="media-wrapper">
|
||||
<details class="image-spoiler media-spoiler" open>
|
||||
<summary>
|
||||
<div class="show sensitive button" aria-hidden="true">Show sensitive media</div>
|
||||
<span class="eye button" role="button" tabindex="0" aria-label="Toggle media">
|
||||
<i class="hide fa fa-fw fa-eye-slash" aria-hidden="true"></i>
|
||||
<i class="show fa fa-fw fa-eye" aria-hidden="true"></i>
|
||||
</span>
|
||||
<img
|
||||
src="http://localhost:8080/fileserver/01F8MH17FWEB39HZJ76B6VXSKF/attachment/small/01F8MH6NEM8D7527KZAECTCR76.webp"
|
||||
loading="lazy"
|
||||
alt="Black and white image of some 50's style text saying: Welcome On Board"
|
||||
title="Black and white image of some 50's style text saying: Welcome On Board"
|
||||
width="1200" height="630" />
|
||||
</summary>
|
||||
<a class="photoswipe-slide"
|
||||
href="http://localhost:8080/fileserver/01F8MH17FWEB39HZJ76B6VXSKF/attachment/original/01F8MH6NEM8D7527KZAECTCR76.jpg"
|
||||
target="_blank" data-pswp-width="1200px" data-pswp-height="630px" data-cropped="true"
|
||||
alt="Black and white image of some 50's style text saying: Welcome On Board"
|
||||
title="Black and white image of some 50's style text saying: Welcome On Board">
|
||||
<img
|
||||
src="http://localhost:8080/fileserver/01F8MH17FWEB39HZJ76B6VXSKF/attachment/small/01F8MH6NEM8D7527KZAECTCR76.webp"
|
||||
loading="lazy"
|
||||
alt="Black and white image of some 50's style text saying: Welcome On Board"
|
||||
title="Black and white image of some 50's style text saying: Welcome On Board"
|
||||
width="1200" height="630" />
|
||||
</a>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<aside class="status-info" aria-hidden="true">
|
||||
<dl class="status-stats">
|
||||
<div class="stats-grouping">
|
||||
<div class="stats-item published-at text-cutoff">
|
||||
<dt class="sr-only">Published</dt>
|
||||
<dd>
|
||||
<time datetime="2021-10-20T11:36:45.000Z">Oct 20, 2021, 13:36</time>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="stats-grouping">
|
||||
<div class="stats-item" title="Replies">
|
||||
<dt>
|
||||
<span class="sr-only">Replies</span>
|
||||
<i class="fa fa-reply-all" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>1</dd>
|
||||
</div>
|
||||
<div class="stats-item" title="Faves">
|
||||
<dt>
|
||||
<span class="sr-only">Favourites</span>
|
||||
<i class="fa fa-star" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>1</dd>
|
||||
</div>
|
||||
<div class="stats-item" title="Boosts">
|
||||
<dt>
|
||||
<span class="sr-only">Reblogs</span>
|
||||
<i class="fa fa-retweet" aria-hidden="true"></i>
|
||||
</dt>
|
||||
<dd>0</dd>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stats-item language" title="Engels (English)">
|
||||
<dt class="sr-only">Language</dt>
|
||||
<dd>
|
||||
<span class="sr-only">Engels (English)</span>
|
||||
<span aria-hidden="true">en</span>
|
||||
</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</aside>
|
||||
<a href="http://localhost:8080/@admin/statuses/01F8MH75CBF9JFX4ZAD54N0W0R" class="status-link"
|
||||
data-nosnippet title="Open thread at this post">
|
||||
Open thread at this post
|
||||
</a>
|
||||
</article>
|
||||
</div>
|
||||
<nav class="backnextlinks">
|
||||
<a href="http://localhost:8080/@admin?max_id=01F8MH75CBF9JFX4ZAD54N0W0R" class="next">Show older</a>
|
||||
</nav>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<footer class="page-footer">
|
||||
<nav>
|
||||
<ul class="nodot">
|
||||
<li id="about">
|
||||
<a href="/about" class="nounderline">
|
||||
About GoToSocial Testrig Instance
|
||||
</a>
|
||||
</li>
|
||||
<li id="version">
|
||||
<a href="https://github.com/superseriousbusiness/gotosocial" class="nounderline"
|
||||
rel="nofollow noreferrer noopener" target="_blank">
|
||||
<span aria-hidden="true">🦥</span>
|
||||
Source - GoToSocial 0.0.0-testrig
|
||||
<span aria-hidden="true">🦥</span>
|
||||
</a>
|
||||
</li>
|
||||
<li id="contact">
|
||||
<a href="/@admin" class="nounderline">
|
||||
Contact account - admin
|
||||
</a>
|
||||
</li>
|
||||
<li id="email">
|
||||
<a href="mailto:admin@example.org" class="nounderline" rel="nofollow noreferrer noopener" target="_blank">
|
||||
Email - admin@example.org
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -33,9 +33,9 @@ export function FakeStatus({ children }) {
|
|||
<article className="status expanded">
|
||||
<header className="status-header">
|
||||
<address>
|
||||
<a style={{margin: 0}}>
|
||||
<a style={{ margin: 0 }}>
|
||||
<img className="avatar" src={account.avatar} alt="" />
|
||||
<dl className="author-strap">
|
||||
<dl className="author-strapline">
|
||||
<dt className="sr-only">Display name</dt>
|
||||
<dd className="displayname text-cutoff">
|
||||
{account.display_name.trim().length > 0 ? account.display_name : account.username}
|
||||
|
|
@ -82,7 +82,7 @@ export function Status({ status }: { status: StatusType }) {
|
|||
|
||||
function StatusHeader({ status }: { status: StatusType }) {
|
||||
const author = status.account;
|
||||
|
||||
|
||||
return (
|
||||
<header className="status-header">
|
||||
<address>
|
||||
|
|
@ -99,7 +99,7 @@ function StatusHeader({ status }: { status: StatusType }) {
|
|||
alt={`Avatar for ${author.username}`}
|
||||
title={`Avatar for ${author.username}`}
|
||||
/>
|
||||
<div className="author-strap">
|
||||
<div className="author-strapline">
|
||||
<span className="displayname text-cutoff">{author.display_name}</span>
|
||||
<span className="sr-only">,</span>
|
||||
<span className="username text-cutoff">@{author.acct}</span>
|
||||
|
|
@ -130,7 +130,7 @@ function StatusBody({ status }: { status: StatusType }) {
|
|||
className="spoiler-text"
|
||||
lang={status.language}
|
||||
>
|
||||
{ status.spoiler_text
|
||||
{status.spoiler_text
|
||||
? status.spoiler_text + " "
|
||||
: "[no content warning set] "
|
||||
}
|
||||
|
|
@ -146,7 +146,7 @@ function StatusBody({ status }: { status: StatusType }) {
|
|||
</summary>
|
||||
<div
|
||||
className="text"
|
||||
dangerouslySetInnerHTML={{__html: content}}
|
||||
dangerouslySetInnerHTML={{ __html: content }}
|
||||
/>
|
||||
</details>
|
||||
<StatusMedia status={status} />
|
||||
|
|
@ -170,7 +170,7 @@ function StatusMedia({ status }: { status: StatusType }) {
|
|||
role="group"
|
||||
aria-label={aria_label}
|
||||
>
|
||||
{ status.media_attachments.map((media) => {
|
||||
{status.media_attachments.map((media) => {
|
||||
return (
|
||||
<StatusMediaEntry
|
||||
key={media.id}
|
||||
|
|
@ -220,14 +220,14 @@ function StatusMediaEntry({ media }: { media: MediaAttachment }) {
|
|||
|
||||
function StatusFooter({ status }: { status: StatusType }) {
|
||||
return (
|
||||
<aside className="status-info" aria-hidden="true">
|
||||
<aside className="status-info" aria-hidden="true">
|
||||
<dl className="status-stats">
|
||||
<div className="stats-grouping">
|
||||
<div className="stats-item published-at text-cutoff">
|
||||
<dt className="sr-only">Published</dt>
|
||||
<dd>
|
||||
<time dateTime={status.created_at}>
|
||||
{ new Date(status.created_at).toLocaleString() }
|
||||
{new Date(status.created_at).toLocaleString()}
|
||||
</time>
|
||||
</dd>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -20,47 +20,30 @@
|
|||
{{- with .Account }}
|
||||
<address>
|
||||
{{- if $.Local }}
|
||||
<a
|
||||
href="{{- .URL -}}"
|
||||
rel="author"
|
||||
title="Open profile"
|
||||
>
|
||||
{{- else }}
|
||||
<a
|
||||
href="{{- .URL -}}"
|
||||
rel="author nofollow noreferrer noopener" target="_blank"
|
||||
title="Open remote profile (opens in a new window)"
|
||||
>
|
||||
{{- end }}
|
||||
<picture
|
||||
class="avatar"
|
||||
aria-hidden="true"
|
||||
>
|
||||
{{- if .AvatarAttachment }}
|
||||
<source
|
||||
srcset="{{- .AvatarStatic -}}"
|
||||
type="{{- .AvatarAttachment.PreviewMIMEType -}}"
|
||||
media="(prefers-reduced-motion: reduce)"
|
||||
/>
|
||||
<a href="{{- .URL -}}" rel="author" title="Open profile">
|
||||
{{- else }}
|
||||
<a href="{{- .URL -}}" rel="author nofollow noreferrer noopener" target="_blank"
|
||||
title="Open remote profile (opens in a new window)">
|
||||
{{- end }}
|
||||
<img
|
||||
src="{{- .Avatar -}}"
|
||||
alt="Avatar for {{ .Username -}}"
|
||||
title="Avatar for {{ .Username -}}"
|
||||
>
|
||||
</picture>
|
||||
<div class="author-strap">
|
||||
<span class="displayname text-cutoff">
|
||||
{{- if .DisplayName -}}
|
||||
{{- emojify .Emojis (escape .DisplayName) -}}
|
||||
{{- else -}}
|
||||
{{- .Username -}}
|
||||
{{- end -}}
|
||||
</span>
|
||||
<span class="sr-only">,</span>
|
||||
<span class="username text-cutoff">@{{- .Acct -}}</span>
|
||||
</div>
|
||||
<span class="sr-only">(open profile)</span>
|
||||
</a>
|
||||
<picture class="avatar" aria-hidden="true">
|
||||
{{- if .AvatarAttachment }}
|
||||
<source srcset="{{- .AvatarStatic -}}" type="{{- .AvatarAttachment.PreviewMIMEType -}}"
|
||||
media="(prefers-reduced-motion: reduce)" />
|
||||
{{- end }}
|
||||
<img src="{{- .Avatar -}}" alt="Avatar for {{ .Username -}}" title="Avatar for {{ .Username -}}">
|
||||
</picture>
|
||||
<div class="author-strapline">
|
||||
<span class="displayname text-cutoff">
|
||||
{{- if .DisplayName -}}
|
||||
{{- emojify .Emojis (escape .DisplayName) -}}
|
||||
{{- else -}}
|
||||
{{- .Username -}}
|
||||
{{- end -}}
|
||||
</span>
|
||||
<span class="sr-only">,</span>
|
||||
<span class="username text-cutoff">@{{- .Acct -}}</span>
|
||||
</div>
|
||||
<span class="sr-only">(open profile)</span>
|
||||
</a>
|
||||
</address>
|
||||
{{- end }}
|
||||
Loading…
Reference in a new issue