remove default avatars

assets/dist/profile.css

@@ -66,7 +66,7 @@
 	--overlap: calc(var(--avatar-size) - var(--name-size) - var(--username-size));
 }
 
-/* 
+/*
 		Basic info container has the user's avatar, display- and username, and role
 		It's partially overlapped over the header image, by a negative margin-top
 	*/
@@ -134,7 +134,7 @@
 			justify-self: start;
 			border-radius: var(--br);
 			padding: 0.3rem;
-			
+
 			line-height: 1.1rem;
 			font-size: 0.9rem;
 			font-variant: small-caps;
@@ -170,7 +170,7 @@
 	display: flex;
 	justify-content: start;
 	gap: 2rem;
-	align-items: center; 
+	align-items: center;
 
 	margin: 0;
 	background: var(--profile-bg);
@@ -186,7 +186,7 @@
 	}
 
 .profile .toots {
-	flex: 65 25rem; 
+	flex: 65 25rem;
 	display: flex;
 	flex-direction: column;
 	gap: 0.4rem;
@@ -241,9 +241,13 @@
 		}
 
 .profile .about-user {
-	flex: 35 14rem;
-	border-radius: var(--br);
 	overflow: hidden;
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+}
+.profile .about-user > * {
+	border-radius: var(--br);
 }
 
 .profile .about-user .col-header {
@@ -252,34 +256,32 @@
 
 .profile .about-user .fields {
 		background: var(--profile-bg);
-		display: flex;
-		flex-direction: column;
+		display: grid;
+		grid-template: max-content 1fr;
 		padding: 0 0.5rem;
-		padding-top: 0.25rem;
 	}
 
-.profile .about-user .fields .field {
-			padding: 0.25rem;
-			display: flex;
-			flex-direction: column;
-			border-bottom: 0.1rem solid var(--gray2);
-		}
-
-.profile .about-user .fields .field:first-child {
+.profile .about-user .fields .field + .field {
 				border-top: 0.1rem solid var(--gray2);
 			}
 
 .profile .about-user .bio {
 		background: var(--profile-bg);
-		padding: 1rem 0.75rem;
-		padding-bottom: 1.25rem;
+		padding: 1rem;
 	}
 
 .profile .about-user .accountstats {
 		background: var(--bg-accent);
-		padding: 0.75rem;
-		
+		padding: 1rem;
+
 		display: grid;
-		grid-template-columns: auto 1fr;
-		gap: 0.25rem 1rem;
+		grid-template-columns: auto auto;
+		gap: 0.5rem 1rem;
 	}
+.profile .about-user .accountstats > b {
+	justify-self: end;
+	font-weight: normal;
+}
+.profile .about-user .accountstats > b + * {
+	justify-self: start;
+}

assets/dist/tag.css

@@ -0,0 +1,26 @@
+
+/*
+	GoToSocial
+	Copyright (C) 2021-2023 GoToSocial Authors admin@gotosocial.org
+
+	This program is free software: you can redistribute it and/or modify
+	it under the terms of the GNU Affero General Public License as published by
+	the Free Software Foundation, either version 3 of the License, or
+	(at your option) any later version.
+
+	This program is distributed in the hope that it will be useful,
+	but WITHOUT ANY WARRANTY; without even the implied warranty of
+	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+	GNU Affero General Public License for more details.
+
+	You should have received a copy of the GNU Affero General Public License
+	along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+.thread #tag-name {
+        /* Ensure ridiculous length tags get wrapped */
+        word-wrap: anywhere; 
+    }
+
+
+

template/profile.tmpl

@@ -59,20 +59,18 @@
 				{{ if .account.Note }}
 				{{emojify .account.Emojis (noescape .account.Note)}}
 				{{else}}
-				This GoToSocial user hasn't written a bio yet!
+				no bio
 				{{end}}
 			</div>
 
 			<div class="fields">
 				{{ range .account.Fields }}
-				<div class="field">
-					<b>{{emojify $.account.Emojis (noescape .Name)}}</b>
-					<span>{{emojify $.account.Emojis (noescape .Value)}}</span>
-				</div>
+				<b>{{emojify $.account.Emojis (noescape .Name)}}</b>
+				<span>{{replace 'https?://' '' {{emojify $.account.Emojis (noescape .Value)}} }}</span>
 				{{ end }}
 			</div>
 
-			<div class="accountstats" aria-hidden="true">
+			<div class="accountstats">
 				<b>Joined</b><time datetime="{{.account.CreatedAt}}">{{.account.CreatedAt | timestampVague}}</time>
 				<b>Posts</b><span>{{.account.StatusesCount}}</span>
 				<b>Followed by</b><span>{{.account.FollowersCount}}</span>
@@ -89,7 +87,7 @@
 			<section class="thread">
 				{{ range .pinned_statuses }}
 				<article class="toot expanded" id="{{.ID}}">
-					{{ template "status.tmpl" .}}
+					{{ template "status_profile.tmpl" .}}
 				</article>
 				{{ end }}
 			</section>
@@ -110,7 +108,7 @@
 				{{ else }}
 				{{ range .statuses }}
 				<article class="toot expanded" id="{{.ID}}">
-					{{ template "status.tmpl" .}}
+					{{ template "status_profile.tmpl" .}}
 				</article>
 				{{ end }}
 				{{ end }}

template/status_profile.tmpl

@@ -0,0 +1,102 @@
+{{- /*
+// GoToSocial
+// Copyright (C) GoToSocial Authors admin@gotosocial.org
+// SPDX-License-Identifier: AGPL-3.0-or-later
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/ -}}
+
+<section class="body">
+	<div class="text">
+		{{if .SpoilerText}}
+		<details class="text-spoiler">
+			<summary>
+				<span class="spoiler-text">{{emojify .Emojis (escape .SpoilerText)}}</span>
+				<span class="button" role="button" tabindex="0">Toggle visibility</span>
+			</summary>
+			<div class="content">
+				{{emojify .Emojis (noescape .Content)}}
+			</div>
+		</details>
+		{{else}}
+		<div class="content">
+			{{emojify .Emojis (noescape .Content)}}
+		</div>
+		{{end}}
+	</div>
+	{{with .MediaAttachments}}
+	<div
+		class="media photoswipe-gallery {{(len .) | oddOrEven }}{{if eq (len .) 1}} single{{end}}{{if eq (len .) 2}} double{{end}}">
+		{{range $index, $media := .}}
+		{{with $media}}
+		<div class="media-wrapper">
+			<details class="{{.Type}}-spoiler media-spoiler" {{if not $.Sensitive}}open{{end}}>
+				<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>
+
+					{{if eq .Type "video"}}
+					<video {{if .Description}} title="{{.Description}}" {{end}}>
+						<source type="video/mp4" src="{{.URL}}" />
+					</video>
+					{{else}}
+					<img {{if .Description}} title="{{.Description}}" {{end}} src="{{.PreviewURL}}" />
+					{{end}}
+				</summary>
+				{{if eq .Type "video"}}
+				<video class="plyr-video photoswipe-slide" controls {{if .Description}}alt="{{.Description}}"
+					title="{{.Description}}" {{end}} data-pswp-index="{{$index}}" data-pswp-width="{{.Meta.Original.Width}}px"
+					data-pswp-height="{{.Meta.Original.Height}}px">
+					<source type="video/mp4" src="{{.URL}}" />
+				</video>
+				{{else}}
+				<a class="photoswipe-slide" href="{{.URL}}" target="_blank" {{if .Description}}title="{{.Description}}" {{end}}
+					data-pswp-width="{{.Meta.Original.Width}}px" data-pswp-height="{{.Meta.Original.Height}}px"
+					data-cropped="true">
+					<img src="{{.PreviewURL}}" {{if .Description}}alt="{{.Description}}" {{end}} />
+				</a>
+				{{end}}
+			</details>
+		</div>
+		{{end}}
+		{{end}}
+	</div>
+	{{end}}
+</section>
+
+<aside class="info">
+	<time datetime="{{.CreatedAt}}" title="{{.CreatedAt}}">{{.CreatedAt | timestampPrecise}}</time>
+	<div class="stats" role="group">
+		<div>
+			<span>{{.RepliesCount}} {{if .RepliesCount | eq 1}}reply{{else}}replies{{end}}</span>
+		</div>
+		<div>
+			<span>{{.FavouritesCount}} favourite{{if .FavouritesCount | eq 1 | not}}s{{end}}</span>
+		</div>
+		<div>
+			<span>{{.ReblogsCount}} boost{{if .ReblogsCount | eq 1 | not}}s{{end}}</span>
+		</div>
+		{{if .Pinned}}
+		<div>
+			<span>pinned</span>
+		</div>
+		{{end}}
+	</div>
+</aside>
+<a data-nosnippet href="{{.URL}}" class="toot-link">Open thread</a>

template/tag.tmpl

@@ -0,0 +1,27 @@
+{{- /*
+// GoToSocial
+// Copyright (C) GoToSocial Authors admin@gotosocial.org
+// SPDX-License-Identifier: AGPL-3.0-or-later
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/ -}}
+
+{{ template "header.tmpl" .}}
+
+<main class="thread">
+	<h2 id="tag-name" tabindex="-1">#{{.tagName}}</h2>
+	<p>nothing yet</p>
+</main>
+
+{{ template "footer.tmpl" .}}